/* CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 3;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-width: inherit;
	border-style: none;
	border-collapse: collapse;
	border-spacing: 3;
	vertical-align: middle;
	text-align: center;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Custom eVS Styling */

/* General Element Styling */
A.LinkButton:hover { color: #00D634;}

p { margin: 0 0 1em 0; }

ul { list-style-type: square; margin-bottom: 1em; padding: 0 0 0 2em; }

ul li, ol li { margin-bottom: .5em; }

ol { margin-bottom: 1em; padding: 0 0 0 2em; }

blockquote { background: #222; border: 1px dotted #ff8000; margin: 1em; }
blockquote p { margin: .5em; }

#login { clear: right; float: right; list-style-type: none; }
#login input { background: #322c27; border: 1px solid #626060; color: #ccc; padding: 2px; }
#login input:focus { background: #322c27; }
#login .username { float: right; }
	#login .username input { width: 150px; }
#login .password { clear: right; float: right; }
	#login .password input { width: 101px; }
#login button { background: #70948E; border: 1px solid #626060; color: #fff; font-size: 10px; margin: 0 0 0 10px; padding: 1px; }

/* Layout Styling */

body { 
	background: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12pt;
	 }
	
#wrapper { margin: 1em auto 0 auto; width: 960px; }

#header { position: relative; }
	img#logo { margin-bottom: -47px; }
	img#folks { position: absolute; bottom: 0; right: 1em; }

#utility { float: right; }
#utility li { display: inline; }

#utility a { color: #ff8000; }

#navigation { background: #eca45b url("../images/bar-bg.gif") repeat-x 0 100%; font-size: 11pt; margin: 0 0 1em 0; padding: .5em .5em .6em 160px; }
#navigation li { display: inline; margin: 0 .6em 0 0; position: relative; }

#navigation a { color: #5b2900; }
#navigation a:hover { color: #fff; }

#main { background: url(../images/sidebar-tile.jpg) repeat-y 100% 0; }

#sidebar { float: right; background: #d1e2d4 url("../images/sidebar-bg.gif") 100% 0; font-size: 10pt; border-left: 10px solid #9aad9e; border-right: 20px solid #839a88; width: 300px; }
	#download-button { background: url("../images/download.gif") no-repeat 0 0; display: block; height: 124px; width: 317px; }
	#download-button:hover { background-position: 0 -124px; }
	.download-links { font-size: 10px !important; margin: -40px 0 0 20px; padding: 1em; }
	
	#sidebar a { color: #6E377F; }
	#sidebar a:visited { color: #666; }
	
	body.index #sidebar .sidebar-contents { border-top: 1px dotted #000; margin: 1em 0 0 0; }
	#sidebar .sidebar-contents { padding: 1em; }
	
	#sidebar h2 { font-size: 14pt; font-weight: bold; margin-bottom: .857em; }
	#sidebar h3 { border-bottom: 1px dotted #333; color: #333; font-size: 13pt; font-weight: bold; margin-bottom: .92em; }
	#sidebar h4 { font-size: 12pt; font-weight: bold; margin-bottom: 1em; }
	#sidebar h5 { border-bottom: 1px dotted #333; color: #333; font-size: 11pt; font-weight: bold; margin-bottom: 1.09em; }
	
	#sidebar p { margin-bottom: 1.2em; }
	

#content { border-left: 1px dotted #414141; border-top: 5px solid #414141; color: #ccc; font-size: 10pt; line-height: 1.5; padding: 1.3em 350px 1.5em 1.5em; }

	#content h1, #content h3, #content h5 { color: #8F7662; }
	#content h1 { font-size: 15pt; margin-bottom: .8em; }
	#content h2 { color: #70948E; font-size: 14pt; border-bottom: 1px dotted #70948E; margin-bottom: .857em; }
	#content h3 { font-size: 13pt; margin-bottom: .923em; }
	#content h4 { color: #70948E; font-size: 12pt; border-bottom: 1px dotted #70948E; margin-bottom: 1em; }
	#content h5 { margin-bottom: 1em; }

	#content a { color: #ff8000; }
	#content a:hover { color: #00D634; }
	
	#content #orange { float: left; margin: 0 1em 0 0; }
	
	#content .screenshots { margin-left: -1.5em; }
	
	.news { list-style-type: none; margin: 0; padding: 0;
	width: 752px;
	height: 113px;
}
	.news .date { color: #d2232a; }
	.news li { float: left; margin: 0; padding: 0 20px 0 0; width: 272px; }
	.news li a.more { float: right; font-size: smaller; }
	
	p.more { clear: left; margin-top: 1em; }

#footer { color: #ccc; font-size: 12px; margin: 0 auto; width: 960px; }
#footer div { background: #222; border-left: 1px solid #E78C30; border-right: 20px solid #E78C30; border-top: 5px solid #E78C30; padding: 1em 1em .5em 1em; }
	#footer ul { float: right; list-style-type: none; }
	#footer a { color: #ff8000; }