/**
This skin is the property of its owner and should not be duplicated or
reproduced with the express written consent of the author. Edits to this skin
are permissible if the original credits stay intact.

Author: David VanScott [ davidv@anodyne-productions.com ]
File: skins/default/style.css
Purpose: Stylesheet that controls the look and feel of the site

Skin Version: 2.5
Last Modified: 2008-04-05 1526 EST
**/

/*
|---------------------------------------------------------------
| INCLUDED STYLESHEETS
|---------------------------------------------------------------
|
| The following stylsheets are required for the system to be displayed
| properly.
|
*/
@import url( "style-misc.css" );
@import url( "style-login.css" );
@import url( "style-ui.tabs.css" );
@import url( "style-clickmenu.css" );

/*
|---------------------------------------------------------------
| GLOBAL STYLES
|---------------------------------------------------------------
|
| Styles that are global to the HTML or BODY
|
*/

/*  main font color is changed here*/
body {
	margin: 0;
	padding: 200;
	background: url('images/bground.jpg') no-repeat;
	background-color: #000000;
	color: #C3C3C3;
	font-family: "Verdana", sans-serif;
	font-size: 12px;
}

/*
|---------------------------------------------------------------
| CONTAINER STYLES
|---------------------------------------------------------------
|
| The container holds the entire content of the site.
|
*/
#container {
	width: 100%;
	margin: auto;
}

/* styles that control the top and bottom spacers */
#headerTopSpacer { height: 0px; }
#container .footerBottomSpacer { height: 30px; }

/* the template header */
#header {
	width: 100%;
	height: 225px;
	margin: auto;
	
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	background: #000000 url( 'images/header.jpg' ) no-repeat top left;
}



/*
|---------------------------------------------------------------
| MAIN NAVIGATION STYLES
|---------------------------------------------------------------
|
| Styles controlling the main navigation of the system.
|
*/
#container .mainNav {
	height: 30px;
	line-height: 30px;
	margin: .5em 0 0 4em;
	width: 500px;
	border: 1px solid #2A8CD3 ;
	background: #011727;
	
	
}
#nav-main {
	display: inline;
	margin: 0;
	padding: 0;
	float: left; /* this makes sure that the drop down sits to the right of the main nav */
}
#nav-main li {
	display: inline;
	list-style: none;
}
#nav-main li.spacer { padding: 2px 0 0 0; }
#nav-main li a {
	font-weight: bold;
	color: #C3C3C3;
	padding: 0 1em 0 1em;
	font-family: "garamond";
	font-size: 14px
}
#nav-main li a:hover { color: #801F05;
	font-family: "garamond";
	font-size: 14px}



/*
|---------------------------------------------------------------
| CONTENT STYLES
|---------------------------------------------------------------
|
| Styles that control the content layer of the system (includes
| the body and side navigation as well)
|
*/
#container .content { padding: 0 2em 0 2em; }

/*
|---------------------------------------------------------------
| BODY STYLES
|---------------------------------------------------------------
|
| Styles that control the body of the system (where all the content is held)
|
*/
#container .content .body {
	margin-right: 20%;
	padding: 1em 5em 3em 3em;

}

/*
|---------------------------------------------------------------
| SIDE NAVIGATION STYLES
|---------------------------------------------------------------
|
| Styles that control the side navigation
|
*/
#container .content .nav {
	float: right;
	width: 18%;
	padding: 1.5em 1.5em .5em 0;
	border: 1px solid #2A8CD3 ;
	
	
	font-size: 95%;
	text-align: right;
}
#container .content .nav ul {
	display: block;
	margin: 0;
	padding: .5em .2em 1em 0;
}
#container .content .nav ul li { list-style-type: none; }
#container .content .nav a { padding: 0 .5em 0 0; }

/* part of the nav menu ... controls the login display */
#container .content .nav .login a { padding: 0; }

/* part of the nav menu ... controls the info below the menu */
#container .content .nav .info { padding: 0 1em 0 2em; }
#container .content .nav .info .fontLarge { margin: 0 -.5em 0 0; }
#container .content .nav .info a { margin: 0 -.5em 0 0; }

/*
|---------------------------------------------------------------
| FOOTER STYLES
|---------------------------------------------------------------
|
| Styles that control the footer
|
*/
#container .footer {
	clear: both;
	height: 25px;
	line-height: 25px;
	
	border-top: 1px solid #2A8CD3 ;
	border-bottom: 1px solid #2a8cd3;
	background: #011727;

	color: #fff;
	text-align: center;
	font-size: 80%;
}

/** NEEDS TO COME OUT BEFORE RELEASE! **/
/*
#mainNav, #userNav {
	height: 25px;
	line-height: 25px;
	width: 100%;
	
	background: #000;
	text-align: center;
}
#mainNav ul, #userNav ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#mainNav ul li, #userNav ul li {
	display: inline;
	list-style-type: none;
}
#mainNav ul li.spacer, #userNav ul li.spacer {
	padding-top: 2px;
}
#mainNav a, #userNav a {
	font-weight: bold;
	color: #fff;
	padding: 0 1em 0 1em;
}
#mainNav a:hover, #userNav a:hover { color: #5b5a4f; }*/