/*  

Theme Name: Cinnamoroll
Theme URI: http://jelly-beans.org/
Version: 1.0
Author: Verônica Peixoto
Author URI: http://jelly-beans.org 

*/



/***************** BODY *****************/

body { 
font-size:10px;
color: #666666; 
font-family:tahoma, arial, verdana, ms-serif;
margin-top:0px;
margin-bottom:0px;
background: #FAFCFD url(images/bg.jpg) repeat-x;}     



/***************** TÍTULO DO BLOG NO TOPO *****************/

.titulo-blog {padding-top: 202px;
padding-left: 10px;
font-size: 29px;
color: #ECF2F9;}

  



/***************** LINHA DO LAYOUT *****************/



#page {
width:760px;
background-image: url(images/b-line.jpg);
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
text-align: left;}


/***************** TOPO DO LAYOUT *****************/



#header {
background: url(images/b-head.jpg) no-repeat top left;
width:760px;
height:252px;}







/***************** FOOTER DO LAYOUT *****************/



#footer {
background-image:url(images/b-footer.jpg);
background-repeat: no-repeat;
width:760px;
height:112px;
padding-top: 21px;
padding-bottom: 0px;
clear: both;
font-size: 11px;
}



/***************** MEDIDAS DA ÁREA DOS POSTS *****************/



#content {
width:529px;
_widht: 525px;
text-align:justify;
padding-right:3px;
float:right;
margin-top:-4px
}

.block-content {
padding:2px;}



/***************** MEDIDAS DA SIDEBAR *****************/



#sidebar {
width: 223px;
font-family : Tahoma, Arial, Helvetica, sans-serif; 
font-size: 7pt;
color: #666666;
text-align: justify;
padding-left:3px;
margin-top:-7px;
margin-bottom:0;
float: left;
}


/*************** COR DO TEXTO SELECIONADO *************/





::-moz-selection{
background:#FFFEE9;
color:#666666;
}


::selection {
background:#FFFEE9;
color:#666666;
}


/*************** MENU COM DESCRIÇÃO *************/


.menu {
background-color: #FAFDFE; 
border: 0px solid #E9DE96;
margin-bottom:2px; 
padding-left:3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 2px;
color: #666666;
text-align: left;

}


.menu:hover{background-color:#F3FAFC;}



/***************** IMAGENS *****************/



img {border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px;}


img {
border: 0px;}




/***************** LINKS *****************/


a {text-decoration: none;}
a:link {color: #8ECDE8;}
a:visited, a:active {color: #8ECDE8;}
a:hover {color:#666666;text-decoration:none;}


/***************** NEGRITO, UNDERLINE E ITÁLICO *****************/



u{color:#666666;
border-bottom: #F9B057 2px dotted;
text-transform: none;
text-decoration: none;}

i{color:#F9B057; font-size: 9px; text-decoration: none; text-transform: none;}

em{color:#F9B057;}

b{color:#8ECDE8;}

strong{color:#8ECDE8;}

b:hover{color:#666666;}

strong:hover{color:#666666;}



/***************** INPUTS, TEXTAREA, FORMULÁRIOS *****************/



input, select{
margin:2px 2px 2px 0px;
padding-top:2px;
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
border:1px solid #C2E3F2;
background-color:#FAFDFE;
color:#666666;
font-size:7pt}


textarea, button {
margin:1px 1px 1px 0px;
padding-top:2px;
padding-left:2px;
padding-right:2px;
padding-bottom:1px;
border:1px solid #C2E3F2;
background-color:#FAFDFE;
color:#A47959;
font-size:7pt}


input:focus, textarea:focus, label:focus, select:focus {
border:1px solid #FBD09B;

}



/***************** COMENTÁRIOS *****************/



.alt {
background-color: #B1878A;}



.commentlist li {
margin: 15px 0 3px;
padding: 5px 8px 3px;
list-style: none;}



#commentlist {
margin: 0;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
border-bottom:0px solid #ffffff;
list-style-type: none;}


#commentlist li {
border-top: 0px;
padding: 5px 8px;
background-color: transparent;
}



.commentdate {
background-color:#F3FAFC;
color:#666666;
font-size:10px;
letter-spacing:0px;
line-height:11px;
font-weight:normal;
border-bottom:1px dotted #C2E3F2;
border-left:1px solid #C2E3F2;
border-right:1px solid #C2E3F2;
border-top:1px solid #C2E3F2;
font-family:tahoma;
text-align:center;
padding-right:2px;
padding-left:2px;
padding-top:2px;
padding-bottom:5px;
}





.comment-content {
color:#666666;
font-size:10px;
letter-spacing:0px;
line-height:11px;
font-weight:normal;
border-right:1px solid #C2E3F2;
background-color:#FAFDFE;
border-bottom:1px solid #C2E3F2;
border-left:1px solid #C2E3F2;
border-top:2px dotted #FBD09B;
font-family:tahoma,verdana, verdana, arial, sans-serif,sans-serif;
text-align:justify;
padding-left:0px;
padding-bottom:2px;
padding-right:0px;
}



.comment-in {
padding-top:5px;
padding-left:8px;
padding-bottom:2px;
padding-right:8px;}


.cit{

text-align:right;
padding:3px;
margin-right:3px;
margin-left:3px;
margin-top: 2px;
margin-bottom: 1px;
background-color:#F3FAFC;
border: 0px solid #DCCF9A;
font-weight:bold;

}





/***************** BORDAS DAS IMAGENS *****************/



.imageblog {background-color: #F3FAFC; 
margin:3px;
padding:5px; 
border:1px dotted #FBD09B;
}



.imageblog:hover {background-color: #FFFEE9;

}





/***************** H1,H2,H3,H4 *****************/



h1, h3, h4 {
text-transform:uppercase;
font-size : 11px; 
font-family : Tahoma, Arial, Helvetica, sans-serif; 
font-weight:bold;
color: #8ECDE8; 
padding-top:3px;
padding-bottom:3px;
padding-right:6px;
padding-left:6px;
display: block;
background-color:#ffffff;
border-bottom:2px dashed #FBD09B;
margin-left: 2px;
}

h1,h3,h4 b {color: #8ECDE8;}



h2 {display: block;
width: 95%;
background-color:#ffffff;
border-bottom:2px dashed #FBD09B;
font-color: #F287B7;
font-size: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 12px;
padding-right: 2px;
margin-bottom: 2px;
margin-top: 4px;
margin-left: 2px;
clear: both;}

h2 b {color: #8ECDE8;}







/***************** TÍTULOS DO PERFIL *****************/





.blocktitle {background-color: #FFFFFF;
display: block;
border-bottom: 2px dashed #FBD09B;
font-color: #8ECDE8;
font-size: 11px;
padding-top: 2px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 0px;
margin-top: 4px;
margin-left: 0px;
clear: both;
text-align: left;
}

.blocktitle b {color: #8ECDE8}





/***************** CONTEÚDO DO PERFIL *****************/



.info {
padding-left:2px;
padding-right:0px;
padding-top:2px;
padding-bottom:2px;
font-size:10px; 
line-height: 11px; 
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-weight: normal;
color: #666666;
text-align:justify;
margin-bottom:6px;
background-color: #FAFDFE;
border:0px solid #E9DE96;
}









/***************** CATEGORIAS (SUBTÍTULOS) DOS POSTS *****************/



.meta {
font-size:10px;
color: #666666;
padding-left:3px;
padding-top:1px;
padding-bottom:2px;
font-family: tahoma;
font-weight: normal;
text-align:left; 
margin-top: 2px;
margin-bottom: 0px;
margin-left: 49px;
text-transform:none;
background-color:#FFFCDF;
}











/***************** TÍTULOS DOS ARQUIVOS E PÁGINAS INTERNAS *****************/



.arquivos {height: 24px;
font-family : arial, 'Times New Roman', tahoma;
font-size:22px;
font-weight: bold;
color:#F9B057; 
background-color:#FFFFFF;
padding-right: 2px;
padding-left: 4px;
padding-top: 2px;
padding-bottom:2px;
margin-left: 0px;
margin-top: 2px;
margin-bottom: 0px;
border-bottom: 2px solid #C2E3F2;

}













/***************** TÍTULOS DOS POSTS *****************/



#navlink {height: 24px;
font-family : arial, 'Times New Roman', tahoma;
font-size:22px;
font-weight: bold;
color:#F9B057; 
background-color:#FFFFFF;
padding-right: 2px;
padding-left: 4px;
padding-top: 2px;
padding-bottom:2px;

margin-left: 49px;
margin-top: 2px;
margin-bottom: 0px;
border-bottom: 2px solid #C2E3F2;
}

	

#navlink a {color: #FFDDDD; 
font-weight: bold;
font-family : tahoma;
font-size: 23px;
background-color: transparent;text-transform:uppercase;

}



#navlink a:hover {
color: #FFDDDD;

}





/******************* DATA DOS POSTS *******************/


.data {
width: 45px;
height: 46px;
float: left;
margin: 2px;
background: url('images/data.jpg');
text-align: center;
}

.mes {
color: #F9B057;
font-size: 11px;
font-weight: bolder;
padding-top: 2px;
}

.dia {
text-transform: lowercase;
color: #E3D315;
font-size: 18px;
font-weight: bolder;
padding-top: 7px;
}







/***************** CONTEÚDO DAS PÁGINAS E POSTS *****************/ 



.block1 { margin-top: -4px;
background-color:;
font-size:10px; 
color:#666666;
line-height:12px;
font-family: tahoma, arial, verdana, Times New Roman;
text-align:justify;
margin-bottom:6px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2px;
padding-right: 0px;

}







/************** PARTE DEPOIS DOS POSTS *****************/



.title-recent {background-color: #FFFFFF;
display: block;
border-bottom: 2px dashed #FBD09B;
font-color: #8ECDE8;
font-size: 11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 3px;
margin-bottom: 4px;
margin-top: 4px;
margin-left: 2px;
clear: both;
text-align: left;
}

.title-recent b {color: #8ECDE8;}




h22 {display: block;
width: 98%;
background-color:#ffffff;
border-bottom:1px dashed #FBD09B;
font-color: #DB8E91;
text-decoration: strong;
font-size: 11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
margin-bottom: 2px;
margin-top: 0px;
margin-left: 1px;
clear: both;}

h22 b {color:#666666;}


.recent {color: #666666;
background-color: #FAFDFE; 
border-right: 1px solid #D7ECF7;
border-bottom: 1px solid #D7ECF7;
margin-bottom:2px; 
padding-left:2px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 2px;}


.recent:hover{background-color: #F3FAFC}







/***************** O CALENDÁRIO *****************/



#wp-calendar {
empty-cells: show;
text-align: center;
font-family:tahoma;
width:100%;
}



#wp-calendar TD {
PADDING:2px; 
FONT-SIZE: 10px; 
FONT-FAMILY: tahoma; 
BACKGROUND-COLOR:#F3FAFC;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
color:#666666;

}



#wp-calendar TD:hover{
cursor:help;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
border-right:0px;
border-bottom:0px;
}



#wp-calendar #prev a {
PADDING:1px; 
FONT-SIZE: 10px; 
FONT-FAMILY: tahoma; 
color:#8ECDE8;
text-decoration:none;
}



#wp-calendar #prev a:hover{
FONT-SIZE: 10px; 
FONT-FAMILY: tahoma; 
color:#666666
;text-decoration:none;
}



#wp-calendar #next a {
PADDING:1px; 
FONT-SIZE: 10px; 
FONT-FAMILY: tahoma; 
color:#8ECDE8
text-decoration:none;
}





#wp-calendar #next a:hover{
FONT-SIZE: 10px; 
FONT-FAMILY: tahoma; 
color:#666666;
text-decoration:none;
}



#wp-calendar th{
color:#8ECDE8
text-align:center;
font-size:10px;
font-weight:bold;
letter-spacing:7px;
BACKGROUND-color:#F3FAFC;
}



#wp-calendar #today {
font-size:10px;
background-color: #FFFEE9;
color:#F9B057;
cursor:crosshair;
font-weight:none;
}



#wp-calendar caption {
font:bold 7pt tahoma;
letter-spacing:2px;
text-align:center;
color:#F9B057;
text-transform:uppercase;
margin-left:2px;
margin-right:2px;
background-color: #FFFFFF;
padding:1px;
border-bottom:3px double #C2E3F2;
}



#wp-calendar a{
color: #8ECDE8;
font:bolder 10px tahoma;
text-decoration:none;
}



#wp-calendar a:hover{
color:#666666;
text-decoration:none;
}





/***************** FORMATAÇÃO LINKS DO PAGENAVI, NAVEGAÇÃO NAS PÁGINAS, ETC *****************/



#footlink {
border-top:1px dotted #FBD09B;
line-height:22px;
font-size:9px;
width: 100%;
text-align:center;
padding-top:3px;
padding-bottom:3px;
margin-bottom:3px;
margin-top: 2px;
}



#footlink span.footlinkcurrent{
background: #C2E3F2;
padding:2px 4px 2px 4px;
margin:1px 2px 1px 2px;
BORDER-left: #C2E3F2 1px solid; 
BORDER-top: #C2E3F2 1px solid; 
BORDER-right: #C2E3F2 1px solid; 
BORDER-bottom: #C2E3F2 1px solid;  
color:#FFFFFF;}





#footlink span.footlinktotal {
background: #FEEDDB;
padding:2px 4px 2px 4px;
margin:1px 2px 1px 2px;
BORDER-left: #C2E3F2 1px solid; 
BORDER-top: #C2E3F2 1px solid; 
BORDER-right: #C2E3F2 1px solid; 
BORDER-bottom: #C2E3F2 1px solid;   
color:#F9B057;}







#footlink a {
background: #F3FAFC;
padding:2px 4px 2px 4px;
margin:1px 2px 1px 2px;
BORDER-left: #C2E3F2 1px solid; 
BORDER-top: #C2E3F2 1px solid; 
BORDER-right: #C2E3F2 1px solid; 
BORDER-bottom: #C2E3F2 1px solid;  
color:#8ECDE8;}



#footlink a:link, #footlink a:visited, #footlink a:active {
background: #F3FAFC;
padding:2px 4px 2px 4px;
margin:1px 2px 1px 2px;
BORDER-left: #C2E3F2 1px solid; 
BORDER-top: #C2E3F2 1px solid; 
BORDER-right: #C2E3F2 1px solid; 
BORDER-bottom: #C2E3F2 1px solid;  
color:#8ECDE8;}




#footlink a:hover {
background: #FEEDDB;
padding:2px 4px 2px 4px;
margin:1px 2px 1px 2px;
BORDER-left: #FACFE1 1px solid; 
BORDER-top: #FACFE1 1px solid; 
BORDER-right: #FACFE1 1px solid; 
BORDER-bottom: #FACFE1 1px solid;  
color:#F9B057;

}







/********************* BLOCKQUOTE/EDIT DOS POSTS *******************/



blockquote {
font-family:tahoma,arial, verdana, sans-serif;
font-size:10px;
color:#666666;
border:1px solid #C2E3F2;
font-weight: normal;
font-style:normal;
margin-left:8px;
margin-right:8px;
margin-top:10px;
margin-bottom:3px;
padding-right:0px; padding-top:0px; padding-bottom:0px; padding-left:32px; 
background:#FAFDFE url('images/bgquot.jpg') repeat-y left top;}









/************************ HR **************************/



hr {border:1px solid #666666;width:100%}





/*********************** DEMAIS CLASSES *******************/



.small {font-family:microsoft sans serif, arial, tahoma, verdana, sans-serif;}



p {margin: 1.2em 0;
font-size: 1em;

}



ol, ul {
color:#666666;
margin: 1.0em 1.0em 1.0em 3.0em;
padding: 1px;}

