/*  





Theme Name: Twinset-Girls Brown and Blue



Theme URI: http://twinset-girls.com/cris/



Description: Theme desenvolvido para o blog Twinset-Girls.com



Version: 1.0



Author: Cris



Author URI: http://cris.twinset-girls.com





*/

 



/* Begin Typography & Colors */





body {



	font-size: 62.5%; /* Resets 1em to 10px */



	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;



	background: #98ba5d;



	color: #bed0d0;



	text-align: center;





	}



#page {



       background:  #FFFFFF;

	text-align: left;





	}





#header {



	background:  #FFFFFF  url('') no-repeat bottom center;



	}



#content {



    font-size: 1.1em



	}





.narrowcolumn .entry, .widecolumn .entry {



	line-height: 1.4em;





	}





  .narrowcolumn .postmetadata {



	text-align: center;





	}





.alt {





	background-color:  #e5f4f9;



	border: 1px solid #b6d8e2;



	}









.alt2 {





	background-color:  #efe9e4;



	border: 1px solid #cbc1b9;



	}









#footer {



	background: #557baa;



    color:#000000;



	border: none;

	}





#footer a, #footer a:visited,  #footer a:active {



color: #cbe1e8;

}



#blue

{



	background: #b6d8e2;



    color:#503b2b;



	border: none;

	}





#blue ul li, #blue ul li a, #blue ul li a:visited, #sidebar ul li, #sidebar ul li a,  #sidebar ul li a:visited  {



color: #5f4939;



}







/* Menu */







#menu {





height: 22px;

line-height: 22px;

margin-top: 1px;

background-color: #b5d482;

font-family: verdana;

font-size: 10px;



}



#menu ul {

margin:0;

padding:0;

}





#menu li {



float: left;

margin:0;

padding:0;

list-style-type: none;

border-right: 1px solid #FFFFFF;



}





#menu li a {



display: block;



padding: 0 12px;



margin:0;



font-size: 11px;



font-family: tahoma;



color: #503b2b;



text-decoration: none;



text-transform: none;





}



* html #menu a {



text-decoration: none;



}



#menu a:hover {





background-color: #b6d8e3;



text-decoration: none;



color: #503b2a;



}



.current_page_item a {





	background:#89c2ca;



	text-decoration:none;





	}	







.on {





    background:#b6d8e2;



	text-decoration:none;







	}	



/* End Menu */







small {







	font-family: Arial, Helvetica, Sans-Serif;





	font-size: 0.9em;





	line-height: 1.5em;



	}





h1, h2, h3,h4 {



   	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



	font-weight: bold;



	}



h1 {







	font-size: 4em;



	text-align: center;



	}





#headerimg .description {





	font-size: 1.2em;



	text-align: center;





	}







h2 {



	font-size: 1.6em;







	}







h2.pagetitle {







	font-size: 1.6em;





	}





#sidebar h2 {





        background-color: #b6d8e2;



        border-top: 2px solid #FFFFFF;



       	border-bottom: 2px solid #503b2b;



        font-family: 'Lucida Grande', Verdana, Sans-Serif;



     	font-size: 1.8em;



        color: #FFF;



        font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



        text-align: justify;



        padding-left: 2px;



        font-weight:  normal;





	}







h3 {





	font-size: 1.3em;



    border-bottom: 2px dotted #b5a599;



	}





 h4 {







	font-size: 1.3em;

        background-color: #eaf4f7;

        border-bottom: 2px solid #a6c4cd;

        margin-top: 5px;

        padding: 1px;

	}







h1, h1 a, h1 a:hover, h1 a:visited {



	text-decoration: none;



	color: white;







	}









h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {







	color: #89c2cb;





	}









h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {





	text-decoration: none;





	}





.entry p a:visited {





	color: #754257;





	}









.commentlist li, #commentform input, #commentform textarea {





	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;



	}











.commentlist li {





	font-weight: bold;





	}







.commentlist cite, .commentlist cite a {





	font-weight: bold;



	font-style: normal;



	font-size: 1.1em;





	}



.commentlist p {





	font-weight: normal;



	line-height: 1.5em;



	text-transform: none;



	}



#commentform p {





	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;





	}





.commentmetadata {



	font-weight: normal;



	}



#sidebar {





	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;



	}





small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {





	color: #a2948a;





	}





code {





	font: 1.1em 'Courier New', Courier, Fixed;





	}






acronym, abbr, span.caps




{




	font-size: 0.9em;








	letter-spacing: .07em;











	}







a, h2 a:hover, h3 a:hover {









	color: #9ac3c9;































	text-decoration: none;































	}





























































a:hover {































	color: #b6d8e4;































	text-decoration: none;































	}































































#wp-calendar #prev a, #wp-calendar #next a {































	font-size: 9pt;































	}































































#wp-calendar a {































	text-decoration: none;































	}































































#wp-calendar caption {































	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;































	text-align: center;































	}































































#wp-calendar th {































	font-style: normal;































	text-transform: capitalize;































	}































/* End Typography & Colors */








/* Begin Structure */




body {





	margin: 0 0 20px 0;































	padding: 0; 































	}































































#page {





	margin: 20px auto;



	padding: 0;



	width: 800px;



		}








#header {









	margin: 0 0 0 0px; 











	padding: 0; 




	}











.narrowcolumn {



	float: left;

	padding: 0 0 20px 25px;

	margin: 0px 0 0;


	width: 460px;



	}



.widecolumn {



	float: left;

	padding: 0 0 20px 25px;

	margin: 0px 0 0;


	width: 750px;

       color: #503b2b;

	}





#leftcol2 {







	width:200px;

        border-right:0px dotted #b6b6b6;

	padding-right:18px;



	}















#leftcol2 , #rightcol2 {





	margin-top: 0px;

	margin-bottom: 10px;

	float:left;





	}











#rightcol2 {





	width:200px;



        padding-left:18px;



	margin-top: -2px;



	}















.post {









	margin: 0 0 40px;

	text-align: justify;





	}





.post hr {



	display: block;





	}







.narrowcolumn .postmetadata {







	padding-top: 5px;





	}





.postmetadata {





	clear: left;







}









#footer {



	padding-top: 1px;



	margin: 0 auto;



	width: 800px;

	

    height: 57px;



	clear: both;

	}





 #blue {



	padding-top: 10px;



	margin: 0 auto;

	




	width: 800px;


       height: 250px;
   



	clear: both;

	}









#footer p {



	margin: 0;



	padding: 20px 0;



	text-align: center;







	}





 #leftcol {



	width:360px;

    border-right:0px dotted #b6b6b6;

    padding-right:10px;

	padding-left:10px;



	}



#leftcol, #rightcol, #midcol {



	margin-top:0px;



	float:left;

	



	}

	

	

#leftcol ul, #midcol ul, #rightcol ul{

margin: 0px;

padding: 2px;

border-top: #cde5ec 0px solid;

}



#midcol ul li, #leftcol ul li,  #rightcol ul li {

list-style-type: none;

border-bottom: #cde5ec 0px solid;

padding-left: 0px;

}



#leftcol a:hover, #midcol a:hover, #rightcol a:hover{

color: #fcfcfb;

}



#rightcol {



	width:175px;







	padding-right:10px;





	}

	

#midcol{



	width:175px;



   	padding-right:10px;



    	}





#extras {















}















#extras ul {















border-top: none;







}















#extras ul li {















padding: 0px;







border-bottom: #cde5ec 1px solid;















}















#extras ul li a:hover{







background: #FFF;







display: block;























}















































/* End Structure */































































































































/*	Begin Headers */































h1 {































	padding-top: 70px;































	margin: 0;































	}































































h2 {































	margin: 30px 0 0;































	}































































h2.pagetitle {































	margin-top: 30px;































	text-align: center;































}































































#sidebar h2 {































	margin: 5px 0 0;































	padding: 0;































	}































































h3 {































	padding: 0;































	margin: 30px 0 0;































	}































































h3.comments {































	padding: 0;































	margin: 40px auto 20px ;































	}































/* End Headers */































































































/* Begin Images */































p img {































	padding: 0;































	max-width: 100%;































	}















































































img.centered {































	display: block;































	margin-left: auto;































	margin-right: auto;































	}































































img.alignright {































	padding: 4px;































	margin: 0 0 2px 7px;































	display: inline;































	}































































img.alignleft {































	padding: 4px;































	margin: 0 7px 2px 0;































	display: inline;































	}































































.alignright {































	float: right;































	}































































.alignleft {































	float: left































	}































/* End Images */































































































































































/* Begin Lists































































	 */































































html>body .entry ul {































	margin-left: 0px;































	padding: 0 0 0 30px;































	list-style: none;































































	text-indent: -10px;































	} 































































html>body .entry li {































	margin: 7px 0 8px 10px;































	}































































.entry ul li:before, #sidebar ul ul li:before {































	































	}































































.entry ol {































	padding: 0 0 0 35px;































	margin: 0;































	}































































.entry ol li {































	margin: 0;































	padding: 0;































	}































































.postmetadata ul, .postmetadata li {































	display: inline;































	list-style-type: none;































	list-style-image: none;































	}































































#sidebar ul, #sidebar ul ol {































	margin: 0;































	padding: 0;































	}































































#sidebar ul li {































	list-style-type: none;































	list-style-image: none;































	margin-bottom: 15px;































	}































































#sidebar ul p, #sidebar ul select {































	margin: 5px 0 8px;































	}































































#sidebar ul ul, #sidebar ul ol {































	margin: 5px 0 0 10px;































	}































































#sidebar ul ul ul, #sidebar ul ol {































	margin: 0 0 0 10px;































	}































































ol li, #sidebar ul ol li {































	list-style: decimal outside;































	}































































#sidebar ul ul li, #sidebar ul ol li {































	margin: 3px 0 0;































	padding: 0;































	}































/* End Entry Lists */































































































































/* Begin Form Elements */































#searchform {































	margin: 10px auto;































	padding: 5px 3px; 































	text-align: center;































	}































































#sidebar #searchform #s {































	width: 108px;































	padding: 2px;































	}































































#sidebar #searchsubmit {































	padding: 1px;































	}































































.entry form { /* This is mainly for password protected posts, makes them look better. */































	text-align:center;































	}































































select {















        background-color: #FFFFFF;















	border: 1px solid #b5a599;















	width: 130px;

    color: #b5a599;













        















	}































input {





   background-color: #FFFFFF;

   border: 1px solid #b5a599;

   color: #b5a599;



}



 input:focus, textarea:focus {

	background: #efe9e4;

	}



textarea {













	background-color: #FFFFFF;















	border: 1px solid #b5a599;















	color: #b5a599;















	margin: 7px;































        }































#commentform input {































	width: 170px;































	padding: 2px;































	margin: 5px 5px 1px 0;































	}































































#commentform textarea {































	width: 100%;































	padding: 2px;































	}































































#commentform #submit {































	margin: 0;































	float: right;































	}































/* End Form Elements */































































































































/* Begin Comments*/































.alt {



	margin: 0;



	padding: 10px;





	}











.commentlist {





	padding: 0;































	text-align: justify;































	}































































.commentlist li {































	margin: 15px 0 3px;































	padding: 5px 10px 3px;































	list-style: none;































	}































































.commentlist p {































	margin: 10px 5px 10px 0;































	}































































#commentform p {































	margin: 5px 0;































	}































































.nocomments {































	text-align: center;































	margin: 0;































	padding: 0;































	}































































.commentmetadata {































	margin: 0;































	display: block;































	}































/* End Comments */































































































































/* Begin Sidebar */































#sidebar































{























	padding: 20px 0px 10px 0px;































	margin-left: 535px;































	width: 198px;































	}































































#sidebar form {































	margin: 0;































	}































/* End Sidebar */































































































































/* Begin Calendar */































#wp-calendar {































	empty-cells: show;































	margin: 10px auto 0;































	width: 155px;































	}































































#wp-calendar #next a {































	padding-right: 10px;































	text-align: right;































	}































































#wp-calendar #prev a {































	padding-left: 10px;































	text-align: left;































	}































































#wp-calendar a {































	display: block;































	}































































#wp-calendar caption {































	text-align: center;































	width: 100%;































	}































































#wp-calendar td {































	padding: 3px 0;































	text-align: center;































	}































































#wp-calendar td.pad:hover { /* Doesn't work in IE */































	background-color: #fff; }































/* End Calendar */































































































































/* Begin Various Tags & Classes */































acronym, abbr, span.caps {































	cursor: help;































	}































































acronym, abbr {































	border-bottom: 1px dashed #b5a599;































	}































































blockquote {















        background: #e7f4fa url('images/bg_blockquote.png') repeat-y;





	margin: 15px 30px 0 10px;



    padding: 10px 10px 10px 40px;





	border: 1px solid #ced4d0;































	}































































blockquote cite {































	margin: 5px 0 0;































	display: block;































	}































































.center {































	text-align: center;































	}































































hr {































	display: none;































	}































































a img {































	border: none;































	}































































.navigation {































	display: block;



	text-align: center;



	margin-top: 10px;



	margin-bottom: 60px;











	}















































































.barra{





        border-top: 2px dotted #b5a599;





}















.blogimage {















border: 1px solid #b5a599;















background-color: #FFFFFF;















padding:5px;    















margin:5px;















}



















.gravatar {



        float:left;

        padding: 3px;

        margin-right: 5px;

        border: 1px solid #b5a599;

         background: #fff;



}



.postgrav {















        float: left;















        padding: 3px;















        margin-right: 5px;















        margin-left: 5px;















        border: 1px solid #b5a599;















        background: #fff;















}















































.askme_phrase{ 















border-bottom: 1px solid #b5a599;















padding: 2px 0 2px 0;















margin-bottom: 2px;















margin-top: 5px;















}































.ask_me_date{ 















font-size: 90%;















}































.askme_question{ 































color: #754257;















padding: 2px 0 2px 0;















margin-bottom: 5px;































}































.askme_answer{















background: #e6f5fa;















border: 1px dotted #b6d8e2;















padding: 2px;















margin-top:3px;}































.askme_navlinks {















text-align:center;















color: #503b2b;















text-decoration:none;}































.ask_navlinks a:link {















color: #503b2b;















text-decoration:none;}































.ask_navlinks a:visited {















color: #503b2b;





text-decoration:none;}











fieldset.askme {



border: 0px solid #b5a599;



padding: 5px;



background: #FFFFFF;



 }





.askme label {



display: block;



width: 10em;



float: left;}















.date {



	float:left;







	height:53px;



	width:57px;



	margin-left: 0px;



	margin-right:8px;



	padding-top:5px;



	background:url(images/datebox.jpg) no-repeat;



	}



* html .date{



margin-left:5px;



}







.date p {



	text-align:center;



	color:#5d4b3b;



	margin:0 0 0 0px;



	text-transform:uppercase;



	}



.date span.day {



	font-size:22px;



	display:block;



	color:#555;



	padding:0px;



	}



.date span.month {



	font-size:11px;



	height:12px;



	display:block;



	color:#fefefd;



	padding-bottom:3px;



	}









.navigation2 {







display: block;



text-align: center;



font-size: 90%;



margin: 5px 5px 5px 0;

width: 400px;



}







.navigation2 a {



color: #5d4b3c;



text-decoration: none;



background: #e7f4fa;



border: 1px solid #b6d8e2;



padding: 3px;



}





.navigation2 a:hover {



color: #5d4b3c;



background: #FFF;



}



/* line */







#line {



margin-top: 1px;

font-size: 10px;

}



#line ul {

margin:0;

padding:0;

}





#line li {



float: left;

padding: 0 5px;

margin:0;

list-style-type: none;

border-right: 1px solid #b5a599;

color: #b5a598;



}



#menu li a {

display: block;

text-decoration: none;



}



* html #line a {

text-decoration: none;



}

#menu li a:hover {

color: #eaf4f6;



}





/* End line */







.ass {

float: right;

background: url('images/as.png') no-repeat;

width:  153px;

height: 34px;

}





.reply {



background: #fff url('images/bg_blockquote.png') repeat-y;

margin: 15px 10px 0 10px;

padding: 10px 10px 10px 40px;

border: 1px solid #ced4d0;

}





.pagenavi

{

width: 400px;

clear: both;

}





#colunas {



	text-align: justify;

	

}



.title, .title a, .title a:active, .title a:visited {







    color: #a9c9d2;



    font-size: 1.1em;



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



    font-weight: bold;



    }





.inline {

color: #b5a592;

display: inline

width: 400px;

clear: both;



}





/*Last Posts*/

#destaque{

	background: #503b2b;

	border: #6c5136 0px dotted;

	height: 270px;

	margin: 10px 0px 0px 0px;

	padding: 5px;

		clear: both;

}



.box {

	display: block;

	float: left;

	margin-right: 5px;

        margin-left: 5px;

	width: 160px;

	height: auto;

	border: #FFFFFF 0px solid;

	padding: 3px;

        font size: 1.0em;

        

}





.title {

	text-decoration: none;



}

.destaque-headline {

	height: auto;

}

.destaque-headline h2 {



	border-bottom: #b6d8e2 2px solid;

	margin: 0px 10px 0px 10px;

	color: #FFF;

}

#destaque a {

	color: #FFF;

}

#destaque a:hover {

	color: #fff;

}

#divisor {

	border-bottom: #89c2ca 1px solid;

}







/* End Various Tags & Classes*/








