/**
* CSS
* 
* @version 1.0
* @author André Caetano
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

body b {
	color:#09F;
}

a:link { text-decoration: none;
           color:#0a839d;
}
a:active { text-decoration: none;
           color:#0092da;
}

a:visited { text-decoration: none; color: #497388; }
a:hover {background-color:#FC0;
         color:#FFF;
}

a img { 
	border:none;
	background-color:none;

}

a:hover img {
	background-color:none;
}

#email {
	font-size: 9px;
	font-style:italic;
	color: #76afcc;
}

#menu {
    width: 205px;
    overflow: visible;
    top: 0px ;
    bottom: 0;
	margin-left: 33px ;
    padding-left:0px;
    position: absolute;
    height: 100%;
	background-color: #fff;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	padding-left:0px;
    padding-right:25px;
	padding-bottom:10;
}

#menu ul li.section-title {
	border-top:1px dotted #CCC;
	color:#09F;
	font-family:Georgia,serif;
	font-size:13px;
	font-style:italic;
	padding:5px 0;
}

#menu li.active a {
	background-color:#0CF;
	padding: 0 5px 0 5px;
	color:#FFF;
	}
	
#menu li.hover a {
	background-color:#F90;
	padding: 0 5px 0 5px;
	color:#FFF;
	}
	

.inside_menu {
	padding: 35px 15px 25px 25px;
}


#content {
    height: 100%;
    margin: 0px 0 0 235px;
    top: 0;
	padding: 35px 5px 25px 30px;
	line-height: 16px;
}

.container {
    padding: 10px 15px 25px 25px;
}


#content p { width: 400px; margin-bottom: 9px; }


p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; 
     font-family:Georgia, "Times New Roman", Times, serif;
	 font-style: italic;
	 line-height:16px;
	 color:#00aef2
}
h3 { font-size: 18px;
     font-family:Georgia, "Times New Roman", Times, serif;
	 font-style: italic;
	 line-height:19px;
	 color:#00aef2;
	 }
h4 { font-size: 14px;
     font-family:Georgia, "Times New Roman", Times, serif;
	  font-style: italic;
	  color:#00aef2;
}

h5 { font-size: 12px;
     font-family:Georgia, "Times New Roman", Times, serif;
	  font-style: italic;
	  color:#00aef2;
}
h6 { font-size: 10px;
     font-family:Georgia, "Times New Roman", Times, serif;
	  font-style: italic;
	  color:#00aef2;
}
	  
#biography {
	width: 500px;
	text-align:justify;
	border-bottom: 1px dotted #CCC;
	padding-bottom:25px;
}

.lista {
	padding-bottom:20px;
}

.esquerda {
	margin-top:0px;
	padding-right:10px;
	float:left;
	width: 150px;
}

.direita {
	margin-top:0px;
	float:left;
	width: 300px;
	padding-bottom:25px;
}
  
#bioindex {
	width: 400px;
	text-align:left;
	padding-top: 80px;
	font-size:10px;
	color: #76afcc
}

.foto {
	margin-top:30px;
	padding-right:20px;
	width:800px;
	padding-bottom:25px;
	border-bottom: 1px dotted #CCC;
	display:inline;
	float:left;
}

.foto img {
	margin-right:15px;
	margin-bottom:15px;
}

.foto a{display: block; position: relative; float: left; margin: 0 15px 15px 0; border: 2px solid #01b3fd;}
.foto a:hover{border: 2px solid #ffcc00;}
.foto a img{display: block; position: relative; float: left; width: 210px; height: 300px; padding: 0; margin: 0;}

.interviews img { border: 1px solid #CCC; width: 300px; height: 214px; padding: 0; margin-bottom: 10px; margin-top:10px;}

.boasvindas {
	float:left;
	padding-right:20px;
	padding-left:20px;
	width:150px;
	padding-bottom:25px;
	border-left:1px dotted #CCC;
}

#welcome {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-variant:small-caps;
	width:200px;
	font-style:italic;
	
	color:#F90;
	padding-bottom:5px;
}

#welcometext {
	color:#300;
	width:200px;
}

#news {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	color:#F90;
	width: 400px;
	text-align:left;
	padding-top:10px;
}
	
#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

.postnav {
	border-top: 1px dotted #CCC;
	margin-bottom:30px;
}

.postnav a{display: block; position: relative; float: left; margin: 0 5px 5px 0; border: none;}
.postnav a:hover{border: none;}
.postnav a img{display: block; position: relative; float: left; width: 16px; height: 16px; padding: 0; margin: 0;}