/*
 *	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 
 */

/***************************************************************
 *	This is not a comprehensive list of the classes and id's 
 *	available, only the ones I end up using the most.
 *	This is only a guide and you can style as much or as 
 *	little as you'd like.
 ***************************************************************/


/***********************************************************
 *	BACKGROUND & GENERAL PROPERTIES
 **********************************************************/
body {	
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 80%;
	background-color: #555;
	color: black;
}

div#header_content_footer_wrapper {
	width: 750px;
	margin: auto;
	background-color: white;	
	height: 550px;
	border: solid 1px white;
	position: relative;
}


div#header_content_footer_wrapper_2 {
	
}
	
a {
	color: gray;
}

a img {
	color: gray;
	border-color: gray;
}


/**********************************************************
 *	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: 92px;
	border-bottom: solid 1px black;	
	overflow: hidden;
}

div#header h1 {
	color: black;
	font-size: 75px;
	font-family: Impact, "HelveticaNeue-CondensedBold";
	text-align: center;
	font-weight: bold;
	font-style: condensed;
}
div#header h1 span a {
	text-decoration: none;
	color: black;	
}

div#header h1 img {

}

div#site_photo {
	position: absolute;
	top: 92px;
	left: 0px;
	width: 170px;
	height: 227px;	
}

div#site_photo img {
	margin: auto;
	display: block;
}


/*********************************************************
 *	MAIN MENU
 *********************************************************/

 
div#main_links {
	position: absolute;
	top: 92px;
	left: 170px;
	padding: 10px;
	height: 438px;
	background-color: black;	
	width: 100px;	
	overflow: auto;
	font-family: impact, "HelveticaNeue-Condensed";
	font-size: 110%;
}

div#main_links ul li {
	display: block;
	margin-bottom: 20px !important;	
	
}
div#main_links ul li.menu_item_selected {
	font-weight: bold;
}
div#main_links ul li.menu_item_selected a {
	text-decoration: none;
}
div#main_links ul li a {
	color: white;
	text-decoration: none;
}
div#main_links ul li a:hover {
	color: #C9C9C9;
}
/*********************************************************
 *	TEASERS
 *********************************************************/
div#teasers {
	width: 170px;
	float: left;
	height: 457px;	
}
div#teasers a {
	color: black;
}
div#teaser_group_1 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 170px;
}
div.teaser {
	width: 170px;
	font-size: 90%;
	text-align: center;
	padding: 0px;
	border: none;	
	margin-bottom: 0px;
}
div.teaser div.teaser_heading {
	font-size: 120%;		
	padding: 5px;	
	color: white;
	font-family: impact, "HelveticaNeue-Condensed";
	font-weight: normal;
	margin-bottom: 0px !important;
}



div.teaser_heading {
	color: white !important;
	font-weight: normal;
	margin-bottom: 0 !important;
}

div.teaser_content {
	padding: .5em;
}
div#mailinglist_teaser {
	position: absolute;
	top: 495px;
	left: 400px;
	display: inline;
	width: 270px;
	
}
div#mailinglist_teaser div.teaser_heading {
	float: left !important;
	color: black !important;			
	margin-top: 7px;	
	font-family: arial, helvetica;
	font-size: 80%;
	white-space: nowrap;
}
div#mailinglist_teaser input {
	display: inline;
	font-size: 90%;
	vertical-align: middle;
}
div#home_teaser {
	position: relative;		
}
div#home_teaser div.teaser_content {
	/*position: absolute;
	bottom: 30px;
	left: 0px;
	padding: 0px;
	width: 170px;
	height: 80px;*/
}
div#music_teaser img.album_image {
	height: 100px;
}
/***********************************************************
 *	CONTENT
 ***********************************************************/

div#content_wrapper {
	width: 750px;
	float: right;
	margin-left: -400px;
	overflow: hidden;
}

div#content {
	margin-left: 290px;
	min-height: 380px;
	height: 380px;	
	overflow: auto;	
	padding: 10px;
}
* html div#content {
	height: 380px;
}
div#content h2 {
	margin: 0px 0 10px 0;
	text-align: center;
	border-bottom: 1px solid gray;
	padding: 0px 0 3px 0;	
}
div#content h2 img {
	display: block;
	margin: auto;
}
	
div#content div.title, 
div#content div.name,
body.faq div#content div.question {
}

div.entry {
}

/*************************************************
 *	FOOTER
 *************************************************/

div#footer {
	font-size: 90%;
	border-top: solid 1px white;
	text-align: center;
	margin: auto;
	width: 752px;
	padding: 30px 0 0px 0;	
	float: right;
	clear: right !important;
	background-color: #efefef;
	width: 460px;
	min-height: 27px;
}
* html div#footer {
	border-top: none;
	height: 27px;
}

/*************************************************
 *	CUSTOM INSERTIONS
 *************************************************/