/* General */
html, body
{
	color: #8c909a;
	font-family: Arial, sans-serif;
	padding: 0;
	margin: 0;
	background: #1e1e1e;
	font-size: 16px;
}

/* Header */
#header
{
	height: 54px;
	line-height: 54px;
	background: #1e1e1e;
	font-family: Arial, sans-serif;
	font-size: 24px;
	color: #aeff00;
}

/* Structure */
.body
{
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 800px;
}

#cols
{
	background: #1e1e1e url("../img/boxed.gif") no-repeat;
	height: 100px;
}


.col
{
	float: left;
	width: 100%;
}

.col-b
{
    float: left;
    width: 50%;
}

#menu
{
	margin: 10px 0;
	background: #aeff00 url("../img/mbg2.gif");
	height: 42px;
	line-height: 42px;
}

#items
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	color: #000;
}

#footer
{
	height: 50px;
	background: #000 url("../img/fbg.gif") repeat-x;
	font-size: 10px;
	margin: 10px 0 0;
    display: block;
}

/* Styling */

#header a
{
	color: #aeff00;
}

#menu a
{
	color: #000;
	font-weight: bold;
	border-right: 1px solid #5b9400;
	display: block;
	float: left;
	padding: 0 10px;
}

#menu a:hover
{
	background: #aeff00 url("../img/mbg.gif");
}

#selected
{
	background: #aeff00 url("../img/mbg.gif");
}

a
{
	color: #fbaf32;
	text-decoration: none;
}

a:hover
{
	color: #f0e155;
}

h1
{
	color: #aeff00;
	font-size: 24px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	margin: 0.2em 0;
}

p
{
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

blockquote
{
	border: 1px #333 solid;
	border-left: 5px #333 solid;
	background: #262626;
	margin: 10px 0;
	padding: 10px;
}

code
{
	border: 1px #333 solid;
	border-left: 5px #333 solid;
	background: #262626;
	margin: 10px 0;
	padding: 10px;
	display: block;
	white-space: pre;
}

.postInfo
{
	margin: 10px 0;
	font-size: 10px;
}

ul
{
	margin: 10px 0;
	padding-left: 32px;
}

li
{
	list-style-image: url("../img/dot.gif");
}

.right
{
	float: right;
}

.about
{
	padding-top: 8px;
	padding-left: 24px;
    width: 45%;
    float: left;
}

.top-left
{
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
}

.about span {
    color: #FBAF32;    
}

.word-list {
    text-align: justify;                        
}

.word-list a {
    text-decoration: underline;
    margin: 2px 2px 0px 2px;
}

.word-list a:hover {
    text-decoration: none;
}

.post {
    display: block;
    width: 100%;
}

#form td {
    vertical-align: top;
}

#form span {
    color:  red;
}

#form .label {
    background: #E0E0F8;
}

#form .input {
    width:  255px;
}

#form td {
    padding-left: 2px;
}

#form .er_mess {
    background-color:  #F5A9A9;
    color:  red;
    font-weight: bold;
}

#form .ok_mess {
    background-color:  #A9F5A9;
    color:  #0B610B;
    font-weight: bold;
}

div.error-message {
    color: red; 
}

.disable {
    background-color: #AFAFAF;
}

#preview {
    width: 200px; 
    border: 2px solid #aeff00; 
    padding: 10px; 
    color: #8c909a;
}

#preview span {
    color: #aeff00;
}

#prev-box {
    margin-bottom: 2px;
    padding: 5px 0px 10px 0px;
    color: #aeff00;
    text-decoration: underline;
    text-transform: capitalize;
}

.top-list {
    font-weight: bold;
}

.logo {
    padding-top: 8px;
    padding-left: 24px;
    width: 45%;
    float: left;    
}