/*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 {
	font-size: 90%;
	background: black url('grunge-perfect.jpg') top left;
	color: white
}

div#header_content_footer_wrapper {
	
}

a {
	color: #FFF2C9;
}

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

/*//////////////////////////////////////////////////////////////////////
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 {
	background: url('headergrunge-perfect.jpg') repeat-x top left;
	height: 155px
}
div#header h1 {
	height: 155px; 	
	background: url('header-perfect.jpg') no-repeat;
}
div#header h1 span,
div#site_photo {
	display: none
}

/*////////////////////////////////////////////////////////////////////////////
NAVBAR:  TEASERS & MAIN MENU
///////////////////////////////////////////////////////////////////////////*/
div#navbar {
	float: left;
	width: 213px;
	font-size: 90%;
	padding-bottom: 250px;
	position: relative;
	z-index: 30
	
}

div#main_menu {	
	background: url('sidebar-test.jpg') no-repeat top left;
	position: relative;
	z-index: 0; padding-left:20px; padding-right:0; padding-top:20px; padding-bottom:500px
}

div#main_menu a {
	
}

div#main_menu span {
	
}

div#main_menu span img {
	display: block;
}


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

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

div#content {	
	margin-left: 213px;
	background: url('content-perfect.jpg') no-repeat top left;
	position: relative
	
}

div#content h2 {
	margin: 0px;
	background: no-repeat top left;
	padding-left:370px; padding-right:0; padding-top:0; padding-bottom:10px
}

div.sublinks a {
	
}

div.sublinks a.active {
	
}
div.title, div.name {
	background: repeat-x !important;
	padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px
}
div.entry {
	border-bottom: dashed 1px !important;
}
/*///////////////////////////////////////////////////////////////////////
FOOTER
//////////////////////////////////////////////////////////////////////*/


div#footer {
	font-size: 90%;
	margin-top: 2em;
	text-align: right;
	padding-right: 10px;
	clear: both;
}

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