/* Hack for IE to display the margin on #right properly */
* html #right {width:597px;}
html {margin: 0;}
/* Body Styles */

body {
padding-top:20px;
margin:0px;
background: #3d3d3d;
font-size: 12px; 
color: #ffffff; 
line-height: 1.5em;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

div#right p {
text-indent: 5px;
margin: 5px 0 5px;
padding: 0;
padding-left: 10px;
padding-right: 20px;
letter-spacing: 0.04em;
}
/*
p:first-letter {
font-size: 10px;
font-weight: 600;
}
*/

h1 {
margin: 20px 0px 0px 0px;
padding-bottom: 2px;
padding-left: 5px;
color: #83B7FF;
font-size: 14px;
border-bottom: 1px solid #83B7FF;
background: inherit;
}

h2 {
margin: 1px 0 0 0;
padding-bottom: 2px;
color: #83B7FF;
font-size: 13px;
border-bottom: 1px solid #83B7FF;
background: inherit;
}

a{color: #fff; text-decoration: none; background: inherit;}
a:hover {text-decoration: underline; color: white; background-color: inherit;}

ul
{
color: #fff;
list-style-type: none;
padding-left: 10px;
margin: 0 0 5px;
background: inherit;
}

h2 em {
	float: right;
	color: #ccc;
	font-weight: normal;
	text-align: right;
}

h2 a {
	color: #83B7FF;
}

div.navcontent ul li
{
font-weight: normal;
text-transform: lowercase;
padding: 0;
}

blockquote
{
width: 35em;
margin: 0 0 0 30px;
padding: 5px;
border-left: 1px solid #666
}

/* Main box  surrounding everything*/

#outer
{
margin: 0 auto;
width: 760px;
overflow:auto;
border: 1px solid #222;
background-color: #333;
color: #fff;
}

/* Below is everything inside of #outer*/

#location
{
margin: 5px 5px 0;
padding: 4px 2px 4px 2px;
background: inherit;
color:inherit;
font-size: 20px;
}

/* The left column (nav) */

#left
{
margin: 0;
float: left;
width: 148px;
}

/* The right column (content) */

#right
{
float: right;
margin: 0 5px;
width: 602px;
}

#right a{ text-decoration: none; font-weight: bold; background-color:inherit; color: white;}

/* Div classes Styles */

div .blue /* This is the blue bars that are on top of the main box and navs */
{
height: 5px;
border-bottom: 1px solid #222;
background-color: #83B7FF;
color: inherit;
font-size: 0;
}

.navouter {
border: 1px solid #222;
width: auto;
margin: 5px 0 5px 5px;
background-color: #555;
color: inherit;
}

.navheader {
background-color: #666;
color: inherit;
width: auto;
border-bottom: 1px solid #222;
padding: 2px;
margin-bottom: 5px;
text-align: center;
font-weight: bold; 
}

.navcontent
{
padding: 5px;
margin:0 0 0 3px;
color: inherit;
font-size:12px;
font-weight:bold;
background-color: #555;
overflow: hidden;
}

.code
{
overflow: hidden;
margin: 0 0 5px 15px;
padding: 10px;
width: 35em;
font-family: monospace;
font-size: 11px;
font-weight: bold;
text-transform: lowercase;
background-color: #333;
color: white;
border: 1px dotted #888;
}

.news_detailbar {
width:100%;
display:block;
margin: 0;
padding: 0;
font-size: 10px;
color: white;
background-color: inherit;
}

.news_datestamp {
float: left;
width: 60%;
}

.news_numcomments {
width:40%;
text-align: right;
float: right;
}

input,textarea {
background-color: #555555;
color: inherit;
float: right;
border: 1px solid #999;
}

.submit_button {
	clear: both;
	margin-top: 3px;
}

.form {
	width: 90%;
}

.comment_body {
	width: 30em;
	height: 7em;
}

 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#999 !important; /*reCaptcha widget background color*/
 }
 
 #recaptcha_table {
   border-color: #333 !important; /*reCaptcha widget border color*/
 }
 
 #recaptcha_response_field {
   border-color: #333 !important; /*Text input field border color*/
   background-color:#555555 !important; /*Text input field background color*/
 }