/*  
Theme Name: São João da Bahia
Version: 1.0
Description: Designed by <a href="http://www.romeurodrigues.com">Romeu Rodrigues</a>.
Author: Romeu Rodrigues
Author URI: http://www.romeurodrigues.com
*/

/* Default styles */
@import "reset.css";

body { 
	background: url(img/bg.jpg) repeat; 
	font-family:Verdana, Geneva, sans-serif; 
	color: #666; 
	font-size:11px; 
}

/* Header */
#wrapper { width:1004px; margin:0 auto; position:relative; background:#fff; }
#header { position:relative; height:400px; width:1004px; margin:0 auto; margin-top:10px}
#header h1 a { background: url(http://www.saojoaobahia.com.br/wp-content/uploads/2010/10/saojoaodabahia_bkp.png) no-repeat; display: block; height: 179px; overflow: hidden; text-indent: -9999px; width: 316px; position:absolute; top:0px; left:35%; }
#header img { vertical-align:middle}
#busca { position:absolute; right:0px; bottom:-15px; width:259px; height:74px; background:url(img/busca-bg.png) no-repeat; z-index:20;}
#iconsearch { background:url(img/icone-busca.png); width:57px; height:72px; position:absolute; left:10px; z-index:20; top:10px;}
#search { position:relative; left:40px; top:18px; width:199px;}
.input { background: url(img/input.png) left top no-repeat; width: 125px; height: 16px; position: absolute; padding: 8px 10px 8px 30px; color: #333; font-family:Georgia, "Times New Roman", Times, serif; border:none}
.busca { border-bottom:1px solid #999; position:relative; margin-bottom:15px; padding-bottom:15px;}
.buscar { position: absolute; right: 0px; }
#breadcrumbs { color:#929292; font-size:10px; border-bottom:1px solid #EBEBEB; padding-bottom:10px; margin-bottom:20px}
/* NAV */

/* Navigation */
#nav { background:url(img/menu.png) no-repeat; width:743px; height:43px; position:absolute; bottom:-5px; left:5px; z-index:20;}
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 100; }
#nav a { display: block; line-height: 28px; padding: 12px 19px; z-index: 100; color: #fff; font-size:20px; text-transform:uppercase; background:url(img/separador.png) no-repeat right top; border:none}
#nav a:hover, #nav .current_page_item a, #nav .current-cat a { color: #fff; background: #A2642A; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-decoration: none; }
#nav li { float: left; border:0px; padding:0px }
#nav li ul { position: absolute; width: 170px; left: -999em; }
#nav li ul li { background: url(img/bg-nav.png) repeat !important; background: #000; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#nav li ul li a { line-height: 25px; font-size: 15px; color: #FFF; width: 100px; padding: 6px 10px; background:#E4A145;  -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#nav li ul ul {	margin: -35px 0 0 194px; }
#nav li ul ul li a { line-height: 25px; }
#nav li ul li ul li a {	}
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

/* FEATURED */
#featured { padding:20px 15px 0px 15px; margin:0 auto;}

/* CONTENT */
#content { width:710px; padding:20px 0px 20px 20px; position:relative; float:left}
.noticia h4 { padding:10px 0 0 0; font-size:1.5em;
font-weight:bold;
letter-spacing:-0.03em;
line-height:1.1em; color:#A80000;}
.noticia h4 a { color:#A80000}
.noticia h4 a:hover { text-decoration:underline}
.subdestaque {border-top:1px dotted #DDDDDD; position:relative; clear:both; padding-right:10px}
.subdestaque a { color:#333}
.subdestaque a:hover { color:#A80000}
.subdestaque .alignleft { margin-right:10px;}
.subdestaque .data .hora {color:#666; font-size:0.96em; letter-spacing:-0.02em; line-height:1.45em; padding-bottom:1.5em; text-align:center; width:64px}
.noticia {border-top:1px dotted #DDDDDD; position:relative; padding-left:100px; clear:both}
.noticia .data { position:absolute; left:0px; padding:10px}
.noticia .data .dia {
	color:#8C8C8C;
	font-size:3.16em;
	font-weight:bold;
	letter-spacing:-0.06em;
}
.noticia .data .mes {
	color:#CDCDCD;
	font-size:3.16em;
	font-weight:bold;
	letter-spacing:-0.06em;
	text-transform:uppercase;
}
.noticia .data .hora {color:#666; font-size:0.96em; letter-spacing:-0.02em; line-height:1.45em; padding-bottom:1.5em; text-align:center; width:64px}
.noticia p { color:#666; font-size:1.26em; letter-spacing:-0.02em; line-height:1.45em; padding-bottom:0.5em;}
.bate-volta {border-top:1px dotted #DDDDDD; position:relative; clear:both}

#left { float:left; width:300px}
#left p { margin:0px; padding:0px}
#center { float:left; width:390px; margin-left:20px; background:#f9f9f9; padding-bottom:20px}
#maisnoticias { margin-bottom:20px; border-bottom:1px dotted #ddd}
#subdestaques { margin-top:20px}
#pacotedeviagens, #espiaaqui { border-top:1px dotted #ddd; padding-top:10px; margin-top:20px; clear:both}
#pacotedeviagens .box {border-bottom:1px dotted #ddd; padding-bottom:15px;}
#guiadoviajante { border-top:1px dotted #ddd; clear:both}
#espiaaqui { width:96%; margin:0 auto}
#centerbottom { clear:both;}
#centerbottom .destaque { width:204px; border-right:1px dotted #ddd; float:left; padding:15px; border-top:2px solid #CCC}
#centerbottom .destaque1 { width:204px; border-right:1px dotted #ddd; border-left:1px dotted #ddd; float:left; padding:15px; border-top:2px solid #CCC}

.vermais a { color:#A80000; padding:10px 0px; float:right; margin-right:10px}
.vermais a:hover { text-decoration:underline}

#socialtop { padding-top:10px; font-weight:bold}
#socialtop img { margin-left:10px;}
/* ANUNCIOS */
#anuncios { background:#eee;
	text-align: center;
	white-space: nowrap;
	line-height: 12px;
	overflow: hidden;
}

#anuncios ul { margin:0px; padding:0px; }
#anuncios ul li a { display:block; padding:5px 0px; border-bottom:1px dashed #ccc}
#anuncios ul li a:hover { background:#f9f9f9}
#anuncios .box {
	width: 190px;
	display: inline-block;
	vertical-align: top;
	text-align:left;
	padding:5px 15px 15px 15px;
}


/* LISTAS */
#lista .col-left, #lista .col-right {float: left; width:352px;}
#lista1, #lista 2 { width:352px; float:left}


#listareceitas {}
#listareceitas #lista1, #listareceitas #lista2 { width:352px; float:left}

/* SIDEBAR */

#sidebar { float:right; width:220px; padding:20px 20px 20px 0px; position:relative;}
#sidebar #cufon h2 { background: url(img/pedaco-madeira.png) no-repeat; width:223px; position:absolute; margin-bottom:80px; left:-20px; padding:15px 0px 85px 19px; margin:0; color:#fff}
#sidebar #cufon { margin-top:134px}
#enquete, #twitter, #comentarios, #atualizacoes { padding-top:80px; clear:both}
#atualizacoes .noticia {border-top:1px dotted #DDDDDD; position:relative; clear:both; padding:0px}
#banner {border-top:1px dotted #ddd; padding-top:10px; margin:20px 0}
#socialsidebar { padding-top:20px;}
#sidebar img { vertical-align:middle}
#socialsidebar ul li { padding-bottom:10px;}
#sidebar #aovivo { position:absolute; left:-20px;}

#video { padding:10px;}

/* POLLS */
#sidebar .Buttons { border: 0px; background: #E42100; padding: 7px; color: #fff; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size:10px; cursor:pointer}
#ViewPollResults { border: 0px; background: #E42100; padding: 8px; color: #fff; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size:10px; margin-right:5px}


/* Pagenavi */
 
.wp-pagenavi { float: right; margin-top:40px }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.extend { padding-top: 5px; padding-right: 9px; padding-bottom: 5px; padding-left: 9px; margin-left: 2px; text-decoration: none; background: #ddd; color: #666; border: none; }
.wp-pagenavi a:hover { background: #000 !important; color:#fff }
.wp-pagenavi span.current { padding-top: 5px; padding-right: 9px; padding-bottom: 5px; padding-left: 9px; margin-left: 2px; border: none; color: #fff; background-color: #E52100; }

/* FOOTER */

#footer { padding:10px 20px; color:#333; font-size:10px; clear:both; border-top:1px dashed #ddd; position:relative; background:#eee; text-align:center}
#footer ul { text-align:center}
#footer ul li { padding:0px 28px; list-style:none; font-size:12px; font-weight:bold; text-transform:uppercase; float:left; text-align:center; font-size:10px}
#footer ul li a { border:none}
#footer ul li ul li { text-transform:none; font-size:10px; font-weight:normal; padding:3px 0px;}
#copyright { margin:0 auto; position:relative; clear:both; padding:20px; background:#fff; height:50px}
#logos { position:absolute; right:20px; top:0px}

/* COMMENTS */
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:normal 16px Arial, Helvetica, sans-serif }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#333; }
ol.commentlist li p { font-size:11px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* Relacionadas das cidades*/

.relacionadas h3 {
	clear: both;
	border-bottom: 2px solid #666;
	margin: 0 5px 0 0;
	padding: 15px 0 0;
}

.relacionadas ul {
	padding: 5px 0px;
	margin: 0 5px 0 0;
	border-bottom: 2px solid #666;
}

.relacionadas ul li {
	padding: 4px 0px;
}

.relacionadas ul li a {
	padding: 0;
}