/*
Theme Name: TuDiBão Azul
Theme URI: http://tudibao.com.br
Description: Tema azul do TuDiBão
Version: 1.5
Author: Verso e Inverso - Design, Internet e Tecnologia
Author URI: http://versoeinverso.com.br
*/
/* 
css reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,em,font,img,small,strong,sub,sup,tt,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}


/* Estrutura básica */
body { 
	background-color: #0068a5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
   	color: #333;
} 

a:link, a:visited {
	color: #859403;
	text-decoration: none;
	border-bottom: none;
}

a:hover {
	color: #859403;
	text-decoration: none;
	border-bottom: none;
}

a:active, a:focus {
	color: #859403;
	text-decoration: none;
	border-bottom: none;
}

/* 
clear fix
http://www.webtoolkit.info/css-clearfix.html
*/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}

/*
classes reutilizaveis
*/
.imgrpl{display:block;font-size:1px;text-indent:-9000px;}
.show{display:block;}
.hide{display:none;}
.hidden{visibility:hidden;}
.nb{border:none !important;background:transparent;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear: both;}
.alignleft {
	float: left;
	display: block;
	margin: 10px 10px 0 0;
	}
.alignright {
	float: right;
	display: block;
	margin: 10px 0 0 10px;
	}
.aligncenter {
	clear:both;
	display: block;
	margin: 10px auto;
	}
.wp-caption { margin: 10px auto; }

.wp-caption-text { font-size:11px;line-height:16px;margin:0;font-weight: bold;font-style: italic;text-align: center; }

input.text, textarea.text {
	background: #FFF;
	border: 1px solid #859403;
	color: #666;
}

tr, td {
	vertical-align: top;
	font-size: 13px;
}

#blog { 
	width: 970px; 
	text-align: left;  
	margin-left: auto; 
	margin-right: auto;
	padding: 0px;
}

#header {
	width: 970px;
	height: 300px;
	background: url(images/header.jpg) scroll no-repeat center bottom;
	padding: 0;
	margin: 0;
	position: relative;
}

#header #sitetitle a {
	width: 580px;
	height: 120px;
	padding-left: 15px;
	padding-top: 22px;
	display: block;
}

#header h2 {
	color: #fff;
	font-weight: bolder;
	font-size: 20px;
}

#header #sitedescription {
	padding-left: 20px;
	width: 525px;
	height: 150px;
	position: absolute;
	top: 160px;
}
#header #sitedescription h2 {
	color: #315003;
	font-size: 17px;
	font-weight: bold;
	margin: 0px 10px 0 0;
	padding: 4px 0 5px 0;
	border-bottom: 1px dotted #000;
}
#header #sitedescription h4 {
	color: #315003;
	font-size: 15px;
	font-weight: bold;
	margin: 2px 0 0 0;
	padding: 0px;
}
#header #sitedescription h4  a{
	color: #315003;	
}
#header #sitedescription p {
	color: #315003;
	font-size: 13px;
	padding: 8px 10px 0 0;
	margin: 0px;
}
#header #sitedescription ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header #sitedescription  ul li {
	margin: 5px 0px;
	background: url(images/bullet_orange.png) scroll no-repeat left center;
	padding-left: 20px;
	color:#313A0A;
}
#header #sitedescription  ul li a {
	color:#313A0A;
}
#wrapper {
	background-color: #FFFFFF;
	background-image: url(images/bg-wrapper.gif);
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

#wrapperleft {
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 970px;
} 

#main {
	width: 530px;
	background-color: #FFFFFF;
	padding: 0px 10px;
	margin: 0px;
}

#main ul { margin: 0px;  }
#main ul li {
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 0px 20px;
	background: transparent !important;
	list-style-type: disc;
	list-style-position: outside;
	font-size: 13px;
}
#main ol { margin: 0; }
#main ol li {
	padding: 0 0 8px 0;
	margin: 0 0 0 20px;
	background: transparent !important;
	list-style-type: decimal;
	list-style-position: outside;
	font-size: 13px; line-height: 18px;
}

/*	DATE */
#main .infos { min-height: 25px; }
#main .infos h5.date {
	font-weight: bold;
	font-size: 13px;
	color: #6699CC;
	padding: 5px 4px 5px 20px;
	background: url(images/bullet-splat.png) no-repeat 4px 5px;
}

#main .infos h5.author {
	font-weight: bold;
	font-size: 13px;
	color: #6699CC;
	padding: 5px 4px 5px 20px;
	background: url(images/author.png) no-repeat 4px 5px;
}

/*	TOPIC */
#main  h1,
#main  h2 {
	font-weight: bold;
	font-size: 17px;
	background: none;
	padding: 0px;
	color: #6699CC;
	margin: 10px;
}
#main  h1 .highlight,
#main  h2 .highlight {
	color: #fff;
	background-color: #6699CC;
	padding:3px 4px;
}
#main .entry h3,
#main #comments h1,
#main #commentform h1 {
	font-weight: bold;
	font-size: 17px;
	background: none;
	padding: 0px;
	color: #859403;
	margin: 5px 0;
}

#main .entry, #main #comments, #main #commentform {
	padding: 0px 10px 10px 10px;
	margin: 0px;
}

#main .entrycontent {
	padding: 0px;
	margin: 0px;
}
#main .entrycontent .galeria img{
	max-width: 520px;
}
#main .entrycontent p {
	margin: 10px 0 0 0;
	font-size: 13px;
	line-height: 18px;
}
#main .entrycontent p strong,
#main .entrycontent td strong,
#main .entrycontent li strong {
	font-weight: bold;
	padding: 0;
}
#main .entrycontent ul li { margin: 0 0 0 30px; padding: 0; font-size: 13px; line-height: 16px; }
#main .entrycontent p em,
#main .entrycontent td em,
#main .entrycontent li em {
	font-style: italic;
}
#main .entrycontent .leiamais {
	margin: 0 5px; padding: 0;
}

#main .entryfooter {
	background-color: #FFF;
	padding: 4px 0px;
	margin: 10px 0;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	font-size: 13px;
	line-height: 16px;
}
#main .entryfooter .author_box,
#main .entryfooter .social_box {
	padding: 0 0 10px 0;
	width: 520px;
	clear:both;
	}
#main .entryfooter .author_box p {
	margin: 2px 0;
	}
#main .entryfooter .social_box p {
	margin: 2px 0;
	clear: both;
	}
#main .entryfooter .author_box .avatar {
	width: 40px; height: 40px;
	border: 1px solid #333;
	margin: 0 5px 0 0;
}
#main .entryfooter .author_box p .nome_autor {
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
}
#main .entryfooter .social_box ul {
	clear: both;
	}
#main .entryfooter .social_box li {
	float: left; display: inline;
	height: 40px;
	margin: 5px 5px 0 5px;
	list-style-type: none;
	}
#main .entryfooter .social_box li a {
	font-size: 0.9em; color: #00688f;
	margin: 0 3px;
	}
#main .entryfooter .social_box .delicious {
	display: block;
	background: url(images/ico_delicious_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
#main .entryfooter .social_box .twitter {
	display: block;
	background: url(images/ico_twitter_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
#main .entryfooter .social_box .stumbleup {
	display: block;
	background: url(images/ico_stumbleupon_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
#main .entryfooter .social_box .facebook {
	display: block;
	background: url(images/ico_facebook_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
#main .entryfooter .social_box .netvibes {
	display: block;
	background: url(images/ico_netvibes_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
#main .entryfooter .social_box .linkdin {
	display: block;
	background: url(images/ico_linkedin_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
#main .entryfooter .social_box .buzz {
	display: block;
	background: url(images/ico_buzz_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}
#main .entryfooter .social_box .rss {
	display: block;
	background: url(images/ico_rss_32.png) scroll no-repeat left top;
	width: 32px; height: 32px;
	}

#main .contentimage {
	margin-top: 5px;
}
#main .wp-pagenavi {
	text-align: center;
}

.contentimage {
	padding-top: 0px;
}

#contentimage {
	margin-top: 5px;
}

#main .asides {
	padding: 0px 10px 10px 10px;
}

#comments {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	line-height: 1.4em;
}

#main #comments .comment {
	background-color: #EFEFEF;
	font-size: 14px;
	font-weight: normal;
	color: #444;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 10px;
	margin-right: 0px;
	padding: 4px 20px 4px 20px;
}

#main #comments .officialuser {
	background-color: #EFEFEF;
	font-size: 14px;
	font-weight: normal;
	color: #444;
	border-top: 1px solid #859403;
	border-bottom: 1px solid #859403;
	margin-bottom: 10px;
	margin-right: 0px;
	padding: 4px 20px 4px 20px;
}

#main #comments .comment h4, #main #comments .officialuser h4 {
	font-size: 14px;
	font-weight: normal;
}

#main #comments .comment .commentnumber, #main #comments .officialuser .commentnumber {
	font-size: 16px;
	font-weight: bold;
	margin-right: 8px;
}

#main #commentform form {
	background-color: #EFEFEF;
	font-size: 14px;
	font-weight: normal;
	color: #444;
	border-top: 1px solid #859403;
	border-bottom: 1px solid #859403;
	margin-bottom: 10px;
	margin-right: 0px;
	padding: 4px;
}

#main #commentform label {
	font-size: 12px;
}
#main #commentform .commentforminfo {
	font-size: 12px;
}

.sidebar {
	width: 200px;
	padding: 0 5px;
	margin: -150px 0 0 0;
	color: #333;
}

.sidebar p {
	text-align: left;
}

.sidebar #wp-calendar {
	padding-left: 30px;
}

.sidebar a:link, .sidebar a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: none;
	float: left;
	margin-right: 2px;
}

.sidebar a:hover {
	color: #333;
	text-decoration: underline;
	border-bottom: none;
}

.sidebar a:active, .sidebar a:focus {
	color: #333;
	text-decoration: none;
	border-bottom: none;
}

.sidebar h2.widgettitle {
	clear: left;
	margin: 10px 0 5px 0; padding: 0px 0px 5px 0px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	border-bottom: 1px dotted #333333;
}
.sidebar .textwidget {
	margin: 0 0 10px 0;
	line-height: 1.2em;
	font-size: 13px;
}
.sidebar .textwidget a img,
.sidebar .textwidget p {
	margin: 0 auto 10px auto;
	display: block; float: left;
}
.sidebar .textwidget p strong {
	font-weight: bold;
}
.sidebar li {
	list-style-type: none;
	background: none 0 0px;
	margin: 0;
	padding: 0;
}

.sidebar li h2 {
	list-style-type: none;
	background: none 0 0px;
	padding-bottom: 10px;
	margin: 0px;
	font-size: 16px;
	line-height: 1.4em;
	color: #333;
}

.sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.sidebar ul li {
	padding: 0px 0px 4px 12px;
	background: url(images/bullet-doc.gif) no-repeat 0 4px;
	line-height: 17px;
	text-align: left;
	font-size: 13px;
	clear: left;
}

.sidebar ul.colunistas li {
	padding: 0 0 4px 0;
	background: transparent;
}

.sidebar ul.colunistas li strong {
	font-weight: bold;
}

.sidebar #akismetwrap {
	padding-left: 35px;
}

.sidebar .linkimages ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.sidebar .linkimages li {
	padding: 0px;
	background-image: none;
}

.sidebar .linkimages a:link, .sidebar .linkimages a:visited, .sidebar .linkimages a:active, .sidebar .linkimages a:hover, .sidebar .linkimages a:focus {
	text-decoration: none;
	border: none;
}
.sidebar #searchform {
	width: 190px;
	clear: both;
	margin-bottom: 10px;
	padding: 0px;
	background: transparent;
	float: left;
}
.sidebar #searchform label {
	color: #000;
	font-size: 13px;
	line-height: 1.4em;
	font-weight: bold;
}
.sidebar #searchform div #s {
	float: left;
	width: 140px;
}
.sidebar #searchform div #searchsubmit {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	background: transparent url(images/magnifier.png) scroll no-repeat left top;
	border: none;
	text-indent: -9000px;
}

#footer {
	color: #666666;
	width:970px;
	height: 30px;
	margin:auto;
	text-align: right;
	background-color: #0068a5;
}
#footer p { width: 300px; height: 20px; margin: 5px 10px 10px 630px; font-size: 10px; color: #fff; background-color: #0068a5; }
#footer p a { font-size: 10px; color: #fff; }


/* GRAVATAR styling */

.gravatar {
	float: right;
	padding: 0px;
	border: 4px solid #DDDDDD;
	background: #FFF;
	margin: 4px;
	width: 50px;
	height: 50px;
}

.postgrav {
	float: right;
	padding: 3px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #000;
	background: #fff;
}

/* Super Archives */
#livearchive {
	background: #FFF;
}

#teb-super-archive {
	margin-left: 10px;
}

#teb-super-archive ul {
	padding: 4px;
	list-style-type: none;
	list-style-image: none;
}

#teb-super-archive ul li {
	text-align: left;
	padding: 1px 8px;
	font-size: 12px;
	background-image: none;
}

#teb-super-archive ul li:hover {
	background: #bbb;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-top: 0;
	padding-bottom: 0;
	background-image: none;
}

html>body .entry #teb-super-archive ul li {
	text-indent: 0;
	margin: 0;
	background-image: none;
}
	
.entry #teb-super-archive ul li:before {
	content: "";
}

#teb-super-archive-year {
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #666;
}

#teb-super-archive-year li {
	position: relative;
	font-weight: bold;
	background-image: none;
}
	
#teb-super-archive-month {
	float: left;
	width: 100px;
	margin: 0;
	border-left: 1px solid #666;
	font-weight: bold;
}

#teb-super-archive-month li {
	position: relative;
	background-image: none;
}

#teb-super-archive-post {
	float: left;
	width: 285px;
	margin: 0;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

#teb-super-archive-post li {
	position: relative;
	font-weight: bold;
	background-image: none;
}

#teb-super-archive ul li span {
	position: absolute;
	right: 8px;
	font-weight: normal;
	color: #000;
}

#teb-super-archive .selected, #teb-super-archive-post li:hover {
	background: #859403;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-top: 0;
	padding-bottom: 0;
	color: #FFF;
}

/* Area Topo */
#feed-contact {
	margin: 30px 0 0 0;
	float: right;
	width: 360px;
}
#feed-contact a {
	color: #FFF;
	float: left;
	margin: 0 20px 0 0;
	height: 90px;
}
#feed-contact a.feed {
	width: 90px;
	background: transparent url(images/feed.png) scroll no-repeat right center;
	text-indent: -9000px;
}
#feed-contact a.email {
	width: 90px;
	background: transparent url(images/contato.png) scroll no-repeat right center;
	text-indent: -9000px;
}
#feed-contact a.twitter {
	width: 115px;
	background: transparent url(images/twitter.png) scroll no-repeat right center;
	text-indent: -9000px;
}

h2 span.disclaimer {
	font-size: 10px;
	font-weight: normal;
}

.banner-promo { width: 468px; height: 60px; margin: 20px auto; }