/*
Theme Name: Jujubas
Theme URI: http://popnoid.com
Description: Jujubas coloridas. :)
Version: 1.0
Author: Mariana Curci
*/

body {
	margin: 0px auto 0px auto;
	padding: 0px;
	font-family: Arial, sans-serif;
	background: #fffff7;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	}

/* Básico */

u {
color: #000000;
border-bottom: 1px dashed #ff0083;}

b {
color: #2f2e27; cursor:default;}

b:hover {
color: #000000; cursor:default;}

strong {
color: #2f2e27; cursor:default;}

strong:hover {
color: #000000; cursor:default;}

i {
color: #2f2e27;}

em {
color: #2f2e27;}

ol {margin:15px; padding:0px; list-style-type:decimal; }
li {margin-left:15px; padding:0px; list-style-type:decimal; }
ul {margin:0px; padding:0px; list-style-type:decimal; }

/* Divisórias de posts */

.hr2 { border-top: 2px solid #ffdee4;}

.hr3 { border-bottom: 2px solid #ffdee4;}


/* Linha do layout */		
#wrap {
	margin: 0px auto 0px auto;
	padding: 20px;
	width: 1024px;
	text-align: justify;
	}

/* Header */
#header {
height:257px;
background:url(img/header.jpg) no-repeat top center;
width:1024px;
}

/* Menu horizontal */
.menu {
float: right;
margin-top: -60px;
}

.menu ul{
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
color: #000000;
}

.menu ul li{
position: relative;
display: inline;
float: left;
margin: 0px}

.menu ul li a{
display: block;
width: 120px;
height: 20px;
padding: 15px 8px;
text-decoration: none;
color: #000000;
font-weight: bold;
font-size: 12px;
text-align: center;
}
.menu ul li a:hover{color: #000000;}

.menu ul li a#azul{
background:#00eeff;
border-right: 10px solid #fffff7;
}

.menu ul li a#azul:hover{
background: #fffff7;
}

.menu ul li a#rosa{
background:#ff00c9;
border-right: 10px solid #fffff7;
}

.menu ul li a#rosa:hover{
background: #fffff7;
}

.menu ul li a#verde{
background:#00ff3e;
border-right: 10px solid #fffff7;
}

.menu ul li a#verde:hover{
background: #fffff7;
}
.menu ul li a#amarelo{
background:#ffff00;
border-right: 10px solid #fffff7;
}

.menu ul li a#amarelo:hover{
background: #fffff7;
}
.menu ul li a#roxo{
background:#d700ff;
}

.menu ul li a#roxo:hover{
background: #fffff7;
}

/* Links */

a, a:link, a:visited, a:active {
		color: #ff0083;
		text-decoration: none;
		}
		
a:hover { color: #000000; }


/* Primeira Sidebar */

.sidebar {
	margin-top: 0px;
    margin-right: 0px;
	width: 220px;
	float: right;
    text-align: justify;
    font-size: 12px;
	background:#ffdee4;
	padding: 10px;
	}

	.sidebar side {margin-bottom: 10px;}
	.sidebar h2 {
		text-align: center;
		margin: 0px; padding: 0px;
		font-size: 12px;
		font-weight: bold;
        color: #2f2e27;
		}
	.sidebar ul {
		margin: 0px 0px 15px 0px; padding: 0px;
		list-style-type:none;
		}
        .sidebar li {
		padding: 2px 2px 2px 12px;
		margin:0 0 0 2px;
		height: auto;
		background: url(img/li.gif) left no-repeat;
		border-bottom: 1px dashed #fffff7;
		list-style-type:none;
		}
		.sidebar li:hover {
		background: url(img/li2.gif) left no-repeat;
		}
		.sidebar li a{
		color: #2f2e27;
		}
		.sidebar li a:hover {
		color: #000000;
		}
	
/* Segunda Sidebar */

.sidebar2 {
	margin-top: 0px;
    margin-right: 10px;
	width: 220px;
	float: right;
    text-align: justify;
    font-size: 12px;
	background:#ffffd1;
	padding: 10px;
	}

	.sidebar2 side {margin-bottom: 10px;}
	.sidebar2 h2 {
		text-align: center;
		margin: 0px; padding: 0px;
		font-size: 12px;
		font-weight: bold;
        color: #2f2e27;
		}
	.sidebar2 ul {
		margin: 0px 0px 15px 0px; padding: 0px;
		list-style-type:none;
		}
        .sidebar2 li {
		padding: 2px 2px 2px 12px;
		margin:0 0 0 2px;
		height: auto;
		background: url(img/li.gif) left no-repeat;
		border-bottom: 1px dashed #ffdee4;
		list-style-type:none;
		}
		.sidebar2 li:hover {
		background: url(img/li2.gif) left no-repeat;
		}
		.sidebar2 li a{
		color: #2f2e27;
		}
		.sidebar2 li a:hover {
		color: #000000;
		}
	
	
/* Conteúdo */
	
.content {
	margin-top: 10px;
    margin-left: 0px;
	padding-top: 0px;
	width: 520px;
	float: left;
	color: #000000;
        font-size: 13px;
	line-height: 16px;
	}

/* Links da área de posts */	
	
	.content a, .content a:link, .content a:visited, .content a:active {
		color: #ff0083;
		text-decoration: none;
		}
		
	.content a:hover { color: #000000; }
	
	.content h2, .content h2 a, .content h2 a:link, .content h2 a:visited, .content h2 a:active {
		margin: 0px; padding: 0px;
		font-size: 18px;
        line-height: 18px;
		font-weight: bold;
		color: #ff0083;
		border-bottom: 0px dashed #f4c9ea;
		text-decoration: none;
		text-transform: none
		}
	.content h3, .content h3 a {
		margin: 0px; padding: 0px;
		font-size: 15px;
        line-height: 16px;
		font-weight: bold;
		color: #2f2e27;
		border-bottom: 1px dashed #ffdee4;
		text-decoration: none;
		}		
	.meta {
		margin: 0px 0px 0px 0px;
                font-size: 11px;
		        border-top: 0px dotted #e0f9ff;
				padding: 3px;
		        color: #000000;
		} 
		.meta a { text-decoration: none; color: #ff0083;}
		.meta a:hover { color: #000000; }
	    .post { padding-bottom: 20px; 
                font-size: 13px;
				line-height: 16px;}
		.post a { text-decoration: none; color: #ff0083;}
		.post a:hover { color: #000000; }
		.alignright { float: right; }
		.alignleft { float: left; }
		.post ul, .post ol {
			margin: 0px; padding: 0px;
			list-style-type: none;
			}
			
		/* Lista de links */

		.posts li h2 {color: #2f2e27; font-size: 11px; font-weight: bolder; background: none; border-bottom: 1px dashed #ffdee4;}
		.posts li.linkcat {margin: 10px 0px 10px 0px; padding: 0px; display: block; width: 500px; float: left;}
		.posts li {list-style-type: none; margin: 0; padding: 0;}
		.posts ul {background: none; list-style-type: none; margin: 0; padding: 0;}
		.posts ul li { border-bottom:1px solid #ffdee4; display: block; margin:0; height: auto; width: 230px; color: #2f2e27; voice-family: "\"}\""; voice-family: inherit; text-decoration: none; float: left;}
		.posts ul li a, .posts ul li a:link, .posts ul li a:visited, .posts ul li a:active {display: block; padding: 2px 2px 2px 12px; background: url(img/li.gif) left no-repeat; color: #2f2e27; text-decoration: none;}
		.posts ul li a:hover {color: #000000; text-decoration: none;}
		.posts ul li a {width: 250px; text-decoration: none;}	
		
		.sig{width: 150px;
			height: 50px;
			background:url(img/sig.jpg) no-repeat top center;
			float: right;
			}

		blockquote {
		padding-top:5px;
		padding-right:5px;
		padding-left:5px;
		padding-bottom: 15px;
		width:75%;
		background: #ffdee4 url(img/bgbq.jpg) no-repeat bottom right;
		border-left: 1px dashed #af0089;
}

		.blockquote2 {
		padding-top:5px;
		padding-right:5px;
		padding-left:5px;
		padding-bottom: 15px;
		width:75%;
		background: #ffdee4 url(img/bgbq.jpg) no-repeat bottom right;
		border-left: 1px dashed #af0089;
}
		abbr, acronym {
			border-bottom: 0px dotted #F0F1F6;
			cursor:help;
			}
		code {
                        padding:5px;
						color: #2f2e27;
                        width:60%;
			}

.commentlist ol {
	margin: 10px; padding: 10px;
	}
	.commentlist ol li {
		margin: 0px 0px 5px 0px;
		padding: 5px 0px 2px 0px;
		border: 0px solid #8fc3fc;
		list-style-type: none;
		}
	.commentlist ol li a { text-decoration: none; color: #59A2D9; }


.footer {
	color: #775320;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	text-align: center;
    font-size: 10px;
	background:url(img/footer.jpg) no-repeat bottom center;
	padding:10px;
	}

.footer a { text-decoration: none; color: #ff0083;}
.footer a:hover { color: #000000; }
	
.clear{
	clear: both;
	padding: 0 0 1px;
	}

.meta2 {
		margin: 0px;
        padding: 5px;
        font-size: 12px;
		background-color: #fffff7;
		border: 1px solid #ffdee4;
		} 
.meta3 {
		margin: 0px;
        font-size: 12px;
		padding: 3px;
		background-color: #ffdee4;
		} 	

/* Borda em imagens */

.blogimage {
background: #ffdee4; 
padding: 7px;
margin-right: 6px;
margin-left: 6px;
margin-top: 3px;
border: 1px solid #ffdee4;
}

.blogimage:hover     {
background: #ffdee4; 
border: 1px solid #ff0083;
}

.blogimage2 {
background: #ffdee4; 
padding: 3px;
margin-right: 6px;
margin-left: 6px;
margin-top: 3px;
border: 1px solid #ffdee4;
}

.blogimage2:hover     {
background: #ffdee4; 
border: 1px solid #ff0083;
}

/* Gravatar */
.gravatar{
float:right;
background: #ffdee4; 
padding: 7px;
margin-right: 6px;
margin-left: 6px;
margin-top: 3px;
border: 1px solid #ffdee4;
}

.gravatar:hover {
background: #ff0083; 
border: 1px solid #ffdee4;
}


/* CALENDÁRIO */

#wp-calendar {
empty-cells: show;
text-align: center;
font-family:Arial;
width:100%;
}

#wp-calendar TD {
padding:2px; 
font-size: 10px; 
font-family: Arial; 
border:1px solid #ffdee4;
color:#000000;
}

#wp-calendar th{
color:#2f2e27;
text-align:center;
font-size:10px;
letter-spacing:7px;
cursor:help;
}

#wp-calendar #today {
border:1px solid #2f2e27;
}

#wp-calendar #today:hover{
border:1px solid #ffdee4;
}


#wp-calendar caption {
font:10px Arial;
letter-spacing:1px;
text-align:center;
color:#000000;
text-transform:uppercase;
margin-left:2px;
margin-right:2px;
padding:3px;
}

#wp-calendar a{
color: #ff0083;
text-decoration:none;
}

#wp-calendar a:hover{

color:#000000;
}


/*** configuração de caixa de texto e botões de formulário ***/

input, textarea, select {
background-color: #fffff7;
border:1px solid #2f2e27;
color: #2f2e27;
font-size: 10px;
font-family: tahoma;
}

input:focus, textarea:focus, select:focus {
background: #ffffff; 
border:1px solid #2f2e27;
color: #000000;
font-family: Arial;
}

input:hover, textarea:hover, select:hover{
border:1px solid #ffdee4;
}


/* Links do rodapé */


#footlink {
        width: 100%;
        text-align:left;
        font-size: 10px;
        font-weight: normal;
        }

        #footlink span {
        	background-color: #ffdee4;
			color: #000000;	
            padding:0 4px 0 4px;
        	margin:0 1px 0 1px;		
			border:2px solid #ffdee4;		
		}

	#footlink span:hover {
            border:2px solid #fffff7;
		}

	#footlink a {
        	padding:0 4px 0 4px;
        	margin:0 1px 0 1px;        
		}

	#footlink a:link, #footlink a:visited, #footlink a:active {
	color: #ff0083;
	background-color: #ffdee4;
	border:2px solid #ffdee4;
		}

	#footlink a:hover {
		color: #000000;	
		}