/*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
//////////////////////////////////////////////////////////////////////////////*/
html, body {
	height: 100%;
}
body {
	background: #000 url(../images/bg/bg.jpg) top center repeat-x fixed;
	font-size: 85%;
	color: #FDECA8;
	
}

div#header_content_footer_wrapper {
	min-height: 100%;
	background: #000 url(../images/bg/content.jpg) top center no-repeat fixed;
	width: 750px;
	margin: auto;
	position: relative;	
	border-left: dotted 2px white;
	border-right: dotted 2px white;
}
* html div#header_content_footer_wrapper {
	background-position: top left;
	height: 100%;	
	overflow: auto;
	
}
div#header_content_wrapper {	
	min-height: 100px;
}
a {	
	color: #E97705;
}

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

/*//////////////////////////////////////////////////////////////////////
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 {	
	text-align: center;
	padding: 10px;
	
}



div#header h1 img {	
	margin: auto;
}	
div#header h1 {
	border-bottom: solid 1px #DF6A00;
	padding-bottom: 5px;
	color: white;
}
div#header h1 a {
	color: white;
}
div#site_photo {	
	float: left;
	display: inline;
	
}

/*////////////////////////////////////////////////////////////////////////////
NAVBAR:  TEASERS & MAIN MENU
///////////////////////////////////////////////////////////////////////////*/
div#teasers {
	float: left;
	clear: left;
	width: 200px;
	display: inline;
	margin-left: 10px;
	color: #BDA354;
}
div.teaser {
	width: 180px;
	margin: auto;
	border: none;
	margin-bottom: 20px;
	position: relative;
}
div.teaser_heading {
	background-color: #000;
	padding: 5px;
	border: solid 1px #916538;
	color: #FFFFC1;
}
div#main_menu {		
	padding: 0px;
	text-align: center;
	margin: 0px 30px;
	position: relative;
	margin-bottom: 20px;
	
}

div#main_menu span {	
	padding-left: 12px;
	background: url(../images/bg/dots.gif) left center no-repeat;
	
}
div#main_menu span.first {
	background-image: none;
}
div#main_menu span img {	
	vertical-align: top;
}

div#teasers {
}

div.teaser {
}

/*/////////////////////////////////////////////////////////////////////////////
GENERAL CONTENT
//////////////////////////////////////////////////////////////////////////////*/
div#site_credit {	
}
div#content_wrapper {
	float: right;
	width: 520px;
	display: inline;
	position: relative;
}
div#content {	
	color: #FDECA8;
	border-left: solid 1px #916538;
	padding: 0px 20px 20px;
}

div#content h2 {	
	background-color: #000;
	color: white;
	padding: 5px 8px;
	border: solid 1px #924805;
}

div.sublinks a {	
	background-color: #D36D01;
	border-top-color: #FD8200;
	border-left-color: #FD8200;
	border-right-color: #7C4503;
	border-bottom-color: #7C4503;
}
div.sublinks a:hover {
	background-color: #FD8200;
	text-decoration: none;
}
div.sublinks a.active {
	background-color: #7C4503;
	border-bottom-color: #AB5E03;
	border-right-color: #AB5E03;
	border-left-color: #000;
	border-top-color: #000;
}

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

div#footer {
	clear: both;	
	position: relative;		
	padding: 5px;
	border-top: dotted 2px white;
	border-bottom: dotted 2px white;
}
div.entry, div.category {
	border-bottom-color: black !important;	
}
div.title, body.guestbook div.name, body.faq div.question, div.category_title {
	color: white !important;	
	background: url(../images/bg/block-white.gif) center left no-repeat;
	
}
/*////////////////////////////////////////////////////////////////////////////
PROPRIETARY CSS
//////////////////////////////////////////////////////////////////////////////*/
body {
	scrollbar-face-color: black;
	scrollbar-highlight-color: #9B561B;
	scrollbar-shadow-color: #63360F;
	scrollbar-3dlight-color: black;
	scrollbar-arrow-color: #EB7A02;
	scrollbar-track-color: black;
	scrollbar-darkshadow-color: black;
}

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