/*
Theme Name: Volvo Institucional
Theme URI: http://mobvox.com.br/
Description: Tema para Volvo institucional
Author: Mobvox - Daniel L. Pakuschewski
Version: 1.0
Tags: volvo, institucional
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

/*
Inicio do blog
----------------------------------------*/
html {
	background-attachment: scroll !important;
	background-position: top center !important;
    /* Height is 100%, so the body can be 100% */
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    /* Height is 100%, so the tiled BG will tile all the way down
       the page, not just as far down as the page's content
       (when the content's height is less than the window's height)*
	*/
    height: 100%;
    font-family: Arial;
    font-size: 12px;
}


/*
Hackety-hack-hack...
FF2, with the above code, will only display the repeat-y image for as
    high as the window's viewport is; higher content (upon
    scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6...dunno
 'bout IE7.
*/

html > body {
    min-height: 100%;
    height: auto;
}

/*
Estrutura Site & Fontes e Cores
----------------------------------------*/
div#wrap{
    width: 831px;
    position: relative;
    left: 50%;
    top:0;
    margin-left: -415px;
    height: auto;
}
a{
    color: #000;
}
a:hover{
    text-decoration: none;
}
p{
	margin-bottom: 1.4em;
}
/*
Menssagens
----------------------------------------*/
p.info{
	padding: 10px 20px;
	background: #DFF4FF;
	border: 1px solid #31789F;
	text-align: center;
	margin: 0 50px;
	font-weight: bolder;
}
/*
Topo
----------------------------------------*/
div#header{
    position: relative;
    height: 267px;
    background: no-repeat bottom center;
}
div#header h1{
    position: absolute;
    right: 0;
}
div#header h1#logo{
    right: 80px;
}
div#header h2#titulo {
    position: absolute;
	right: 80px;
	top: 96px;
}
/*
Menu
----------------------------------------*/
div#header ul#nav b {
    font-weight: normal;
}
div#header ul#nav {
    position: absolute;
    margin-top: 193px;
	padding-top: 12px;
	overflow: hidden;
}
div#header ul#nav li {
    display: block;
    float: left;
    margin-right: 2px;
	height: 35px;
	padding-top: 12px;
	background: url('img/nav-bg-rodape.png') repeat-x bottom;
}
div#header ul#nav li .esq,
div#header ul#nav li .dir {
	display: block;
	float: left;
	width: 5px;
	height: 23px
}
div#header ul#nav li .esq {
    background: url('img/nav-bg-disabled-esq.png');
}
div#header ul#nav li .dir {
    background: url('img/nav-bg-disabled-dir.png');
}
div#header ul#nav li a {
	display: block;
	float: left;
	height: 18px;
	color: #4c4b4b;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 24px;
	padding-top: 5px;
    background: url('img/nav-bg-disabled-rep.png') right;
}
div#header .clear-nav {
	position: absolute;
	height: 27px;
	width: 816px;
    margin-top: 240px;
}
div#header ul#nav li.ativo {
	padding-top: 0;
	background: none;
}
div#header ul#nav li.ativo .esq {
	height: 35px;
}
div#header ul#nav li.ativo .dir {
	height: 35px;
}
div#header ul#nav li.ativo a {
	height: 25px;
	color: #fff;
	padding-top: 10px;
    background: url('img/nav-bg-enabled-rep.png') right;
}


/*
Conteúdo
----------------------------------------*/
div#wrap-content{
    width: 100%;
    position: relative;
}

div#content{
    border-top:1px solid #fff;
    padding-bottom: 20px;
    padding-top: 44px;
    width: 571px;
    float: left;
    background: #F9F9F8 url('img/bg-content.png') top center repeat-x;
}

/* Botões Avançar e voltar */
div#nav-posts{
    width: 571px;
    float: left;
}
div#nav-posts span#btn-proximos a,
div#nav-posts span#btn-anteriores a{
    display: block;
    float: left;
    height: 23px;
    width: 138px;
    background: url('img/bg-btn-voltar.gif') no-repeat top center;
    color: #ffffff;
    text-decoration: none;
    padding-top: 22px;
    text-indent: 28px;
    position: relative;
    top: -14px;
    left: -1px;
}
div#nav-posts span#btn-proximos a{
    background: url('img/bg-btn-avancar.gif') no-repeat top center;
    margin-right: -2px;
    float: right;
}
/* AddThis Widget */
div#addthis{
	float: right;
	line-height: 15px;
	background: #F4F4F3 url('img/bg-share-left.png') no-repeat left;
}
div#addthis div.addthis_container{
	background: url('img/bg-share-right.png') no-repeat right;
	padding: 2px 5px;
}
/*
Destaques
----------------------------------------*/
div#destaques{
	width: 588px;
	height: 262px;
	margin-left: -17px;
	position: relative;
	z-index: 9999;
}
div#shadow-bot{
	height: 24px;
	margin-left:1px;
	width:300px;
	background: url('img/destaques/shadow-bot.png');
	float: left;
}
div#wrap-img-destaques{
	width: 300px;
	float: left;
}
div#wrap-img-destaques #img-list img{
	float: left;
	clear: both;
	padding: 4px;
	background: #282828;
	width: 292px;
	height: 234px;		
}
div#wrap-img-destaques #img-list div{
	position: absolute;
	left: 4px;
	top: 4px;
}
ul#destaques-lista{
	float: left;
	width: 280px;
}
ul#destaques-lista li{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(img/destaques/bg-separador.gif) repeat-x bottom center;
}
ul#destaques-lista li h2 a{
	color: #3F3F3F;
}
ul#destaques-lista li.ativo h2 a{
	color: #2F2E2E;
}
ul#destaques-lista li.ativo h4,
ul#destaques-lista li.ativo h4 b{
	background-image: url(img/destaques/bg-titulo-ativo.gif) !important;
}
ul#destaques-lista li:last-child{
	background: none;
}
ul#destaques-lista li h2{
	margin: -5px 0 0 10px;
	font-size: 14px;
	float: left;
	font-weight: bold;
}

/*
Exibição do post
----------------------------------------*/
div#content div.post{
    margin: 0 0 20px 0;
}
div.post-info{
	clear: both;
}
ul#destaques-lista h4,
ul#destaques-lista h4 b,
div.post-info h4,
div.post-info h4 b{
    background-repeat: no-repeat;
	background-position: top left;
    display: block;
    float: left;
}
ul#destaques-lista h4 a,
div.post-info h4 a{
	color: #ffffff;
	text-decoration: none;
}
ul#destaques-lista h4,
div.post-info h4{
    font-size: 11px;
    height: 37px;
    line-height: 22px;
    background-position: top left;
    padding-left: 16px;
}
ul#destaques-lista h4 b,
div.post-info h4 b{
    background-position: top right;
    padding-right: 12px;
    height: 37px;
}

div#content div.post div.post-info span{
    height: 23px;
    line-height: 23px;
    color: #A2A2A2;
    font-style: italic;
    font-family: Georgia;
    padding-left: 10px;
}
div#content div.post div.post-content{
    margin-top: -5px;

}
div#content div.post div.post-content h2{
    margin-bottom: 15px;
    line-height: 1.3em;
}
div#content div.post div.post-content h2 a{
    font-size: 26px;
    color: #212020;
    text-decoration: none;
    border-bottom: 1px solid #000;
	font-weight: bolder;
}
div#content div.post div.post-content h2 a:hover{
    border-style: dotted;
}

div#content div.post div.post-content{
    color: #585757;
    line-height: 1.4em;
	padding: 0 15px;
	width: 540px;
	overflow: hidden;
}

div#content div.post div.post-content a.more-link{
    color: #1A346D;
    font-weight: bold;
}

div#content div.post div.post-actions{
    padding: 10px;
    margin: 10px 0;
    background: #DDDDDD;
    text-align: right;
    height: auto;
    overflow: hidden;
    float: left;
    width: 551px;
}

div#content div.post div.post-actions ul{
    background: url('img/bg-post-action.png') no-repeat center;
    width: 197px;
    height: 33px;
    float: right;
}
div#content div.post div.post-actions ul li{
    display: block;
    float: left;
    margin-top: 16px;
}
div#content div.post div.post-actions ul li a{
    color: #FFFFFF;
	text-decoration: none;
}
div#content div.post div.post-actions ul li a:hover{
    text-decoration: underline;
}
div#content div.post div.post-actions ul li.first{
    padding-right: 19px;
    padding-left: 12px;
}
div#content div.post div.post-actions ul li.first a{
    color: #AAAAAA;
}


/*
Sidebar
----------------------------------------*/
div#sidebar{
    width: 260px;
    float: right;
}

div#sidebar div.widget{
    margin-bottom: 20px;
}

div#widget-paginas ul{
    width: 100%;
}
div#widget-paginas ul li{
	background: bottom center no-repeat;
}
div#widget-paginas ul li a{
    display: block;
    height: 22px;
    line-height: 20px;
    text-indent: 28px;
    text-decoration: none;
}
div#widget-paginas ul li a:hover{
    text-decoration: underline;
}
div#widget-paginas span.bottom{
    display: block;
    width: 100%;
    height: 31px;
    background: no-repeat top center;
}
div#widget-busca{
    background: url('img/bg-widget-busca.gif') no-repeat center;
    height: 32px;
    opacity: 0.7;
}
div#widget-busca form{
    padding-left: 65px;
    padding-top: 7px;
    position: relative;
}
div#widget-busca form input{
    background: #fff;
    width: 145px;
    border: 0;
}
div#widget-busca form input.image{
    position: absolute;
    right: 25px;
    top: 10px;
    width: 14px;
    height: 14px;
}
div#widget-banner{
	text-align: center;
}

div#widget-adicione{
    height: 96px;
    background: url('img/sidebar/bg-adicione.gif') no-repeat 0 23px;
}
div#widget-adicione ul{
    margin-top: 5px;
    padding-left: 15px;
}
div#widget-adicione ul li{
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}
.sociais-widget {
	margin-bottom: 10px;
}
.widget-sociais {
	margin-top: 20px;
}
.widget-sociais h3 {
	height: 23px;
}
.widget-sociais-conteudo {
	background: url('img/sidebar/bg-sociais.png') no-repeat #7b7b7b;
	padding: 26px 17px;
	color: #c5c3c3;
	position: relative;
	height: 240px;
	overflow: hidden;
	width: 226px;
}
#widget-twitter .widget-sociais-conteudo {
	line-height: 16px;
}
#widget-twitter .widget-sociais-conteudo a {
	color: #191919;
	text-decoration: underline;
}
#widget-twitter .widget-sociais-conteudo div.data a {
	color: #585858;
	font-size: 11px;
}
#widget-twitter .widget-sociais-conteudo a:hover {
	text-decoration: none;
}
#widget-twitter .widget-sociais-conteudo li.sep {
	margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: 1px dotted #8d8d8d;
}
#widget-flickr a img {
	width: 62px;
	height: 52px;
	border: 1px solid #fff;
	margin-right: 5px;
	margin-left: 5px;
}
#widget-flickr div.sep {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #8d8d8d;
}
#widget-flickr .widget-sociais-conteudo {
	height: 216px;
	padding: 38px 17px;
}
#widget-youtube .widget-sociais-conteudo {
	height: 216px;
	padding: 38px 8px;
}
#widget-youtube .youtube {
	text-align: right;
	display: block;
	margin-top: 8px;
	color: #fff;
}
#widget-sociais-menu {
	background: url('../img/sidebar/bg-sociais-menu.gif') no-repeat;
	padding-left: 20px;
	height: 15px;
}
#widget-sociais-menu a, #widget-sociais-menu li {
	float: left;
}
/*
Rodapé
----------------------------------------*/
div#footer{
    padding-top: 20px;
    width: 100%;
    background: #202020 url('img/bg-footer.gif') left bottom repeat-x;
    overflow: hidden;
}
div#footer p,
div#footer ul{
    width: 831px;
    position: relative;
    left: 50%;
    top:0;
    margin-left: -415px;
}
div#footer p a,
div#footer p{
	text-align: right;
	color: #484848;
	text-decoration: none;
}
div#footer ul{
	margin-bottom: 10px;
	height: 142px;
}
div#footer ul li{
    float: left;
    width: 243px;
    margin: 10px;
    padding-bottom: 20px;
    background: url('img/bg-footer-li.gif') bottom left repeat-x;
}
div#footer ul li img{
    vertical-align: middle;
	float: left;
}
div#footer ul li a{
	display: block;
	float: left;
    height: 29px;
    line-height: 29px;
    color: #9e9e9e;
    text-decoration: none;
}
div#footer ul li b{
	padding: 0 10px;
}
div#footer ul li.ativo a{
	background-color: #343433;
}

div#widget-adicione div.sombra {
	width: 236px;
	height: 35px;
	margin-top: 31px;
	position: absolute;
	background: url('img/sidebar/sombra-adicione.png') no-repeat center;
}
div#widget-tags {
	margin-top: 10px;
}
div#widget-tags div.tags {
	padding-left: 16px;
}
div#widget-tags div.tags a {
	display: block;
	margin-bottom: 0px;
	color: #636363;
	text-decoration: none;
	font-weight: bold;
}
div#widget-tags #tags-nuvem a {
	display: inline;
}
div#widget-tags div.tags a:hover {
	text-decoration: underline;
}
#widget-tags h3 a {
	width: 49px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	display: block;
	position: absolute;
	color: #676767;
	background: url('img/sidebar/botao-tags.png');
	font-size: 12px !important;
}
#widget-tags h3 a.ativo {
	color: #e2e3e3;
	font-weight: bold;
	background: url('img/sidebar/botao-tags-ativo.png');
}
#widget-tags h3 a.lista {
	margin-left: 55px;
}
#widget-tags h3 a.nuvem {
	margin-left: 105px;
}
/*
Comentários
----------------------------------------*/
h3#comments-title{
	height: 28px;
	line-height: 28px;
	text-indent: 15px;
	color: #ffffff;
	background: url('img/title-comment.gif') no-repeat left top;
	font-size: 14px;
}
/* Lista */
ul.commentlist{
	display: block;
	float: left;
}
ul.commentlist li{
	width: 546px;
	display: block;
	overflow: hidden;
	float: left;
}
ul.commentlist div.comment-body{
	padding: 20px 30px 5px 30px;
	overflow: hidden;
	height: 1%;
}
/*---*/
ul.commentlist li.first{
	background: #C5CAD3 url('img/comment-even-top-first.gif') top left no-repeat !important;
}
ul.commentlist li.even{
	background: #C5CAD3 url('img/comment-even-top.gif') top left no-repeat;
}
ul.commentlist li.even div.comment-body{
	background: url('img/comment-even-bottom.gif') bottom left no-repeat;
}
ul.commentlist li.odd{
	background: #AAB0BF url('img/comment-odd-top.gif') top left no-repeat;
}
ul.commentlist li.odd div.comment-body{
	background: url('img/comment-odd-bottom.gif') bottom left no-repeat;
}
/*---*/
ul.commentlist div.comment-avatar{
	float: left;
	margin-right: 20px;
}
ul.commentlist div.comment-body .comment-author span{
	font-family: Georgia;
	color: #949393;
	font-style: italic;
	font-weight: normal;
}
ul.commentlist div.comment-body .comment-author{
	float: left;
	color: #17356D;
	font-style: normal;
	font-weight: bolder;
	width: 425px;
}
ul.commentlist div.comment-body .comment-text{
	float: left;
	width: 425px;
	color: #585757;
}
ul.commentlist div.comment-body .comment-text p{
	margin: 0.5em 0;
}
div.odd-end{
	background: url('img/comment-odd-end.gif') left top no-repeat;
	padding-top: 20px;
	float: left;
}
div.even-end{
	background: url('img/comment-even-end.gif') left top no-repeat;
	padding-top: 20px;
	float: left;
}
/* Form */
#commentform p{
	display: block;
	margin: 10px 0;
}
#commentform p label{
	display: block;
	float: left;
	width: 100px;
	padding-right: 10px;
	text-align: right;
	color: #444444;
	font-weight: bolder;
	line-height: 20px;
}
#commentform p input,
#commentform p textarea{
	border: 1px solid #adadad;
	background: #c5c5c5;
}
#commentform span.required{
	color: #ff0000;
	font-weight: bolder;
	margin-left: 5px;
}
#commentform .submit{
	float: right;
	border: none;
	color: #294677;
	font-weight: bolder;
	text-decoration: underline;
	background: none;
	margin-right: 74px;
}
/* Error */
span#erros label{
	display: block;
	width: auto;
	clear: both;
	color: #ff0000;
	margin-left: 109px;
	font-weight: normal;
}
/*
Alinhamentos
----------------------------------------*/
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	border: none;
	background: #f1f1f1;
	color: #888;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.wp-caption img {
	margin: 5px;
}
.wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}
.wp-smiley {
	margin:0;
}