body {
	color: #6E8256;
	background: #95ADA3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
}

/* PNG fix for IE */
img { behavior: url(iepngfix.htc); }

/* Page style and layout */

div.column {
	float: left;
}
	
#left { width: 22%; }
#main { width: 78%;}

.wrap { float: left; clear: both; margin: 2em 0; width: 18em;}
.big { width: 80%;}

a { color: #B8BC7D; text-decoration:none;}
a:visited { color: #B8BC7D; text-decoration:none;}
a:hover { color: #B8BC7D; text-decoration:underline;}

div#head {
	border-top: 1px solid #000;
	border-bottom: 1px solid #729485;
	background: #6A8F98 url('http://www.lanvictims.com/images/randomtop6.php') no-repeat left top;
}

div#head p.tools {
	margin: 0 1em;
	line-height: 32px;
	color: #000;
	font-size: 80%;
	text-align: right;
}
#head a:link, #head a:visited {color: #333C29; text-decoration: none;}
#head a:hover {text-decoration: underline;}

/* Main menu start */

div#nav {
	border-width: 1px 0;
	border-style: solid;
	border-color: #000;
	position: relative;
	display: block;
	-webkit-box-shadow: 0 0 10px #1E2218;
	-moz-box-shadow: 0 0 10px #1E2218;
	box-shadow: 0 0 10px #1E2218;
}	

div#nav div.navBorder {
	border-width: 1px 0;
	border-style: solid;
	border-color: #fff;
	background: #333C29 url(/images/navBack.png) repeat-x top;
	height: 40px;
	position: relative;
}

div#nav div.navBorder div#logo a {
	display: block;
	float: left;
	width: 54px;
	height: 40px;
	background: url(/images/logo.png) left no-repeat;
}

div#nav div.navBorder div#logo a:hover {
	background: url(/images/logo.png) right no-repeat;
}

div#nav div.navBorder ul#navMenu {
	list-style: none;
	margin: 0 0 0 20.5em;
	padding: 0;
	position: absolute;
	right: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
}

div#nav div.navBorder ul#navMenu li {
	float: left;
	height: 40px;
	margin: 0 0.5em;
}

div#nav div.navBorder ul#navMenu li a, div#nav div.navBorder ul#navMenu li a:visited {
	line-height: 40px;
	display: block;
	color: #B8BC7D;
	font-size: 120%;
	text-decoration: none;
}

div#nav div.navBorder ul#navMenu li a:hover {
	color: #fff;
	text-shadow: 0 0 5px #fff;
}

/* Main menu end */


/* Login link/panel */

#login { /* Make login match user panel dimentions */
	float: left;
	display: block;
	left: 55px;
	width: 16em;
	margin-top: 2px;
	margin-left: 1px;
	margin-right: 1px;
	position: absolute;
	z-index: 200;
}

#login form label, #login form .label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0.2em 0;
	clear: both;
	display: block;
}

#login form div.additional { display: block; clear: both;}

#login form div.additional label, #login form div.additional .label {
	display: inline;
	margin-right: 0.5em;
	font-size: 80%;
	color: #B8BC7D;
	clear: none;
}

#login form div.additional .label a {margin-left: 0.5em;}

#login form input#username, #login form input#password, #login form input#remeber, #login form input#submit { display: block; float: left; font-size: 80%; border: 1px solid #D7DFCB; color: #6E8256; padding: 0.2em; width: 6.5em; margin-right: 0.2em;}
#login form input#remember { border: 0; width: auto; }
#login form input#submit { border: 0; background: none; padding: 0; width: auto; margin: 0;}

#login form input:focus { border: 1px solid #6E8256; }

#login #signin {margin-top: -2px; position: relative; line-height: 40px;}

/* End Login link/panel */

/* User panel */

#userpanel {
	float: left;
	display: block;
	left: 55px;
	width: 16em;
	margin-top: 2px;
	margin-left: 1px;
	margin-right: 1px;
	position: absolute;
	z-index: 200;
}

#userpanel, #userpanel div {
	border: 0;
}

#userpanel div {
	padding: 0.2em;
	margin: 1px;
}

#userpanel img {
	float: left;
	width: 24px;
	height: 24px;
	padding: 1px;
	border: 1px solid #1E2218;
	background: #FFF url(/images/signedin.gif) bottom repeat-x; margin-right: 0.4em;
}

#userpanel p { font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 80%;}
#userpanel p.options { font-size: 100%; white-space:nowrap;}
#userpanel p strong { font-family:Verdana, Arial, Helvetica, sans-serif; }

#userpanel:hover, #userpanel.hover, #userpanel.active { border: 1px solid #1E2218; background: #E5EADE url(/images/userpanel-back.gif) top repeat-x; margin-top: 1px; margin-left: 0; margin-right: 0;}
#userpanel:hover div, #userpanel.hover div, #userpanel.active div { border: 1px solid #FFF; margin: 0; background: #E5EADE url(/images/userpanel-back.gif) top repeat-x;}
#userpanel.active {-webkit-box-shadow: 0 0 10px #1E2218; -moz-box-shadow: 0 0 10px #1E2218; box-shadow: 0 0 10px #1E2218;}
#userpanel #actions {
	background: #D7DFCB;
	margin: 0.2em 0 0;
	border-width: 1px 0 0;
	border-color: #fff;
	float: none;
	width: auto;
}

#head #userpanel a, #head #login a, #head #userpanel a:visited, #head #login a:visited { color:#B8BC7D;}

#head #userpanel:hover a, #head #userpanel.hover a, #head #userpanel.active a,
#head #userpanel:hover a:hover, #head #userpanel.hover a:hover, #head #userpanel.active a:hover { color: #6E8256;}

#userpanel #actions ul, #userpanel #actions ul li { margin: 0; padding: 0; list-style: none;}
#userpanel #actions ul li { padding: 0.25em 0 0.25em 1.25em; background: url(/images/actions-standard.gif) no-repeat center left; }
#userpanel #actions ul li.admin {background: url(/images/actions-admin.gif) no-repeat center left; }

/* End User panel */

/* Box style start */
.box { 
	border: 1px solid #6E8256; 
	padding: 0;
	margin: 0.5em;
	background-color: #E5EADE;
	-moz-box-shadow: 1px 0 10px #475B52;
	-webkit-box-shadow: 1px 0 10px #475B52;
	box-shadow: 1px 0 10px #475B52;
}
.box p {margin: 0; padding: 0.5em;}
.box_header {margin: 0; padding: 0; border-bottom: 1px solid #6E8256;}
.box_header h1 {border: 1px solid #B8C79D; color: #fff; text-shadow: 1px 1px 3px #343D2A; margin: 0; padding: 0.2em 0.5em; font-size: 1em; font-weight: bold; background: #6E8256 url(/images6/box_header_back.gif) top left repeat-x;}

.box_content {border: 1px solid #fff;}

.box ul, .box ol {
	margin: 0.5em 0 0.5em 1.5em;
	padding: 0 0 0 1em;
	color: #6E8256;
	list-style-position: outside
}
.box a:link, a:visited, a:active {color: #6E8256;}
.box a:hover {color: #000;}

.section_dark { background: #D7DFCB; clear: both;}

div.sectionBorder {
	position: relative;
	margin: 0.25%;
	border: 1px solid #D7DFCB;
}

div.section {
	border: 1px solid #fff;
	margin-bottom: 0.25%;
}

div.box_content:after, .panel:after, div.section:after, .box div#forums ul li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.box_content, .panel, div.section, .box div#forums ul li  {display: inline-block;}

/* Hides from IE-mac \*/
* html div.box_content, .panel, div.section, .box div#forums ul li  {height: 1%;}
div.box_content, .panel, div.section, .box div#forums ul li  {display: block;}
/* End hide from IE-mac */

div.section h2 {
	color: #6E8256;
	font-size: 100%;
}

div.section div {
	padding-left: 0.5em;
}

div.section ul {
	list-style-type: square;
}

#content {
	padding-bottom: 1.5em;
}

#content p {margin: 0em; padding: 0.5em;}

#footer p {font-size: 80%; margin: 0em; padding: 0.5em;}

.box div#forums ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.box div#forums ul li {
	display: block;
	padding: 2px;
	clear: both;
}

.box div#forums ul li p {
	margin: 1px 0;
	padding: 0;
	font-size: 90%;
}

.box div#forums ul li p img {
	display: block;
	float: left;
	margin: 0.2em 0.2em 1em 0;
}

.box div#forums ul li a {color:#587267}

/* General */

p {}
p.no_margin {margin: 0em; padding: 0em; padding-left: 0.5em;}
p.small {font-size: 80% !important;}

.forum_image {
	border: 1px solid #6E8256;
	background-color: #fff;
	padding: 1px;
	margin: 0.2em 0.3em 0.2em 0.2em;
	width: 24px;
	height: 24px;
	float: left;
	clear: left;
	-moz-box-shadow: 0 0 3px #6E8256;
	-webkit-box-shadow: 0 0 3px #6E8256;
	-khtml-box-shadow: 0 0 3px #6E8256;
	-o-box-shadow: 0 0 3px #6E8256;
	box-shadow: 0 0 3px #6E8256
}
.online {background: url(/images/signedin.gif) bottom repeat-x;}
.border_margin {margin: 0.5em; border: 1px solid #6E8256; padding: 1px; background-color: #fff;}
.image_border {padding: 1px; background-color: #fff; border: 1px solid #6E8256; margin: 0.5em; float: left;}

#introduction em { font-size: 130%; color: #6E8256; font-style: normal; font-weight: bold;}

.panel img {	float: left; width: 128px; }

h1 {}
h2 {margin: 0; padding: 0 0.5em; font-size: 120%; font-weight: bold;}
h3 {padding: 0.5em;}
h4 {padding-left: 0.5em}

div.news { background: #D7DFCB url(/images/sectionDark.gif) repeat-x; border-top: 1px solid #9DB280; }
div.news h2 { border-top: 1px solid #EFF2EA; }
div.news span.date { display: block; margin: 0.25em 0.5em; }

a:link {color: #6E8256}
a:visited {color: #6E8256}
a:active {color: #6E8256}
a:hover {color: #000}

#content a:link {text-decoration: underline}

input:focus {background-color: #FFFFC0;}

ul.event {
	list-style: none;
	padding: 0;
	margin: 0.5em 0;
}

ul.event img {
	vertical-align: middle;
	margin: 0 0.5em;
}
