/*
Theme Name: INFLAR.com Layout
Theme URI: http://inflar.com/
Description: Tema do site INFLAR.com.
Version: 1.0
Author: Andre Groc e Dan Cortazio
Author URI: http://inflar.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/


body, p, ul, li, a, form, h1, h2, h3, h4, h5, h6, pre, img { padding:0px; margin:0px; }
img { border: 0px; }
ul, li { list-style:none; }
* {margin:0; padding:0; list-style:none;}

html {background: url(images/bg_header.jpg) top left repeat-x;}
body {font-family: 'Lucida Unicode Sans', 'Lucida Sans', 'Lucida Unicode', Arial, Helvetica, sans-serif; color: #666;}

h1, h1 a, h2, h2 a, h3, h3 a {padding: 0 0 8px 0; color: #FBAC41;}
h1 {font-size: 30px;}
h2 {font-size: 23px; font-weight: normal;}
h3 {font-size: 20px;}

p {font-size: 14px; line-height: 20px;}
ul li {font-size: 13px; color: #242424;}
a {color: #f58220; text-decoration: underline;}

#header {margin:0 auto; width:750px; height: 105px;}

#header #logo {float: left; display: block; width: 173px; height: 62px; padding: 10px 0px 0px 30px; margin: 0px;}
#header #logo a {width: 173px; height: 62px; display: block; background: url(images/logo.gif) top left no-repeat; text-indent: -9999px;}

#menu {float: left; display: block; width:545px; height: 50px; padding: 30px 0px 0px 0px; margin: 0px;}
#menu ul {margin: 0px 0px 0px 80px; padding: 0px;}
#menu ul li {display: block; float:left; text-transform: lowercase;}
#menu ul li a {color: #fff; display: block; font-size: 15px; font-weight: bold; text-decoration: none; padding: 15px; margin-right: 10px;}
#menu ul li a:hover {color: #F8C487;}

#top {background: url(images/bg_top.gif) top left repeat-x; border-top: 4px solid #FF9D0A; border-bottom: 3px solid #FF9D0A;}
#top .wrapper {margin: 25px auto; width: 750px;}
#top h2 {color: #fff; width: 435px; height: 95px; display: block; font-size: 28px; text-indent: -9999px; background: url(images/title_home.png) top left no-repeat;}
#top p {color: #fff; width: 435px;}
#top .img {float: right; height: 240px; overflow: hidden;}
#top a {color: #fff;}

#wrapper {margin:0 auto; width:750px; padding: 10px 0 0 0; clear: both;}

#content.default {width:560px; float:left;}
#content.page {width:750px;}
	.post {padding: 10px 0px 10px 0px; border-bottom: 1px dotted #ccc;}
	.post h1, .post h2 {padding: 5px 0px 15px 0px; margin: 0px;}
	.post p {padding: 0px 0px 15px 0px;}
	.post ul, .text ul {padding: 0px 0px 15px 35px;}
	.post ul li, .text ul li {line-height: 20px; list-style: none; padding: 0px 0px 0px 18px; background:url(images/tick.gif) no-repeat 0 4px;}
	.postmetadata {font-size: 11px; color: #808080;}
	
	.steps {width: 750px; height: 140px; background: url(images/step_box.gif) top center no-repeat; margin: 0px 0px 15px 0px;}
	.steps div {padding: 20px 20px 20px 135px; background-repeat: no-repeat; background-position: 25px 25px;}
	.steps h2 {padding: 5px 0px 4px 0px!important;}
	.steps p {padding: 0px;}
	.steps.st1 div {background-image: url(images/icon_step1.gif);}
	.steps.st2 div {background-image: url(images/icon_step2.gif);}
	.steps.st3 div {background-image: url(images/icon_step3.gif);}
	.steps.st4 div {background-image: url(images/icon_step4.gif);}
	.steps.st5 div {background-image: url(images/icon_step5.gif);}
	
	.links {font-size: 16px; margin-bottom: 15px;}

	.commentlist li ul li {font-size: 12px;} 
	.commentlist li {font-weight: bold;}
	.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
	.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 16px; padding: 0px; margin: 0px;}
	.commentlist .says {font-size: 15px;}
	.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
	.commentlist .comment {margin: 0px 0px 15px 0; padding: 8px;}
	.commentlist .even {background: #f2f2f2;}
	.commentlist .bypostauthor {background: #FFFFCC;}
	#commentform p {}
	.commentmetadata {font-weight: normal; font-size: 11px; padding: 2px 0 4px 0;}
	#respond {margin: 10px 0;}
	#respond p {margin: 2px 0;}

#sidebar {width:150px; float:left; margin: 45px 0px 0px 30px;}
#sidebar .block {padding: 0px 0px 25px 0px;}
#sidebar .block h3 {display: block; font-size: 16px; padding: 0px 0px 10px 0px;}
#sidebar .block li {border-top: 1px dotted #ccc; font-size: 12px; padding: 5px 0; color: #ccc;}
#sidebar .block li a {font-size: 12px; color: #f58220; padding: 5px; text-decoration: none;}
#sidebar .block li a:hover {text-decoration: underline; background: #f2f2f2;}

#footer {height: 108px; background: url(images/bg_footer.jpg) top center repeat-x; clear: both;}
#footer div {margin:0 auto; width:740px; padding: 20px 0px 0px 0px;}
#footer div p {padding: 10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #f2f2f2;}
#footer div p a {color: #fff;}

.field {width: 250px; border: 1px solid #aac3d6; padding: 6px; font-size: 13px;}
.fields {border: 1px solid #aac3d6; padding: 6px; font-size: 13px;}
.button {border: 2px solid #f5a720; background: url(images/bg_botao_01.gif) repeat-x top #f5a720; font-weight: bold; color: #FFFFFF; padding: 4px;}
.alignright, .right {float: right; margin: 0 0 5px 10px;}
.alignleft, .left {float: left; margin: 0 10px 5px 0;}
.wp-caption {	background: #F3F3F3; border: 1px solid #DDDDDD; text-align: center; padding: 0px;}
.wp-caption img {margin: 5px 5px 0 5px!important; text-align:center;}
.wp-caption p, .wp-caption-dd {font-size: 11px; margin: 2px 0; padding: 0px!important;}
.wp-caption a {border: none;}
.navigation {clear: both; overflow: auto;}