/*
THEME NAME: LuluzinhaCamp 2.0
THEME URI: http://www.luluzinhacamp.com/
VERSION: 2.0
AUTHOR: <a href="http://www.xcakeblogs.com.br/">Claudia Regina</a>
AUTHOR URI: http://www.xcakeblogs.com.br/
*/

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

/* RESET */
 
* {margin:0; padding:0; list-style:none; font-size:1.0em;}
a {text-decoration: none; color:#8794a6;}
img {border:0;}
body {font-family: helvetica, arial, trebuchet ms, sans-serif; background:#ffffff; font-size:12px; color:#666;}
html {height: 100%;}

/* MISC */

.clear {clear:both;}
.post img {max-width:600px}

/* WORDPRESS DEFAULT CLASSES */

/****Alignments*/
img.alignleft, div.alignleft {float:left;margin:0 0.5em 0.5em 0;}
img.alignright, div.alignright {float:right;margin:0 0 0.5em 0.5em;}
img.aligncenter, div.aligncenter {text-align:center;margin:0 auto;}

/****Captions*/
.wp-caption {border: 0;text-align: center;background-color: #fff; padding-top: 4px;margin: 0px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/* --------------------------------------------------MISC-----------------------------------------------------*/

/* Clean Archives */
.car-yearmonth {display:block; margin:10px 0; font-weight: bold; font-size: 18px; font-family:Helvetica, Arial, sans-serif}

/* Layout - Centralizado */
body {text-align: center;}
.wrapper, #bloglinks {width: 1000px; margin: 0 auto; text-align: left;}

/* --------------------------------------------------CUSTOMTHEME-----------------------------------------------------*/

/* -- HEADER --*/

#border-top {height: 3px; background-color: #c7d5e9;}
#menu-menu-principal {float:left; 730px;height: 32px;}
#menu-menu-principal li {float:left; line-height: 30px; font-size: 14px; padding: 2px 8px 0 8px; text-transform: uppercase;}
#menu-menu-principal li a:hover {text-decoration: underline;}
#feedicon img {float:left; margin-top: 6px; margin-left:25px;}

#search {width: 230px; float: right; height: 32px; /* margin-top: 5px; */}
#search form { height: 24px; margin: 4px 0 5px 0; }
#search #s {border: 1px solid #c7d5e9; width:200px; padding:4px; font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#b0b0b0;
		-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#search #sendbtn {background: url(images/icon_search.png) #fff; height:16px; width: 16px; border: 0;}

#header {clear:both; height: 200px; background: #ebeff5 url(images/bg_header.png) center top no-repeat; text-align: left;}
#header img {margin: 45px 0 0 0;}
#index-banner {background: url(images/bg_banner.png) repeat-x; height: 200px; /* margin-top: 10px; */ padding-top: 30px;}
	#index-banner p {color: #f8f8f8; line-height: 14px; padding-right:30px; font-size: 12px;}
	#index-banner strong {color: #f8f8f8;}
	#index-banner #oprojeto {float:left; width: 490px; background: url(images/banner_separador.png) right top repeat-y; padding-left: 25px;}
	#index-banner #conhecaparticipe {float: right; width:440px;}
	#index-banner #conhecaparticipe img {margin: 10px;}

#bloglinks h2 {color: #b64747; text-transform: uppercase; font-size: 16px; line-height: 18px; margin-bottom: 10px;}
#bloglinks #newsletter {width: 170px; float: left; margin-left: 25px;}
	#bloglinks #newsletter .input-txt {background: #ccc; border: 0; font-size: 12px; padding: 5px 10px; color: #666; font-weight: bold; width: 150px; margin: 5px 0;
	-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
	#bloglinks #newsletter .input-btn {background: #373737; border: 0; padding: 5px; color: #f8f8f8; float: right; text-transform: uppercase; font-weight: bold; 
	border-top: 1px solid #2f2f2f; border-right: 1px solid #2f2f2f; border-left: 1px solid #4e4e4e; border-bottom: 1px solid #4e4e4e;
	-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
	#bloglinks #newsletter .input-btn:hover {background: #b64747; cursor: pointer;
	border-top: 1px solid #d15252; border-right: 1px solid #d15252; border-left: 1px solid #953a3a; border-bottom: 1px solid #953a3a;}
#bloglinks #blogagenscoletivas {width: 250px; float: left; margin-left: 60px;}
	#bloglinks #blogagenscoletivas img {margin: 10px 10px 0 0;}
#bloglinks #postsrecentes {width: 445px; float: right; border-left: 1px solid #dcdcdc; padding-left: 40px;}
	#bloglinks #postsrecentes ul li {font-size: 14px; padding: 2px 0;}
	#bloglinks #postsrecentes ul li a:hover, #bloglinks #postsrecentes strong a:hover {text-decoration: underline;}
	#bloglinks #postsrecentes strong a {color: #2e1b1b; font-weight: bold; font-size: 12px; display:block; margin: 10px 0;}

#bottom {clear: both; background: url(images/bg_bottom.png) repeat-x; margin-top: 30px; font-family: lucida grande, verdana, helvetica, sans-serif; color: #444; min-height: 300px;}
	#bottom #twitter {width: 300px; float: left; margin-left: 25px; margin-top: 50px;}
	#bottom #eventos {width: 300px; float: left; margin-top: 58px; margin-left: 40px;}
		#bottom #eventos ul {margin: 20px 0;}
		#bottom #eventos ul li {margin: 5px 0;}
		#bottom #eventos ul li a {color:#d66e3a;}
		#bottom #eventos ul li a:hover, #fotos strong a:hover {text-decoration: underline;}
		#bottom #eventos ul li strong a, #fotos strong a {color: #311d1d; display: block; padding: 10px 0;}
	#bottom #fotos {width: 300px; float: right; margin-top: 58px;}
	.flickrrssthumb {margin: 5px;}
	#bottom h2, #bottom h3 {color: #311d1d;}
	#bottom h2 {font-weight: normal; font-size: 10px;}
	#bottom h3 {font-size: 16px;}

#footer {background: #464646; padding-top: 20px; margin-top: 40px; border-top: 1px solid #a8a8a9;}
	#tagcloud {margin: 0 25px; border-bottom: 1px solid #959595; padding-bottom: 10px;}
	#tagcloud a {color:#464646;}
	#tagcloud a:hover, #disclaimer a:hover {text-decoration: underline;}
	#parceiros {width: 700px; float: left; margin-left: 25px;}
		#parceiros img {margin-right: 5px;}
	#nosencontre {width: 150px; float: right; text-align: right; margin-right: 25px;}
	#footer, #footer a {color: #c0c0c2;}
	#footer h2 {color: #ff781e; text-transform: uppercase; font-size: 14px; margin: 20px 0 10px 0;}
	#disclaimer {color: #a8a8a9; font-size: 10px; margin: 20px 25px; padding: 20px 0; border-top: 1px solid #959595;}
		#disclaimer a {color: #a8a8a9; font-weight: bold;}
		
#categorymenu {background: url(images/bg_categorymenu.png) repeat-x; height: 35px; margin-top: 10px; border-top: 1px solid #875a5a;}		
#categorymenu ul {margin-left:25px;}
#categorymenu ul li {float:left; font-size: 12px; padding:10px 20px 0 0; text-transform: uppercase;}
#categorymenu ul li a {color: #a86a6a; font-weight: bold;}
#categorymenu ul li a:hover {text-decoration: underline;}

#posts, #sb, #page {margin-top: 30px;}
#posts, #page {width: 600px; float: left; margin-left: 25px;}
#sb {width: 300px; float: right; text-align: left;}

.post li, dt, dl {font-size:0.9em;}
.post ul li {list-style: circle; margin-left:35px; font-size:14px; color:#666;}
.post ol li {list-style-type: decimal; margin-left:35px; font-size:14px; color:#666;  padding-bottom:5px;}
.post blockquote {background:#f9e9e9; color:#858585; border-left:1px dotted #311d1d; margin: 5px;}
.post blockquote p {padding:10px;}
.post code {font-family:Courier New, Courier New, Courier, monospace; color:#afafaf;}
.post h1 {color:#311d1d; font-size:30px;} .postcontent h2 {font-size:1.6em; color:#333; padding:20px 0 0px 0;} .postcontent h3 {font-size:1.3em; color:#333; border-top:1px solid #ccc; padding-top:15px; margin-top:20px;} .postcontent h4 {font-size:1.3em; margin:-8px 0 0 2px; font-weight:normal;} .postcontent h5 {font-size:1.0em; color:#23b3b4; font-weight:normal;} .postcontent h6 {font-size:0.7em; color:#afafaf; padding:20px 0 0px 0;}
.post h2 a {color: #2e1b1b; font-size: 22px;} .post h2 a:hover {text-decoration: underline;}

.postmetadata {font-size: 12px; font-style: italic; color:#c7d5e9;}
.postmetadata strong, .postmetadata a {color: #a8bcda;} .postmetadata a:hover {text-decoration: underline;}

.post {margin-bottom: 10px; padding-bottom:50px; border-bottom: 1px solid #666;}
.postcontent a, .post a:active, .post a:visited {color:#b64747; font-weight:bold; text-decoration: underline;}
.postcontent a:hover {text-decoration:none;}
.post p {margin:15px 0; color:#666; font-size:14px; line-height:20px;}

.comments {text-align: center; font-size: 20px; font-style: italic; margin-top: 20px;}
.comments a:hover {text-decoration: underline;}

.widgets {margin-bottom: 20px;}
.widgets h2 {color: #8b8b8b; padding: 0 0 10px 0; text-transform: uppercase; font-size: 16px;}

/* MOBILE*/
@media all and (max-width:1000px){
	#header {
    clear: both;
    height: 25vh;
    background: #ebeff5 url(images/bg_header.png) center no-repeat;
    background-size: cover;
    text-align: left;
}
}