﻿/*
Theme Name: Bom e Bonito Cute Overload
Theme URI: http://bomebonito.com
Description: Cute Overload ;*
Version: 1.0
*/
* { padding: 0; margin: 0; list-style: none; }
body { font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:1.5; color: #555; }
img { margin: 0; padding: 0; border: none; }
a, a:active, a:visited { text-decoration: none; color: #015ca8; }a:hover { text-decoration: underline; }
p { margin: 0 0 1.5em; text-align: justify; }ul { margin: 0 0 1.5em 1.5em; }
ul li { margin-bottom: 5px; }
h1, h2, h3, h4, h5, h6 { clear: both; color: #444; font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif; margin: 0; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; line-height: 3; }
h3 { font-size: 1.0em; line-height: 3; }
h4 { font-size: 1.0em; font-weight: 700; line-height: 1.25; }
h5 { font-size: 1em; font-weight: 700;}
h6 { font-size: 1em; }

.h2-fake { font-size: 1.3em; line-height: 3; }
.h3-fake { font-size: 1.0em; line-height: 3; font-weight: bold; }
.h4-fake { font-size: 1.0em; line-height: 1.25; font-weight: 700; }
blockquote { color:#555; font-size: 11px; border-left: 3px solid #F1F1F1; padding-left: 10px; font-weight:bold; margin-bottom: 5px;}

.ad_left { float: left; }
.ad_right { float: right; }
#geral { width:880px; margin:0 auto; }
#topo { height: 220px; }
#topo #logo { margin-bottom: 10px; padding-top: 10px; }
#topo #logo h1 { margin: 0; padding: 0; line-height: 0; clear: none; }


#menu { float: right; width: 450px; text-align: right; font-size: 10px; padding-top: 2px; }
#menu ul { display: block; }
#menu ul li { display: inline; padding-left: 20px; text-transform: lowercase; font-weight: 700; }
#menu ul li a { }
#menu ul li a:hover { text-decoration: none; border-bottom: 2px solid #015ca8; }

#topo-bloco-grande { text-align: center; margin-bottom: 15px; }
#topo-bloco { padding: 8px; background: #dbebf0; border: 2px solid #b4d3dc; font-size: 1.5em; }
#topo-ad { margin: 0 auto; width: 728px; }

#conteudo { float: left; width: 650px; margin-bottom: 50px; }

#lateral { float: right; width: 200px; margin-bottom: 20px; color:#286ea0; } 
#lateral ul { margin: 0 0.6em 1.5em; }
#lateral ul li { list-style: none; margin-bottom: 5px; border-bottom: 1px solid #efefef; 
background:url(img/star.gif) left center no-repeat; padding-left: 20px; }
#lateral ul li a:hover { color: #333; text-decoration: none;  }

#baixo { clear: both; min-height: 50px; padding-top:20px; border-top: 1px solid #BFBFBF; 
	text-align: center; padding-bottom: 30px; }
#baixo a { color: #555; }
#baixo a:hover { color: #AFAFAF; text-decoration: none; }
#baixo ul { display: block; }
#baixo ul li { display: inline; padding-right: 20px; text-transform: lowercase; font-weight: 700; }
#baixo ul li a { }
#sub-footer {
    clear: both;
    height: 280px;
}

#fot-ads {
    float: right;
}

#relacionados { font-size: 13px; width: 318px; float: left;
padding-right: 26px; }
#relacionados h4 { font-size: 1.0em; margin: 0; padding-bottom: 10px; line-height: 0; }
#relacionados ul li { background: url(img/seta.gif) center left no-repeat; padding-left: 20px; padding-top: 2px; 
margin-top: 10px;}
.clear_box { clear: both; margin-top: 8px; }
.bloco { margin-bottom: 15px; width:200px; background:url(img/aside_bottom.png) bottom left no-repeat;padding-bottom: 20px;}.bloco h3 { background:url(img/aside_top.png) top left no-repeat;padding-left: 20px;padding-right: 20px;padding-bottom: 5px;padding-top: 5px;}.bloco-conteudo {  padding-left: 20px;padding-right: 20px;}
#post-ads { margin-top: 5px; height: 370px; }

.post { margin-bottom: 35px; }

.post h1 {  margin-bottom: 30px; font-size: 28px; }
.post h1 a { color: #0B57CA; } 
.post h2.titulo { color: #0B57CA; margin-bottom: 25px; font-size: 1.6em; line-height: 1.5; }
.post h2.titulo a { color: #0B57CA; } 

.post-texto { padding-bottom: 30px; margin-top: 10px; font-size: 14px; color: #333; line-height: 22px; }
.post-texto b, .post-texto strong { color: #555; }
.post-texto a, .post-texto a:active, .post-texto a:visited { text-decoration: none; }
.post-texto a:hover { text-decoration: underline; }
.post-footer { padding-top: 4px; width: 100%; border-top: 1px solid #DFDFDF; clear: both; }
.post-trackback { background: url(img/trackback.gif) no-repeat left center; padding-left: 25px; padding-bottom: 5px; }
.post-comment-feed { background: url(img/rss-icon.png) no-repeat left top; padding-left: 25px; margin: 0; margin-left: 2px; margin-top: 8px; }
.post-com{background:url(img/mini-comments.gif) no-repeat left center; margin-top:5px; padding-left:25px;width:120px;
margin-left: 30px;}
.post-tag{background:url(img/star.gif) no-repeat left center;margin-top:3px;padding-left:20px;width:120px;
margin-left: 30px; }

.post-readmore {
}

.center { text-align:center; }

.wp-pagenavi {
    text-align: center;
    padding-top: 15px;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #0066cc;
}

.wp-pagenavi a:hover {	
	color: #114477;
}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
}

.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #000000;
}

.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	color: #000000;
}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */
div.intouch { margin: 20px auto 40px auto; }
div.intouch  form { float: left; width: 100%; }
div.intouch div.inputfield { padding: 4px 0px; position: relative; }
div.intouch label { display: block; float: left; clear: left; width: 25%; text-align: right; }
div.intouch div.inputfield input, div.intouch div.inputfield textarea { float: left; margin-left: 10px; }
div.intouch div.inputfield input { width: 40%; }
div.intouch div.inputfield textarea { width: 50%; }
div.intouch div.inputfield input.submitbutton { width: auto !important; padding: 2px; margin-left: 10px; left: 25%; position: absolute; }
div.intouch div#usermessage { margin-bottom: 10px; text-align: center; }
div.intouch .error { border: 1px solid #FF0000 !important; padding: 1px; }
