/*   
Theme Name: how about
Theme URI: http://www.afolio.info
Description: A template made by Amarino França to his blog, <a href="http://afolio.info/">how about</a>
Author: Amarino França
Author URI: http://afolio.info
Version: 1.0
*/

/* O Reset */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; 
padding: 0;
border: 0; 
outline: none;
}

body
{
line-height:130%;
}

h1, h2, h3, h4, h5, h6
{
font-size: 100%;
}

ul, ol
{
list-style: none;
}

a
{
color:#75a600;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

.floatLeft
{
float: left;
padding: 5px 5px 5px 0;
}

.logo{
float:left;
}

.floatRight
{
float: right;
padding: 5px 0px 5px 5px;
}

/* Let's begin the code... For real! */

@font-face{
font-family: 'Alright';
src: url('alrightb.TTF');
}

body{
background: #fff;
font-family:Verdana, Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
color:#333;
text-align:center;
}

#wrapper{
width:100% !important;
margin:0px auto;
text-align:center;
top:0;
left:0;
position:absolute;
}

#header{
background:url('img/bg_header.gif') left repeat-x;
width:100%;
height:80px;
margin:0px auto;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#header .dentro{
margin-left:auto;
margin-right:auto;
width:960px;
}

#navegacao{
float:right;
width:65%;
height:30px;
margin-top:30px;
}

#navegacao a{
margin-right:15px;
font-weight:bold;
color:#fff;
padding:2px;
font-size:16px;
text-transform:lowercase;
font-family:Arial, Geneva, Verdana, Trebuchet MS, sans-serif;
}

#navegacao a:hover{
border-bottom:1px dotted #fff;
text-decoration:none;
}

#navegacao a.current{
background:#588d06;
}

#geral{
width:960px;
float:left;
background:#fff;
margin-top:20px;
}

#slider{
margin:0px auto;
width:960px;
margin-top:50px;
}

#jFlowSlide{
overflow: hidden;
position: relative; 
width:100%; 
height: 200px;
}

#mySlides{
width:950px;
}

.jFlowSlideContainer{
overflow: hidden;
position: relative;
height: 170px;
float: left;
margin:0px auto;
}

.entry{
text-align:left;
width:97%;
height:150px;
font-size:11px;
padding-top:5px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.entrada{
width:100%;
float:right;
}

.entrada h1{
font-size:14px;
color:#333;
}

.entrada h1 a{
font-size:14px;
color:#333;
}

.entry .img{
float:left;
margin-top:5px;
display:block;
top:0;
left:0;
}

.entry .img img{
margin:10px 10px 0px 2px;
width:130px;
height:130px;
float:left;
}

#controlos{
float:right;
margin:0px auto;
width:400px;
margin-left:300px;
}

.prox{
width:20%;
margin:0px auto;
}

#myController span{
color:#FFF;
font-size:11px;
background:#000;
padding:2px 4px 2px 4px;
cursor:pointer;
margin-left:3px;
}

#jFlowSlide{
border:1px solid #fff;
}

#myController span {
background:transparent url('img/bg_num.png') left top no-repeat;
}

#myController span.jFlowSelected {
background:transparent url('img/bg_selected.png') left top no-repeat;

}


.jFlowPrev{
cursor:pointer;
color:#333;
background:url('img/prev.png') left no-repeat;
padding-left:20px;
font-size:11px;
font-weight:bold;
float:left;
margin-right:20px;
}

.jFlowPrev:active{
color:#666;
}

.jFlowNext:active{
color:#666;
}

.jFlowNext{
cursor:pointer;
color:#333;
font-size:11px;
font-weight:bold;
float:left;
background:url('img/next.png') right no-repeat;
padding-right:20px;
}

#container{
margin:0px auto;
width:960px;
position:relative;
}

#content{
text-align:justify;
width:100%;
}

#mySlides{
float:left;
}


#post{
float:left;
color:#666;
font-size:11px;
width:700px;
min-height:400px;
background:#fff;
}

#single-post{
float:left;
width:700px;
margin-top:25px;
font-size:12px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#fff;
}

.single-inside{
width:700px;
margin-top:50px;
float:left;
color:#333;
background:#fff;
}

.single-texto{
padding:20px;
float:left;
color:#333;
background:#fff;
}

.single-texto img{
float:left;
margin:5px 10px 5px 0px;
}

.related_post_title{
font-size:12px;
width:250px;
background:#709a00;
padding:5px 0px 5px 0px;
text-align:center;
float:left;
color:#fff;
margin:100px 0px 10px 0px;
}

.related_post{
width:100%;
text-align:left;
float:left;
margin:0px 0px 0px 0px;
}

.related_post li{
width:100%;
text-align:left;
}

.single-texto h1{
font-size:16px;
margin-bottom:30px;
color:#333;
font-family:Arial, Geneva, Verdana, Trebuchet MS, sans-serif;
}


h1.single-title{
font-size:26px;
margin-bottom:20px;
color:#333;
font-family:Arial, Geneva, Verdana, Trebuchet MS, sans-serif;
}

.read-more{
float:left;
background:url('img/read.png') left no-repeat;
}

.read-more a{
color:#fff;
padding:2px 20px 2px 15px;
text-shadow:1px 1px 0px #283700;
}

.titulo{
padding-left:20px;
margin-top:10px;
margin-bottom:30px;
color:#333;
font-size:26px;
}

.inside{
width:700px;
margin-bottom:20px;
margin-top:30px;
float:left;
}

.meta1{
width:94%;
float:left;
margin-top:2px;
}

.comments{
width:44px;
height:44px;
margin-left:3px;
float:right;
background:url('img/comment.png') left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
padding:11px 15px 10px 15px;
font-weight:bold;
margin-top:-10px;
}

.comments a{
color:#fff;
}

.comments a:visited{
}

.comments a:hover{
color:#003040;
text-decoration:none;
}

#data{
width:44px;
height:44px;
margin-left:3px;
margin-right:6px;
float:left;
background:url('img/date.png') left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bold;
margin-top:7px;
}

.mes{
margin-top:0px;
width:44px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#000;
}

.dia{
width:44px;
text-align:center;
margin-top:-3px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
}

.texto{
width:700px;
height:300px;
margin-bottom:30px;
float:left;
padding:5px;
background:#e7f2f7;
-moz-border-radius:0px 10px 10px 10px;
-webkit-border-radius:0px 10px 10px 10px;
color:#333;
}

.texto h1{
float:left;
width:500px;
margin-top:20px;
}

.texto h1 a{
font-family:Arial, Geneva, Helvetica, sans-serif;
font-size:16px;
color:#333;
}

.excerto{
width:490px;
float:left;
padding-top:15px;
font-size:11px;
font-family:Verdana, Arial, Geneva, Trebuchet MS, sans-serif;
margin-top:5px;
margin-bottom:10px;
}

.img{
float:left;
margin-top:5px;
display:block;
top:0;
left:0;
}

.img img{
margin:10px;
float:left;
width:160px;
height:160px;
-moz-border-radius:0px 3px 3px 3px;
-webkit-border-radius:0px 3px 3px 3px;
overflow:hidden;
border:2px solid #fff;
}

.meta{
float:left;
width:100%;
font-weight:bold;
font-size:11px;
text-align:left;
}

#tudo{
margin-top:10px;
margin-bottom:10px;
}

.commentlist{
float:left;
width:960px;
margin-top:20px;
}


.commentlist li {
	padding:15px;
	background:#ebf3f7;
	border:1px solid #778f9b;
	color:#333;
	font-size:11px;
	font-weight:bold;
	}

.commentlist a{
color:#7ba300;
font-weight:bold;
}

.commentlist cite {
	display:block;
	font-style:normal
	}

.commentlist cite a, .commentlist cite a:visited {
	color:#333;
	text-decoration:none;
	font-size:20px;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#333;
	text-decoration:underline;
	}

.autor{
font-size:20px;
color:#7ba300;
margin-top:20px;
margin-bottom:5px;
}

.detalhes{
font-size:10px;
}

#comentar{
float:left;
width:960px;
}

.primeiro{
float:left;
width:700px;
font-size:18px;
color:#333;
}

.comentar{
float:left;
width:700px;
color:#333;
font-size:11px;
}

.comentar input{
border:1px solid #ccc;
height:20px;
margin-top:5px;
}

.comentar label{
font-weight:bold;
}

.comentar textarea{
width:95%;
border:1px solid #ccc;
}

#submit{
background:#22445c;
border:1px solid #0d212f;
color:#ffffff;
font-weight:bold;
font-size:11px;
}

.tags{
font-size:10px;
}


.detalhes a{
color:#333;
}
	
#sidebar{
width:250px;
float:right;
list-style:none;
text-align:center;
font-size:11px;
color:#555;
margin-top:30px;
margin-left:5px;
}

#sidebar a{
font-size:11px;
font-weight:bold;
padding-right:30px;
padding-left:5px;
color:#555;
padding-bottom:2px;
}

#sidebar a:hover{
text-decoration:none;
color:#6e6e6e;
}

#sidebar img{
margin-left:20px;
}

.sidebar-titulo{
width:250px;
height:25px;
font-family:Georgia, Geneva, Arial, Verdana, Helvetica, sans-serif;
margin-bottom:10px;
font-size:14px;
text-transform:uppercase;
padding-top:2px;
text-align:center;
color:#666;
font-weight:bold;
float:right;
letter-spacing:2px;
}

.widget{
float:right;
}

.posicao{
width:250px;
float:right;
text-align:left;
margin-top:10px;
padding-bottom:10px;
}

.wp-pagenavi{
margin-top:20px;
margin-bottom:20px;
float:left;
width:960px;
}


#footer{
width:100% !important;
background:#233137;
min-height:50px;
margin-top:20px;
float:left;
font-size:11px;
font-weight:bold;
color:#fff;
}

#footer a{
color:#fff;
font-size:11px;
font-weight:bold;
}

#dentro{
margin:0 auto;
width:960px;
text-align:left;
}

#dentro li{
list-style:none;
}

#dentro .subfooter1{
width:250px;
float:left;
}

#dentro .subfooter1 h2{
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#fff;
}

#dentro .subfooter2 h2{
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#fff;
}

#dentro .subfooter3 h2{
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#fff;
}

#dentro .subfooter4 h2{
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#fff;
}

#dentro .subfooter2{
width:250px;
float:left;
margin-left:30px;
}

#dentro .subfooter3{
width:250px;
float:left;
margin-left:20px;
}

#dentro .subfooter4{
width:250px;
float:left;
margin-left:10px;
}