@charset "utf-8";
/* CSS Document */

/*---[ Details ]---------------------------------------
Site: Nick Sentience
Author: Jack barham
Contact: jack@airboxmedia.com
Date Created: 20.09.2008
Date Modified: 20.09.2008
-------------------------------------------------------*/

/*-----------------------------------------------------
Core Elements:
[01] YAHOO CSS RESET
[02] BODY STRUCTURE
[03] POSITIONING
[04] TEXT STYLING
[05] LINK STYLING
[06] IMAGES
[07] REUSEABLE ELEMENT
-------------------------------------------------------*/

/* [01] Import CSS
-------------------------------------------------------*/


/*-----------------------------------------------------
Core Elements
-------------------------------------------------------*/

/* [01] Yahoo CSS Reset 
   [http://developer.yahoo.com/yui/reset/#code]
-------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre,form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
    padding: 0;
	} 
table {
	border-collapse: collapse;
    border-spacing: 0;
	}
fieldset,img {
	border:0;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
    font-weight: normal;
	}
ol, ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	} 
h1, h2, h3, h4, h5, h6 {
	font-size: 100%; 
	font-weight: normal;
	}
q:before, q:after {
	content: '';
	}
abbr,acronym {
	border: 0;
	}

/* --------------------------------- BODY STRUCTURE --------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: #000000 url('../images/bg_main.jpg') no-repeat top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* --------------------------------- POSITIONING (OVERALL) --------------------------------- */


#wrapper {
	min-height: 100%;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

#headerWrapper {
	position: relative;
	width: 100%;
	height: 60px;
	background: url(../images/bg_header.jpg) repeat-x;
}

#headerMain {
	margin: 0 auto;
	width: 800px;
	height: 49px;
}

#contentMain {
	margin: 0 auto;
	overflow: auto;
	width: 800px;
	padding-bottom: 160px;
}

#contentOther {

	margin-top: 90px;
	width: 778px;
	border: #2d2d2d 1px solid;
	padding: 10px;
	background: url(../images/bg_box.png) repeat;
}

#contentLeft {
	overflow: auto;
	float: left;
	width: 495px;
	margin-right: 30px;
} 

#contentRight {
	width: 275px;
	overflow: auto;
	float: right;
}

#hotBox {
	height: 280px;
	width: 475px;
	padding: 10px;
	background-image: url(../images/bg_hotbox.jpg);
}

#newsBoxFront {
	margin-top: 25px;
	overflow: auto;
	border: #2d2d2d 1px solid;
	padding: 10px;
	background: url(../images/bg_box.png) repeat;
}

#boxTitle {
}

.boxSpacer {
	margin-top: 13px;
	padding-top: 13px;
	border-top: #333333 1px dotted;
}

.releaseBox {
	overflow: auto;
	width: 375px;
	margin-right: 10px;
	margin-bottom: 30px;
	float: left;
}


#recordBox, #artistBox {
	margin-top: 5px;
	margin-bottom: 25px;
	overflow: auto;
	border: #2d2d2d 1px solid;
	padding: 10px;
	background: url(../images/bg_box.png) repeat;
}

#releaseLeft {
	width: 210px;
	margin-right: 50px;
	float: left;
}

#releaseRight {
	width: 510px;
	float: left;
}

#artistLeft {
	width: 265px;
	margin-right: 40px;
	float: left;
}

#artistRight {
	width: 430px;
	float: left;
}

.artistBox {
	margin-right: 50px;
	margin-bottom: 20px;
	float: left;
}

#footer {
	background-color: #151515;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#footerMain {
	
	margin: 0 auto;
	width: 780px;
	height: 60px;
	padding: 10px 0 10px 0;
}

#footerLeft {
	float: left;
}

#footerRight {
	float: right;
}



/* --------------------------------- TEXT STYLING --------------------------------- */

p {
	font-size: 12px;
	color: #8B8B8B;
	line-height: 1.6em;
}

h2 {
	font-size: 16px;
	color: #DFDFDF;
	font-weight: bold;
	margin-bottom: 5px;
}

h3 {
	font-size: 13px;
	color: #CCCCCC;
	font-weight: bold;
	margin-bottom: 7px;
}

h4 {
	font-size: 13px;
	color: #CCCCCC;
	font-weight: bold;
}

h5 {
	font-size: 13px;
	color: #CCCCCC;
	font-weight: bold;
	margin-bottom: 7px;
}

.textLeft { float: left; }
.textRight { float: right; }

.artistList {
	font-size: 14px;
	line-height: 1.7em;
	font-weight: bold;
}

.footerText {
	font-size: 11px;
	color: #4F4F4F;
	margin-bottom: 3px;
}

.footerTextRight {
	font-size: 11px;
	color: #4F4F4F;
	margin-bottom: 3px;
	text-align: right;
}

.newsPost {
	margin-top: 7px;
	font-size: 11px;
	font-style: italic;
	color: #535353;
}

.newsFooter {
	margin-top: 10px;
}

/* --------------------------------- NAVIGATION (MAIN) --------------------------------- */

#menu li {
	float: left; 
	margin-bottom: 20px;
	margin-top: 20PX;
}

.home a {
	display: block;
	width: 105px;
	height: 50px;
	background: url(../images/menu_home.jpg) 0 0 no-repeat;
	text-indent: -2000px;
}

.news a   {
	display: block;
	width: 102px;
	height: 50px;
	background: url(../images/menu_news.jpg) 0 0 no-repeat;
	text-indent: -2000px;
}

.releases a   {
	display: block;
	width: 132px;
	height: 50px;
	background: url(../images/menu_releases.jpg) 0 0 no-repeat;
	text-indent: -2000px;
}

.artists a   {
	display: block;
	width: 121px;
	height: 50px;
	background: url(../images/menu_artists.jpg) 0 0 no-repeat;
	text-indent: -2000px;;
}

.shop a   {
	display: block;
	width: 99px;
	height: 50px;
	background: url(../images/menu_shop.jpg) 0 0 no-repeat;
	text-indent: -2000px;
}

.forum a   {
	display: block;
	width: 108px;
	height: 50px;
	background: url(../images/menu_forum.jpg) 0 0 no-repeat;
	text-indent: -2000px;
}

.contact a   {
	display: block;
	width: 133px;
	height: 50px;
	background: url(../images/menu_contact.jpg) 0 0 no-repeat;
	text-indent: -2000px;
}

.home a:hover { background-position: -105px 0; }
.news a:hover { background-position: -102px 0; }
.releases a:hover { background-position: -132px 0; }
.artists a:hover { background-position: -121px 0; }
.shop a:hover { background-position: -99px 0; }
.forum a:hover { background-position: -108px 0; }
.contact a:hover { background-position: -133px 0; }


/* --------------------------------- LINK STYLING --------------------------------- */

.records a {
	display: block;
	width: 275px;
	height: 49px;
	background: url(../images/button_joof_recordings.jpg) 0 0 no-repeat;
	text-indent: -2000px;
}

.artist2 a {
	display: block;
	width: 275px;
	height: 49px;
	background: url(../images/button_joof_artist.jpg) 0 0 no-repeat;
	text-indent: -2000px;
}

.records a:hover { background-position: -275px 0; }
.artist2 a:hover { background-position: -275px 0; }


#contentMain a, a:visited {
	outline: none; /* For Firefox to stop showing that box */
	text-decoration: none;
	color: #C9AA69;
}
	
#contentMain a:hover {
	text-decoration: underline;
}

#footer a, a:visited {
	outline: none; /* For Firefox to stop showing that box */
	text-decoration: none;
	color: #797979;
}

#footer a:hover {
	text-decoration: underline;
}


/* --------------------------------- IMAGES --------------------------------- */

.logoLeft {
	float: left;
	margin-top: 1px;
}

.logoRight {
	float: right;
	margin-top: 1px;
}

.releaseImageThumb {
	width: 100px;
	float: left;
	padding: 3px;
	border: #2d2d2d 1px solid;
	margin-right: 20px;
} 

.releaseImageLarge {
	width: 200px;
	float: left;
	padding: 3px;
	border: #2d2d2d 1px solid;
	margin-bottom: 10px;
}

.artistBorder {
	padding: 3px;
	border: #2d2d2d 1px solid;
	margin-bottom: 5px;
}

.downloadLogo {
	margin-right: 7px;
}


/* --------------------------- LISTS --------------------------- */


ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 2.1em;
	font-size: 13px;
	color: #C9C9C9;
}

.addthis1 {float:right;}
.addthis-top {float:right;margin-top:13px;}

.middle {text-align:center;}

ul#shop-icons {margin:30px 0 100px 0;}
ul#shop-icons li a {float:left;margin-right:30px;background:url(../images/sprite.png);height:74px;display:block;text-indent:-9999px;}
ul#shop-icons li a.last {margin-right:0;}
ul#shop-icons li a.itunes {background-position:0 0;width:71px;}
ul#shop-icons li a.beatport {background-position:-78px -100px;width:224px;}
ul#shop-icons li a.dj {background-position:-311px -100px;width:73px;}
ul#shop-icons li a.juno {background-position:-391px -402px;width:131px;}
ul#shop-icons li a.audio {background-position:-528px -502px;width:142px;}

.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}


.play {background: url(../images/play.png) no-repeat 0 50%; padding-left: 30px;}

.pause {background: url(../images/pause.png) no-repeat 0 50%; padding-left: 30px;}