/* CSS Document */

/* colors 

background = #000
red = #860F09
highlight/ shadow = #191919

*/


/* basic tags */

body{font-family:Tahoma, Helvetica, sans-serif; font-size:14px; background-color:#000000; color:white;
	 margin:0;}

body.portal {background-color:white; background-image:url(../_IMAGES/structure/portal_bg.gif); background-repeat:no-repeat; background-position:50% -25%; color:black;}
	#portal_text {position:absolute; top:37%; left:50%; font-size:24px; font:Arial, Helvetica, sans-serif; letter-spacing:1px;}
		#portal_text a {color:black;}
		#portal_text a:hover {background-color:#860F09; color:white;}

h1 {font-size:18px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px white solid; letter-spacing:2px;}
h2 {font-size:18px; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px;}
h3 {font-size:16px; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; padding:10px 1px 0 1px; margin:0;}
h4 {font-size:16px; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; padding:0; margin:0;}

p {line-height:18px;}

a {text-decoration:none; color:white; border-bottom:1px solid #860F09;}
a:hover {color:white;}

.noborder { border:none;}

img {border:none; padding:0; margin:0;}
.pay_img {margin:auto auto 2px 10px;}

table {width:100%}
td {text-align:left; vertical-align:top;}

ul {list-style:none; text-indent:-20px;}

/* layers */

#head {width:100%; height:65px; border-bottom:1px white solid; margin: auto auto auto 10px;}

#nav {float:left; width:170px;}
	#nav img {padding:20px 0 0 0;}

#content {position:absolute; left:192px; top:70px; width:660px;}
	
	/*#content p + p {text-indent:15px;}*/
	
	/* bio */
	div.bio {float:right;}
	img.bio {margin: 15px 0 0 0;}
	p.bio {width:355px; line-height:18px;}
	
	/* music*/
	
	td.cd_thumb {width:150px; height:137px; padding:7px 15px 7px 12px;}
	td.cd_text {height:137px;}
	
	/* albums */
	#tracks {float:left; width:355px; margin:0 5px 0 0;}
	#info {float:right; width:285px; margin:0 5px 0 5px;}
	
		img.albums {padding:12px 0 4px 0;}
		
		td.tracks {width:300px; padding:0 0 10px 0;}
		td.time {width: 20px; padding:0 0 10px 0;}
	
#foot {clear:both; border-top:1px white solid; width:100%; min-height:50px; text-align:center; margin:10px auto auto auto;}

/* forms */
form {margin:0; padding:0;}
select { padding:1px; font-size:10pt; background-color:black; color:white; }
input[type~="submit"] { padding:1px; border:white 2px solid; background-color:black; color:white; font-size:10pt; }
.styled { padding:2px 3px 2px 3px; border:white 2px solid; background-color:black; color:white; font-size:10pt; }
/* special classes */

.highlight {width:610px; background-color:#191919; margin:10px 0 0 0;}
.highlight:before {content:url(../_IMAGES/structure/highlight_top.gif); display: block;}
.highlight:after {content:url(../_IMAGES/structure/highlight_bottom.gif); display: block;}

.new {position:absolute; top:22px; left:560px; width:100px; height:100px; background-image:url(../_IMAGES/icons/new_logo.gif); background-repeat:no-repeat;}

.nuevo {position:absolute; top:22px; left:560px; width:100px; height:100px; background-image:url(../_IMAGES/icons/nuevo_logo.gif); background-repeat:no-repeat;}

.right {float:right;}
.left {float:left;}
.center {display:block; margin:auto auto; }

.noindent {text-indent:none;}