/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	text-align:left;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_4 .grid_1 {
	width:230px;
}

.container_4 .grid_2 {
	width:470px;
}

.container_4 .grid_3 {
	width:710px;
}

.container_4 .grid_4 {
	width:950px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_4 .prefix_1 {
	padding-left:240px;
}

.container_4 .prefix_2 {
	padding-left:480px;
}

.container_4 .prefix_3 {
	padding-left:720px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_4 .suffix_1 {
	padding-right:240px;
}

.container_4 .suffix_2 {
	padding-right:480px;
}

.container_4 .suffix_3 {
	padding-right:720px;
}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/*INTERIOR PAGE CSS
---------------------------------------------------------------------------------------*/
/*BODY/HTML/ETC
----------------------------------------------------------------------------------------------------*/
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color:#000000;
 color:#c7c7c7;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
} 
img{ border:none; }
p{
 font-size:12px;
}
/* LINKS
-------------------------------------------------------------------------------------*/
a:link { outline:none; color:#c7c7c7; text-decoration:underline;} /* unvisited link */
a:visited {color:#c7c7c7; text-decoration:underline;} /* visited link */
a:hover {color:#63e0f3; text-decoration:none;} /* mouse over link */
a:active {color:#63e0f3; text-decoration:none;} /* selected link */

/*Header specific stuff
----------------------------------------------------------------------------------------------------*/
.container_full{
 width:100%;
}
.bg_nav{
 background:url(../images/bg_nav.gif) repeat-x;
 height:68px;
}

/* DIVBAR
----------------------------------------------------------------------------------------------------*/
.divbar{
	background:url(../images/divbar.gif) no-repeat;
	height:5px;
	line-height:5px;
	font-size:1px;
	width:950px;
	clear: both;
	display: block;
	overflow: hidden;
	padding:10px 10px 0 0;
}
/*BANNERS
----------------------------------------------------------------------------------------------------*/
.banner_bio{
 background-image:url(../images/bg_banner_home.jpg);
 height:435px;
}

/*MAIN LOGO
------------------------------------------------*/
.mainlogodiv{
 float:left;
 width:109px; height:68px;
 margin:0; padding:0;
}
.mainlogodiv #mainlogo {
margin:0; padding:0;
}
#mainlogo a {
 display:block;
 width:109px; height:68px;
 margin:0; padding:0;
 background:url("../images/mainlogo.gif") top left no-repeat;
 text-decoration: none;
 outline:none;
}
#mainlogo a span { display:none; }


/*Navigation links
----------------------------------------------------------------------------------------------------*/
#navigation {
  list-style: none;
  padding:0px;
  margin:0px;
  height:68px;
}
#navigation ul{
 list-style:none;
}
#navigation li {
  float: left;
  list-style:none;
}

#navigation a * {
  display: none;
  cursor:pointer;
}

#navigation a,
#navigation a .hover {
  height: 68px;
	position: relative;
	display: block;
	background: url(../images/nav.gif) 0 0 no-repeat;
}

/* bio */
#navigation a.bio {
  background-position: 0 0;
  width: 76px;
}
#navigation .highlight a.bio:hover,#navigation a.bio .hover{
  background-position: 0 -68px;
}
#navigation a.bio-active {
  background-position: 0 -68px;
}

/* cal */
#navigation a.cal {
  background-position: -77px 0;
  width: 90px;
}
#navigation .highlight a.cal:hover,#navigation a.cal .hover{
  background-position: -77px -68px;
}
#navigation a.cal-active {
  background-position: -77px -68px;
}

/* book shay */
#navigation a.book {
  background-position: -166px 0;
  width: 98px;
}
#navigation .highlight a.book:hover,#navigation a.book .hover{
  background-position: -166px -68px;
}
#navigation a.book-active {
  background-position: -166px -68px;
}

/* vids */
#navigation a.vids {
  background-position: -264px 0;
  width: 94px;
}
#navigation .highlight a.vids:hover,#navigation a.vids .hover{
  background-position: -264px -68px;
}
#navigation a.vids-active {
  background-position: -264px -68px;
}

/* pics */
#navigation a.pics {
  background-position: -358px 0;
  width: 107px;
}
#navigation .highlight a.pics:hover,#navigation a.pics .hover{
  background-position: -358px -68px;
}
#navigation a.pics-active {
  background-position: -358px -68px;
}

/* shows */
#navigation a.shows {
  background-position: -465px 0;
  width: 125px;
}

#navigation .highlight a.shows:hover,#navigation a.shows .hover{
  background-position: -465px -68px;
}
#navigation a.shows-active {
  background-position: -465px -68px;
}

/* extras */
#navigation a.extras {
  background-position: -590px 0;
  width: 67px;
}

#navigation .highlight a.extras:hover,#navigation a.extras .hover{
  background-position: -590px -68px;
}
#navigation a.extras-active {
  background-position: -590px -68px;
}

/* store */
#navigation a.store {
  background-position: -657px 0;
  width: 64px;
}

#navigation .highlight a.store:hover,#navigation a.store .hover{
  background-position: -657px -68px;
}
#navigation a.store-active {
  background-position: -657px -68px;
}


/* Tout Arrows
------------------------------------------------------------------------------*/
.tout_arrow{
 margin-bottom:10px;
 border:none;
}
.tout_arrow_top{
 margin-top:27px;
}

/* Events
------------------------------------------------------------------------------*/
.event_item{
 width:468px;
 border:1px solid #505050;
 padding-top:8px;
 padding-bottom:8px;
 float:left;
 margin-bottom:10px;
}
.event_item:hover{
 background-color:#2a2a29;
}
.event_date{ 
 color:#fefefe;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:18px;
 line-height:22px;
 float:left;
 width:232px;
 padding-top:2px;
}
.event_arrow{
 vertical-align:middle;
 padding-right:4px;
 padding-left:12px;
}
.event_info{
 width:230px;
 border-left:1px solid #ffffff;
 padding-left:4px;
 float:right;
 font-size:12px;
 color:#ffffff;
}
.event_title{
 color:#63e0f3;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:14px;
 line-height:18px;
} 
.readmore{
 float:right;
 text-align:right;
 color:#63e0f3;
 font-size:11px;
}
.readmore a:link {color:#c7c7c7; font-size:11px; text-decoration:none;} /* unvisited link */
.readmore a:visited {color:#c7c7c7; text-decoration:none;} /* visited link */
.readmore a:hover {color:#63e0f3; text-decoration:none;} /* mouse over link */
.readmore a:active {color:#63e0f3; text-decoration:none;} /* selected link */

/*Picture thumbnails
------------------------------------------------------------------------------*/
.block_pictures{
 padding-left:12px;
}
.galthumb{
 border:1px solid #4a4a4a;
 padding:0; margin:0;
 margin-right:6px;
 margin-bottom:6px;
}

/* Footer
------------------------------------------------------------------------------*/
.footer_notice p{
 font-size:9px;
 color:#666666;
 line-height:15px;
 font-family:Arial, Helvetica, sans-serif;
 text-align:center;
}