/*
Theme Name: Persocon-fotito
Theme URI: http://persocon.org
Description: Persocon Layout 5.0
Version: 5.0
Author: Pedro Costa Neves
Author URI: http://persocon.org/

	This theme was designed and built by Pedro Costa Neves,
	whose blog you will find at http://persocon.org/
*/
html, body, #main{height: 100%;}

body > #main{height: auto; min-height: 100%;}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body{
margin:0;
text-align:center;
background:#1B1B1B url(images/bg2.jpg) repeat ;
font:100% 'Trebuchet Ms', Verdana, Arial, Tahoma, Sans-Serif;
}
#main{
margin:auto;
text-align:center;
padding-bottom: 5px;
background:url(images/bg.jpg) no-repeat top center;
min-width: 1000px;
}
* a, * a img{
outline:none;
border:0;
}
#top{
margin:auto;
float:center;
display:inline-block;
width:1000px;
}
#nav-wrap{
margin:0 auto;
display:inline-block;
width:100%;
background:url(images/navbg.png) repeat-x top center;
}
#logo{
margin:auto;
float:left;
width:348px;
height:141px;
}
#nav{
margin:auto;
float:right;
width:420px;
height:30px;
margin-top:20px;

}
#post ol{
list-style-position: inside;	
}
#nav ul{
margin:0;padding0;
list-style:none;
color:#000;
}
#nav li a{
float:left;
display:inline-block;
padding:5px;
color:#000;
text-decoration:none;
background:#D3F6C5;
margin-left:3px;

-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-right-radius:10px;
}
#nav li a:hover{
background:#88EB5D;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-right-radius:10px;
color:#FFF;
text-shadow:#999 1px 1px 0px;
}
#content-wrap{
margin:auto;
width:980px;
text-align:center;
}
#sidebar-wrap{
width: 180px;
float: left;
}
#content{
margin:auto;
text-align:left;
float:center;
width:1000px;
}
#sidebar-home{
margin:0 auto;
text-align:left;
margin-left: 20px;
float:center;
width:1000px;
min-height:200px;
padding-bottom:70px;
color:#FFF;
}
#sidebar-home h3{
margin-bottom:5px;
text-shadow:#000 1px 1px 0px
}
#sidebar-home ul{
margin:auto;
padding:0;
text-align:left;
}
#sidebar-home li{
list-style:none;
}
#container-wrap{
margin:auto;
width:1000px;
text-align:center;
position:relative;
}
#post{
margin:auto;
float:left;
width:745px;
color:#FFF;
word-wrap: break-word;
padding-right: 5px;
}
img.destaque-post{
float:left;
border:8px solid #FFF;
margin-right:5px;
}
#post hr{
width:750px;
border:#88EB5D thin solid;
}
#post a, #post h1{
color:#88EB5D;
text-decoration:none;
}
#post a{
border-bottom: 1px solid #88EB5D;
}
#post h1, #post h2, #post h3, #post h4, #post h5, #post p{
margin-bottom:0;
margin-top:0;
}
#post p{
margin:15px 0;
overflow: hidden;
clear: both;
}
#sidebar{
margin:auto;
float:left;
width:250px;
text-align:left;
color:#FFF;
}
#sidebar ul{
margin:0;
padding:0;
padding-left:15px;
}
#sidebar li, #sidebar li a, #sidebar-home li a{
color:#FFF;
text-decoration:none;
list-style:none;
margin:0;
}
#sidebar li a:hover, #sidebar-home li a:hover{
text-decoration:underline;
}
#sidebar h3{
color:#FFF;
text-shadow:#000 1px 1px 0px;
}
#footer-wrap{
margin:auto;
width:100%;
text-align:center;
margin-top:5px;
background:url(images/footer.png) repeat-x top;
height:216px;
display:block;
}
#footer{
margin:auto;
float:center;
width:1000px;
position: relative;

height:216px;
text-align:left;
color:#FFF;
clear:both;
overflow: hidden;
}
#footer h3{
color:#88EB5D;
margin-bottom:1px;
}
#footer ul, #footer p{
margin:0;
padding:0;
font-size:10pt;
border-top:#88EB5D thin solid;
}
#footer ul{
overflow:hidden;
}
#footer li, #footer li a{
margin:0;
padding:0;
list-style:none;
color:#FFF;
text-decoration:none;
display:block;
}
#footer li a:hover{
text-decoration:underline;
}
div.footer-column { width: 240px; height: 200px;margin-right: 10px; border:none; text-align:left; overflow: hidden;}
div.float-left { float: left; display: inline; overflow: hidden; }
.container {
margin:auto;
text-align:left;
width:840px;
height:352px;
background:url(images/loopbg.png) repeat-x top;
overflow:hidden;
position:relative;
color:#FFF;
-moz-border-radius-topleft:40px;
-moz-border-radius-bottomright:40px;
-webkit-border-top-left-radius:40px;
-webkit-border-bottom-right-radius:40px;
border-top-left-radius:40px;
border-bottom-right-radius:40px;
}
.photobox{
margin:auto;
width:330px;
height:320px;
margin-right:5px;
float:left;
display:block;
background:#FFF;
position:relative;
}
.photo{
width:300px;
height:280px;
display:block;
position:absolute;
top:10px;
left:15px;
overflow:hidden;
}
.legenda{
width:350px;
height:20px;
color:#000;
position:absolute;
bottom:0px;
left:15px;
}
.container h1, .container p, .container h4, .container h5{
margin-top:0;
margin-bottom:0;
}
.container p{
margin-top:5px;
}
.container a, #footer a, .container a h1{
color:#88EB5D;
text-decoration:underline;
}
.container a, .container a h1{
text-decoration:none;
border-bottom: 1px solid #88EB5D;
}
.slides {
position:absolute;
top:0;
left:0;
}
.slides div {
position:absolute;
top:0;
width:810px;
padding:20px;
display:none;
}
.next, .previous{
position:absolute;
top:125px;
width:88px;
height:92px;
}
.next{
right:0px;
}
.previous{
left:0px;
}

#authorbox{
background:url(images/loopbg.png) repeat-x top;
color:#FFF;
border:1px solid #222;
margin-top:5px;
margin-bottom:10px;
overflow:hidden;
clear:both;
min-height:120px;
height:auto !important;
height:120px;
position:relative;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-right-radius:10px;
}		
.authortext{
padding-left:115px;
}
#authorbox img{
margin:10px;
padding:5px;
float:left;
border:5px solid #333;
position:absolute;
top:0px;
left:0px;
width:80px;
height:80px;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-right-radius:10px;
}
#authorbox p{
color:#FFF;
margin:0;
padding:0px 10px 10px 10px;
}
#authorbox h4 > a{
text-decoration:none;
color:#88EB5D;
}
#authorbox p{
color:#FFF;
}
#authorbox p a{
color:#88EB5D;
}
.home-posts{
width: 300px;
min-height: 100px;
float: left;
color: #FFF;
margin: 10px 0px 10px 0px;
padding: 5px;
background: url(images/loopbg.png) repeat top;
border: 1px solid #222;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.home-posts p a{
text-decoration:none;
color:#88EB5D;
border-bottom:1px solid #88EB5D;
}
.home-posts h1 a, .home-posts h4 a, .home-posts h5 a{
text-decoration:none;
color:#88EB5D;
border-bottom: 1px solid #88EB5D;
margin:0px;
}
.home-posts h1, .home-posts h4, .home-posts h5{
text-decoration:none;
margin:0px;
}
img.img-home{
float: left;
border:5px solid #333;
margin-right: 5px;
}
#sidebar a{
color: #FFF;	
}
#sidebar a:visited{
color: #B8DFA7;
}