/* - - - - - - - - - - - - - - - - - - - - -







Nome do Tema: Katherine Lopes



Descri??o: Tema do blog da Katherine Lopes



Author: Katherine Lopes







- - - - - - - - - - - - - - - - - - - - - */







/* ----- CSS ----- */

#inicial {

	margin: 0 auto;

	height: auto;

	width: 1000px;

}

/* ----- MENU SUPERIOR ----- */

#sup-menu {

	clear: both;

	float: left;

	height: 40px;

	width: 1000px;

}

#but-feelings {

	font-size: 24px;

	font-weight: bold;

	font-family: "Times New Roman", Times, serif;

	text-align: center;

	vertical-align: middle;

	float: left;

	color: #ffffff;

	height: 40px;

	background-color: #C0C0C0;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}

#but-feelings a {

	color: #ffffff;

	text-decoration: none;

	background-color: #C0C0C0;

	height: 40px;

	float: left;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}

#but-feelings a:link {

	color: #ffffff;

	text-decoration: none;

	background-color: #C0C0C0;

	height: 40px;

	float: left;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}

#but-feelings a:hover {

	text-decoration: underline;

	color: #2095D8;

	background-color: #723908;

	height: 40px;

	float: left;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}



#but-coiffeuse {

	font-size: 24px;

	font-weight: bold;

	font-family: "Times New Roman", Times, serif;

	text-align: center;

	vertical-align: middle;

	float: left;

	color: #ffffff;

	height: 40px;

	background-color: #af27dd;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}

#but-coiffeuse a {

	color: #ffffff;

	text-decoration: none;

	background-color: #af27dd;

	height: 40px;

	float: left;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}

#but-coiffeuse a:link {

	color: #ffffff;

	text-decoration: none;

	background-color: #af27dd;

	height: 40px;

	float: left;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}

#but-coiffeuse a:hover {

	text-decoration: underline;

	color: #af27dd;

	background-color: #ffffff;

	height: 40px;

	float: left;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}



#but-site {

	font-size: 24px;

	font-weight: bold;

	font-family: "Times New Roman", Times, serif;

	text-align: center;

	vertical-align: middle;

	float: left;

	color: #FFFFFF;

	height: 40px;

	background-color: #C0C0C0;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}

#but-site a {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #C0C0C0;

	height: 40px;

	float: left;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}

#but-site a:link {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #C0C0C0;

	height: 40px;

	float: left;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}

#but-site a:hover {

	text-decoration: underline;

	color: #af27dd;

	background-color: #000000;

	height: 40px;

	float: left;

	width: 327px;

	border-right-width: 3px;

	border-left-width: 3px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

}

/* ----- MENU SUPERIOR ----- */



/* ----- MENU SUPERIOR DE NAVEGAÇÃO ----- */



#inicial #nav {



	margin: 0 auto;



        float= left;



        clear: boot;



	text-align: center;



	width: 960px;



	height: 30px;



	vertical-align: middle;



}



#inicial #nav li {



list-style-type: none;



}



#inicial #nav a{



	margin-right: 1px;



	margin-left: 1px;



	padding-left: 5px;



	padding-right: 5px;



	background-color: #AA54D1;



	width: auto;



	height: 26px;



	color: #ffffff;



	text-decoration: none;



	font-size: 20px;



	display: block;



	float: left;



	text-align: center;



	vertical-align: middle;



	border: thin solid #000000;



}



#inicial #nav a:hover {



        width: auto;



	margin-right: 1px;



	margin-left: 1px;



	padding-left: 5px;



	padding-right: 5px;



	background-color: #ffffff;



	width: auto;



	height: 26px;



	color: #AA54D1;



	text-decoration: none;



	font-size: 20px;



	display: inline;



	float: left;



	text-align: center;



	vertical-align: middle;



	border: thin solid #B926E6;



}



/* ----- MENU SUPERIOR DE NAVEGAÇÃO ----- */


#inicial #content  {
	margin-top: 360px;
	width: 1000px;
}



/* ----- SIDEBAR ----- */
#inicial #content #sidebar {
	text-align: left;
	float: left;
	height: auto;
	width: 221px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
    margin-left: 4px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}



#inicial #content #sidebar a{



	font-weight: bold;



	color: #333333;   



}



#inicial #content #sidebar a:hover {



	font-weight: bold;



	color: #AA54D1; 



}



#inicial #content #sidebar li{



    list-style-position: outside;



    list-style-type: disc;



    list-style-image: url(imagens/seta_rosa.gif);



}



/* ----- SIDEBAR ----- */







#inicial #content #sidebar img {



    border: 0px;



    text-decoration: none;



}



#inicial #content #sidebar img a{



    border: 0px;



    text-decoration: none;



}



#inicial #content #sidebar img a:hover{



    border: 0px;



    text-decoration: none;



}







/* ----- MEUS LINKS EM OUTROS SITES ----- */



#inicial #content #links {



	text-align: left;



	height: auto;



	width: 35px;



	float: left;



}



/* ----- MEUS LINKS EM OUTROS SITES ----- */







/* ----- RODAPÉ ----- */



#inicial #rodape {



    float: left;



	height: auto;



	width: 1000px;



	font-size: 14px;



	color: #FFFFFF;



	background-color: #AA54D1;



}



#inicial #rodape a {



	font-weight: bold;



	color: #FFFFFF;



}



#inicial #rodape a:hover {



	font-weight: bold;



	color: #000000;



}



#inicial #rodape #rodape-div {



        width: 250px;



        height: auto;



	float: left;



	margin-left: 10px;



        margin-right: 10px;



	text-align: left;



}



#inicial #rodape #rodape-white {



	float: left;



        width: 10px;



	height: 200px;



	background-color: #FFFFFF;



}



/* ----- RODAPÉ ----- */




body {

	margin: 0px;



	padding: 0;



	background-color: #edd4fe;



	background-image: url(imagens/back-2010.jpg);



	background-repeat: no-repeat;



	background-position: center 30px;	



}



body,td,th {



	font-family: Georgia, Times New Roman, Times, serif;



	font-size: 14px;



	color: #000000;



}



a:link {



	color: #AA54D1;



}



a:visited {



	color: #AA54D1;



}



a:hover {



	color: #60107A;



}



a:active {



	color: #AA54D1;



}







/* ----- PÁGINA DE ARQUIVOS ----- */



#inicial #content #arquive {



	height: 100%;



	width: 650px;



        padding-left: 20px;



}



#inicial #content #arquive a{



        color: #000000;



}



#inicial #content #arquive a:hover {



	color: #AA54D1;



}



/* ----- PÁGINA DE ARQUIVOS ----- */







/* ----- DOS POSTS ----- */



#inicial #content #posts {
	text-align: left;
	float: left;
	height: auto;
	width: 670px;
	float: left;
}

#inicial #content #posts .posts-estilo {
	padding: 10px;
	margin-bottom: 20px;
	text-align: left;
	float: left;
	height: auto;
	width: 670px;
	float: left;
	background-color: #ffffff;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #AA54D1;
	border-bottom-color: #AA54D1;
}
#inicial #content #posts .posts-estilo .estilo-temp{
	height: auto;
	width: 570px;
	margin: 10px;
	background-color: #D3D3D3;
}

#dividir{
	height: 10px;
	width: 100%;
    background-color: #AA54D1;
}

#inicial #content #posts li{
    list-style-position: outside;



    list-style-image: url(imagens/seta_rosa.gif);



}



#inicial #content #posts ul{



    list-style-position: inside;



    list-style-type: disc;



}



.postados {



	text-align: left;



	float: left;



	height: auto;



	width: 670px;



	float: left;



	padding: 10px;



	background-color: #ffffff;



}


/* ----- DOS POSTS ----- */







/* ----- IMAGENS DO POST ----- */



#inicial #content #posts img{



    margin: 5px;



}



#inicial #content #posts img a{



    border: 4px solid #AA54D1;



}



#inicial #content #posts img a:hover{



    border: 4px solid #FF66FF;



}



/* ----- IMAGENS DO POST ----- */







.autor{



    font-size: 10px;



	color: #666666;



	font-style: italic;



}



.data{



    font-size: 10px;



	color: #333333;



	font-style: italic;



}



.style-strong {



	font-size: 24px;



	font-style: normal;



	font-weight: bold;



	font-variant: normal;



	text-transform: none;



	color: #FFFFFF;



}



/* ----- HEADINGS ----- */



h1{



    font-family:Georgia;



    font-size:28px;



    letter-spacing:-1px;



    margin-top:15px;



    margin-bottom:0;



    font-weight:bold;



    color:#AA54D1;



}



h2{



    font-family:Georgia;



    font-size:22px;



    letter-spacing:-1px;



    margin-top:15px;



    margin-bottom:0;



    font-weight:bold;



    color:#AA54D1;



}



h3{



    font-family:'Georgia';



    font-size:18px;



    letter-spacing:-1px;



    margin-top:15px;



    margin-bottom:0;



    font-weight:bold;



    color:#AA54D1;



    



}







/* ----- HEADINGS ----- */







/* ----- COMENTÁRIOS ----- */



#commentform textarea {



        width:80%;



}











/*** arquivos por mes e ano ***/



.mes-e-ano {border:none; background:transparent; width:100%; margin-bottom:5px;}



.mes-e-ano ul {list-style-type:none; text-align:left; float:left; width:100%;}



.mes-e-ano ul li {



list-style-type:none;



text-align:left;



vertical-align : middle;



padding: 1px 0 1px 10px;



float:left;



border-bottom: 1px dashed #COR DA BORDA;



width:100%;



}

.mes-e-ano li a {display:block; text-align:left; float:left;}







/*** arquivos por categoria ***/



.cat-arquivo {width:100%; margin-bottom:5px;}



.cat-arquivo ul {list-style-type:none; text-align:left; float:left; width:100%;}



.cat-arquivo ul li {



list-style-type:none;



text-align:left;



width: 47%;



float:left;



vertical-align : middle;



padding: 1px 0 1px 10px;



border-bottom: 1px dashed #COR DA BORDA;



}

.cat-arquivo li a {display:block; text-align:left; float:left;}

.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}