/*Design by Audra Coldiron http://rock-n-roll-design.com.  This design has been
created to work explicitly with Karma CMS http://karmacms.com.  You are free to
use the CSS as you wish.  If you use any part of the graphics in your own design
please co-credit me in */

/*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-color: white;
	color: black;
	font-size: 90%;
	font-family: "times new roman", serif;
	
}

div#header_content_footer_wrapper {
	 background: url(../images/bg/gradient.jpg) repeat-y;	 
	 width: 100%;
	 position: relative;
}
div#header_content_footer_wrapper_2 {
	width: 100%;
	position: relative;
}
a {
	color: #D03C42;   	
}

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

/*//////////////////////////////////////////////////////////////////////
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: 136px;
	background: white url(../images/bg/header.gif) no-repeat;	
}

div#header h1 {
	height: 136px;
	margin-left: 114px;	
	background: url(../images/bg/logo.gif) center center no-repeat;	
}
div#header h1 span {
	display: none;
}
div#site_photo {
	display: none;
}

/*////////////////////////////////////////////////////////////////////////////
NAVBAR:  TEASERS & MAIN MENU
///////////////////////////////////////////////////////////////////////////*/


ul#main_link_group_1 {	
	background-color: #D03C42;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	padding: 5px !important;
	color: white;
	text-align: center;
}
ul#main_link_group_1 li {
	border-left: solid 1px white;
	padding-left: 5px !important;
	display: inline;
}
ul#main_link_group_1 li.first {
	border-left: none;
}
ul#main_link_group_1 a {
	color: white;
	text-decoration: none;
}
ul#main_link_group_1 a:hover,
ul#main_link_group_1 span.selected a {
	color: #FAB657;
}
ul#main_link_group_2 {
	padding-top: 50px !important;
	background: url(../images/bg/shopping.gif) no-repeat;
	padding-left: 5px;
	width: 200px;
	float: left;
}
ul#main_link_group_2 li {
	display: block !important;
	background: url(../images/bg/arrow.gif) center left no-repeat;
	padding-left: 14px !important;
	color: black;
	font-variant: small-caps;
	font-size: 120%;	
}
ul#main_link_group_2 li a {
	text-decoration: none;
	color: black;
}
ul#main_link_group_2 a:hover,
ul#main_link_group_2 li.selected a {
	color: #D03C42;
}

div#teaser_group_1 {
	float: right;
	width: 200px;	
	position: relative;
	padding-left: 10px;
	left: 1%; /*needed to compensate for the 1% left on div#content_wrapper negative margin*/
	z-index: 20;
}

div#teaser_group_2 {
	float: left;
	clear: left;
	width: 200px;
}
div#teasers a {
	
}

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

div.teaser_heading {
	background: url(../images/bg/swoosh.gif) bottom center no-repeat;
	padding: 10px 0;
}
div.teaser_content {
	padding: .5em;
}
/*/////////////////////////////////////////////////////////////////////////////
GENERAL CONTENT
//////////////////////////////////////////////////////////////////////////////*/

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

div#content {	
	margin: 0 200px;
}

div#content h2 {
	color: #D03C42;
	font-variant: small-caps;
}

div.sublinks a {
	
}

div.sublinks a.active {
	
}

/*///////////////////////////////////////////////////////////////////////
FOOTER
//////////////////////////////////////////////////////////////////////*/
div#site_credit {
	
}

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

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