/**
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/shiloh-blue/style.css
Purpose: Stylesheet that controls the look and feel of the site

Skin Version: 1.0
Last Modified: 2007-08-13 1034 EST
**/

/*
import the different other stylesheets
!! these imports are ESSENTIAL for the system to be displayed correctly !!
*/
@import url( "style-misc.css" );
@import url( "style-login.css" );
@import url( "style-ui.tabs.css" );
@import url( "style-clickmenu.css" );

body {
	font-family: "Lucida Grande", "Verdana", Arial, sans-serif;
	font-size: .8em;
	color: #fff;
	margin: 0;
	padding: 0;
	background-color: #000;
}

/* styles that control the main block containing the rest of the system */
#container {
	width: 100%;
	margin: auto;
	padding: .5em 0;
	background: #000 url( 'images/content-bg.jpg' ) repeat-x top left;
	min-height: 250px;
}
#container .subcontainer {
	width: 92%;
	margin: 1em auto;
	background-color: #000;
	border: 1px solid #111;
}

#container .footerBottomSpacer {
	height: 15px;
}

/* the template header */
#header {
	width: 100%;
	height: 70px;
	margin: auto;
}
#header .top {
	height: 45px;
	line-height: 45px;
	font-size: 200%;
	font-weight: bold;
	background-color: #983335;
}
#header .top .topHeader {
	margin: auto;
	width: 92%;
}
#header .bottom {
	height: 25px;
	line-height: 25px;
	background-color: #ccc;
}

/* the main navigation section */
#header .bottom .mainNav {
	margin: auto;
	width: 92%;
}
#header .bottom .mainNav ul {
	margin: 0;
	padding: 0;
}
#header .bottom .mainNav ul li {
	list-style-type: none;
}
#header .bottom .mainNav ul li.spacer {
	padding-top: 2px;
}
#header .bottom .mainNav ul li.spacer:before {
	content: " |";
	color: #909090;
}
#header .bottom .mainNav a {
	font-weight: bold;
	color: #983335;
}
#header .bottom .mainNav a:hover {
	border-bottom: 1px solid #983335;
}
#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;
	padding: 0 1em;
}
#nav-main li.spacer { padding: 2px 0 0 0; }
#nav-main li a {
	font-weight: bold;
	color: #fff;
	padding: 0 2px;
}
#nav-main li a:hover { color: #648295; }

#container .contentHeader {
	height: 15px;
}

/* the content of the template */
#container .content {
	padding: 0 1em 0 1em;
}

/* the body of the content class where the text is found */
#container .content .body {
	margin-right: 22%;
	padding: 0 0 1em 0;
}

/* the side navigation menu */
#container .content .nav {
	float: right;
	width: 20%;
	font-size: 8.5pt;
	padding: .5em 0 1em 0;
	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;
	padding: 0 .5em 1px 0;
}
#container .content .nav a {
}

/* 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
	that's shown in the main section (latest posts, mission, etc.)
*/
#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;
}
/* fixes the weird link spacing in the latest posts section */
#container .content .nav .info a.fix {
	margin: 0;
}

/* the footer */
#container .footer {
	background: #090909;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	text-align: center;
	clear: both;
	font-size: .8em;
	height: 25px;
	line-height: 25px;
	color: #fff;
}