@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - READNEX POETRY SQUAD WEBSITE - main css
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		rn_main.css
	Date:			Sept 09, 2009
	Author:		Mike Moore http://becreativeeveryday.com
	-------------------------------------------------------------	*/
	@import url("../css/reset.css");

/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
		line-height:1px;
		margin:0; padding:0;
	}
	.cleaner {
		clear:both; float:none;
		height:0;
		font-size:0; line-height:0;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.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%;
	}
	body {
		background:#d1cb99 url(../../images/bg_body_main.gif) top left repeat-x;
		font:normal 12px arial, sans-serif;
		color:#2b2704;
		line-height:20px;
		margin:0; padding:0;
		
	}
	
	td {
	vertical-align:top;
	}
	.container {
		width:960px;
		margin:0 auto;
	}
	#main {
		width:960px;
		margin:0 auto;
	}
	/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		height:70px;
		background:url(../../images/bg_header.jpg) top center no-repeat;	
	}
		#header a#logo {
			width:162px; height:42px;
			margin:15px 80px 0 0;
			display:block; float:left;
			background:url(../../images/logo_small.png) top left no-repeat;
		}
		#header ul#nav {
			float:left;
			width:700px;
			margin:38px 0 0 0;
		}
			#header ul#nav li {
				float:left;
				height:12px;
				margin:0 20px 0 0;
			}
				#header ul#nav li a {
					display:block;
					height:12px;
					background-image:url(../../images/sprite_nav.png);
				}
/*-- Home --*/
#header ul#nav li.home a {
	width:43px;
	background-position:0 0;
}
	#header ul#nav li.home a:hover {
		background-position:0 -12px;
	}
/*-- Photos --*/
#header ul#nav li.photos a {
	width:61px;
	background-position:-128px 0;
}
	#header ul#nav li.photos a:hover {
		background-position:-128px -12px;
	}		
/*-- Video --*/
#header ul#nav li.video a {
	width:45px;
	background-position:-210px 0;
}
	#header ul#nav li.video a:hover {
		background-position:-210px -12px;
	}		
/*-- About --*/
#header ul#nav li.about a {
	width:50px;
	background-position:-277px 0;
}
	#header ul#nav li.about a:hover {
		background-position:-277px -12px;
	}	
/*-- Artists --*/
#header ul#nav li.artists a {
	width:56px;
	background-position:-349px 0;
}
	#header ul#nav li.artists a:hover {
		background-position:-349px -12px;
	}
/*-- Events --*/
#header ul#nav li.events a {
	width:52px;
	background-position:-428px 0;
}
	#header ul#nav li.events a:hover {
		background-position:-428px -12px;
	}
/*-- Merch --*/
#header ul#nav li.merch a{
	width:49px;
	background-position:-503px 0;
}
	#header ul#nav li.merch a:hover {
		background-position:-503px -12px;
	}	
/*-- Workshop --*/
#header ul#nav li.workshop a{
	width:88px;
	background-position:-575px 0;
}
	#header ul#nav li.workshop a:hover {
		background-position:-575px -12px;
	}	
	/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#sellPoint {
		height:172px;
		background:url(../../images/bg_sellpoint.jpg) top center no-repeat;
	}
		#sellPoint .container {
			width:800px;
			padding:0 160px 0 0;
		}
	a.btnMoreMerch {
		width:231px; height:17px;
		margin:115px 0 0 0;
		background:url(../../images/btn_moremerch.gif) top left no-repeat;
		display:block; float:right;
	}
		a:hover.btnMoreMerch {
			background-position:bottom left;
		}
	
	#audioPlayer {
		width:743px;
		margin:15px auto 0 auto; padding:0 0 0 217px;
		background:url(../../images/h3_readnexaudio.png) top left no-repeat;
	}
	
	
	/*	--------------------------------------------------------------------------------------------------------------------------
	mainContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#mainContent {
		width:960px;
		margin:45px auto 0 auto;
		background:url(../../images/bg_maincontent.png) 573px 50px repeat-y;
	}
	#mainCol {
		width:570px;
		margin:0 55px 0 0;
		float:left;
	}
	#altCol {
		width:330px;
		float:left;
	}
		#mainCol #pageContent {
			margin:20px 0 0 0;
		}
	h1#h1Artists {
		width:89px; height:20px;
		background:url(../../images/h1_artists.png) top left no-repeat;
	}	
	h1#h1About {
		width:79px; height:20px;
		background:url(../../images/h1_about.png) top left no-repeat;
	}
	h1#h1Events {
		width:82px; height:20px;
		background:url(../../images/h1_events.png) top left no-repeat;
	}
	h1#h1Photos {
		width:94px; height:20px;
		background:url(../../images/h1_photos.png) top left no-repeat;
	}	
	h1#h1Video {
		width:72px; height:20px;
		background:url(../../images/h1_video.png) top left no-repeat;
	}
	h1#h1Merch {
		width:79px; height:20px;
		background:url(../../images/h1_merch.png) top left no-repeat;
	}	
	h1#h1Workshop {
		width:139px; height:20px;
		background:url(../../images/h1_workshop.png) top left no-repeat;
	}	
	h2 {
		font-size:16px;
		font-weight:bold;
		color:#7e7a52;
		letter-spacing:-.02em;
		text-transform:uppercase;
		padding:10px 0 0 0;
	}
	h3 {
		font-size:14px;
		padding:0 0 10px 0;
		font-weight:bold;
	}
	p {
		padding:0 0 20px 0;
	}
	strong {
		font-weight:bold;
	}
	em {
		font-style:italic;
	}
	a {
		color:#590d08;
		font-weight:bold;
		text-decoration:none;
	}
		a:hover {
			color:#a93730;
		}
	
	.bioContent {	
		margin:10px 25px 0 0;
	}
	#pageContent.events .vevent {
		width:155px; height:160px;
		padding:12px 7px 0 7px; margin:0 10px 10px 0;
		background:#beb678 url(../../images/bg_event.png) top left repeat-x;
		border-top:1px solid #ebe9d4;
		border-bottom:1px solid #a09755;
		float:left;
	}
	.floatLeft {
		float:left;
		margin:0 10px 0px 0;
	}	
	.floatRight {
		float:right;
		margin:0 0px 0px 10px;
	}	
	#pageContent.events h1 {
		font-size:16px;
		line-height:18px;
	}
	#pageContent.events b {
		display:none;
	}
	#pageContent.events .attendee {
		display:none;
	}
	#pageContent.events br {
		display:none;
	}
	#pageContent.events .location {
		display:block;
	}
	#pageContent.events abbr {
		display:block;
		color:#7e7a52;
		font-size:11px;
	}
/*---- photoStyles ----*/
	ul#photos li {
		width:108px; height:108px;
		margin:0 30px 30px 0;
		float:left;
	}
		ul#photos li a img {
			display:block;
			margin:0 auto;
			padding:3px;
			overflow:hidden;
			border-top:1px solid #ebe9d4;
			border-left:1px solid #ebe9d4;
			border-bottom:1px solid #a09755;
			border-right:1px solid #a09755;
			background:#beb678;
		}
			ul#photos li a:hover img {
				background:#d2cb98;
			}
			/*
			ul#photos li a {
				display:block;
				width:100px; height:100px;
				padding:3px;
				overflow:hidden;
				border-top:1px solid #ebe9d4;
				border-left:1px solid #ebe9d4;
				border-bottom:1px solid #a09755;
				border-right:1px solid #a09755;
				background:#beb678;
			}
				ul#photos li a:hover {
					background:#d2cb98;
				}
				
				ul#photos li a .imgHolder {
					width:100px; height:100px;
					display:block; overflow:hidden;
				}
				ul#photos li a img {
					display:block;
					margin:0 auto;
				}
				*/
/*	--------------------------------------------------------------------------------------------------------------------------
merch Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.merchBox {
		margin:0 10px 10px 0; padding:12px;
		background:#beb678 url(../../images/bg_event.png) top left repeat-x;
		border-top:1px solid #ebe9d4;
		border-bottom:1px solid #a09755;
		}
		.merchBox  .imgBox {
			margin:0 15px 0 0;
			float:left;
			width:150px;
		}
			.merchBox  img {
				display:block;
				width:150px;
			}
			.merchBox  a.btnZoom {
				display:block;
				margin:5px 0 0 0; padding:0 0 0 20px;
				font-size:10px;
				line-height:14px;
				height:14px;
				text-transform:lowercase;
				background:url(../../images/icon_zoom.png) top left no-repeat;
			}
				.merchBox  a:hover.btnZoom {
					background-position:0 -14px;
				}
		.merchBox  form {
			width:300px;
			float:left;
		}
			.merchBox  .btn {
				display:block;
				margin:10px 0 0 0;
			}
			.merchBox  form p {
				padding:0;
			}
/*---- altCol ----*/
a.ad img {
	width:300px; height:250px;
	display:block;
	background:url(../../images/bg_ad.png) top left no-repeat;
	padding:10px 11px 13px 11px;
}

	/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		background:url(../../images/bg_footer.png) top left repeat-x;
		border-top:1px solid #3b392a;
		margin:60px 0 0 0; padding:20px 0 40px;
		text-align:center;
		font-size:11px;
		color:#a19c6f;
	}