/*
 *	Design by Audra Coldiron http://rock-n-roll-design.com.
 *	This design has been created to work explicitly with Karma CMS
 *	http://karmacms.com, layout2. 
 *	You are free to use the CSS as you wish.
 *	For more information on designing around Karma CMS, go to 
 *	http://designerkarma.com 
 */


/***********************************************************
 *	BACKGROUND & GENERAL PROPERTIES
 **********************************************************/
 
body {
	 background-color: #361901;
	 color: white;
	 font-size: 80%;
}

div#header_content_footer_wrapper {	
	background: url(../images/bg/bg.jpg) top center repeat-y;	
	
}
div#header_content_footer_wrapper_2 {
	width: 750px; /*needed for IE to behave when no photo and fixed width*/
	margin: auto;
	position: relative;
	background: url(../images/bg/content_wrapper.gif) repeat-y;
}
a {
	color: #D07022;
}
a img {
	color: #D07022;
	border-color: #D07022;
}
/**********************************************************
 *	HEADER & SITE PHOTO
 *	If you want the user not to be able to change the main
 *	photo and/or site title, place "display: none" in the 
 *	style for that element.
 **********************************************************/

div#header {	
	
	height: 201px;
	background: url(../images/bg/header.jpg) top right no-repeat;
}
div#header h1 {	 	 
	 text-align: center;
}
div#header h1 span {
	display: none;
}
div#site_photo {	
	width: 186px; /*needed for IE to enter photos*/
	position: relative; /*this along with z-index needed for photo to be visible in Gecko*/
	z-index: 20;
	display: block;	
	float: right;
	margin-right: 21px;
	display: inline; /*for IE6*/
	margin-top: -67px;	
	clear: right;
}

	

div#site_photo img {
	display: block; /*removes 3px margin on botton Gecko puts on inline elements in Strict mode*/
}


/*********************************************************
 *	MAIN MENU
 *********************************************************/
div#main_links {	
	text-align: center;
	height: 40px; 
	padding: 5px 0px;
	width: 272px;
	float: right;
	position: relative;
	margin-top: -150px;
	}

div#main_links ul {
	}
div#main_links ul li {
	display: inline; /*displays list horizontally*/
	}
div#main_links ul li a {
	border-left: solid 1px white;
	padding-left: 5px;
	}
div#main_links ul li.first a {
	border-left: none;
}
div#main_links ul li img {
	vertical-align: top; /*aligns menu images to the top of their container*/
}


/*********************************************************
 *	TEASERS
 *********************************************************/



div#teasers {
	float: right;   
	clear: right;	
	position: relative;  	/*needed for IE to display and Gecko to render BG color*/
	width: 186px;
	margin-right: 21px;
	display: inline; /*for IE6*/
	
}

div.teaser {
	width: 186px;  /*this number should be equal to or less than the left and
	right margin on	the div#content*/ 
	padding: 0; /*zeroing out Karma default padding to be precise in width*/
	border: none; /*removing Karma default borders*/ 
	
	
}
	

div.teaser_heading span {
	display: block;
	width: 176px;
	padding: 7px 5px 3px 5px;	
	font-weight: normal;
	background: #6C7E9D url(../images/bg/teaser_header.gif) no-repeat;
	color: white;
}
div.teaser_content {
	
}
input.submit,
div.sublinks a,
div.sublinks a.active {
	background-color: #D07022;
	border: solid 1px white;
	color: white;
	text-decoration: none;
}

/***********************************************************
 *	CONTENT
 ***********************************************************/

div#content_wrapper {
	float: left;	
	width: 100%;
	margin-right: -250px; /*should be equal to or greater than the width of the left column*/
	overflow: hidden; /*to avoid overflowing content that breaks the layout in IE*/	
	margin-top: -45px;
}
div#content {		   	
	margin-right: 212px; /*this left margin should be greater than or equal to the teaser width*/  
	margin-left: 25px;	
	overflow-x: hidden;
	width: 500px;
	padding: 10px;
	min-height: 0px;	
}
* html div#content {
	height: 0px;
}
div#content h2 {
	/*position: absolute;
	top: -35px;
	right: 10px;
	z-index: 30;*/
	text-align: right;
}
div#content h2 span { 	
	background: url(../images/bg/page_header.gif) center left no-repeat;
	padding-left: 20px;
}
div#content div.title,
div#content div.name {
	background: url(../images/bg/title.gif) center left no-repeat;
	padding-left: 20px;
	color: #B6C2E5;
}
div#content div.entry {
	border-bottom-color: #D07022;
}
/*************************************************
 *	FOOTER
 *************************************************/

div#footer {
	clear: both;   	/*causes footer to display under the teasers or content, whichever is longer*/	
	padding: .5em;	/*right and left padding plus width equals 100%;*/
	background-color: #D07022;
	color: #361901;
	margin: 0px 18px 0 21px;
	border: solid 3px white;
}
* html div#footer {
	height: 1%;
}
body#shows div.events table.linear th {
	background-color: #6E809F;
}
body#shows div.events table.linear tr td.comment_bottom {
border-bottom-color: #6E809F;
}
body#shows div.events table tr.odd td {
	background-color: #052763;
}
body#shows div.events table tr.even td {
	background-color: #0B2D6A;
}