/*  
Theme Name: Beaver Love
Theme URI: http://www.locionline.com
Description: Using a large background image with mood atmosphere colours and dirt (tm),
		the site design is constructed using two columns. The first column is used
		for the logo and primary navigation. The second column contains the main
		page content and any sub-navigation.
		
		The stylesheets are broken up into three files, the general overall styles
		a.k.a this file, a homepage style that uses a unique background image and
		flash mp3 player placement, and an misc. file for all those odds and ends.
		However, the misc. file might be merged into the genreal file depending
		on its final size.The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.1
Author: Andrew Mason
Author URI: http://theaccused.co.uk

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/*	Core HTML Elemtents
------------------------------------------------------------------------------ */
* {
	/* get rid of all the margins and padding */
	margin: 0;
	padding: 0;
}

body {
	background: black url(images/main_background.jpg) center top no-repeat;
	color: whitesmoke;
	font-family: verdana, arial, sans-serif;
	font-size: 80%;
}

h1, h2, h3, h4 {
	font-family: Georgia, "Trebuchet MS", serif;
}

a:link, a:visited {
	color: #FFF;
}

/*	Core Classes
------------------------------------------------------------------------------ */
.hidden {
	display: none;
}



/*	Site Structure
------------------------------------------------------------------------------ */
#container {
	/* border: 1px dashed #333; */
	width: 970px;	/* set the width of the container */
	margin: 0 auto;	/* center align the container */
}

#logoNav {
	float: left;				/* throw the content over to the left */
	width: 150px;
	height: 550px;
	text-align: center;
}

	#logoNav #logo {
		margin: 30px  0 0 40px;	/* position the logo */
	}
	
	#logoNav #logo a:link, #logoNav #logo a:visited {
		display: block;			/* stretch the element to fit it's parent */
		width: 71px;			/* width of the background image */
		height: 280px;			/* height of the background image */
		text-indent: -5000px; 	/* push the text off the edge of the screen */
		overflow: hidden;		/* crop off content */
		background: transparent url(images/loci_logo.png) left top no-repeat; /* set the image */
	}
	

/*	Site Structure
------------------------------------------------------------------------------ */
	#logoNav ul {
		list-style-type: none;	/* remove bullet points */
		margin-top: 38px;
	}
	
	/* graphical navigation using css image replacement */
	#logoNav li a:link, #logoNav li a:visited {
		display: block;
		height: 31px;
		width: 147px;
		text-indent: -5000px;
		overflow: hidden;
		/* border: 1px dashed red; */
	}
	
	#logoNav li a:hover, #logoNav li a:active {
		background-position: center -38px;
		
	}
	
	#logoNav #newsNav {
		background-image: url(images/nav/news.png);
	}
	
	#logoNav #gigsNav {
		background-image: url(images/nav/gigs.png);
	}	
	
	#logoNav #bandNav {
		background-image: url(images/nav/theband.png);
	}
	
	#logoNav #musicNav {
		background-image: url(images/nav/music.png);
	}
	
	#logoNav #photosNav {
		background-image: url(images/nav/photos.png);
	}
	
	#logoNav #feedbackNav {
		background-image: url(images/nav/feedback.png);
	}
	
	#logoNav #contactNav {
		background-image: url(images/nav/contact.png);
	}
	
	#logoNav #pressNav {
		background-image: url(images/nav/press.png);
	}
        
        #logoNav #merchNav {
		background-image: url(images/nav/merch.png);
	}

/*	Content
------------------------------------------------------------------------------ */
#content {
	/* border: 1px dashed blue; */
	width: 620px;
	float: right;
}
	#content #mp3Player {
		width: 300px;
		height: 20px;
		margin: 28px 0 0 300px;
	}
	
	#content h2 {
		color: black;
		margin: 8px 0 35px 0;
		overflow: hidden;
		text-indent: -5000px;
		height: 46px;
		width: 400px;	
	}
	
	#content #news {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/news.png) bottom left no-repeat;
	}
	
	#content #gigs {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/gigs.png) bottom left no-repeat;
	}
	
	#content #theband {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/theband.png) bottom left no-repeat;
	}
	
	#content #ben {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/ben_rosser.png) bottom left no-repeat;
	}

	#content #jan {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/jan_jauregui.png) bottom left no-repeat;
	}
	
	#content #tim {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/tim_thorne.png) bottom left no-repeat;
	}

	#content #music {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/music.png) bottom left no-repeat;
	}
	
	#content #photos {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/photos.png) bottom left no-repeat;
	}

	#content #feedback {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/feedback.png) bottom left no-repeat;
	}
	
	#content #contact {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/contact.png) bottom left no-repeat;
	}
	
	#content #press {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/press.png) bottom left no-repeat;
	}


	#content #merch {
		/* border: 1px dashed black;  /* debug border */
		background: transparent url(images/headlines/merch.png) bottom left no-repeat;
	}
	
	#content p {
		line-height: 1.3em;
		margin-bottom: 1em;
	}
	
	#content ul, #content ol {
		margin: 2em;
	}
	
	#content ul li, #content ol li {
		margin-bottom: 1em;
	}
	

/*	Classes
------------------------------------------------------------------------------ */
.img_left {
	float: right;
	margin: 0 0 10px 10px;
}

.gallery_shot {
	float: left;
	margin: 0 10px 0 10px;
}

.gallery_shot img {
	border: none;
	border: 1px solid white;
}

.galleryP {
	clear: both;
	height: 80px;
}

.clear {
	clear: both;
}

/*	Comments
------------------------------------------------------------------------------ */
#comment {
	width: 500px;
}

input, textarea {
	border: 1px solid #666;
	color: white;
	background-color: black;
	padding: 0.2em;
	margin-bottom: 0.8em;
}

	
/*	Footer
------------------------------------------------------------------------------ */
#footer {
	/* border: 1px dashed green; */
	clear: both;
	color: #14141a;
	padding: 20px 0 10px 0;
	text-align: right;
}
	#footer a {
		color: #14141a;
}