@charset "UTF-8";
/* Designed & Developed by Kevin "Methodologi" Williams */

/*@import url('featurecontentglider.css');
@import url('lightbox.css');
/*@import url('ajaxcontent.css');

/*----------------------- Generic ----------------------------------*/
body {
	background: url(../img/bg.jpg) top center /*no-repeat*/ #000;
	margin:0;
	padding:0;
	border:0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;
	font-size:12px;
	line-height:18px;
}

h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
i {display:none; font-style:normal;}
/*h1 a, h1, h1 a:hover {background:url(../img/logo.png) no-repeat 0 0; display:block; width:287px; height:70px;}*/

a img {border: none;}
a:active, a:focus
  {outline:0;}

h1 {
	font-family: "myriad-pro", sans-serif;
	font-weight: normal;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
	color:#ffffff;
}
h2, h3, h4, h5 {
	font-family: "myriad-pro", sans-serif;
	font-weight: normal;
	/*font-style:italic;
	font-size:12px;
	letter-spacing: -.05em;*/
	margin: 0;
	padding: 0;
	line-height: 1em;
	color:#ffffff;
}

/*
a:link {text-decoration: none;color: #666;}
a:visited {text-decoration: none; }
a:hover {text-decoration: none; }
a:active {text-decoration: none; }
*/
.point{ width:10px; height:10px; background:url(../img/bullet-20.png) bottom no-repeat; float:left; margin:5px 0 0 0; padding:0 0 0 2px; }

#container {
	width:1000px;
	height:auto;
	margin:0 auto;
}
#bio-container {
	width:1000px;
	height:2150px;
	margin:0 auto;
}
#splash {
	background:url(../img/splash.png) no-repeat;
	width:1000px;
	height:400px;
	float:left;
	margin:0 0 0 0;
	position:relative;
	z-index:0;
}
#superduke {
	background:url(../img/superduke-tag.png) no-repeat;
	width:610px;
	height:400px;
	float:left;
	margin:0 0 0 12px;
	position:absolute;
	z-index:1;
}
#nav-area { width:1000px; height:36px; float:left; margin:0 0 0 0; }

#navigation {
	width:580px;
	height:36px;
	float:left;
	margin:0 0 0 0px;
	/*border:1px solid #f00;*/
}
#mailing-list {
	background: url(../img/maillist.png) no-repeat;
	width:420px;
	height:36px;
	float:left;
	margin:0 0 0 0;
}
#nav-space {
	width:420px;
	height:36px;
	float:left;
	margin:0 0 0 0;
}
#mediaplayer {
	width:400px;
	height:36px;
	float:left;
	margin:0 0 0 13px;
}
.header { width:490px; height:20px; float:left; margin:0 0 0 0; font-size:18px; font-style:italic; font-family:"myriad-pro", sans-serif; padding:0 0 4px 0; /*color:#ae043c*/ }
.wide-header { width:980px; height:20px; float:left; margin:0 0 0 0; font-size:18px; font-style:italic; font-family:"myriad-pro", sans-serif; padding:0 0 4px 0; /*color:#ae043c*/ }
.subheader { width:184px; height:20px; float:left; margin:2px 0 0 2px; font-size:18px; font-style:italic; font-family:"myriad-pro", sans-serif; padding:0 0 4px 0; /*color:#ae043c;*/ }
#content { width:1000px; height:100%; float:left; margin:8px 0 0 0; }
#tabs-content { width:1000px; height:100%; float:left; margin:8px 0 0 0; }
#box { width:1000px; height:100%; float:left; margin:8px 0 0 0; }
/*-------------------------------------------- NAVIGATION ----------------------------------------------------*/
ul#topnav { 
        width:580px; 
        list-style:none; 
        height:36px; 
		margin:0px 0px 0 -40px;
		float:left;
} 

 

ul#topnav li { 
        display:inline; 
} 

ul#topnav li a { 
        height:36px; 
        float:left;
        text-indent:-9999px; 
} 

ul#topnav li#topnav_1 a { 
        width:80px; 
        background:url(../img/nav-set.png) no-repeat 0 0; /* X and Y position at 0 */ 
} 

 

ul#topnav  li#topnav_1 a:hover { 
        background-position:0 -36px; /* Y position -40px for Over instance image */ 
} 
 

ul#topnav  li#topnav_1 a.current { 
        background-position:0 -36px; /* Y position -80px for Current instance image */ 
} 

ul#topnav li#topnav_2 a { 
        width:115px; 
        background:url(../img/nav-set.png) no-repeat -80px 0; /* X and Y position at 0 */ 
} 

 

ul#topnav  li#topnav_2 a:hover { 
        background-position:-80px -36px; /* Y position -40px for Over instance image */ 
} 

 

ul#topnav  li#topnav_2 a.current { 
        background-position:-80px -36px; /* Y position -80px for Current instance image */ 
}

ul#topnav li#topnav_3 a { 
        width:95px; 
        background:url(../img/nav-set.png) no-repeat -195px 0; /* X and Y position at 0 */ 
} 

 
ul#topnav  li#topnav_3 a:hover { 
        background-position:-195px -36px; /* Y position -40px for Over instance image */ 
} 
 

ul#topnav  li#topnav_3 a.current { 
        background-position:-195px -36px; /* Y position -80px for Current instance image */ 
} 


ul#topnav li#topnav_4 a { 
        width:120px; 
        background:url(../img/nav-set.png) no-repeat -290px 0; /* X and Y position at 0 */ 
} 
 

ul#topnav  li#topnav_4 a:hover { 
        background-position:-290px -36px; /* Y position -40px for Over instance image */ 
} 

 
ul#topnav  li#topnav_4 a.current { 
        background-position:-290px -36px; /* Y position -80px for Current instance image */ 
} 


ul#topnav li#topnav_5 a { 
        width:70px; 
        background:url(../img/nav-set.png) no-repeat -410px 0; /* X and Y position at 0 */ 
} 

 
ul#topnav  li#topnav_5 a:hover { 
        background-position:-410px -36px; /* Y position -40px for Over instance image */ 
} 

 
ul#topnav  li#topnav_5 a.current { 
        background-position:-410px -36px; /* Y position -80px for Current instance image */ 
} 



ul#topnav li#topnav_6 a { 
        width:100px; 
        background:url(../img/nav-set.png) no-repeat -480px 0; /* X and Y position at 0 */ 
} 

 
ul#topnav  li#topnav_6 a:hover { 
       background-position:-480px -36px; /* Y position -40px for Over instance image */ 
} 

 

ul#topnav  li#topnav_6 a.current { 

        background-position:-480px -36px; /* Y position -80px for Current instance image */ 

}


ul#topnav li#topnav_7 a { 
        width:90px; 
        background:url(../img/nav-set.png) no-repeat -580px 0; /* X and Y position at 0 */ 
} 

 
ul#topnav  li#topnav_7 a:hover { 
       background-position:-580px -36px; /* Y position -40px for Over instance image */ 
} 

 
ul#topnav  li#topnav_7 a.current { 
        background-position:-580px -36px; /* Y position -80px for Current instance image */ 
}

/*-------------------------------------------- HOME ----------------------------------------------------*/
.home-text-area {
	width:505px;
	height:400px;
	float:left;
	margin:0 0 0 12px;
}
.welcome {
	width:490px;
	height:100px;
	float:left;
	margin:0 0 0 10px;
	color:#fff;
	/*border:1px solid #f00;*/
}
.events-home {
	width:184px;
	height:290px;
	float:left;
	margin:7px 0 0 10px;
	background:url(../img/cube.png) repeat;
	color:#fff;
	/*border:1px solid #f00;*/
	
}
#events-area ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}

#events-area li {
	background: url(../img/li.jpg) left center no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;

}
#events-area {
	width:180px;
	height:200px;
	float:left;
	margin:3px 0 0 4px;
	/*background:url(../img/events-bg.jpg);*/
	color:#fff;
	font-size:11px;
	/*border:1px solid #f00;*/

}
.events-listing {
	width:178px;
	/*height:34px;*/
	float:left;
	margin:3px 0 0 0px;
	padding:0 0 3px 0;
	color:#fff;
	font-size:11px;
	line-height:13px;
	/*border:1px solid #f00;*/
	border-bottom:1px solid #666;
}
/*.events-listing {
	width:178px;
	/*height:34px;*/
	/*float:left;
	margin:3px 0 0 4px;
	color:#fff;
	font-size:11px;
	/*border:1px solid #f00;*/
	/*border-bottom:1px solid #fff;
}*/
.events-listing a:link {text-decoration: none; color: #fff; /*background-color:#0066FF;*/ margin:0 0 0 0px; }
.events-listing a:visited {text-decoration: none; color: #fff; /*background-color:#0066FF;*/ margin:0 0 0 0px;}
.events-listing a:hover {text-decoration: none; color: #fff; background-color:#CC0033; margin:0 0 0 4px; background:url(../img/li.jpg) repeat; padding:1px 1px 1px 5px;}
.events-listing a:active {text-decoration: none; color: #fff; /*background-color:#0066FF;*/margin:0 0 0 0px;}

#mail-box {
	background: url(../img/mailbox-214.png) repeat;
	width:214px;
	height:89px;
	float:left;
	margin:2px 0 0 0px;
	/*border:1px solid #f00;*/
}
.newsletter-descript {	
	background: url(../img/cube.png) no-repeat;
	width:140px; 
	height:40px; 
	float:left; 
	margin:10px 0 0 5px;
	color:#127fcc;
	font-family:"myriad-pro", sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:13px;
	/*border:1px solid #f00;*/
}
.newsletter-entry { 
	width:130px;
	height:22px;
	float:left;
	margin:6px 0 0 5px;	
	font-size:8px;
	color:#ffffff;
	font-family:"myriad-pro", sans-serif;
	font-style:italic;
	font-weight:bold;
	/*border:1px solid #f00;*/
}
.newsletter-entry input { font-size:11px; }
.submit { width:20px; height:20px; float:left; margin:0 0 0 0; }
#go {background: url(../img/submit.png) no-repeat; height:20px; width:20px; border:none; float:left; margin:-20px 0 0 125px; }

#flyerbox {
	/*background: url(../img/karma-tease.jpg) no-repeat ;*/
	width:294px;
	height:290px;
	float:left;
	margin:7px 0 0 0px;
	position:relative;
	z-index:0;
}
.flyerbox-details {
	background: url(../img/cube.png) ;
	width:294px;
	height:60px;
	float:left;
	margin:230px 0 0 0;
	position:absolute;
	z-index:1;
}
.flyerbox-headline { width:200px; height:14px; float:left; margin:10px 0 0 16px; font-size:16px; font-style:italic; /*font-weight:bold;*/ }
.flyerbox-line { width:200px; height:14px; float:left; margin:0 0 0 16px; font-size:11px; font-style:italic;  }
.mixtape-area {
	width:214px;
	height:400px;
	float:left;
	margin:0 0 0 8px;
}
.mixtape-box {
	width:214px;
	height:310px;
	float:left;
	margin:0 0 0 0;
}
.mixtape-download {
	width:214px;
	height:89px;
	float:left;
	margin:0 0 0 0;
}
#ad-space {
	width:240px;
	height:400px;
	float:left;
	margin:0 0 0 14px;
}
#footer {
	width:1000px;
	height:90px;
	float:left;
	margin:8px 0 0 0;
	border-top:1px solid #000;
	font-family:"myriad-pro", Arial, sans-serif;
	font-size:11px;
}
#footer a:link {text-decoration:none; color:#fff; }
#footer a:hover{text-decoration:underline; color:#fff; }
#footer a:active{text-decoration:none; color:#fff; }
#footer a:visited{text-decoration:none; color:#fff; }

#footer-left {
	width:450px;
	height:60px;
	float:left;
	margin:8px 0 0 0;
	font-style:italic;
}
.footer-nav {width:70px; height:12px; float:left; margin:0 0 0 5px; text-align:center;}
#footer-right {
	width:500px;
	height:60px;
	float:left;
	margin:8px 0 0 40px;
	text-align:right;
	color:#fff;
	line-height:12px;
}
.s-group { width:50px; height:60px; float:left; margin:0 0 0 60px; }

/*-------------------------------------------- BIO ----------------------------------------------------*/
.bio-area{
	width:505px;
	height:auto;
	float:left;
	margin:0 0 0 12px;
}
.bio-text {
	width:490px;
	/*height:100px;*/
	float:left;
	margin:0 0 0 10px;
	color:#fff;
	/*border:1px solid #f00;*/
}
.bio-text2 {
	width:470px;
	/*height:100px;*/
	float:left;
	margin:16px 0 0 10px;
	color:#fff;
	/*border:1px solid #f00;*/
}
/*-------------------------------------------- MIXTAPES ----------------------------------------------------*/
.mixtape-page{
	width:985px;
	height:auto;
	float:left;
	margin:0 0 0 12px;
	/*border:1px solid #f00;*/
}
.mixtape-cage {
	width:970px;
	height:auto;
	float:left;
	margin:0 0 0 10px;
	color:#fff;
	/*border:1px solid #f00;*/
}
.mixtape-spacer {width:18px; height:400px; float:left; margin:0 0 0 0; }
/*-------------------------------------------- MEDIA ----------------------------------------------------*/
.video-box { 
	width:480px; 
	height:auto; 
	float:left; 
	margin:0 0 0 0; 
	padding:4px 0 0 4px;
}
.vidbox {width:640px; height:360px;}
.vidbox-mini {width:360px; height:320px;}
.vidbox-mini-425 {width:425px; height:344px;}
.shot-row {width:1000px; height:140px; float:left; margin:0 0 0 0; }
.shot-box {
	width:180px;
	height:136px;
	float:left;
	margin:0 0 0 0;
}
.shot-spacer {width:18px; height:86px; float:left; margin:0 0 0 0; }
.shots {
	width:144px;
	height:80px;
	float:left;
	margin:0 0 0px 0;
	padding:0 0 0 0;
	/*position:relative;
	z-index:0;*/
	border:2px solid #000;
	
	
}
/*
.shots a:link {text-decoration: none; color: #2888b7;}
.shots a:visited {text-decoration: none; color: #2888b7; }
.shots a:hover {text-decoration: underline; color: #2888b7; }
.shots a:active {text-decoration: none; color: #2888b7; }
*/
.shots-info {
	/*background:url(../img/cube.png) repeat ;*/
	width:176px;
	height:50px;
	float:left;
	margin:0px 0 0 0px;
	/*padding:2px 2px 2px 2px;
	position:absolute;
	z-index:1;*/
	font-size:10px;
	line-height:1.3em;
	color:#fff;
}
/*
.shots-info a:link {text-decoration: none; color: #fff; filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4; }
.shots-info a:visited {text-decoration: none; color: #2888b7; }
.shots-info a:hover {background:url(../img/cube.png) repeat ;text-decoration: none; color: #fff; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; padding:1px 1px 1px 1px; }
.shots-info a:active {text-decoration: none; color: #2888b7; }
*/
/*-------------------------------------------- PRESS ----------------------------------------------------*/
.press-text {
	width:490px;
	/*height:100px;*/
	float:left;
	margin:0 0 0 10px;
	color:#fff;
	/*border:1px solid #f00;*/
}
.press-text a:link {text-decoration: none; color: #2888b7;}
.press-text a:visited {text-decoration: none; color: #2888b7; }
.press-text a:hover {text-decoration: underline; color: #2888b7; }
.press-text a:active {text-decoration: none; color: #2888b7; }

/*-------------------------------------------- CONTACT ----------------------------------------------------*/

#contact-left {
	width:350px;
	float:left;
	margin:10px 0 0 40px;
	font-size:11px;
	color:#fff;
}
#contact-right {
	width:300px;
	float:left;
	margin:10px 0 0 100px;
	text-transform:uppercase;
	color:#fff;
}
.contact-details a:link {text-decoration: none; color: #2888b7;}
.contact-details a:visited {text-decoration: none; color: #2888b7; }
.contact-details a:hover {text-decoration: underline; color: #2888b7; }
.contact-details a:active {text-decoration: none; color: #2888b7; }

.contact-details {
	width:300px;
	/*height:100px;*/
	float:left;
	margin:0 0 0 0;
}
.social-cube {
	width:32px;
	height:32px;
	float:left;
	margin:6px 0 0 2px;
	padding:0 0 0 0;
}