/*-------------------------------------------------
GLOBAL 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;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul{
	margin-left:40px;
}
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: "" "";
}
.clear {
	clear: both;
}
.hidden {
	display: none;
	visibility: hidden;
}

h1 {
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
h2 {
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}

p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2em;
	padding-bottom:10px;
}

a, a:link, a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2em;
	padding-bottom:10px;
	text-decoration:none;
	color:#00a8ff;
}

a:hover {
	text-decoration:underline;
}

/*-------------------------------------------------
MAIN
-------------------------------------------------*/

body { background:#000; font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif; font-size:12px; }

div#wrapper {  }
div#wrapperInner { width:1024px; height:788px; margin:0 auto; }

/* HEADER */
div#contentHead { width:1024px; height:169px; background-image:url(/skin/img/hd-menu-bg.png); background-repeat:repeat-x; }
div#hdBg { position:absolute; width:1024px; margin-left:0; }
div#hdBg a , div#hdBg a img { float:left; }
div#hdBg img { float:right; }

/* BODY */
div#home_featured { margin-left:20px; margin-top:88px; }
div#home_featured img { margin-bottom:14px; }
img#download { margin-top:14px; }

div.bodyContent {
	width:420px;
	height:470px;
	margin:20px 0 0 20px;
	background-image:url("/skin/img/transparent.png");
	background-repeat:repeat;
	color:#FFF;
	padding:30px;
}
div.pageContent { height:400px; overflow-x:hidden; overflow-y:auto; padding-right:20px; }
div.pageContent div p { line-height: 1.6em; }
div.bodyContent h4 { float:left; font-size:20px; font-weight:bold; text-transform:uppercase; } 
div.bodyContent h5 { font-size:16px; font-weight:bold; text-transform:uppercase; }
div.bodyContent hr { height:3px; background-color:#666; margin:20px 0; }

div.aboutContent {}
 
div.aboutLinks{ float:right; }
div.aboutLinks a{ margin-left:10px; }

img.featured_thumb { margin-left:232px; margin-top:-65px; border:3px solid #333; width:63px; height:63px; }
img.download_thumb { position:relative; top:-3px; border:3px solid #333; width:63px; height:63px; }

div#featured_show { background-image:url(/skin/img/page/home/home-show.png); }
div#featured_show img.featured_thumb { margin-top:-55px; }

div#featured_news { background-image:url(/skin/img/page/home/home-news.png); }
div#featured_video { background-image:url(/skin/img/page/home/home-video.png); }


div.homeBtnSm { width:323px; height:79px; background-repeat:no-repeat; margin-bottom:14px; }
div.homeBtnSm div{  max-width:200px; max-height:28px; padding:50px 0 0 20px; overflow:hidden; color:#ccc; font-weight:bold; text-transform:uppercase; font-size:10px; }
div.homeBtnSm a{ position:absolute; margin:0; padding:0; display:block; width:323px; height:79px; }

div#featured_download { width:323px; height:89px; background-image:url(/skin/img/page/home/home-download.png); background-repeat:no-repeat; color:#ccc; font-weight:bold; text-transform:uppercase; font-size:10px;  }
div#featured_download a{ position:absolute; margin:0; padding:0; display:block; width:323px; height:89px; }
div#featured_download div{ padding:42px 0 0 105px; max-width:200px; max-height:28px; overflow:hidden; text-transform:uppercase; font-size:10px;  }
/*div#featured_download img { width:80px; height:74px; position:absolute; float:left; margin:8px 0 0 8px; }*/
div#featured_download img { width:69px; height:69px; position:absolute; float:left; margin:10px 0 0 20px; }


/* DOWNLOAD */
div#downloadContentWrapper { position:absolute; width:600px; height:360px; margin-top:0; margin-left:210px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }

div#downloadContent { background-color:#000000; width:500px; height:280px; margin:10px; padding:30px 40px; }
div#downloadContent div#downloadHead { width:500px; }
div#downloadContent div#downloadHead h2{ color:#CCC; margin-bottom:3px; }
div#downloadContent div#downloadHead h3{ color:#CCC; margin-bottom:6px; }
div#downloadContent div#downloadHead hr{ float:right; width:400px; }
div#downloadDescription { float:right; width:400px; }

div#downloadContent div#downloadHead img{ width:80px; height:80px; }
div#downloadContent div#downloadHead img.imageFull{ float:left; }
div#downloadContent div#downloadHead div.imgReflectBox{ width:80px; height:50px; overflow:hidden; position:relative; }
div.imgReflectBox img{ position:absolute; top:0; left:0; }

div#downloadContent input.formInputs { width:280px; background-color:#666; border:none; float:right; color:#FFF; padding:0 10px; margin-right:110px; }
div#downloadContent label { font-weight:bold; font-size:10px; }
div#downloadContent p.requiredLabel { font-weight:bold; font-size:9px; float:right; line-height:9px; margin-right:110px; }

div#downloadContentWrapper div.closeModal { width:75px; height:73px; background-image:url(/skin/img/buttons/close.png); float:left; margin-left:-35px; margin-top:-35px; }

/* CONTACT */
div#contactContentWrapper { position:absolute; width:540px; height:340px; margin-left:240px; margin-top:85px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#contactContent { background:#000; width:440px; height:260px; margin:10px; padding:30px 40px; }
div#contactContent div#contactHead { width:440px; }
div#contactContent textarea { width:420px; height:140px; background-color:#666; border:none; margin:10px 0 6px 0; color:#FFF; font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif; padding:10px; }
div#contactContent input#contact_email { width:280px; background-color:#666; border:none; float:right; color:#FFF; padding:0 10px; }
div#contactContent label { font-weight:bold; font-size:10px; }
div#contactContent p.requiredLabel { font-weight:bold; font-size:9px; float:right; line-height:9px; }
div#contactContent p.alsoSend { font-weight:bold; font-size:10px; vertical-align:top; } 
div#contactContent p.alsoSend span { float:left; } 
div#contactContent p.alsoSend a { margin:0 5px; float:left; } 
div#contactContentWrapper div.closeModal { width:75px; height:73px; background-image:url(/skin/img/buttons/close.png); float:left; margin-left:-35px; margin-top:-45px; }

/* JOIN */
div#joinContentWrapper { position:absolute; width:540px; height:300px; margin-left:240px; margin-top:85px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#joinContent { background:#000; width:440px; height:220px; margin:10px; padding:30px 40px; }
div#joinContent div#joinHead { width:440px; margin-top:6px; }
div#joinContent div#joinHead h3{ font-size:11px; }
div#joinContent div#joinHead hr{ float:right; width:450px; margin:20px 0; }

div#joinContent input.formInputs { width:280px; background-color:#666; border:none; float:right; color:#FFF; padding:0 10px; }
div#joinContent label { font-weight:bold; font-size:10px; }
div#joinContent p.requiredLabel { font-weight:bold; font-size:9px; float:right; line-height:9px; }
div#joinContent p.alsoSend { font-weight:bold; font-size:10px; vertical-align:top; } 
div#joinContent p.alsoSend span { float:left; } 
div#joinContent p.alsoSend a { margin:0 5px; float:left; } 
div#joinContentWrapper div.closeModal { width:75px; height:73px; background-image:url(/skin/img/buttons/close.png); float:left; margin-left:-35px; margin-top:-35px; }



/* MUSIC */
div.musicContent {
	width:420px;
	height:510px;
	margin:20px 0 0 20px;
	background-image:url("/skin/img/transparent.png");
	background-repeat:repeat;
	color:#FFF;
	padding:10px;
}
div.musicContent a:link, div.musicContent a:visited{ color:#FFF; text-decoration:none; font-size:12px; line-height:12px; padding:0; margin:0; }
div.musicContent a:hover{ text-decoration:underline; }
div.musicContent h4 { float:left; font-size:20px; font-weight:bold; text-transform:uppercase; } 
div.musicContent h5 { font-size:16px; font-weight:bold; text-transform:uppercase; }
div.musicContent hr { height:2px; background-color:#444; border:none; margin:10px 0; }

div.musicContent div.musicContentInner { background:#000; height:490px; padding:10px;}

div.musicContentInner div img{ width:156px; height:156px; }
div.musicContentInner div img.imageFull{ float:left; }
div.musicContentInner div div.imgReflectBox{ width:156px; height:50px; overflow:hidden; position:relative; }
div.musicContentInner div div.imgReflectBox img{ position:absolute; top:0; left:0; }
div.musicContentInner div div.imgReflectBox img.imageReflect{ z-index:9; top:-40px; }

img.playbtn { cursor:pointer; }

td#mediaDetails { height:190px; width:225px; padding-left:10px; }

div#trackList { height:170px; overflow-x:hidden; overflow-y:auto; }
div#trackList table { margin-top:6px; margin-left:6px; }

div#trackList table tr td { vertical-align:top; padding:4px; }
div#trackList table tr td img { float:right; width:44px; height:16px; }

div#mediaLinks { float:right; margin-right:10px; margin-top:10px; }
div#mediaLinks img { width:65px; height:23px; margin-right:3px; }

div#albumLinks { position:relative; width:400px; }
div#albumLinks div.right{ float:right; height:23px; }
div#albumLinks img { height:23px; }
div#albumLinks div.left { float:left; font-size:16px; font-weight:bold; text-transform:uppercase; margin-top:5px; }

div#albumDescription { height:74px; overflow-x:hidden; overflow-y:auto; }

div#optionalContentWrapper { height:166px; width:400px; overflow:hidden; }

div#otherAlbums { margin-top:6px; }
div#otherAlbums p{ text-transform:uppercase; font-weight:bold; text-align:center; }
div#otherAlbums img{ width:80px; height:80px; }



div#otherAlbums table { width:100% }
div#otherAlbums table tr td img.albumSlide { width:16px; height:19px; cursor:pointer; }
div#otherAlbums table tr td img#slideLeft {}
div#otherAlbums table tr td img#slideRight {}

div#albumListWrapper { width:338px; overflow:hidden; margin: 0 13px;}
ul#albumList { position:relative; list-style:none; margin:0; padding:0; }
ul#albumList li { float:left; margin-right:6px; }

img#creditsLink { cursor:pointer; }
img#lyricsLink { cursor:pointer; }

/* CREDITS */
div#creditsContentWrapper { position:absolute; width:540px; min-height:340px; margin-left:240px; margin-top:10px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#creditsContent { background:#000; width:440px; min-height:260px; margin:10px; padding:30px 40px; }
div#creditsContentWrapper div.closeModal { width:75px; height:73px; background-image:url(/skin/img/buttons/close.png); float:left; margin-left:-35px; margin-top:-35px; }

div#creditsContent h4{ margin:0; padding:0; }
div#creditsContent strong{ font-weight:bold; padding-right:3px; }
div#creditsContent table, div#albumCredits { padding-top: 6px; }
div#creditsContent table tr td{ padding-right:10px; }

div#creditsContent div.right { float:right; width:320px; }
div#creditsContent div.left { float:left; }
div#creditsContent div.left img{ width:80px; height:80px; }
div#creditsContent div.left img.imageFull{ float:left; }
div#creditsContent div.left div.imgReflectBox{ width:80px; height:50px; overflow:hidden; position:relative; }
div#creditsContent div.left div.imgReflectBox img{ position:absolute; top:0; left:0; }


/* LYRICS */
div#lyricsContentWrapper { position:absolute; width:540px; height:400px; margin-left:240px; margin-top:10px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#lyricsContent { background:#000; width:440px; height:320px; margin:10px; padding:30px 40px; }
div#lyricsContentWrapper div.closeModal { width:75px; height:73px; background-image:url(/skin/img/buttons/close.png); float:left; margin-left:-35px; margin-top:-35px; }

div#lyricsContent h4{ margin:0; padding:0; }
div#lyricsContent strong{ font-weight:bold; padding-right:3px; }
div#songLyrics { margin-top:6px; width:320px; height:250px; overflow-x:hidden; overflow-y:scroll; }

div#lyricsContent div.right { float:right; width:320px; }
div#lyricsContent div.left { float:left; }
div#lyricsContent div.left img{ width:80px; height:80px; }
div#lyricsContent div.left img.imageFull{ float:left; }
div#lyricsContent div.left div.imgReflectBox{ width:80px; height:50px; overflow:hidden; position:relative; }
div#lyricsContent div.left div.imgReflectBox img{ position:absolute; top:0; left:0; }

/* PRODUCER */
img#producerLink { position:absolute; top:650px; margin-left:860px; cursor:pointer; } 
div#producerContentWrapper { position:absolute; width:864px; height:480px; margin-left:80px; margin-top:0; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#producerContent { background:#000; width:764px; height:400px; margin:10px; padding:30px 40px; }
div#producerContentWrapper div.closeModal { width:75px; height:73px; background-image:url(/skin/img/buttons/close.png); float:left; margin-left:-35px; margin-top:-35px; }
div.producerBlock { width:360px; height:120px; float:left; position:relative; }

/* SHOWS */
div#featuredShowBox { background-color:#000; padding-bottom:20px; }
div#featuredShowBox p { padding:20px 20px 0 20px; }
div#featuredShowBox p img{ padding:0 20px 10px 0; }
div.showDate, span.showDate { color:#00a8ff; font-size:18px; font-weight:bold; text-transform:uppercase; padding:10px 0; display:block; }
span.showMeta { color: #ccc; font-size:12px; text-transform:uppercase; font-weight:bold;  }
div.showDescription { height:56px; width:380px; overflow-x:hidden; overflow-y:auto; background-color:transparent !important; }
div.showDescription div{ background-color:transparent !important; color: #ccc; }
div.showDescription p{ margin:0 0 0 20px !important; padding:0 0 6px 0 !important; background-color:transparent !important; color: #ccc; }
div.showsContent div div div a, div.showsContent div div div a:link, div.showsContent div div div a:visited, div.showsContent div div div a:hover,{ color:#00a8ff; }
span.showMeta a, span.showMeta a:link, span.showMeta a:visited, span.showMeta a:hover,{ color:#00a8ff; }
div.showsContent { height:460px; }

/*div.showsContent, div.showsContent div, div.showsContent div div, div.showsContent div div div, div.showsContent div div div div, div.showsContent div div div div p { background-color:transparent !important; color:#ccc; }*/

div.showsContent h4 { margin-bottom:20px; }
div.showsContent div.pageContent { margin:0; }

div.showsContent hr { margin:10px 0; }

/* SHOW POSTER */
div#posterContentWrapper { position:absolute; width:540px; min-height:73px; margin-left:240px; margin-top:-20px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#posterContentWrapper div.closeModal { width:75px; height:73px; background-image:url(/skin/img/buttons/close.png); float:left; margin-left:-35px; margin-top:-35px; }
div#posterContent { background:#000; margin:10px; padding:30px 40px; }
div#posterContent img { display:block; margin:0 auto; }


/* SHOW REMINDER */
div#reminderContentWrapper { position:absolute; width:480px; height:300px; margin-top:-20px; margin-left:272px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#reminderContent { background-color:#000000; width:380px; height:220px; margin:10px; padding:30px 40px; }

div#reminderContent label.big_label { font-size:16px; color:#FFF; }
div#reminderContent input.button { float:right; }

div#reminderContent input.formInputs { width:280px; background-color:#666; border:none; float:right; color:#FFF; padding:0 10px;}
div#reminderContent p { margin: 6px 0; }
div#reminderContent label { font-weight:bold; font-size:10px; }
div#reminderContent p.requiredLabel { font-weight:bold; font-size:9px; float:right; line-height:9px; }

div#reminderContentWrapper div.closeModal { width:75px; height:73px; background-image:url(/skin/img/buttons/close.png); float:left; margin-left:-35px; margin-top:-35px; }
img.reminderBtn { float:right; margin-top:12px; }


/* VIDEOS */

div#videoWrapperTemp { position:absolute; width:540px; height:340px; margin-left:240px; margin-top:85px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#videoContentTemp { background:#000; width:440px; height:260px; margin:10px; padding:30px 40px; }


div#videoWrapper { position:absolute; width:640px; height:490px; margin-left:190px; margin-top:0px; background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#videoContent { background:#000; width:540px; height:410px; margin:10px; padding:30px 40px; }

div#videoGridWrapper { position:absolute; width:864px; height:400px; margin-left:80px; margin-top:60px; background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#videoGrid { padding:20px 40px 0 40px; }
div#videoItem { float:left; width:384px; }
div#videoItem img { margin-top:15px; }
img.playVideo { cursor:pointer; }

div#videoWrapper div.closeModalVideo { width:75px; height:73px; background-image:url(/skin/img/buttons/close.png); float:left; margin-left:-35px; margin-top:-35px; }




/* PHOTOS */
div#photoWrapper { position:absolute; width:540px; height:340px; margin-left:240px; margin-top:85px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#photoContent { background:#000; width:440px; height:260px; margin:10px; padding:30px 40px; }
div#photoContent p { margin-top:80px; font-size:24px; text-align:center; }

/* ABOUT */

/* STORE */ 
div#storeWrapper { position:absolute; width:540px; height:340px; margin-left:240px; margin-top:85px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#storeContent { background:#000; width:440px; height:260px; margin:10px; padding:30px 40px; }

/* ERROR */ 
div#errorWrapper { position:absolute; width:540px; height:340px; margin-left:240px; margin-top:85px; z-index:50;  background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#CCC; }
div#errorContent { background:#000; width:440px; height:260px; margin:10px; padding:30px 40px; }


/* FOOTER */
div#contentFoot { position:absolute; top:735px; width:1024px; height:53px; background-image:url(/skin/img/hd-menu-bg.png); background-repeat:repeat-x; }

div#audioPlayer {
	float:left;
	width:500px;
	height:50px;	
}

div#socialLinks{ position:absolute; bottom:26px; right:0; padding-right:20px; }

div#socialLinks ul {
	width: 143px; height: 21px;
	background: url(/skin/img/social-sprite.png);
	margin-top: 4px;
	position: relative;
}

div#socialLinks ul li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
div#socialLinks ul li, div#socialLinks ul li a { height: 21px; display: block; }

li#soc_1 { left: 0; width: 54px; }
li#soc_2 { left: 54px; width: 65px; }
li#soc_3 { left: 119px; width: 24px; }

li#soc_1 a:hover { background: transparent url(/skin/img/social-sprite.png) 0 -21px no-repeat; }
li#soc_2 a:hover { background: transparent url(/skin/img/social-sprite.png) -54px -21px no-repeat; }
li#soc_3 a:hover { background: transparent url(/skin/img/social-sprite.png) -119px -21px no-repeat; }

div#copy { position:absolute; bottom:0; right:0; padding:0 20px 8px 0; font-size:10px; color:#999; font-weight:bold; }


/* FORM VALIDATION */
label.error { display:none !important; }
input.error { border:1px solid #F00 !important; }