@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_main2.jpg') no-repeat top center;
	background-attachment: fixed;
}

h1 {text-indent: -2000px;}


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


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

}

#header {
	width: 950px;
	height: 150px;
	background: url('../images/bg_header2.jpg') no-repeat;
}

#mainLogo {
	background: url(../images/logo_nicksentience3.png) no-repeat;
	width: 440px;
	height: 110px;
	margin: 25px 0 0 30px;
	float: left;
}

#headerRight {
	float: right;
	position: relative;
}

#subscribe {
	float: right;
}

#musicPlayer {
	margin-top: 20px;
	margin-right: 15px;
	float:right;
}

#navBar {
	width: 890px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top:20px;
}

#mainContent {
	overflow: auto;
	width: 890px;
	padding: 0px 30px 0px 30px;
	margin-top: 40px;
	padding-bottom: 100px;
}

#footer {
	background: url(../images/bg_black.png);
	position: absolute;
    bottom: 0;
	margin-top: 30px;
    width: 890px;
    height: 30px;
	padding: 10px 30px 0px 30px;
	border-top: #666666 1px dotted;
}

.pageTitle {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px #535353 dotted; 
}

.footerLeft {float: left;}
.footerRight {float: right;} 

.mainLogo {margin: 25px 0px 0px 27px; float: left; }


/* --------------------------------- POSITIONING (INDEX & NEWS & GUEST BOOK) --------------------------------- */

#index1 {
	width: 340px;
	margin-right: 50px;
	float: left;
}

#adBox1 { margin-top: 80px; }

#adBox2 { margin-top: 40px; }

#index2 {
	width: 500px;
	float: right;
}

#newsHeader { margin-bottom: 50px; }

.newsItem {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px #535353 dotted;
}

#frontImage {
	margin-bottom: 30px;
}

.vidLeft {float: left; margin-top: 7px;}
.vidRight {float: left; margin-top: 7px;}

.newsLeft { float: left; }
.newsRight { float: right; }

#comments {
	margin-top: 30px;
	overflow: auto;
}

.commentItem {
	margin-top: 20px;
	border-top: 1px #535353 dotted;
	padding-top: 20px;
}

#commentForm {
	margin-top: 20px;
}

#commentForm label {
	width: 120px;
	display: block;
	float: left;	
}

#commentForm .commentFormField {
	display: block;
	margin-bottom: 10px;
}

#commentForm .commentFormField submit {
	display: block;
	padding-left: 120px;
}

/* --------------------------------- POSITIONING (BIOG) --------------------------------- */

#biogImageCol {
	width: 250px;
	float: left;
	margin-right: 50px;
}

.biogImage { margin-bottom: 40px; }

#biogTextCol {
	width: 590px;
	float: right;
}

#biogTitle {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px #535353 dotted; 
}


/* --------------------------------- POSITIONING (DATES & VIDEO) --------------------------------- */


#column1 {
	width: 420px;
	float: left;
	margin-right: 50px;
}

#column2 {
	width: 420px;
	float: right;
}

.datesBox {
	margin-bottom: 25px;
}

.musicBox {margin-bottom:25px;}
.musicBox p {margin-bottom:7px;}

.videoBox { margin-bottom: 50px; }

.videoText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #EFEFEF;
	margin-bottom: 10px;
}
	


/* --------------------------------- POSITIONING (GALLERY) --------------------------------- */


.galleryTitle { margin-bottom: 20px; }

.galleryContainer { margin-bottom: 30px; }

.galleryImage { margin: 0 15px 15px 0 }


/* --------------------------------- POSITIONING (SHOP) --------------------------------- */

.albumWrapper {
	width: 850px;
	overflow: auto;
	float: left;
	margin-bottom: 40px;
}

.albumImage {
	width: 250px;
	margin-right: 30px;
	float: left;
}

.albumText {
	width: 520px;
	float: left;
}


/* --------------------------------- TEST STYLING --------------------------------- */

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #EFEFEF;
	margin-bottom: 7px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #EFEFEF;
	margin-bottom: 10px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #EFEFEF;
	margin-bottom: 6px;
}

p, #commentForm label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #CACACA;
}

.newsPost {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #535353;
}

.footerText {
	font-size: 11px;
	color: #999999;
}

#commentForm input, #commentForm input submit, #commentForm textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #535353;
}


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

#nav li {float: left;}

#nav li a {
	display:block;
	height:15px;
	margin-right:10px;
	text-indent:-9000px;
	background:url(../images/nav-main2.png) no-repeat;}

#nav .home a {background-position:0 0; width:51px;}
#nav .home a:hover {background-position:0 -15px;}

#nav .biog a {background-position:-63px 0; width:44px;}
#nav .biog a:hover {background-position:-63px -15px;}

#nav .music a {background-position:-117px 0; width:56px;}
#nav .music a:hover {background-position:-117px -15px;}

#nav .dates a {background-position:-185px 0; width:55px;}
#nav .dates a:hover {background-position:-185px -15px;}

#nav .gallery a {background-position:-252px 0; width:79px;}
#nav .gallery a:hover {background-position:-252px -15px;}

#nav .video a {background-position:-342px 0; width:54px;}
#nav .video a:hover {background-position:-342px -15px;}

#nav .shop a {background-position:-409px 0; width:49px;}
#nav .shop a:hover {background-position:-409px -15px;}

#nav .subscribe a {background-position:-468px 0; width:96px;}
#nav .subscribe a:hover {background-position:-468px -15px;}

#nav .contact a {background-position:-575px 0; width:81px;}
#nav .contact a:hover {background-position:-575px -15px;}




/* --------------------------------- NAVIGATION (OTHER ICONS) --------------------------------- */

#navBar2 {margin-right:20px;}
#navBar2 li {float: right}

.twitter a {
	display: block;
	width: 107px;
	height: 25px;
	background: url(../images/icon_twitter.png) 0 0 no-repeat;
	margin-right: 8px;
	text-indent: -2000px;
	margin-top: 17px;
}

.myspace a {
	display: block;
	width: 90px;
	height: 25px;
	background: url(../images/icon_myspace.png) 0 0 no-repeat;
	margin-right: 8px;
	text-indent: -2000px;
	margin-top: 17px;
}

.dsi a {
	display: block;
	width: 59px;
	height: 25px;
	background: url(../images/icon_dsi.jpg) 0 0 no-repeat;
	margin-right: 8px;
	text-indent: -2000px;
	margin-top: 17px;
}

.facebook a {
	display: block;
	width: 84px;
	height: 25px;
	background: url(../images/icon_fb.jpg) 0 0 no-repeat;
	text-indent: -2000px;
	margin-top: 17px;
}

.twitter a:hover { background-position: -107px 0; }
.myspace a:hover { background-position: -90px 0; }
.dsi a:hover { background-position: -59px 0; }
.facebook a:hover { background-position: -84px 0; }

.newsletter a {
	display: block;
	width: 201px;
	height: 16px;
	background: url(../images/icon_newsletter.png) 0 0 no-repeat;
	text-indent: -2000px;
}

.newsletter a:hover { background-position: -201px 0; }

.mPlayer a {
	display: block;
	width: 230px;
	height: 80px;
	background: url(../images/icon_mplayer2.png) no-repeat;
	text-indent: -2000px;
}

.mPlayer a:hover { background-position: -230px 0; }



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


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

a:hover {
	text-decoration: none;
	color: #b474e2;
}


/* --------------------------------- FORMS --------------------------------- */

#subscribe-box {
	margin:0 auto;
	width: 500px;
	margin-top:30px;
}

#subscribe-box input {
	width:200px;
	background-color:#CCCCCC;
	border:0;
	height:20px;
	padding:2px 5px 0 5px;
	margin-left:10px;
	}
	
#subscribe-box label {
	width:300px;
	color:#FFFFFF;
}