/* Document coded and crafted by Michael Dakwa, mkdakwa@gmail.com. All rights reserved. 2009*/

/* reset.css courtesy blueprint css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit; list-style-type:none;}

body {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:#000; color:#fff; height:100px; }

.main_bg{ height:680px; background: url(images/body_bg.jpg) no-repeat center top #000; width:861px; position:relative; margin:0 auto;}

#redline{ position:absolute; overflow:hidden; width:100%; top:302px; left:0; background:#840303; text-align:center; height:2px; z-index:-15}
.cleared{ width:713px; background: url(images/thin_bg.jpg) no-repeat #000; margin:0 auto; height:2px; position:relative;}

#wrapper{ width:717px; text-align:left; margin:0 auto; position:relative; padding-top:31px; overflow:hidden;}


#header{ height:38px; overflow:hidden; margin-bottom:6px;}
.logo{ float:left; width:334px; overflow:hidden; margin-top:20px; margin-left:10px;}
.player{ float:right; width:233px; overflow:hidden; height:28px; overflow:hidden; background:url(images/player.gif) no-repeat; margin-top:9px; margin-right:10px;}
#maincontent{ height:358px; background:#000; width:693px; margin:0 12px;}
#nav{ height:28px; margin-left:7px;}

#nav ul li{display: inline; float:left; height: 25px; line-height:25px; overflow:hidden; margin-top: -5px; }
#nav ul li a {line-height:25px; height:25px;padding-left:7px; padding-right:7px; color:#4A4A4A; display:block; text-transform:uppercase; text-decoration:none; font-size:10px; float:left;}
#nav ul li a:hover{ color:#fff; text-decoration:none;}
#nav ul li.active a{ color:#C50101; text-decoration:none;}

#nav ul li.active ul{ display:none;}

/* General */

.fl_left{ float:left;}
.fl_right{ float:right;}
.al_right{ text-align:right;}
.al_middle{ text-align:left;}


#promo{ height:71px; margin-left:7px; overflow:hidden;}
.promo_box{ width:259px; height:61px; background:#000; float:left; margin-right:4px; overflow:hidden;}
.promo_box .inner{ height:55px; width:253px; margin:3px; background:url(images/promo_inner_bg.png) repeat-x;}
.promo_last{float:left; width:169px; height:64px; overflow:hidden; margin-left:2px;}
.promo_last .inner{border-top:9px solid #646464; border-bottom:9px solid #646464; padding:10px 0 9px 0; margin-left:2px;}
#footer{ height:30px;}



/* BIO PAge  */

.biobackground{ background:url(images/bio_bg.jpg) no-repeat; height:358px; padding:64px 0 0 399px; overflow:hidden;}
.videobackground{background:url(images/video_bg.jpg) no-repeat; height:358px; padding:74px 0 0 71px; overflow:hidden;}
.downbackground{background:url(images/down_bg.jpg) no-repeat; height:358px; padding:84px 0 0 69px; overflow:hidden;  }

/*Bio content */

.bio_content{ width:272px; height:264px;  overflow:auto;}
.bio_content .inside{ margin:10px;}
.inside p{ margin-bottom:15px; line-height:1.2em;}
.inside p a{color:#DF0707;}
.inside p span{color:#DF0707;}

/* Download Content */

.down_content{ width:540px; height:226px; overflow:hidden;}
.down_content .inside{ margin:50px 8px 0 12px;}

.inside .thumbs{ width:124px; color:#383838; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.thumbs a{ color:#383838; font:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:16px; text-decoration:none;margin-right:4px;}
.thumbs a:hover{color:#DF0707;}
.inside .thumbs img{ width:117px; height:69px; border:3px solid #CFCFCF; margin-bottom:4px;}
.thumbs span.red{ color:#DF0707; text-transform:uppercase; font-size:10px; margin-right:4px;}
.madespace{ margin-right:140px;}

/*  Video content */
video_content{ width:388px; height:239px;}