body {background: #8B0303 url(images/bg.jpg) 0 0 no-repeat; font: normal 10px Verdana; color: #FFF;}
a {color: #CE2A43;}
#outerborder {
	width: 680px;
	background-color: #000;
	margin: 0 auto;
	padding: 10px;	
}
#outercontent {
	width: 658px;
	_width: 652px;
	background-color: #000;
	padding: 2px;
	margin: 0 auto;
	border: 5px solid #890403;
}
h1 {
	display: block;
	width: 658px; height: 133px;
	background: url(images/titulo.jpg) 0 0 no-repeat;
	text-indent: -3000px;
	overflow: hidden;
	margin: 0;
}
h2 {margin: 0; font: bold 13px Verdana;}
h3 {margin: 0; padding: 10px 0 0 10px; font: bold 16px Verdana;}

ul#menu {
	margin: 0; padding: 0;
	display: block;
	_width: 658px; height: 32px;
	background: url(images/menu_bg.gif) 0 0 no-repeat;
	text-align: center;
}
ul#menu li {
	float: left; 
	list-style-type: none;
	padding: 10px 20px 0;
	text-align: center;
	background: url(images/menu_bg1.gif) right 11px no-repeat;
}
ul#menu li.last {background: none;}
ul#menu li a {
	font: bold 11px Verdana;
	color: #FF563F;
	text-decoration: none;
}
ul#menu li a:hover, ul#menu li a.item {color: #FFC4BC;}

#content {
	margin-top: 1px;
	width: 658px;
	background: url(images/content_bg.gif) 0 0 repeat-y;
	position: relative;
	min-height: 400px;
	_height: 400px;
}
#content.text {padding: 30px 0 10px; position: relative;}
#content.text p {padding: 0 10px; margin: 10px 0 0 0; font-size: 12px;}

ul#breadcrumb {position: absolute; top: 0; _top: 10px; left: -30px;}
ul#breadcrumb li {float: left; list-style-type:none; font-size: 9px;}
ul#breadcrumb li a {color: #FFF;}

#homenews, #fotos {width: 252px; position: absolute; top: 10px; left: 10px;}

#homenews dl {
	margin: 5px 0 0 0; padding: 5px 0 12px 0;
	font: normal 10px Verdana;
	color: #FFF;
	background: #000 url(images/news_bg.gif) 0 bottom repeat-x;
}
#homenews dl dd.date {
	background-color: #67666E;
	border: 1px solid #808080;
	margin: 0 auto 5px;
	width: 96%;
	font-weight: bold;
	padding: 1px 0 1px 3px;
}
#homenews dl dt a {
	color: #CE2A43; 
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 0 3px;
}
#homenews dl dd.desc {margin: 0;padding: 0 0 0 3px;}

#fotos {top: 250px;}
#fotos img {border: none;}
#fotos dl {margin: 5px 0 0 0;}
#fotos dl dt, #fotos dl dd {margin: 0; padding: 0;}
#fotos dl div {width: 70px; float: left; font: normal 10px Verdana; color: #FFF; margin: 0 0 0 20px;}
#fotos dl div.first {margin: 0;}
#fotos p {
	clear: both; display: block; 
	width: 252px; height: 25px; 
	margin: 0; padding-top: 10px;
	text-align: right;
	background: url(images/videos_bg.gif) 0 5px repeat-x;
}

#destaque, #videos {width: 315px; position: absolute; top: 10px; left: 310px;}
#videos {top: 100px; width: 335px;}

#destaque p {margin: 5px 0 0 0;} 
#destaque img {float: left; border: 1px solid #000; margin: 0 5px 0 0;}
#destaque a, #videos a, #fotos a, #mp3 p a {color: #FF8473; text-decoration: none; font-weight: bold;}

#videos dl {float: left; width: 101px; margin: 5px 10px 0 0;}
#videos dl.last {margin-right: 0;}
#videos img {border: 1px solid #000;}
#videos dd {margin: 0}
#videos p {
	clear: both; display: block; 
	width: 335px; height: 25px; 
	margin: 0; padding-top: 10px;
	text-align: right;
	background: url(images/videos_bg.gif) 0 5px repeat-x;
}

#mp3 {position: absolute; top: 280px; left: 310px;}
#mp3 ol, #mp3 li, #mp3 dl, #mp3 dt, #mp3 dd {margin: 0; padding: 0;}
#mp3 ol {margin-top: 5px;}
#mp3 li {
	list-style-type: none; 
	width: 335px; 
	height: 20px; 
	background: url(images/videos_bg.gif) 0 16px repeat-x;
}
#mp3 dt, #mp3 dd {float: left;}
#mp3 dt {width: 230px;}
#mp3 dl {clear: both; display: block; float: none;}
#mp3 a {color: #FFCCC5; margin-left: 10px;}
#mp3 dd.number {color: #FFCCC5; font-weight: bold; margin-right: 5px;}
#mp3 dd.download {background: url(images/mp3dwnl_bg.gif) 0 0 repeat-y;}
#mp3 p {
	clear: both; display: block; 
	width: 335px; height: 25px; 
	margin: 0; padding-top: 3px;
	text-align: right;
}


#rodape {background-color: #000; height: 20px; position: relative; width: 700px; margin: -15px auto 0; _margin: 0 auto;}
#rodape ul {margin: 0; position: absolute; top: 0; left: 320px; _left: 370px;}
#rodape ul li {float: left; list-style-type: none;}
#rodape ul li a { color: #fff; font-size: 9px; margin-right: 6px;}
#rodape ul li a.used {text-decoration: none;} 
#rodape p.copyright {margin-left: 15px;}
#rodape p.criacao {position: absolute; top: -10px; _top: 0; left: 550px;}

dl.lyrics {margin: 20px 0 0 10px; padding: 0; width: 600px;}
dl.lyrics dd.capa {float: left; width: 280px; margin: 0 15px 0 0;}
dl.lyrics dt {font: bold 16px Verdana; margin-bottom: 12px;}
dl.lyrics dd, dl.lyrics dd a {font: bold 12px Verdana; line-height: 20px;}
dl.lyrics dd a {color: #FECCC5;}
dl.lyrics dd ol {
	margin-left: 260px; 
	_margin-left:0; 
	padding-left: 45px; 
	list-style-type: upper-roman; 
	width: 250px;
}
div.lyriceach, div.bioeach {
	width: 620px; 
	margin: 15px 0 0 10px; 
	border-top: 1px solid #BF7984; 
	text-align: center;
	display: none;	
}
div.bioeach {font-size: 12px;}
.lyriceach h4 {font: bold 16px Verdana; margin: 15px 0 15px 0;}
.lyriceach p  {font: normal 12px Verdana; margin: 0;}
.lyriceach a  {color: #FECCC5;}
#lyriccd img {border: 1px solid #FFF;}

ul#bios  {width: 620px; margin: 20px 0 0 10px; padding: 0;}
ul#bios li {list-style-type: none; padding: 0; margin: 0 17px 0 0; float: left;}
ul#bios li img {border: 1px solid #FECCC5; margin-bottom: 3px;}
ul#bios li a {color: #FECCC5; text-decoration: none; font: bold 12px Verdana;}

div.bioeach {display: none; text-align: left;}
div.bioeach dl {margin: 20px 0 0 0; padding: 0; position: relative;}
div.bioeach dl dd.image {width: 135px; float: left; margin: 0 10px 0 0; border: 1px solid #FECCC5;}
div.bioeach dl dt {font: bold 14px Verdana; width: 350px;}
div.bioeach dl dd.biodesc {margin-left: 150px; padding: 0;}

p.fotos {
	display: block; 
	width: 190px; 
	height: 160px;
	text-align: center; 
	float: left;
}
p.fotos img {margin-bottom: 3px; border: 1px solid #FECCC5;}
p.fotos a {
	font: bold 10px Verdana;
	color: #FECCC5; 
	text-decoration: none;
}
ul#videosin {
	margin: 10px 0 0; 
	padding: 0; 
	list-style-type: none; 
	width: 620px;
	font: bold 13px Verdana;	
}
ul#videosin li {background: url(images/videos_bg.gif) 0 bottom repeat-x; padding: 15px 0;}
ul#videosin dl dt, ul#videosin dl dd {margin: 0; padding: 0;}
ul#videosin dl dt {padding-top: 100px;}
ul#videosin dl dt a {color: #FFF;}
ul#videosin dl dd {font-weight: lighter;}
ul#videosin dl dd.image {float: left; margin-right: 10px;}
ul#videosin dl dd.time {color: #FECCC5; font: bold 11px Verdana; margin: 3px 0 5px;}




.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}  
/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */
