/*Karma CMS Layout 2.  For more layout information visit 
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 {	
	background: #FEFCEC url(../images/bg/orange/header.jpg) repeat-x;
	font-size: 90%;
}

div#header_content_footer_wrapper {	
	width: 750px;
	margin: auto;
	
}

div#header_content_footer_wrapper_2 {
	
}
div#links_content_teaser_wrapper {
	
}
a {	
	color: #DC7113;
}

a img {	
	color: #DC7113;
	border-color: #DC7113;
}

/*//////////////////////////////////////////////////////////////////////
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: 61px;
}

div#header h1,
div#site_photo {
	display: none;
}

/*////////////////////////////////////////////////////////////////////////////
* MAIN LINKS
///////////////////////////////////////////////////////////////////////////*/

div#main_links {
	float: right;
	width: 238px;
	margin-bottom: 30px;
	padding: 10px 0 10px 0;
	position: relative;
	
}

div#main_links ul li {
	padding-left: 86px;
	display: block;	
	margin-bottom: 10px !important;
}
div#main_links ul li a {
	color: black;
	font-family: "times new roman", serif;
	font-style: italic;
	font-size: 120%;
	padding: 2px 0px 2px 30px;
	background: url(../images/bg/menu.jpg) left center no-repeat;
	text-decoration: none;
	
}
	
ul#main_link_group_1 li.main_link.n4 {
	background: url(../images/bg/orange/sitetitle.jpg) bottom center no-repeat;
	padding-bottom: 55px !important;
}

div#main_links ul li#home_main_link a:hover, 
div#main_links ul li#home_main_link.selected a {
	background: url(../images/bg/green/menu.jpg) left center no-repeat;
}
div#main_links ul li#news_main_link a:hover, 
div#main_links ul li#news_main_link.selected a {
	background: url(../images/bg/red/menu.jpg) left center no-repeat;
}
div#main_links ul li#tour_main_link a:hover, 
div#main_links ul li#tour_main_link.selected a {
	background: url(../images/bg/orange/menu.jpg) left center no-repeat;
}
div#main_links ul li#music_main_link a:hover, 
div#main_links ul li#music_main_link.selected a {
	background: url(../images/bg/green/menu.jpg) left center no-repeat;
}
div#main_links ul li#story_main_link a:hover, 
div#main_links ul li#story_main_link.selected a {
	background: url(../images/bg/purple/menu.jpg) left center no-repeat;
}
div#main_links ul li#photos_main_link a:hover, 
div#main_links ul li#photos_main_link.selected a {
	background: url(../images/bg/red/menu.jpg) left center no-repeat;
}
div#main_links ul li#mailinglist_main_link a:hover, 
div#main_links ul li#mailinglist_main_link.selected a {
	background: url(../images/bg/yellow/menu.jpg) left center no-repeat;
}
div#main_links ul li#contactandbookinginfo_main_link a:hover, 
div#main_links ul li#contactandbookinginfo_main_link.selected a {
	background: url(../images/bg/blue/menu.jpg) left center no-repeat;
}
div#main_links li img {
}

div#main_link_group_1 {
}

div#main_link_group_2 {
}

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


div#teasers {
	width: 238px; 
	float: right;
	clear: right;
}

div#teaser_group_1 {
}

div#teaser_group_2 {
}

div.teaser {
	width: 238px;
	padding: 0px;
	border: none;
}

div.teaser div.teaser_heading {
	font-family: "times new roman", serif;
	font-style: italic;
}

div.teaser div.teaser_content {
	padding: .5em;
}

/*/////////////////////////////////////////////////////////////////////////////
GENERAL CONTENT
//////////////////////////////////////////////////////////////////////////////*/

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

div#content {	
	margin-right: 238px;
}

div#content h2 {
	color: #DC7113;
	font-size: 130%;
}


div.sublinks a {	
}

div.sublinks a.active {	
}

div#content div.title, div#contnt div.name {
	color: #DC7113 !important;
}
/*///////////////////////////////////////////////////////////////////////
FOOTER
//////////////////////////////////////////////////////////////////////*/

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

div#site_credit {
}

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