/*
Theme Name: SONAFE-SP
Theme URI: http://www.zatecus.com.br
Description: Template padrão da SONAFE-SP
Author: Guilherme Augusto Madaleno
Author URI: http://www.zatecus.com.br
version: 2.0
Tags: sonafe, zatec
*/

/* HTML */
/* ---------------------------------------------------------------------------------- */

*{margin:0; padding:0;}
body {background:#fff; background-image: url(images/body.png); background-repeat: repeat-x; font-family: Verdana; font-size: 11px; margin: 1px 0 0 0;}
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}
img {border: none; padding:0; }
img a {border:none;}
img.left {float: left; border: none; padding: 6px 0 0 0; }
img.right {float: right; border: none; padding: 0 0 0 6px; }
blockquote {border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px;}
code {font-family:"Courier New", Courier, monospace;}

/* LINKS */
/* ---------------------------------------------------------------------------------- */

a {color:#000; text-decoration:none;}
a:hover{text-decoration: underline;}

/* TOPO */
/* ---------------------------------------------------------------------------------- */

	#container {width: 1000px; margin: 0 auto; padding:0; background:#fff; color:#333; overflow: hidden; background-image: url(images/container.png); background-repeat: repeat-y;}
		#header {width:100%; height: 234px; background-image: url(images/header.png); background-repeat: no-repeat; position: relative;}
			#headerbg {position: absolute; width: 900px; height: 185px; left: 50px; top: 0;}
			#logo {position: absolute; left: 80px; top: 20px;}
				#menu {width:100%; overflow:hidden; font-family: Tahoma; font-size: 14px; color: white; position: absolute; left: 45px; bottom: 17px; font-weight: bold;}
					#menu ul {margin:0 0 0 10px; padding:0;}
						#menu ul li {list-style-type: none; float:left; margin: 0 10px 0 0; padding: 0;}
							#menu ul li a {padding:4px 10px; margin: 0; color: #fff; display:block;}
							
/* CONTEÚDO */
/* ---------------------------------------------------------------------------------- */

		#middle {width: 100%; background-image: url(images/middle.png); background-repeat: no-repeat; padding-top: 10px;}
			#middle #s {background: #fff; background-image: url(images/fields.png); background-repeat: repeat-x; border: 1px solid #ccc; font-family: Arial; letter-spacing: -1px; font-size: 14px; font-weight: bold; color: #999; width: 170px; height: 24px;}
			#middle h2{font-family: Tahoma; letter-spacing: -1px; font-size: 18px; color: #008001; margin: 0 0 20px 0; line-height: 24px; border-bottom: 1px dotted #ddd;}

/* COLUNA DA ESQUERDA */
/* ---------------------------------------------------------------------------------- */

				#left {width: 180px; float:left; margin:0 0 0 60px; padding:0; padding-right: 20px;}
					#left label{font:normal 11pt arial, georgia, times; color: #000; margin: 0; padding: 0;}
					#left p {margin:0; padding: 0;}
					#left img {padding: 0; margin: 0;}
					#left ul {margin: 0 0 20px 10px; padding: 0;}
					#left ul li {margin: 0 0 10px 0; padding: 0; line-height: 14px; list-style-type: none;}
					#left ul ul {margin: 0 0 20px 0; padding: 0;}
						#left ul ul li {list-style-type: none;}
							#left ul ul ul{margin: 0;padding: 0;}
								#left ul ul ul li{padding: 0 0 0 15px; list-style-type: square;	color: #898989;}

/* COLUNA DO CENTRO */
/* ---------------------------------------------------------------------------------- */

			#content {float: left; width: 437px; margin: 0; padding: 0 20px 0 20px; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; overflow: hidden; text-align: justify;}
				.post {margin:0 0 20px 0; padding:0; line-height: 14px;}
					.post small {font-family: Verdana; font-size: 11px; color: #999;}
						.post h2 {color: #333;}
							.post h2 a{color: #333; text-decoration: none;}
							.post h2 a:hover{color: #000; text-decoration: none;}
					.post blockquote {margin: 20px; border: none; font-style: italic; border-left: 1px solid #ddd; padding-left: 20px;} 
					.post ul {margin: 0 0 0 40px; padding: 0;}
					.post li {margin: 0; padding: 0;}
					.entry p{margin: 20px 0 20px 0;}
					.postmetadata{clear: both; background:#F7F7F7; padding:4px; margin: 20px 0;}
					.navigation {font-size: 12px; width:100%; float:left; margin:0; padding:0; overflow:hidden;}
					.alignleft a{float:left; margin:25px 0;}
					.alignright a{float:right; margin:25px 0;}


/* COMMENTS */
/* ---------------------------------------------------------------------------------- */
					
					#comments{margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #ccc; font-family: Tahoma; font-size: 16px; letter-spacing: -1px; font-weight: bold; color: #008001;}
					#respond h3 {font-family: Tahoma; font-size: 16px; letter-spacing: -1px; font-weight: bold; color: #008001; margin: 0; padding: 0;}
					#commentform{margin: 10px 0 0 0; padding:0;}
						#commentform p{color: #000;}
						#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #999; line-height: 14pt;}
						#commentform h3{font-family: Tahoma; font-size: 16px; letter-spacing: -1px; font-weight: bold; color: #008001; margin: 0; padding: 0;}
						
					#comment{width:80%;}
					#author, #email, #url, #comment {background: #fff; background-image: url(images/fields.png); background-repeat: repeat-x; font-family: verdana, arial, times; font-size: 8pt; margin:5px 5px 0 0; padding:0; border: 1px solid #ccc;}
					#submit{margin: 10px 0 10px 0; padding: 2px;}
					
					ol.commentlist {list-style-type: none; margin:0; padding:0;}
					.avatar{float:left; margin:0 12px 0 0;}
					ol.commentlist li {background: #f0f0f0; margin: 10px 0; padding: 10px; list-style-type:none;}
					ol.commentlist li.alt {background: #eee;}
					ol.commentlist li p {margin: 20px 0 0 0; padding: 0 12px 0 0; line-height: 14pt;}
					ol.commentlist a {color:#000;}
					cite {font-family: arial, verdana, tahoma; font-size: 9pt; font-weight: bold; font-style: normal;}
					cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* COLUNA DA DIREITA */
/* ---------------------------------------------------------------------------------- */

				#right {width: 180px; float:left; margin:0 60px 0 0; padding:0; padding-right: 20px;}
					#right label{font:normal 11pt arial, georgia, times; color: #000; margin: 0; padding: 0;}
					#right p {margin:0; padding:0;}
					#right img {padding: 0; margin: 0;}
					#right ul {margin: 0 0 20px 20px; padding: 0;}
					#right ul li {margin: 0 0 10px 0; padding: 0; line-height: 14px; list-style-type: none;}
					#right ul ul {margin: 0 0 20px 0; padding: 0;}
						#right ul ul li {list-style-type: none;}
							#right ul ul ul{margin: 0;padding: 0;}
								#right ul ul ul li{padding: 0 0 0 15px; list-style-type: square; color: #898989;}
					.wp-polls-ul li {margin: 0; padding: 0;}

/* EXTRAS */
/* ---------------------------------------------------------------------------------- */

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}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	.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;}

/* RODAPE */
/* ---------------------------------------------------------------------------------- */
							
		#footer {clear: both; width: 100%; height: 75px; background-image: url(images/footer.png); background-repeat: no-repeat; position: relative; background-color: #fff;}
			#footer #zatec {position: absolute; right: 50px; bottom: 30px;}
			#footer #copy {position: absolute; left: 50px; bottom: 27px; font-size: 11px; color: #999;}
			#footer #copy a {color: #999; text-decoration: none;}



