/*
Theme Name: Blog Hostnet
Theme URI: http://www.blog.hostnet.com/
Description: Blog Hostnet
Version: 1.0
Author: Juan Santos
Author URI: http://www.juansantos.info/
*/

.filmstrip img{
	width:147px;
	height:147px;
}

ul{
	margin:0;
	padding:0;
	list-style:none;
}

a img{
	border:none;
}

body{
	margin:0;
	padding:0;
	font-family: Tahoma, Arial, sans-serif;
	background:url(imagens/bg.jpg) repeat-x;
}

h1 {
	float:left;
	text-align:left;
	font-weight:normal;
	margin-top:30px;
	margin-left:115px;
	width:510px;
	height:30px;
}

h1 a{
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	font-size:25px;
}

h1 a:hover{
	text-decoration:underline;
}

h2, h2 a{
	width:100%;
	color:#000000 !important;
}

#h1_upper{
	color:#23257E;
	font-size:40px;
}

#bg{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	background:url(imagens/footer_bg.jpg) repeat-x bottom left;
}

#text{
	float:left;
	width:100%;
	height:100%;
}

#site{
	margin:auto;
	width:984px;
	height:auto;
}

#top{
	float:left;
	width:984px;
	height:160px;
}

#top_bar{
	float:left;
	width:984px;
	height:36px;
	text-align:left;
	background:url(imagens/barra_bg.jpg) center center repeat-x;
}

#top_bar ul{
	width:984px;
	height:36px;
	list-style:none;
	background:url(imagens/barra_borda.jpg) no-repeat center right;
	margin:0;
	padding:0;
}

#barra_logo{
	float:left;
	width:65px;
	height:36px;
	background:url(imagens/barra_logo.jpg) center center;
}

#barra_logo a{
	float:left;
	width:65px;
	height:36px;
}

.barra_item{
	float:left;
	width:auto;
	height:auto;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-family:tahoma;
	margin-top:10px;
	margin-left:2px;
	margin-right:2px;
}

.barra_item a{
	text-decoration:none;	
	color:#FFFFFF !important;
}

.barra_item a:hover{
	text-decoration:underline;
}

.barra_divider{
	float:left;
	width:22px;
	height:34px;
	text-align:center;
	padding-top:3px;
	color:#999DDF;
	font-size:22px;
}

#top_search{
	float:left;
	width:334px;
	height:85px;
}

#input_search{
	width:304px;
	height:50px;
	font-size:16px;
	font-weight:bold;
	color:#4B536E;
	padding-left:25px;
	margin-top:40px;
	border:none;
	background:url(imagens/search.jpg) no-repeat center center;
}

#top_icons{
	float:left;
	width:225px;
	height:39px;
	margin-left:110px;
}

#top_icons img{
	width:26px;
	height:26px;
	border:none;
}

#middle{
	float:left;
	width:984px;
	height:100%;
	padding-bottom:25px;
	background:url(imagens/bg_middle.jpg) #FFFFFF right repeat-y;
	
}

#middle_bg{
	float:left;
	width:auto;
	height:auto;
	padding-top:25px;
	padding-bottom:25px;
	background:#FFFFFF;
	letter-spacing:1px;
}

#middle_left{
	float:left;
	width:620px;
	height:auto;
	padding-bottom:25px;
	margin-left:22px;
	margin-right:22px;
}

#tracker{
	float:left;
	width:620px;
	height:450px;
}

#photos{
	margin-bottom:45px !important;
	width:620px !important;
	height:280px !important;
}

.posts_area{
	float:left;
	margin-top:20px;
	width:620px;
	height:auto;
}

.posts_thumb{
	float:left;
	width:208px;
	height:208px;
	border:1px #F7F7F7 solid;
}

.posts_thumb img{
	float:left;
	width:auto;
	height:auto;
	border:4px #F7F7F7 solid;
}

.posts_divisor{
	float:left;
	width:620px;
	height:48px;
	background:url(imagens/divisor.jpg) no-repeat;
}

.posts_meta{
	float:left;
	padding:5px;
	width:auto;
	height:auto;
	font-size:12px;
	color:#000;
	background:#E9E9E9;
	text-align:left;
}

.posts_meta a{
	color:#3F3B3B;
	font-weight:bold !important;
	text-decoration:none;
}

.posts_baloon{
	float:right;
	padding-top:5px;
	width:45px;
	height:35px;
	font-size:14px;
	font-weight:bold;
	background:url(imagens/baloon.jpg) no-repeat;
	text-align:center;
}

.posts_baloon a{
	color:#3F3B3B;
	font-weight:bold;
	text-decoration:none !important;
}

.posts_baloon a:hover{
	text-decoration:underline !important;
}

.posts_text{
	float:left;
	margin-left:10px;
	width:400px;
	height:auto;
}

.posts_text a{
	text-decoration:none;
}

.posts_text h2{
	float:left;
	text-align:left;
	font-weight:normal;
	width:100%;
	height:auto;
	font-size:29px;
	margin-top:10px;
	margin-bottom:15px;
}

.posts_text h3,.posts_text h4,.posts_text h5{
	float:left;
	width:100%;
	height:auto;
}

.posts_text p{
	float:left;
	text-align:left;
	font-size:13px;
	color:#3F3B3B;
	margin:0;
	width:100%;
	height:auto;
}

.posts_text_single{
	float:left;
	margin-left:10px;
	width:590px;
	height:auto;
	font-size:12pt;
	text-align:justify;
}

.posts_text_single img{
	float:left;
}

.posts_text_single h2{
	width:100%;
	height:auto;
	font-size:27px;
	margin-top:10px;
	margin-bottom:15px;
	text-align:left;
	font-weight:normal;
}

.posts_text_single ul{
	color:#3F3B3B;
	margin:15px;
	width:100%;
	height:auto;
	list-style:disc;
}

.posts_text_single h2 a{
	text-decoration:none;
	width:100%;
	color:#000;
	font-weight:normal;
}

.posts_text_single h2 a:hover{
	text-decoration:underline;
}

.posts_text_single h3, .posts_text_single h4{
	color:#000;
	text-align:justify;
	font-weight:normal;
}

.posts_text_single a, .posts_text_single strong a, .posts_text_single a strong{
	
	
	
}

.posts_text_single a:hover{
	text-decoration:underline;
}

.posts_text_single strong{
	color:#000;
}

.posts_text_single p{
	color:#3F3B3B;
	margin:0;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
}

.posts_text_single img{

}

.posts_readmore{
	float:left;
	font-weight:bold;
	font-size:14px;
	color:#000;
	margin-top:10px;
}

.posts_readmore a{
	color:#000;
	text-decoration:none;
}

#posts_previous{
	float:left;
	margin-top:40px;
	margin-bottom:40px;
}

#posts_next{
	float:right;
	margin-top:40px;
	margin-bottom:40px;
}

#posts_previous a{
	font-size:27px;
	color:#CCCCCC;
	text-decoration:none;
}

#posts_next a{
	font-size:27px;
	color:#3F3B3B;
	text-decoration:none;
}

#posts_avaliar{
	float:left;	
 	width:600px;
 	height:auto;
 	text-align:left;
 	padding-left:20px;
 	background-color:#EFEEEE;
}

.posts_avaliar_block{
	float:left;
	width:570px;
	height:auto;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
	color:#3F3B3B;
}

.posts_avaliar_perguntas{
	float:left;
}

.posts_avaliar_respostas{
	float:right;
}

#middle_right{
	float:right;
	width:296px;
	height:100%;
	margin-right:22px;
	margin-top:22px;
	margin-bottom:22px;
}

#sidebar{
	float:left;
	width:255px;
	height:auto;
	margin-left:13px;
	margin-top:10px;
	margin-bottom:22px;
}

#paginas, #noticias, #fotos, #mais_comentados, #mais_lidos, #leia_tambem, #nuvem_tags, #menu{
	float:left;
	text-align:left;
	width:100%;
	height:auto;
	list-style:none;
	font-size:22px;
	margin-bottom:25px;
	padding-left:12px;
	background: url(imagens/marcador_circulo_preto.gif) no-repeat left top;
}

#como_criar_meu_site{
	float:left;
	text-align:left;
	width:240px;
	height:auto;
	list-style:none;
	font-size:22px;
	margin-bottom:25px;
	padding-left:12px;
	background: url(imagens/marcador_circulo_preto.gif) no-repeat;
	background-position: 0px 20px;
}

#paginas li, #leia_tambem li, #menu li{
	font-size:12px;
	color:#000;
	line-height:25px;
}

#paginas li a, #leia_tambem li a, #menu li a{
	color:#3F3B3B;
	text-decoration:none;
}

#noticias li{
	font-size:13px;
	color:#3F3B3B;
	margin-top:15px;
}

.noticias_title{
	float:left;
	width:100%;
	height:auto;
	font-weight:bold;
	color:#3F3B3B;
	text-decoration:none;
}

.noticias_text{
	float:left;
	width:100%;
	height:auto;
	font-weight:normal;
	font-size:10px;
	margin-bottom:15px;
	text-decoration:none;
	color:#3F3B3B;
}

.fotos_thumb{
	float:left;
	width:75px;
	height:75px;
	border:solid 3px #E9E9E9;
}

.fotos_thumb img{
	float:left;
	width:72px;
	height:72px;
	border:solid 3px #AFAFAF;
}

.fotos_thumb img:hover{
	border:solid 3px #FFFFFF;
}

.mais_lidos_blank{
	float:left;
	width:100%;
	height:15px;
}

.mais_lidos_separador{
 	float:left;
 	width:100%;
 	height:13px;
 	background: url(imagens/separador.jpg) no-repeat right top;
 } 

.mais_lidos_item{
	float:left;
	width:240px;
	height:auto;
 	background: url(imagens/marcador_circulo_cinza.gif) no-repeat bottom left;
 	text-align:justify;
 	color:#3F3B3B;
 	font-size:11px;
 	padding-left:15px;
 	text-decoration:none;
}

#link_twitter{
	width:260px;
	float:left;
}

#link_twitter img{
	float:left;
}

#link_twitter_text{
	color:#026CCC;
	float:right;
	font-size:1.4em;
	height:100px;
	letter-spacing:0;
	text-align:right;
	text-decoration:none;
	width:167px;
}

#rodape {
	width:984px;
	margin:0px auto 0px auto;
	padding-top:40px;
	background-image: url(../imagens/bg_acabamento_baixo_site.gif) no-repeat;
	background:#E9E9E9;
}
#rodape a {
color:#000;
text-decoration:none;
}
#rodape a:hover { text-decoration:underline; }
#rodape_conteudo {
width:984px;
height:140px;
margin:0px auto;
padding-top:40px;
background-image: url(imagens/bg_acabamento_baixo_site.gif);
background-repeat:no-repeat;
}
#rodape_logos {
width:340px;
float:left;
font-size:11px;
}
#rodape_menu {
width:640px;
float:right;
font-size:12px;
text-align:left;
margin-top:10px;
}
#rodape_menu a {
margin-right:7px;
margin-left:7px;
font-size:11px;
}
.rodape_menu_linha { padding: 5px 0 5px 0; }
.tilt_menu_rodape {
width:180px;
text-align:right;
float:left;
font-weight:600;
font-size:13px;
}

/*#footer {
	width:984px;
	height:auto;
	margin:0px auto 0px auto;
	padding-top:40px;
	background-image: url(imagens/bg_acabamento_baixo_site.gif) no-repeat;
}

#footer a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

#footer_logos {
	width:300px;
	float:left;
	font-size:11px;
}

#footer_menu {
	width:650px;
	float:right;
	font-size:9pt;
	text-align:left;
	padding-bottom:10px;
}

#footer_menu p{
	width:100%;
	height:auto;
}

#footer_menu a{
	margin-right:4px;
	margin-left:4px;
	font-size:9pt;
	font-weight:normal;
}

#tilt_menu_rodape{
	width:180px;
	text-align:right;
	float:left;
	font-weight:bold;
	font-size:9pt;
	padding-right:10px;
	background-image:url(imagens/circulo_menu_rodape.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
}

#tilt_menu_rodape a{
	font-weight:bold;
}*/

/*
CLASSES :HOVER
*/

#menu li a:hover, #leia_tambem li a:hover, .noticias_title:hover, .noticias_text:hover, .mais_lidos_item:hover, #posts_previous:hover, #posts_next:hover, #link_twitter_text:hover, #footer a:hover, h2 a:hover, .posts_readmore:hover, .posts_text a:hover, #nuvem_tags a:hover, .comentario_nome a:hover{
	text-decoration:underline;	
}

.title_normal{
	color:#5E5D5D;
	font-size:20px;
	text-align:left;
	padding-left:12px;
}

.title_cinza{
	color:#9F9F9F;
	font-size:22px;
	text-align:left;
	padding-left:12px;
	background:url(imagens/marcador_circulo_cinza.gif) no-repeat left bottom;
}

#flickr-sidebar{
	float:left;
	width:250px;
	height:260px;
}

.flickr-photos{
	float:left;
	width:250px;
	height:75px;
	border:solid 3px #E9E9E9;
}

.flickr-photos img{
	float:left;
	width:72px;
	height:72px;
	border:solid 3px #AFAFAF;
}

.flickr-photos img:hover{
	border:solid 3px #FFFFFF;
}

#comentario{
	float:left;
	text-align:left;
	width:600px;
	height:auto;
	letter-spacing:1px;
	color:#5E5D5D;
	margin-bottom:20px;
}

.comentario_item{
	padding-left:10px;
	margin-bottom:15px;
	float:left;	
	width:600px;
	height:auto;
	background-color:#EFEEEE;
	border-bottom-color:#BFBFBF;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#comentario_titulo{
}

#comentario_interior {
	float:left;
	width:575px;
	height:500px;
	padding-left:5px;
	padding-top:5px;
}

#comentario_area {
	width:315px;
	height:365px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #EFEEEE;
}

.comentario_item li {
	margin:10px 0px 15px 0px;
	background-color:#EFEEEE;
	padding:20px;
	list-style:none;
	border-bottom:#a8a5a5 1px dotted;
}

.comment-author, .comment-author a {
	font-weight:bold;
	font-size:12px;
	color:#3F3B3B;
	text-decoration: none;
}

.comment-meta { margin:20px 0; }

.comment-meta a {
	font-size:9px;
	color:#3F3B3B;
}

.reply {
	font-size:13px;
	color:#3F3B3B;
}

.url, .comentario_nome{
	font-weight:bold;
	text-decoration:none;
	color:#3F3B3B;
	font-size:12px;
}

.comentario_meta{
	font-weight:normal;
	text-decoration:underline;
	font-size:10px;
}

.avatar{
	margin-right:10px;
}

.comentario_separador {
	width:auto;
	height:30px;
}

#comentario_form {
	float: left;
	width:220px;
	height:365px;
	padding-left:20px;
	background-color: #F7F7F7;
}

.com_campos {
	width:550px;
	font-size:1.3em;
	margin:5px 0px 5px 0px;
	padding:3px;
	border:#CCC 2px dotted;
}


#comentario_form textarea {
	width:215px;
	height:100px;
	border-style:solid;
	border-width:2px;
	border-color:#EFEEEE;
}

#com_submit {
	width:165px;
	height:25px;
	background-color:#5F5959;
	color:#FFFFFF;
	font-weight:bold;
}

#comentario_obs {
	float: left;
	width:570px;
	height:auto;
	margin-top:25px;
	font-size:10px;
	color:#8A8C95;
	background-color: #F7F7F7;
	margin-bottom:10px;
}

.comment-reply-link{
	height:30px;
	float:right;
	margin-top:5px;
	clear:both;
	color:#999;
	background-image:url(imagens/bt_resp_comentario.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	
}

.singletags{
	float:left;
	width:100%;
	height:auto;
	text-align:left;
	margin-top:7px;
	font-size:10pt;
	color:#3F3B3B;
	font-weight:bold;
	margin-left:5px;
}

.singletags a{
	color:#3F3B3B;
	font-weight:normal;
}

.singletags a:hover{
	color:#000000;
}

#slider{
	float:left;
	width:620px;
	height:280px;
	background:url(imagens/slider_teste.jpg) no-repeat;
}

#slider_tracker{
	float:left;
	width:620px;
	height:140px;
}

#slider_tracker_divider{
	float:left;
	width:124px;
	height:124px;
	border:1px solid #3F3B3B;
}

#slider_thumb{
	float:left;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	background:url(imagens/tracker_teste.jpg) no-repeat;
}

#slider_thumb:hover{
	border:2px solid #3F3B3B;
}

#nuvem_tags a{
	color:#3F3B3B;
	text-decoration:none;
}

.linkcat{
	color:white;
}

pre{
	width:600px;
	height:auto;
	white-space: pre-wrap; /* css-3 */
 	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
 	white-space: -pre-wrap; /* Opera 4-6 */
 	white-space: -o-pre-wrap; /* Opera 7 */
 	word-wrap: break-word;
}

.bt_gen_fundo_cinza{
	float:right;
	font-size:0.9em;
	font-weight:600;
	padding:7px 10px 7px 10px;
	background-color:#5F5959;
	text-align:center;
	color:#ffffff;
	text-decoration: none;
}

.primeiro_comentar{
	font-size:18px;
}

#ruaweb{
	float:left;
	text-align:left;
	width:240px;
	height:auto;
	list-style:none;
	font-size:14px;
	margin-bottom:25px;
	padding-left:12px;
	background: url(imagens/marcador_circulo_preto.gif) no-repeat;
	background-position: 0px 20px;
}

#ruaweb a{
	text-decoration:none;
	color:#000;
}

#ruaweb p:hover{
	text-decoration:underline;
}

#info_generico{
	padding-left:18px;
	background-image:url(imagens/ico_assine_info.gif);
	background-repeat:no-repeat;
	color:#686868;
	font-size:8pt;
	margin:40px 0px 30px 15px;
	line-height:150%;
	clear:both;
}

#quadro_facebox{
	width:600px;
	margin:0px 0px 0px 0px;
}

#quadro_facebox_content{
	margin:0px 0px 0px 15px;
	font-size:1.2em;
	color:#000;
}
#quadro_facebox_content ul{
	margin:5px 0px 0px 15px;
}
.bt_gen_facebox_content {
	float: inherit;
	margin:10px auto 20px auto;
	font-size:0.9em;
	font-weight:600;
	padding:7px 20px 7px 20px;
	background-color:#1b2081;
	text-align:center;
	color:#ffffff;
	text-decoration: none;
}

/* JQUERY GALLERY */

.nav-next, .nav-prev{
	visibility:hidden !important;
}

.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
#content {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}

.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}
h3 {
	font-size: 1.45em;
	line-height: 1.05em;
}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
.panel-overlay{text-align:left;}
.panel-overlay h2,
.panel-overlay p{
	margin: 2px 0;
}
.panel-overlay h2 a{
	text-decoration:none !important;
	font-family: Tahoma, Arial, sans-serif !important;
	font-size:22px !important;
	font-weight:normal !important;
	color:#FFFFFF !important;
}
.panel-overlay h2 a:hover{
	text-decoration:underline !important;
}
.panel-overlay p {
	line-height: 1.2em;
}

#links_adicionais_hostnet{float:left; text-align:left; width:590px;}
#links_adicionais_hostnet h2{font-weight:bold;}
#links_adicionais_hostnet ul{margin:0; padding:0; list-style:none !important;}

.sociable{
	float:left;
}

iframe{height:70px;}

.wp-caption-text{float:left; font-size:0.9em; margin-right:5px;}

.aligncenter{float:none !important;}
