﻿body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color:gray;
}
* {margin: 0px;padding: 0px;}

p {
	padding: 10px 10px 10px 20px;
	display:block;
	color:#525757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold
}
a {
	color:#6b7272;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#container {
	margin: 0px auto;
	text-align: left;
	width: 850px;
}
#header{
	margin: 0px auto;
	height: 205px;
	background-image: url(Khaotic2.png);
	background-repeat: no-repeat;
}
#header-cont{
	height: 150px;
	/*background-image: url(Khaoticcont.png);
	background-repeat: repeat-x;*/
	background-color:black;
	border-bottom:thin solid white;
}
#content{
}
#left{
	margin-left:7%;
	width:192px;
	float:left;
}
#middle{
	margin-left:37%;
	width:450px;
}
#right{
	width:192px;
	float:right;
}

/********************* menu ****************************/
.menuheader{
	width:192px;
	height:auto;
	display:block;
	background-color:black;
	border: thin solid black;
}
.menucontent{
	width:192px;
	padding-top:10px;
	border-left: thin solid black;
	border-right: thin solid black;
}
.menucontent li a{
color:maroon;
}
.menuheader h3{
	padding: 10px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:white;
}

.menufooter{
	width:192px;
	height:15px;
	display:block;
	border-left: thin solid black;
	border-right: thin solid black;
	border-bottom: thin solid black;
}
.postheader,.menuheader{
	color:#CCCCCC;
	text-transform: uppercase;
}
.field {
background-color:#A9A9A9;
}
#field{
border:thin solid black;
}
/********************* post ****************************/
.post{
	margin-bottom:15px;
}
.postheader{
	display:block;
	width:450px;
	height:33px;
	/*border: medium ridge white;*/
	background-color: black;
	border-left: thin solid black;
	border-right: thin solid black;
	border-bottom: thin solid black;
}
.postheader h1{
	padding: 7px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color:#8B0000;
}
.postheader a{
	padding: 7px 0px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color:#8B0000;
}
.postheader a:hover{
	padding: 7px 0px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color:#FFFFFF;
}

.postcontent{
	padding: 20px 0px;
	width:450px;
	background-color:#A9A9A9;
	border-left: thin solid white;
	border-right: thin solid white;
	border-bottom: thin solid white;
}
.postcontent2{
	padding: 20px 0px;
	width:450px;
	background-color:#A9A9A9;
	border-left: thin solid white;
	border-right: thin solid white;
	border-bottom: thin solid white;
}
.postcontent li{
	padding-left: 40px;
}
.postcontent p{
	font-family: sans-serif;
	font-size:12px;
	color:black;
}
.postcontent a{
color:#8B0000;
}
.postfooter{
	display:block;
	width:450px;
	height:3px;
	border-bottom: thin solid #8B0000;
}
p a{
color:white;
}
/********************* header ****************************/
#header{
	position:relative;
}
#header ul{
	position:relative;
	top:155px;
	display:inline;
	left:200px;
	bottom:15px;
}
#header ul li{
	display:inline;
	text-align:center;
	margin:auto;
	width:auto;
	border-right: 1px solid white;	
}
.last{
	border-right: 0px none white !important;
}
#header ul li a{
	display:inline;
	text-align:center;
	text-decoration:none;
	color:#8B0000;
	padding: 0px 10px;
	text-transform: uppercase;
}
#header ul li a:hover{
	color:black;
}
/********************* footer ****************************/
#footer{
}
#footer ul{
	display:block;
	margin-left:190px;
}
#footer ul li{
	display:inline;
	text-align:center;
	margin:auto;
	width:auto;
	border-right: 1px solid #6b7272;	
}

#footer ul li a{
	display:inline;
	text-align:center;
	text-decoration:none;
	padding: 0px 10px;
	text-transform: uppercase;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer span{
	color:#525757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	display:block;
	padding: 15px 0px;
}
/********************* menu members ****************************/
.menu ul{
	list-style-position: inside;
	list-style-type: disc;
	padding: 0px 0px 0px 20px;
	color:#666666;
}
.menu ul{
	list-style-position: inside;
	list-style-type: disc;
	padding: 0px 0px 0px 20px;
	color:#666666;
}
 .menu ul ul#apps{
	padding-top: 5px;
	color:#666666;
	display:none;
	padding-bottom:10px;
}
 .menu ul ul#links{
	padding-top: 5px;
	color:#666666;
	display:none;
	padding-bottom:10px;
}
.menu ul li{
	padding-top: 5px;
	color:#666666;
}
.menu ul li a{
	text-decoration:none;
	padding: 0px;
}
.menu ul li a:hover{
	text-decoration:underline;
	text-transform: uppercase;
	color: silver;
}
/*******************************WebScape******************************/

#webrslink,#webrslin a{
color: #8B0000;
font-weight:700;
font-size:16px;
}
#box1 {
display:none;
}
#box2 {
display:none;
}
#box3 {
display:none;
}
#box4 {
display:none;
}
#box5{
display:none;
}
/***********************PROXY***********************************************/
ul#navigation, ul#form
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul#navigation
{
    float: right;
}

ul#form
{
}

ul#navigation li
{
    float: left;
    margin: 0;
    padding: 5px 0;
    border-top: 2px black solid;
}

ul#navigation li a
{
    font-weight: bold;
    color: black;
    background-color: #A60000;
    padding: 5px 15px;
    margin-left: 1px;
    text-decoration: none;
    border-left:black solid;
	border-bottom:white solid;
} 

ul#navigation li  a:hover
{
    color: white;
}

ul#form li
{
    width: auto;
}

#footer
{
    color: #2F4F4F;
    font-size: small;
    text-align: right;
}

#address_bar
{
    border-top: 2px black solid;
    border-bottom: 3px black solid;
    text-align: center;
    padding: 5px 0px;
	margin-bottom:10px;
    color: #A60000;
    font-weight: bold;
    width: auto;
}

#go
{
    background-color: black;
    font-weight: bold;
    color: #A60000;
    padding: 2px 5px;
}

.option
{
    padding: 2px 0px;
    /*background-color: black;*/
}

/* .option label
{
    border-bottom: 2px #ffffff solid;
}
*/

form
{
    margin: auto;
}

#error, #auth
{
    background-color: #BF6464;
    border-top: 1px solid #44352C;
    border-bottom: 1px solid #44352C;
    width: auto;
}

#auth
{
    background-color: #94C261;
}

#error p, #auth p, #auth form
{
    margin: 5px;
}