/* - - - - - - - - - - general - - - - - - - - - -  */

html {
	/* background: #272727 url(../_images/html.jpg) repeat-x top; */
}
	

body {
	/* color: #d9d9d9; */
	font: .95em/1.5em "Trebuchet MS", Trebuchet, arial, sans-serif;
}

strong {
	color: #000;
}
	
div.ClearBoth {
	clear: both;
}
	
/* - - - - - - - - - - header - - - - - - - - - -  */


#header_wrapper {
	width: 100%;
	background: #171717 url(../_images/html_bg.jpg) repeat-x top center;
	border: 1px solid #88BF00;
	border-width: 0 0 5px 0;			
}
#access_bar {
	color: #ffffff;
	position: absolute;
	top: 0px;
	right: 30px;	
	height: 32px;
	width: 218px;
	border: 1px solid #88BF00;
	border-width: 0 1px 1px 1px;	
	background: url(../_images/dark_grass.png) repeat top left;
	font-size: 13px;		
	text-align: center;
	font-weight: bold;	
	z-index: 1000;
}

#access_bar img {
	position:relative;
	top: 5px;
	margin-left: 15px;
}
	
#header {
	position: relative;
	width: 760px;
	height: 153px;
	/* margin: 0 auto; */
}

#logo {
	position: absolute;
	/* top: 25px; */
	left: 28px;
}
	
/* - - - - - - - - - - primary navigation - - - - - - - - - -  */

#nav {
	position: relative;
	top: 100px;
	left: 28px;
	height: 100px;
}

#nav li a {
	display: block;
	padding: 2px 2px 5px 2px;
	margin-right: 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .80em;
	line-height: .5em;
}
	
#nav li  {
	float: left;
}

#nav li.Current a:link,
#nav li.Current a:visited,
#nav li.Current:hover a,
#nav li.Current:active a {
	color: #fff;
	border: 1px solid #fff;
	border-width: 0 0 2px 0;	
}

#nav li a:link,
#nav li a:visited {
	color: #fff;
	border-width: 0;	
}

#nav li a:hover,
#nav li a:active {
	color: #c3fe2e;
	border: 1px solid #88BF00;
	border-width: 0 0 1px 0;
}

/* - - - - - - - - - - secondary navigation - - - - - - - - - -  */

ul#sidebar_nav {
	padding: 25px 16px 50px 16px;
	/* background: #1A1A1A; */
	/* background: #ffffff; */
	line-height: 1.4em; 
}

#sidebar {
	position: relative;
	top: -64px;
	float: left;
	padding: 29px 6px;
	padding-bottom: 6px;
	width: 209px;
	margin-right: 20px;
	background: url(../_images/nav_cap.gif) no-repeat top center;
	background-color: #87bf00;
}

#ads {
	float: left;
	width: 209px;
	padding-bottom: 30px;
	/* background: #1A1A1A; */
	/* background: #ffffff; */
	text-align: center;		
}

#ads img {
	margin-bottom: 25px;
}


#sidebar_nav {
	float: left;
}

#sponsors {
float: right;
margin-left: 50px;
width: 300px;
}

#sidebar_nav a {
	display: block;
	width: 179px;
	padding: 5px 0 0 0;
	font-weight: bold;
	font: .85em/1.7em "Trebuchet MS", Trebuchet, arial, sans-serif;	
	/* border: 1px solid #808080; */
	border: 1px solid #ffffff;
	border-width: 0 0 1px 0;
}

#sidebar_nav li.Current a:link,
#sidebar_nav li.Current a:visited,
#sidebar_nav li.Current:hover a,
#sidebar_nav li.Current:active a {
	color: #1d63ae;
	border: 1px solid #808080;
	border-width: 0 0 1px 0;
	background: url(../_images/on_state.gif)  no-repeat 100% .9em;		
}
	

#sidebar_nav li a:link,
#sidebar_nav li a:visited {
	/* color: #88BF00; */
	/* color: #344e1c; */
	color: #ffffff;
}

#sidebar_nav li a:hover,
#sidebar_nav li a:active {
	color: #c3fe2e;
	border: 1px solid #c3fe2e;
	border-width: 0 0 1px 0;
}
	
	
	
/* - - - - - - - - - - primary content - - - - - - - - - -  */

h1 {
	display: block;
	padding-left: 25px;
	margin-bottom: 20px;
	background: url(../_images/title_icon.gif) no-repeat 0 .25em;
	font-size: 1.3em;
	color: #1d63ae;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;	
}

h2,h3,h4 {
	font-weight: bold;
	margin: 25px 0 15px 0;
	border: 1px dashed #666;
	border-width: 0 0 1px 0;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
}

h2 {
	font-size: 1.3em;
	color: #fff;
}

h3 {
	font-size: 1.2em;
	color: #ccc;
}

h4 {
	font-size: 1em;
	color: #b2b2b2;
}
	
#content_wrapper {
	/* margin: 0 auto;		 */
	padding: 35px 30px;
	padding-left: 5px;
	width: 1050px;

}

#content {
	float: left;
	width: 450px;
	/* color: #d9d9d9; */
	font: 1em/1.7em Georgia, 'Bitstream Vera Serif', serif;
}

#content a:link,
#content a:visited {
	padding: 0 0 3px 0;
	color: #DBC65C;
	border: 1px solid #DBC65C;
	border-width: 0 0 1px 0;		
}

#content a:hover { color: #8BD200;
	border: 1px solid #88BF00;
	border-width: 0 0 1px 0;
}

#content a:active { color: #8BD200 }	


#content ul, ol {
	padding: 15px 15px 15px 25px;
	margin: 15px 0;
	background: #2b2b2b;
	color: #e9e9e9;
	font: .8em/1.9em Helvetica, 'Helvetica Neue', Arial, sans-serif;
}

#content ul a, #content ol a {
	border-width: 0;
}

#content ul {	
	list-style: circle;
}

#content ol {	
	list-style: decimal;
}

#content p{
	margin-bottom: 1em;
}
	
#content img{
	padding: 10px;
	background: #1c1c1c;
	border: 1px solid #111;
}

#content img.AlignLeft{
	float: left;
	margin: 0 15px 0 0;
}

#content img.AlignRight{
	float: right;
	margin: 0 0 0 15px;
}

/* - - - - - - - - - - comments - - - - - - - - -  */
#comment_form {
	margin: 10px 10px 20px 10px;
}

#comment_form label {
	margin: 0 0 4px 0;
	font-weight: bold;
	display: block;
}

div.CommentField {
	padding-top: 10px;
	padding-right: 15px;
	width: 100px;
}

div.CommentArea {
	padding: 10px 0 0 0;
	clear: left;
}

div.CommentArea textarea {
	width: 400px;
}

#comment_form p.SignUp {
	padding: 15px 0 0 10px;
	color: #fff;
	font-size: .8em;
	font-style: italic;
}

#comment_form p.SignUp a:link, #comment_form p.SignUp a:visited {
	color: #fff;
	text-decoration: underline;
}

#comment_form p.SignUp a:hover {
	text-deocration: none;
}

input#comment_submit {
	margin: 10px 0 0 0;
}

/* - - - - - - - - - - footer - - - - - - - - - -  */	

#footer {
	clear: both;
	margin: 35px 0px;
	padding-top: 7px;
	width: 700px;
	border-top: 1px solid #7F7F7F;
	color: #7F7F7F;
	font: .75em/1.7em Helvetica, 'Helvetica Neue', Arial, sans-serif;
	
}

#footer p#cgcraft {
	color: #7F7F7F;
	letter-spacing: 0;
}

#footer a:link,
#footer a:visited {
	color: #7F7F7F; text-decoration: none;
	border-width: 0;
}
	
#footer a:hover { color: #fff; text-decoration: none;}

#footer a:hover span { color: #75B500; }

#footer a:active { color: #fff }