/*--------------------------------------------------------------------
CORPO Style - Audio Designer (IE6+ FF1.5+ Opera9+)

Version: 	1.0 - 2007
author: 		Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com

-----------------------------------------------------------------------*/

@import url(reset.css);

/*----------------------------------------------------------------------*/

* html {height: 100%;} /* :HACK: IE <=6*/
body { background: #FFFFFF url(../imgs/bg-topo.gif) repeat-x left top;}


/* =header
------------------------------------------------------------------*/
#header {
	position: relative; width: 955px; height: 115px;
	font: italic 24px Georgia, "Times New Roman", Times, serif; color:  #e81919;
	background: transparent url(../imgs/img-linha.gif) no-repeat 40px bottom;
	}
#header ul {position: absolute; width: 685px; height: 33px; bottom: 0px; left: 270px;}
#header ul li {position: relative; float: left; padding: 0 7px 0 10px; background: transparent url(../imgs/icon-dot.gif) no-repeat left 21px;}
#header ul li.first {padding: 0 7px 0 0; background: none;}
#header a {font: italic 24px Georgia, "Times New Roman", Times, serif; color: #000000; #7d7d7d; text-decoration: none;}
#header a:hover, #header a:focus{color: #e81919;}

#header h1{
	position: absolute; width: 270px; height: 114px;
	left: 0px; top: 0px; background-color: #FFFFFF;
}
#header h1 a{
	position: absolute; display: block; 
	width: 170px; height: 70px; top: 35px; left: 45px;
	background: transparent url(../imgs/brand-id.gif) no-repeat left top; text-indent: -5555px;
}
#header h1 a:hover, #header h1 a:focus{
	position: absolute; display: block; 
	width: 170px; height: 70px; top: 35px; left: 45px;
	background: transparent url(../imgs/brand-id.gif) no-repeat left bottom;
}


/* =navSec
------------------------------------------------------------------*/
ul#navSec{float: left; position: relative; width: 200px; padding: 10px 30px 0 40px;}
ul#navSec li{
	width: 199px; display: block; padding: 25px 0 0 0;
	font: italic 14px/16px Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #e81919;
}
ul#navSec li a{font: italic 14px/16px Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #7d7d7d; text-decoration: none;}
ul#navSec li a:hover, ul#navSec li a:focus{color: #e81919;}

/* =navTer
------------------------------------------------------------------*/
ul#navTer{padding-top: 20px;}
ul#navTer li{
	display: block; padding: 0 0 10px 0; border: none;
	font: italic 12px/16px Georgia, "Times New Roman", Times, serif; color: #e81919;
	text-indent: 11px; background: transparent  url(../imgs/subNav-seta.gif) no-repeat 0 4px;
}
ul#navTer li a{font: italic 12px/16px Georgia, "Times New Roman", Times, serif; color: #7d7d7d; text-decoration: none;}
ul#navTer li a:hover, ul#navTer li a:focus{color: #e81919;}

/* =Twitter
------------------------------------------------------------------*/
#twitter_div{ color:#000; font-size:smaller;}
.sidebar-title{
	color:#000;
	margin-bottom: -23px;
	}
ul#twitter_update_list li span { color: #487295;font-size:smaller;}
ul#twitter_update_list li span a { color: #C00; text-decoration:underline; font-size:smaller;}
ul#twitter_update_list li span a:hover { color: #C00; text-decoration:none;}
ul#twitter_update_list li a { color: #FFF; text-decoration:underline;}
ul#twitter_update_list li a:hover { color: #FFF; text-decoration:none;}


/* =CONTENT
------------------------------------------------------------------*/
#content{
	float: left; position: relative; width: 685px;
	font: 13px/18px Georgia, "Times New Roman", Times, serif; color: #484848;
	margin-bottom: 20px;
}
#content h2{font: italic 18px/18px Georgia, "Times New Roman", Times, serif; color: #487295; padding-bottom: 15px;}
#content p{padding-bottom: 15px;}
#content a{
	font: italic 13px/18px Georgia, "Times New Roman", Times, serif; color: #484848; font-weight: bold; font-style: italic; 
	border-bottom: solid 1px #e81919; text-decoration: none;
}
#content a:hover, #content a:focus{color: #e81919; font-weight: bold; border-bottom: none;}

#content a.link{font-size: 11px; color: #7d7d7d; font-weight: bold;	border-bottom: solid 1px #e81919; text-decoration: none;}
#content a.link:hover, #content a.link:focus{border-bottom: none;}



/* =PATH
------------------------------------------------------------------*/
ul#navContent{position: relative; top: 0px; left: 0px; height: 20px;}
ul#navContent li{
	font: italic 11px/16px Georgia, "Times New Roman", Times, serif; color: #7d7d7d; text-decoration: none;
	float: left; padding: 0 3px 0 10px;
	background: transparent url(../imgs/subContent-separador.gif) no-repeat left center;
}
ul#navContent li.first{
	float: left; padding: 0 3px 0 0; background: none;
	font: italic 11px/16px Georgia, "Times New Roman", Times, serif; color: #7d7d7d; text-decoration: none;
}


/* =Linha*/
.linha{
	position: relative; width: 100%; overflow: hidden; height: 1%; /* :HACK: Clear Floats quando tenho 2 colunas*/ 
	margin: 35px 0 15px 0;
}
.linha h2.titulo{
	position: relative; width: 100%;
	font: italic 18px/18px Georgia, "Times New Roman", Times, serif; color: #487295;
	padding-bottom: 5px;
}
.linha h2.titulo span{font: italic 14px/18px Georgia, "Times New Roman", Times, serif; color: #487295;}
.linha ul.lista li{text-indent: 10px; padding: 5px 0; background: transparent  url(../imgs/subNav-seta.gif) no-repeat 0 11px; display: block;}
.linha ul.portfolio li{padding-top: 5px; display: block;}

.blocoEsq {
	float: left; position: relative; margin-right: 20px; width: 200px;
	font: italic 11px/18px Georgia, "Times New Roman", Times, serif; color: #7d7d7d;
}
.blocoDta {float: left; position: relative; width: 455px;}
.blocoEsqDuplo {float: left; position: relative; margin-right: 25px; width: 330px;}
.blocoDtaDuplo {float: left; position: relative; width: 325px;}


/* =FOOTER
------------------------------------------------------------------*/
#footer{
	position: relative; width: 955px; height: 30px;
	font: 11px Georgia, "Times New Roman", Times, serif; color: #7d7d7d;
	background: transparent url(../imgs/img-linha.gif) no-repeat 40px top;
	clear: both;
}
#footer p.copy{position: absolute; width: 685px; top: 10px; left: 270px;}
#footer p.rss{
	position: absolute; width: 180px; top: 10px; left: 40px;padding-left: 17px;
	background: transparent url(../imgs/icon-rss.gif) no-repeat left top;
}
#footer p.rss a{font: 11px Georgia, "Times New Roman", Times, serif; color: #7d7d7d; text-decoration: none;}
#footer p.rss a:hover, #footer p.rss a:focus{font: 11px Georgia, "Times New Roman", Times, serif; color: #484848; text-decoration: underline;}



/* :LINKS ICONS 
---------------------------------------------------------------------------------*/
#wrapper a[href$=".pdf"]{
	background: transparent url(../imgs/icon-link-pdf.gif) no-repeat right center;
	padding: 0px 13px 0 0; 
}