/*

* Description: Global CSS
* Contents:

	- Containers	- line 17
	- Navigation	- line 44	
	- Footer		- line 75	
	- General		- line 105
	- Typography	- Line 115


Sinistry Colours
# Dark grey (text): #333333
# Dark Blue (headings, links) #000066
# Mid Blue (header) #333399
# Light blue (top navigation) #CCCCFF
# */


/* Containers
------------------------------------- */

* { margin:0; padding:0; }

body{ background-color:#000; font-size:62.5%; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; }

div#container{ margin: 0 auto; width: 950px; }
div#container{padding-left:0px;}
div#header{ min-height:178px; }
div#navigation{ background-color:#fff; text-align:left;}
div#content{ text-align:left; min-height:300px; height:auto !important; height:300px; /*Needs to match the min height pixels above*/ }

div#content div#leftcol{ float:left; padding:30px 0 30px 24px; color:#fff; font-size:1.2em; width:75%; }
div#content div#rightcol{ float:right; padding:30px 0 0 24px; color:#fff; font-size:1.2em; }
div#content div#full_width{ padding:30px 0 30px 24px; color:#fff; font-size:1.2em; width:97%; }

div#content div#innerleftcol{ float:left;  color:#fff; font-size:1.2em; width:215px;  min-height:600px; padding-right:20px;}
div#content div#innerrightcol{ float:left;  color:#fff; font-size:1.1em; width:410px;  min-height:600px; }


/* Main area content */
div#content div#section-leftcol{ float:left; padding:30px 0 30px 24px; width:650px; }
div#content div#section-rightcol{ float:left; padding:30px 0 30px 34px;}

div#section-leftcol h2{font-size:2.4em; color:#fff; padding-bottom:10px;}
div#section-leftcol #main-item{min-height:220px; color:#fff;}

ul.gallery{
width:80px;
height:500px;
}
div#gallery-thumbnails{
float:left;
width:100px;
}

div.gallery-buttons a{
	padding-right:15px;
}

div.module-content span.right{
	text-align:right;
	display:block;
	padding: 20px 25px 0 0
}

/* Widths */
.twothird{ width:600px; }
.third{ width:240px; }


/* Modules CSS - just added marrgin bottom*/
div.section-module-small{ float:left; min-height:220px; margin-bottom:30px;}
div.section-module-large{ float:left; min-height:220px;}

div.section-module-main{ background:#171717 url(../images/template/blocks/bottom_shadow.gif) bottom no-repeat; padding:13px; color:#fff; margin-bottom:27px; border:1px solid #262626;  }

div.section-subpage{  padding: 0 13px 13px 13px; color:#fff; margin-bottom:27px;   }
div.section-subpage p{ color:#fff; font-size:1.1em;} 





div.module-image,div.module-image-article{ float:left;
}
div.section-module-small a, div.section-module-large a{ text-decoration:none; background:#171717;font-size:1.1em}
div.section-module-small a:hover, div.section-module-large a:hover{ background:#363636;}
div.section-module-small div.module-description{padding:8px; display:block;}
div.section-module-small span{color:#707070;}
div.section-module-small div.module-description h3.event-title{padding:0}
div.section-module-small div.module-description div.subtitle{padding-top:5px;}

div.large-module{min-height:245px;}
div.large-module-main{min-height:178px;}
div.large-module-main .module-content{min-height:114px;}
div.large-module-main .module-main-description{min-height:90px;}




div.module-content  a.title-link{ text-decoration:none }
div.module-content  a.title-link:hover{ text-decoration:underline }
div.module-content p{ color:#fff; }
div.module-content h3{ font-size:1.8em;	padding:0; color:#fff; }
div.module-content h4{ font-size:1.3em;	padding:0; color:#fff; }

div#main-article h3{font-size:1.9em;	padding:5px 0 0 0; color:#fff; }
div#main-article span.module-subtitle{ color:#6a6a6a; font-size:1.2em; display:block; padding-bottom:15px; padding-top:5px; }

div#main-article p{ color:#fff; font-size:1.2em}
div#main-article h3.article-heading{ font-size:1.3em; padding-bottom:15px; }

div#main-article div.article-link a{ font-size:1.3em; background:url(../images/template/icons/article.gif) no-repeat; padding-left:20px; display: block;	text-decoration: none;}
div#main-article div.article-link a:hover{ text-decoration: underline; }

div#main-article ul{list-style-type:none; font-size:1.2em;}

div#section-leftcol div.module-title h2{ font-size:1em;color:#aaaaaa;	 }

span.module-subtitle{ color:#6a6a6a; font-size:1.2em; display:block; padding-bottom:10px; }

div.module-title h2{ font-size:1em; display:inline; }
div.module-title{ width:100%; font-size:2em; padding-bottom:5px;  color:#aaaaaa; background: url(../images/template/blocks/header_line_lg.gif) repeat-x left bottom; }

div.module-image-row{margin-top:5px;}
div.module-image{min-height:180px; width:112px;}
div.module-image-article{ min-height:75px; width:90px; } 
div.module-video{width:315px; min-height:370px; float:left;}
div.module-video-toolbar{width:105px; min-height:250px;float:right}
div.module-video-toolbar-title{font-size:1.2em; text-align:center; padding:5px 0 10px 0;}


div.module-image img{  }
div.module-image a{ display:block;padding:5px; border:1px solid #000;}
div.module-image a:hover{ padding:3px; border:3px solid #fff;}

a.module-link{color:#fff; text-decoration:none; padding:5px;	font-weight:bold;}
a.module-link:hover{ background:#fff; color:#000; border:1px #fff solid; }

div.module-tags{ font-size:1.1em;}
div.module-tags a{ color:#656565; text-decoration:none;}

div#twitter-header{text-align:right; background: url(../images/template/twitter_header.gif) no-repeat; height:53px}
div#twitter-header h2,div#shoutbox-header h2{color:#fff; padding-top:5px;font-size:2em;}
div#twitter-body{background: #c30001; padding:15px 15px 0px 15px; color:#fff; font-size:1.2em}
div#twitter-body div{text-align:right; font-size:0.8em; color:#fff; font-weight:bold;}
div#twitter-footer{background: url(../images/template/twitter_footer.gif) no-repeat; height:5px;}
div#twitter-social img{ padding:2px;}
div#twitter-social  h3{color:#fff; margin-top:10px; padding:0; font-size:1.5em}
div#twitter-social a{background:none;}

div#shoutbox-header{text-align:right; background: url(../images/template/shoutbox_header.gif) no-repeat; height:65px}
div#shoutbox-body{background: #c30001; padding:5px 5px 0px 0px; color:#fff; font-size:1.2em}
div#shoutbox-body div{text-align:right; font-size:0.9em; color:#fff; font-weight:bold;}

div.section-module-large div#twitter-body a{ background:none !important;}
div#module-form input{
margin-top:10px;
padding:4px;
}

#tracklist{ color:#fff}
#tracklist ul{ margin-top:10px; list-style-type:none; }

/* Lists */
ul.highlight-list{ margin-top:10px;	list-style-type:none; }
ul.highlight-list li{ margin: 0; padding: 0; height:100%; display: block; margin-bottom:2px; }
ul.highlight-list a{ display:block; color:#fff; padding:7px; font-weight:bold;}

ul.highlight-list a span.whitetitle{color:#fff;font-weight:normal}
ul.highlight-list a span.normaltitle{font-weight:normal}

ul.small-list{ width:240px; }
ul.wide-list{ width:600px; }

a.area-link{text-align:right;}
ul.highlight-list li img{ float:left; padding-right:10px;}
ul.highlight-list li div.title{ float:left;text-align:left; width:300px; display:block; padding:0; margin:0;}
ul.highlight-list li div.large-title{ text-align:left; font-size:1.4em;  display:block; padding:0 0 0 15px; margin:0;}
ul.highlight-list li div.date{ float:right; text-align:right; width:150px; display:block; color:#707070; padding:0; margin:0;}
ul.highlight-list li div.desc{ font-weight:normal;text-align:left; display:block;  margin:0;}
ul.highlight-list li div.date-article{ width:100%; display:block; color:#707070; padding:3px 0 5px 0 ; margin:0;}

/* Template styles */
div#page_title{ font-size:3em; padding-left:24px; padding-top:15px; color:#980000; }

div#breadcrumbs{ padding-top:10px; padding-left:24px; }

div.section-subpage p img.left,div.module-image,div.module-tags{ float:left; padding-right:10px; }
div.section-subpage p img.right,div.module-read{ float:right; padding-left:10px; }
	
div.feature_block{ width:185px; padding-bottom:10px; }



/* Navigation
------------------------------------- */

div#nav_container{ background-color:#000; }

div.home_header{ height:270px; }
div.subpage_header{ height:130px; }

ul#topnav { font-size:11px; font-weight:bold; height:41px; list-style:none; margin:0; padding:0; }  
#topnav li { position: relative; float:left; border-right:1px solid #000; } 
  
#topnav a { background:url(images/navright_16.gif) no-repeat right top;   display:block;   float:left;  height:41px;	 text-indent:-9999px; text-decoration:none; }  
 
 #topnav li#home a {  background: url(../images/template/navigation/home.gif) no-repeat; height:41px; width:112px; }  
#topnav li#home a:hover,#topnav li#home a.over {  background: url(../images/template/navigation/home_over.gif) no-repeat; height:41px; width:112px; }  
  
#topnav li#aboutus  a{ background: url(../images/template/navigation/aboutus.gif) no-repeat bottom; width:155px;	}  
#topnav li#aboutus  a:hover ,#topnav li#aboutus  a.over { background: url(../images/template/navigation/aboutus_over.gif) no-repeat; }  
#topnav li#events  a{ background: url(../images/template/navigation/events.gif) no-repeat bottom; width:131px;	 }  
#topnav li#events  a:hover ,#topnav li#events  a.over{  background: url(../images/template/navigation/events_over.gif) no-repeat; }   
#topnav li#djs  a{ width:99px; background: url(../images/template/navigation/djs.gif) no-repeat bottom; }  
#topnav li#djs  a:hover,#topnav li#djs  a.over  { background: url(../images/template/navigation/djs_over.gif) no-repeat; }  
#topnav li#media  a{ background: url(../images/template/navigation/media.gif) no-repeat bottom; width:129px; }  
#topnav li#media  a:hover,#topnav li#media  a.over { background: url(../images/template/navigation/media_over.gif) no-repeat; }  
#topnav li#community  a{ background: url(../images/template/navigation/community.gif) no-repeat bottom; width:172px; }  
#topnav li#community   a:hover,#topnav li#community   a.over {   background: url(../images/template/navigation/community_over.gif) no-repeat;}  
#topnav li#contact a{ width:146px; background: url(../images/template/navigation/contact.gif) no-repeat bottom; }  
#topnav li#contact   a:hover,#topnav li#contact a.over{  background: url(../images/template/navigation/contact_over.gif) no-repeat; }  

#topnav li#contact{ border:none }


#topnav li#djs ul.submenuul,#topnav li#media ul.submenuul{ border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; padding:0; display: none; top:100px; background:#fff; position: absolute; top: 41px; left:-1px; list-style:none;}
#topnav li#djs:hover > ul.submenuul,#topnav li#media:hover > ul.submenuul {display: block; border-top: 1px solid #000;     z-index: 9999;
}

#topnav li#djs ul.submenuul li,#topnav li#media ul.submenuul li{border:0; }

#topnav li#djs ul.submenuul a,#topnav li#media ul.submenuul a{  font-size:1.3em; width:150px; display:block; height:25px; padding:10px; background:#fff url('') !important;  text-indent:0px; color:#8c0000; }
#topnav li#djs ul.submenuul a:hover,#topnav li#media ul.submenuul a:hover{color:#fff; background-color:#bb0000 !important; }

#topnav li#djs ul.submenuul a span,#topnav li#media ul.submenuul a span{display:block;color:#e49999; font-size:0.7em}


/* Footer 
------------------------------------- */

div#footer{ background-color: #171717; height:47px; color:#fff; margin-bottom:10px;}

div#footer_left{ float:left; width:4px; height:47px; background:url(../images/template/footer/bg_left.gif) no-repeat; }
div#footer_content{ font-size:1.1em; padding-top:7px; float:left; width:942px; }
div#footer_right{ float:left; width:4px; height:47px; background:url(../images/template/footer/bg_right.gif) no-repeat;  }

div#footer_sitelinks{ float:left; padding-left:20px; width:540px; text-align:left; }
div#footer_site{ float:right; width:110px;}

div#footer_social{ float:right; width:175px; }
div#footer_social img{ vertical-align:middle; padding-left:6px; }

span.copyright{ display:block; color:#5d5d5d; padding:7px 0 0 10px; font-size:0.9em; }

.footer_icon_r{ padding-left:5px; 	vertical-align:middle;}
.footer_icon_l{ padding-right:5px; 	vertical-align:middle;}

/* Footer links */

#footer  a{ font-weight:bold; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }

#footer ul { list-style: none; margin: 0; padding: 0; } 
#footer li{ border-right: 1px solid #323439; display: inline; list-style-type: none; padding-right: 10px; padding-left: 10px;}
#footer li.last{ border:none; }


/* General styles
------------------------------------- */

img{border:0px; }
.clear{ clear:both; }


/* Typography
------------------------------------- */

a{ color:#fff; }

div#page_title h1{ font-size:1em; display:inline; }

div.feature_block_title h2{ font-size:1em; display:inline; }

h2.page-heading{ font-size:2.2em; padding-bottom:15px; }
h3{ padding-bottom:15px; }
p{ padding-bottom:15px; }

div#breadcrumbs a{ color:#000; }



/* Subpage blocks - Features etc. 
------------------------------------- */

div.feature_block_title{ width:100%; font-size:1.4em; padding-bottom:5px; text-align:right; color:#aaaaaa; background: url(../images/template/blocks/header_line.gif) no-repeat bottom; }
div.feature_block p a,div.feature_block_content a{ text-decoration:none; color:#fff;}
div.feature_block h3{ text-align:left; color:#fff; font-size:0.7em; padding:0}
div.feature_block_content{padding-top:10px;}
div.feature_block_content span.link{ color:#5b5b5b; font-size:0.8em;}

div.dj-mix-block{ width:100%;min-height:100px; background:#141414; padding:10px;}
div.dj-mix-block img{ background:#252525; float:left; margin-right:10px;}
div.dj-mix-block-description{padding-left:10px;}
div.dj-mix-block h3{padding:0;}
div.dj-mix-block p{padding-top:5px; font-size:0.8em;}
div.dj-mix-block span.dj-mix-block-genre{ font-size:0.9em; color:#575757; }

div.dj-block{ width:227px; height:322px; float:left; margin-bottom:50px; margin-right:3px;}
a.dj-block-link{ text-decoration:none;}
.dj-mix-block-action{text-align:right;}

#dj-block-jester{background:url(../images/djs/dj_home_jester.jpg); }
#dj-block-kohl{background:url(../images/djs/dj_home_kohl.jpg); }
#dj-block-philly{background:url(../images/djs/dj_home_philly.jpg); }
#dj-block-tomcusden{background:url(../images/djs/dj_home_tomcusden.jpg); }

div.dj-block-description{padding-left:7px; 
	color:#3a3a3a; 
	margin-top:255px;
   background-color: #000;
   padding: 4px 5px 5px 4px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	height:63px;
}
div.dj-block-description h2{color:#fff; font-size:1.8em}
div.dj-block-link{ text-align:right; padding:3px; color:#fff; font-weight:bold;}

div.dj-article a{ background:url(../images/template/icons/article.gif) no-repeat; padding-left:20px; display: block;	text-decoration: none;}
div.dj-article a:hover{ text-decoration: underline; }

ul#dj-profile-links,ul#profile-links{ text-align: left; list-style: none; padding: 0; width:200px; padding-bottom:20px; }	
ul#dj-profile-links li,ul#profile-links li{ display: block; margin: 0; padding: 0; text-align:right; }
ul#dj-profile-links li a,ul#profile-links li a{ font-size:0.8em; font-weight:bold; line-height:30px; height:34px; background:url(../images/template/profile-gradient.gif); display: block; width: 100%; border-bottom:2px solid #000; padding-right:7px; color: #fff; text-decoration: none;}	

ul#profile-links{width:100px;}	
ul#profile-links li{ text-align:center }
ul#profile-links li a{ font-size:1.1em; padding-right:0px;}

div#dj-profile-image{height:262px; background:#171717; width:207px;}

/* ARTICLES */

span.feature-mix-subtitle{color:#6A6A6A; padding:3px 0 0px 0; display:block;}
div.feature-mix-left img.left{float:left; padding:0 15px 5px 0;}
div.feature-mix-right img.right{float:right; padding:0 0px 5px 25px;}
div.feature-mix-left{ width:280px; float:left;}
div.feature-mix-right{ width:310px; float:right; text-align:right}








/*SLIDER */


#intro {
    padding-bottom: 10px;
}

#slider {
	background:#000;
    width: 836px;
    margin: 0 auto;
    position: relative;
	border: 2px solid #000;
	margin-top:20px;
}

.scroll {
	overflow: hidden;
	width: 840px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

div.panel{
margin: 0 1px 0 1px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
color:#fff;
background-color:#000;
}

.slider-description{
   position: absolute;
   bottom: 0px;
   left: 0;
   bottom:0px;
   width: 97%;
   /* black for browsers which cannot support rgba */
   background-color: #000;
   padding: 4px 5px 5px 4px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.inside img {
	display: block;
	
	width: 277px;
}

.inside h2 {
	font-weight: normal;
	color: #fff;
	font-size: 15px;
	padding:0;
	margin:0

}

.inside h2 span {
   color: white;
   font: bold 15px/24px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   line-height:20px;

}
.inside p {
	font-size: 11px;
	color: #ccc;
}


.scrollButtons { position: absolute; top: 67px; cursor: pointer;}

.scrollButtons.left { left: -47px; }

.scrollButtons.right { right: -47px; }

.hide { display: none; }

/* Links page classes */

ul.links{ list-style:none; margin:0; padding: 0; }
ul.links li{ position: relative; float:left; border-right:1px solid #000; padding-right:20px; width:191px;	}
ul.links a {  font-size:1.4em; display:block;   float:left;  text-decoration:none; }  
ul.links a img{ border:1px solid #fff; margin-bottom:7px;}  
 
ul#community-links{
	list-style:none; margin:0; padding: 0; 
}

ul#community-links{ list-style:none; margin:0 auto; padding: 0; width:590px;}
ul#community-links li{ position: relative;  border-right:1px solid #000; padding:20px 20px 0 0; width:270px; line-height:20px; vertical-align:middle;	}
ul#community-links a {  font-size:1.4em; display:block;  text-decoration:none; }  
ul#community-links a img{} 
ul#community-links a div{ padding-top:25px; font-size:1.5em} 
ul#community-links a div span{ color:#ff0000;} 

.left{float:left; text-align:left;}
.right{float:right; text-align:right;}


form,fieldset{ margin-left:10px; border:0;}

form div.row{ 
	width:300px; padding:5px;

}








/* Reset Selectors 
------------------------------------- */

@import url(reset.css);