@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[client] Screen Stylesheet
version:   1.0
date:      01/03/07
author:    Peter Koopman
email:    peter@zulu.co.nz

website:   http://www.scribbledesign.co.nz

/* Set up the document
-----------------------------------------------------------------------------*/
#wrapper{ 
	width: 858px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin:20px auto; 
	background-color: #FFFFFF;
	border-top:solid 1px #c6c6c6;
}
#wrapperHome{
	width:440px;
	height:550px;
	margin:20px auto; 
	background-color: #FFFFFF;
	background:url(../img/home.jpg) no-repeat center center;
	position:relative;
}
#wrapperContact{
	width:600px;
	height:550px;
	margin:20px auto; 
	background-color: #FFFFFF;
	position:relative;
	text-align:center;
}
#mainCol{
	width:640px;
	float:left;
	display:inline;
}
#rightCol{
	width:218px;
	float:left;
	display:inline;
}
/* SR skull logo
-----------------------------------------------------------------------------*/
#branding h1{
	text-indent:-9999px;
	width:80px;
	height:109px;
	background:url(../img/skull.jpg) no-repeat top left;
	float:left;
	display:inline;
	margin:30px 0;
}
#homePage h1{
	text-indent:-9999px;
}
/* Navigation
-----------------------------------------------------------------------------*/
#navMain{
	width:100px;
	list-style:none;
	text-align:center;
	float:left;
	display:inline;
	margin:35px 15px 35px 0;
}
#navMain li a{
	font:normal .7em/2em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#3d8ab6;
}
#navMain li a:hover{
	color:#000;
}
#navHome li a{
	position:absolute;
	text-indent:-9999px;
}
#navHome li.homeAlbum a{
	top:147px;
	left:55px;
	background:url(../img/left-eye.gif) no-repeat top left;
	height:136px;
	width:133px;
	display:block;
}
#navHome li.homeAlbum a:hover{
	background:url(../img/left-eye-text.gif) no-repeat top left;
}
#navHome li.homeDates a{
	top:163px;
	left:265px;
	background:url(../img/right-eye.gif) no-repeat top left;
	height:116px;
	width:114px;
	display:block;
}
#navHome li.homeDates a:hover{
	background:url(../img/right-eye-text.gif) no-repeat top left;
}
#navHome li.homeBlog a{
	top:338px;
	left:113px;
	background:url(../img/mouth.gif) no-repeat top left;
	height:79px;
	width:241px;
	display:block;
}
#navHome li.homeBlog a:hover{
	background:url(../img/mouth-text.gif) no-repeat top left;
}

/*Main Content
-----------------------------------------------------------------------------*/
#content{
	clear:left;
	width:630px;
}

#content h2{
	font:normal 1.7em/1.35em "Gill Sans", Calibri, Trebuchet, sans-serif;
	width:588px;
	height:37px;
	background-color:#aaa;
	color:#fff;
	text-transform:uppercase;
	padding-left:12px;
	margin:0;
}
#content h3{
	font:bold 1em/1.8em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#a7a7a7;
	margin:20px 0 0 0;
}
#content p{
	font:normal .9em/1.4em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#a7a7a7;
	width:590px;
}
#content a{
	color:#3d8ab6;
	text-decoration:none;
}
#content a:hover{
	color:#1b6894;
	text-decoration:underline;
}
/* Sign up n get stuff
-----------------------------------------------------------------------------*/
#signUp{
	width:430px;
	margin:25px 5px;
	float:left;
	display:inline;
}
#signUp h2{
	font:normal .92em/1.5em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#828282;
	font-size: 24px;
}
#signUp p{
	font:normal .99em/1.4em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#828282;
	letter-spacing:0.04em;
	width:380px;
	font-size: 15px;
}
#mailSignup{
	margin:30px 0 20px 0;
}
#mailSignup label.emailLabel{
	font:normal .7em/1.2em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#828282;
	text-transform:uppercase;
}
#mailSignup input#f20{
	width:204px;
	height:16px;
	border:solid 1px #828282;
	margin-bottom:2px;
	padding:2px;
}
#mailSignup input#sendMeStuff{
	border-color:#828282;
	margin:5px 5px 0 0;
}
#mailSignup label.checkLabel{
	font:normal .8em/.8em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#828282;
	margin:-5px 0 5px 5px;
}
#mailSignup input.signUpButton{
	margin-top:10px;
}
#rightContent h2{
	font:bold 1.4em/1.2em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#828282;
	text-transform:uppercase;
	margin-bottom:20px;
}
#rightContent p{
	font:normal .95em/1.4em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#828282;
	margin-bottom:20px;
	font-size:13px;
}

/* Validation */

.LV_validation_message{
	font:bold .6em/1.2em "Gill Sans", Calibri, Trebuchet, sans-serif;
	text-transform:uppercase;
    font-weight: bold;
    margin: 5px 65px 15px 5px;
    padding: 0;
}

.LV_valid {
    color:#00CC00;
    margin: 0;
    padding: 0;
}
	
.LV_invalid {
    color:#CC0000;
}

/*Home Page
-----------------------------------------------------------------------------*/


/* Album Page
-----------------------------------------------------------------------------*/
#bandCampPlayer{
	width:150px;
	margin:10px 0 20px 0;
}
#content img{
	margin-top:20px;
}

/*Tour Dates page
-----------------------------------------------------------------------------*/
#content dl{
	width:200px;
	float:left;
}
#content dt{
	font:bold 1em/1.2em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#828282;
	margin:20px 0 0 0;
	width:200px;
}
#content dd p.venue{
	margin-bottom:20px;
	font-size:16px;
}
#content dd p{
	font:normal .9em/1.4em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#828282;
	width:200px;
}
/*Contact Page
-----------------------------------------------------------------------------*/
#content.contactPage h2{
	background-color:#fff;
	color:#828282;
	font:bold 1.6em/2em "Gill Sans", Calibri, Trebuchet, sans-serif;
	letter-spacing:.05em;
}
#content.contactPage p{
	margin:36px 0;
	font-weight:normal;
}
#contactSkull{
	width:257px;
	height:360px;
	background:url(../img/contact-skull.jpg) no-repeat left bottom;
	text-align:center;
	margin:20px auto;
}
#navContact{
	list-style:none;
	text-align:center;
	margin:30px auto;
}
#navContact li{
	display:inline;
}
#navContact li a{
	font:normal .7em/.7em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-left:solid 1px #3d8ab6;
	text-decoration:none;
	color:#3d8ab6;
	text-align:center;
	padding:0 10px;
}
#navContact li a:hover{
	color:#000;
}
#navContact li.first a{
	border:none;
}
/* Footer
-----------------------------------------------------------------------------*/
#spacer{
	clear:both;
	height:30px;
	width:100%;
}
#pageInfo{
	border-top:solid 1px #c6c6c6;
}


#pageInfo p{
	font:normal .8em/1.4em "Gill Sans", Calibri, Trebuchet, sans-serif;
	color:#b3b3b3;
	text-align:center;
}