/*
Theme Name: Blog Tour
Theme URI: http://www.sptrans.com.br/
Description: Tema desenvolvido para o blog do site da SPTrans
Version: 1.0
Author: LOV
*/

.wp-caption { text-align: center; width: 100%; }
.wp-caption img { margin: auto; }

div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dd, dt, #header3, #titleColabore, #titleAmigao, #titlePost4, #blocoDireita {padding:0; margin:0}
html, body {margin:0 auto; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333333}
body {background:#e5e5e5 url(img/bg_body.gif) no-repeat center top}
#wrapper {width:884px; margin:0 auto; background:#e5e5e5 url(img/bg_content.gif) repeat-y}

/*IMG REPLACEMENT*/
#header h3, #header3, #header h1 a, #header li a, #header li span, #logoPrefeitura, #logoSptrans, .hr,
#oquee span, #titleOque, h6, #titleAmigao, #titleColabore, #rss, .widget label, #searchsubmit, .clear, #commentspopup h1, 
#commentspopup h2, #publicar, #blocoDireita {text-indent:-1000px; overflow:hidden; display:block;}
/*FIM::IMG REPLACEMENT*/

a {text-decoration:none; color:#333333}
a:hover {text-decoration:underline}
p {font-size:11px; margin-bottom:30px}
.hr {height:1px; border-top:1px solid #666666; clear:both; margin:5px 0}
.clear {height:1px; clear:both;}
.strong {font-weight:bold}

/*HEADER*/
#header {height:193px; background:#e5e5e5 url(img/bg_wrapper.gif) repeat-x 0 37px; position:relative; padding-bottom:10px}
#header div {height:37px; background:#999999}
	#header h3, #header3 {width:160px; height:14px; background:url(img/txt_quetal.gif) no-repeat !important; position:absolute !important; top:10px;}
	#header div span {display:block; position:absolute; top:11px; right:0; font-size:11px; color:#fff; font-weight:bold}
	#header div span a {color:#fff}

#header h1, 
#header h1 a {width:360px; height:114px; background:url(img/logo_blog.gif) no-repeat}
#header h2 {font-size:10px; font-weight:normal; color:#7a7a7a; padding:24px 85px 0 0; background:url(img/logo_sptrans-header.gif) no-repeat top right; position:absolute; top:46px; right:0}
	#header h2 span {display:none}

#header ul {height:20px; background:#C4161C; padding:8px 0 0 208px; display:block; margin-top:14px}
#header li {float:left; display:block }
	#header li a,
	#header li span {height:12px; padding:1px 8px 0 11px; border-right:1px solid #FFF}
	#btBilheteU a {width:88px; background:url(img/bt_bilhete.gif) no-repeat 11px 0}
	#btTerminais a {width:219px; background:url(img/bt_terminais.gif) no-repeat 11px 2px}
	#btEuAndo a {width:71px; background:url(img/bt_euando.gif) no-repeat 11px 2px}
	#header #btSptrans {width:225px}
	#header #btSptrans span {width:89px; background:url(img/bt_mais.gif) no-repeat 11px 2px; border-right:none; float:left;}
	#header select {width:110px; height:16px; font-size:9px; font-weight:bold; color:#666666; float:right; margin-top:-1px}
	#header option {font-size:9px}

/*CONTENT*/
#widgetsEsq {width:188px; float:left; padding-bottom:163px}
#conteudoDir {width:459px; float:left;}
#widgetsDir {width:121px; float:right; margin-right:46px;}
#blogRoll {width:499px; float:left; background:#fff; padding:28px 15px 163px 15px}

/*CONTENT::BLOGROLL*/
.post {padding-bottom:45px}
.postHeader {}
.postHeader span {font-size:11px; font-weight:bold; padding-left:10px}
.postHeader h4, #titlePost4 {font-size:16px; background:#ffcc00; padding:11px 10px; display:block; margin:5px 0 30px 0; font-weight:bold; color: #333}

.postContent .more-link {font-size:10px; margin-bottom:35px; text-decoration:none;}
.postContent .more-link span {color:#c71e1a; text-decoration:underline; padding-right:5px; font-weight:bold;}
.postContent .more-link span.moreTitulo {text-decoration:underline; font-weight:normal; color:#333333}
.postContent img {border:1px solid #9c9c9c; display:block}
.alignleft {float:left; margin:0 10px 10px 0}
.alignright {float:right; margin:0 0 10px 10px}
.alignnone,
.aligncenter {margin:0 auto 30px auto}

.postFooter dl {background:#ffcc00; padding:6px 11px; display:block; font-size:10px; color: #333333}
.postFooter dt {display:inline; font-weight:bold; float:left; padding-right:3px}
.postFooter dd {display:inline; float:left;}
.postFooter dd.categoriasHold {width:260px;}

.postFooter ul {height:18px; display:block; background:#a0c329; padding:6px 0 0 0; margin-bottom:18px}
.postFooter ul li {float:left; display:block; text-transform:uppercase; color:#fff; font-size:10px; padding:0 13px; border-right:1px solid #fff}
.postFooter ul li.noBorder {border:none}
.postFooter ul li span a {color:#000; font-weight:bold}
.postFooter ul li a {font-weight:bold; color:#fff}
.postFooter .sociable {display:none}
.postFooter .sociable ul {background:#fff; border:1px solid #C4161C; padding:0; height:34px; margin:0} 
.postFooter .sociable li {border:0; padding:8px;}
.postFooter .sociable img {border:0}

#resultadosBusca {display:block; font-size:17px; font-weight:bold; margin-bottom:10px; clear:both}
#resultadosBusca span {font-weight:bold;}

#navigation {background:#c71e1a; height:24px; padding-top:0; position:relative;}
#navigation div {position:absolute; display:block; top:1px; }
#btAnterior {left:17px;}
#btProxima {width:60px; text-align:right; left:380px;}
#navigation div a {display:block; font-size:9px; color:#fff; font-weight:bold; text-transform:uppercase;}
#btAnterior a {padding:4px 0 4px 25px; background:url(img/ico_seta-ant.gif) no-repeat}
#btProxima a {width:60px; padding:4px 25px 4px 0; background:url(img/ico_seta-prox.gif) no-repeat top right}

/*CONTENT::WIDGET ESQ*/
.widget {margin-bottom:10px; }
.widget p {padding:0 20px 0 10px;}
.widget h6, .widget #blocoDireita, .widget #titleOque, #titleColabore, #titleAmigao {margin:0 0 20px 10px}
#oquee {background:url(img/bg_oquee-pattern.gif) repeat-y; color:#fff; padding:0 0 30px 0;}
#oquee span {height:28px; background:url(img/bg_oquee-head.gif) no-repeat}
#oquee h6, #oquee #titleOque {width:132px; height:37px; background:url(img/txt_oquee.gif) no-repeat}

#buAmigao {}
#buAmigao h6, #titleAmigao {width:157px; height:85px; background:url(img/txt_bu.gif) no-repeat; margin-bottom:20px}
.btAction {width:130px; background:#c71e1a url(img/ico_seta.gif) no-repeat 150px 6px; display:block; font-size:10px; font-weight:bold; text-transform:uppercase; color:#fff; padding:10px 45px 10px 0; text-align:right;}

#colabore {width: 180px;}
#colabore h6, #titleColabore {width:100px; height:41px; background:url(img/txt_colabore.gif) no-repeat}
#titleColabore { width: 179px; margin: 0;}

#rss {width:94px; height:54px; background:url(img/txt_assine.gif) no-repeat; margin:25px 0 0 10px}

/*CONTENT:: WIDGET DIR*/

#widgetsDir .widget {margin-bottom:35px; width: 110px; padding:0 0px 0 10px;}
#widgetsDir .widget h6 {margin:0 0 20px 0}
#widgetsDir .widget label {margin:0 0 10px 0}
#widgetsDir #search-3 {margin-bottom:17px}
	#search-3 label {width:100px; height:59px; background:url(img/txt_busca.gif) no-repeat}
	#search-3 #s {width:118px; border-width:1px 0 0 0; border-color:#999999; border-style:solid; margin:0 0 5px 0}
	#search-3 #searchsubmit {width:39px; height:20px; padding:0; margin:0; background:url(img/bt_ok.gif) no-repeat; line-height:1000px; border:none; margin:0 3px 0 auto; cursor:pointer}
#recent-posts-3 h6, #recent-posts-3 #blocoDireita  {width:122px; height:41px; background:url(img/txt_recentes.gif) no-repeat}
	#recent-posts-3 ul {font-size:11px; list-style:none}
	#recent-posts-3 li {margin-bottom:5px }
#categories-3 h6, #categories-3 #blocoDireita {width:122px; height:41px; background:url(img/txt_categorias.gif) no-repeat}
	#categories-3 ul {font-size:11px; list-style:none}
	#categories-3 li {padding-right:12px; background:url(img/ico_seta-categoria.gif) no-repeat right bottom; margin-bottom:5px }
    .blocoDireita { display: block; }
    #search-3 .blocoDireita { display: none;}


/*FOOTER*/
#footer {height:57px; background:#999999; clear:both;}
#footer div {width:864px; margin:0 auto; position:relative;}
#logoPrefeitura {width:138px; height:52px; background:url(http://www.sptrans.com.br/blogtour/wp-content/uploads/2011/11/logo_prefeitura.gif) no-repeat; position:absolute; top:3px; left:10px}
#logoSptrans {width:101px; height:41px; background:url(img/logo_sptrans-footer.gif) no-repeat; position:absolute; top:7px; right:10px}


/*COMMENTS POPUP*/
#commentspopup {background-image:none}
#commentspopup h1 {height:30px; background:#cc0000 url(img/txt_comentarios.png) no-repeat 39px 7px}
#commentspopup p {color:#666666}
#commentspopup p.numeroComments {width:388px; font-weight:bold; text-transform:uppercase; margin:0 39px; display:block; border-bottom:1px dashed #000; padding:25px 0 9px 0 }
#commentspopup p.numeroComments span {color:#000}
#commentspopup h2 {width:255px; height:23px; background:url(img/txt_faca-comentarios.png) no-repeat 19px 7px; margin:20px 0 15px 0}
	#formComentarios {width:388px; margin-left:39px; border-bottom:1px solid #d12e2b; padding-bottom:20px}
	#formComentarios label {font-size:9px; font-weight:bold; display:block; color:#333}
	#formComentarios input,
	#formComentarios textarea {width:388px; border-width:1px 0 0 0; border-color:#999999; border-style:solid; margin:2px 0 10px 0}
	#formComentarios textarea {height:85px}
	#formComentarios input#publicar {border:none; width:151px; height:20px; background:url(img/bt_comentario.gif) no-repeat; margin:0 0 0 auto; display:block; line-height:1000px; cursor:pointer;}

#commentspopup ul {padding:0 0 20px 39px; list-style:none}
#commentspopup li {width:365px; padding:20px 0 5px 23px; background:url(img/ico_comentario.gif) no-repeat 3px 20px; border-bottom:1px solid #bfbfbf; }
#commentspopup h3, #commentspopup  #header  {font-size:9px; color:#333333; font-weight:normal; margin:0 0 20px 0}
	#commentspopup h3 span {font-weight:bold; color:#c71e1a; font-size:14px}
	#commentspopup li p {color:#333333; font-size:9px; margin:0 0 20px 0}
	#commentspopup li span.data {color:#666666; text-transform:uppercase; font-size:9px}
.compartilhar
{
	cursor:pointer;
}

.pagetitle	{ font-size:12px; }
#blockSearch { font-size:12px; font-weight:bold; margin-bottom:15px;	clear:both; }
#endSearch 	{ margin-bottom:30px; }