/*
 *	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 {
	font-size: 90%;
	background: white url(../images/bg/body.jpg) top left repeat-y;
	color: black;
}
div#header_content_footer_wrapper {
	background: transparent url(../images/bg/content.gif) top right repeat-y;
	width: 100%;
}

div#header_content_footer_wrapper_2 {
	width: 100%;
}
	
a {
	color: #0076A3;
}
a img {
	color: #0076A3;
	border-color: #0076A3;
}


/**********************************************************
 *	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: 149px;
	background: url(../images/bg/header.jpg) top left repeat-x;
}
div#header h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/bg/guitar.jpg) top left no-repeat;
	width: 489px;
	height: 210px;	
	z-index: 100;
}
div#header h1 span,
div#site_photo {
	display: none;
}


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


div#main_links {	
	margin-bottom: 20px;	
	float: left;
	position: relative;
	width: 180px;
	margin-top: 30px;
}

div#main_links ul li {
	text-align: right;
	display: block !important;
}

div#main_links ul li a {
	
	text-align: right;
	margin-bottom: 3px;
}

div#main_links ul li img {
	vertical-align: middle;
}

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


div.teaser {
	border: none;
	border-bottom: solid 1px #eee;	
	width: 160px;		
	z-index: 20;
	padding: 0px;
	margin: 0 auto 20px;
}
div.teaser_content {
	padding: .5em;
}
div#teaser_group_1 {
	float: right;
	border-left: dashed 3px #0076A3;   	
	width: 180px;		
	background: url(../images/bg/content.gif) top right repeat-y !important;	
	z-index: 100;	
}
* html div#teaser_group_1 {
	margin-right: -1%;
}
div#teaser_group_2 {
	width: 180px;
	float: left;
	clear: left;
	
}
div#teaser_group_2 div.teaser {
	background-color: #FFD200;
	border: dashed 1px black;		
}
	

div.teaser#lounge_teaser {
	padding-bottom: 270px;
	background: url(../images/bg/lounge.jpg) bottom right no-repeat;
}
div#mailinglist_teaser {
	position: absolute;
	top: 112px;
	right: 0px;
	width: 330px;	
	color: white;
	background-color: transparent !important;
	border: none;
	z-index: 100; 	
}
div#mailinglist_teaser div.teaser_heading {
	float: left;
	padding-top: 10px;
}
div#mailinglist_teaser input {
	display: inline;
	vertical-align: middle;
}

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

div#content_wrapper {
	width: 100%;
	float: right;
	margin-left: -99%;
	overflow: hidden;
	
}

div#content {   		
   	margin: 0 200px;
	
}
div#content h2 {
	margin-left: 230px;
	height: 40px;
	position: relative;
	z-index: 200;
}
div#content div.entry {
	border-bottom: dashed 1px #0076A3 !important;
}
div#content li {
	margin-bottom: 0.5em;
}
/*************************************************
 *	FOOTER
 *************************************************/

div#footer {
	clear: both;
	width: 98%;
	padding: .5em 1%;
}

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

div#misc1 {	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 135px;
	height: 77px;
	background: url(../images/bg/kickass.gif) no-repeat;
	z-index: 200;
}

div#flashheader {
	position: absolute;
	top: 0px;
	left: 440px;
	z-index: 200;
}