/**
 * Begining of the css reset
 **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* *
 * End of the css reset
 * */

/**
 * My css rules
 **/

a{
	text-decoration:none;
	color: #c0a063;
	font-size: 100%;
	font-weight: bold;
}

a:hover{
	color:#fff;
	font-weight:bold;
}

ol{
	list-style-type:decimal;
	color:#fff;
	padding-left:23px;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background-color: #000;
	font-size: small;
}

#container{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	display:block;
}

#letra dd p{
	padding-left:15px;
	line-height:150%;
}

#letra dd p.titulos{
	font-size:85%;
	padding-left:0px;
}


/**
 * Banner
 **/
#banner{
	width: 900px;
	height: 80px;
	background-color: #000;
	padding-bottom: 5px;
}

#banner img{
	padding-left: 15px;
}

/**
 * End Banner
 **/

/**
 * Menu
 **/

#menu{
	background: url("imagens/menu_footer.png") 0 0px no-repeat; 
	width: 960px;
	height: 30px;
	overflow:hidden;
	border-bottom: 1px solid #000;
}

#menu ul{
	padding-left: 15px;
	font: bold 90% Verdana;
	list-style-type:none;
	padding-right:15px;
}

#menu li{display: inline;}

#menu li a{
	float: right;
	display:block;
	padding: 7px 8px;
	background-color:transparent;
	font-size:120%;
	font-weight:bold;
}

#menu li a:visited{color: #c0a063;}

#menu li a:hover{color: #fff;}
/**
 *End of Menu 
 **/


/**
 * Content
 **/

#content{
	background: url("imagens/fundo.jpg") repeat;
	padding: 5px 23px 5px 23px;
	min-height:450px;
}

#content #musica{
	width: 450px;
	float:left;
}

#content #album_nav{
	width:450px;
	float:left;
}

/**
 * End Content
 **/

/**
 * Begining of contacts css rules
 **/
#contactos{
	width:450px;
	float:left;
}
/**
 * End of css rules for contacts
 */

/**
 * This is the css rules for the mail form on the contact page
 **/
#mail_form{
	width: 450px;
	float:left;
}
/**
 * End of mail form in the contact page
 **/

/**
 * #albim_nav
 **/
#album_nav img{
	width:200px;
	height:200px;
	padding-left:15px;
	float:left;
} 

#album_nav ol{
	padding-left:30px;
	float:left;
}

/**
 * End of albim_nav
 **/


/**
 * Footer
 **/
#footer{
	background: url("imagens/menu_footer.png") 0 -30px no-repeat;
	width: 960px;
	height: 30px;
}

#footer p{
	text-align:center;
	color:#fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:85%;
	border-top: solid 1px #000;
	padding: 10px;
}

#footer a{
	text-decoration:none;
	color:#c0a063;
	font-weight:bold;
}

#footer a:hover{
	color:#fff;
	font-weight:bold;
}
/**
 * End Footer
 **/

/**
 * Form
 **/
form #labels_left,form #inputs_left,form #labels_right,form #inputs_right{
	float:left;
	line-height:160%;
}

form .sub{
	padding-left:10px;
}



/**
 * End of Form
 **/

/**
 * Bio
 **/
#bio .banda{
	float:right;
	width: 336px;
	height: 225px;
}
#bio .text{
	float:left;
}

#bio_band{
	padding-top: 25px;
}

#bio_band div{
	width: 100px;
	float:left;
	padding-left: 16px;
}

#bio_band .first{
	padding-left:0px;
}

#bio_band .last{
	float:right;
}

#bio_band div .img{
	width: 100px;
	height: 67px;
}
/**
 *End of Bio
 **/

/**
 * Classes
 **/
.texto{
	color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height:125%;
}

.titulos{
	color: #f9cd30;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 125%;
}

/**
 * Article class and configuration
 **/
div.article{
	width:300px;
}
.article dl{
	width:300px;
}

.article img{
	width:300px;
	height:300px;
}

.article dl dt{
	width:300px;
	margin-left: 10px;
}

.article dl dd.texto{
	width:300px;
	line-height: 110%;
	padding-top: 5px;
}

.article dd.img{
	float:left;
}

.article dd.texto{
	width:290px;
	margin-left:10px;
	float:left;
}


/**
 * End of article class and configuration
 **/
.clear{
	clear:both;
}

.textbox{
	background-color: #ccc;
	color: #000;
}

.capa_principal{
	width:450px;
	height:450px;
	margin-left:225px;
	
}

.capa{
	width:450px;
	height:450px;
	margin:auto;
}

.banda{
	width:672px;
	height:450px;
	margin-left:121px;
}

.cd img{
	float:left;
	padding-right:15px;
}

.cd ol{
	padding-left:30px;
	float:left;	
}

.cd dl{
	padding-top:200px;
}

.cd dl dd{
}

form img{
	width:100px;
	height: 100px;
}

.child td{
	padding-left: 10px;
}

/**
 * End of Classes
 **/