/*--------------------------
| SW6 Mini-Site Stylesheet
| http://sw6.towersnerd.com
--------------------------*/

body {
	background-color: #0D0C09;
	color: #BABCBF;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}

.clear {
	clear: both;
}

#wrapper {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 100px;
}

#navigation ul {
	background-color: #2A4000;
	background-image: url(/images/menu_grad.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.9em;
}

#navigation li {
	list-style: none;
	display: inline;
	padding-left: 7px;
	padding-right: 7px;
}

#navigation a {
	color: #BABCBF;
	text-decoration: none;
}

#navigation a:hover {
	color: #BABCBF;
	text-decoration: underline;
}

#content {
	background-color: #000;
	padding: 10px;
	font-size: 0.8em;
}

#content a {
	color: #989899;
}

#content a:hover {
	color: #BABCBF;
}

#content label {
	font-weight: bold;
	margin-left: 2px;
}

#content input {
	background-color: #242424;
	border: 1px solid #3B3B3B;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	color: #BABCBF;
	margin-top: 3px;
}

#content textarea {
	background-color: #242424;
	border: 1px solid #3B3B3B;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	color: #BABCBF;
	margin-top: 3px;
}

#leftwrap {
	float: left;
	width: 475px;
	height: 100%;
	overflow: none;
}

#rightwrap {
	float: right;
	width: 235px;
	height: 100%;
	overflow: none;
}

.lefthead {
	float: left;
	width: 462px;
	background-color: #507901;
	background-image: url(/images/head_grad.jpg);
	border: 1px solid #152800;
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
	margin-top: 20px;
}

#newswrapper {
	float: left;
	width: 470px;
	border: 1px solid #141414;
	background-color: #121212;
}

.newsthumb {
	float: left;
	width: 97px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.newsthumb img {
	border: 1px solid #494949;
}

.newscontent {
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	width: 358px;
	height: 90px;
	overflow: auto;
	margin-bottom: 3px;
	margin-top: 3px;
}

.newsoptions {
	float: left;
	background-color: #585859;
	width: 362px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.8em;
}

.newsoptionsleft {
	float: left;
	width: 200px;
	font-style: italic;
}

.newsoptionsright {
	float: right;
	width: 150px;
	text-align: right;
}

.sidebarhead {
	float: right;
	width: 218px;
	background-color: #507901;
	background-image: url(/images/head_grad.jpg);
	border: 1px solid #152800;
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
}

.sidebarcontent {
	float: right;
	width: 218px;
	background-color: #121212;
	border: 1px solid #141414;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.sidebarcontent img {
	border: 2px solid #141414;
}

.centered {
	text-align: center;
}

.docwrapper {
	margin-top: 10px;
	width: 600px;
	height: 30px;
	height: 100%;
	overflow: hidden;
}

.docicon {
	float: left;
	width: 30px;
}

.doclink {
	float: left;
	padding-left: 5px;
	line-height: 30px;
	vertical-align: middle;
}

#thumbs {
	list-style: none;
}

#thumbs li {
	float: left;
	width: 152px;
	height: 161px;
	margin-right: 20px;
	line-height: 161px;
}

#thumbs img {
	border: 1px solid #959595;
	vertical-align: middle;	
}

.intro {
	clear: both;
	overflow: visible;
}

.commenthead {
	margin-top: 15px;
	background-color: #585859;
	padding: 3px;
}

.commentbody {
	padding: 4px;
	background-color: #121212;
	margin-bottom: 15px;
}

#visuals {
	width: 652px;
	margin: auto;
}

#visuals img {
	margin-top: 15px;
	margin-bottom: 5px;
	border: 1px solid #FFF;
}

#footer {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	font-size: 0.6em;
	text-align: center;	
}

#footer a {
	color: #BABCBF;
	text-decoration: none;
}

#footer a:hover {
	color: #BABCBF;
	text-decoration: underline;
}