/* vim: set nocindent ts=8 : */

/* ****************** *
 * Website Formatting *
 * ****************** */

body {
	margin: 0 auto;
	padding: 0;
	font: 9pt Verdana,Tahoma,Arial,sans-serif;
	text-align: center;
}
table { font: 9.5pt Verdana,Tahoma,Arial,sans-serif; color: white; }

#wrap {
	border:  none;
	margin: 0 auto;
	width: 740px;
}

#header {
	text-align: center;
	clear: both;
	margin: 0px 0em 0px 0em;
	padding: 0;
	height: 95px;
}

#header h3 {
	width: 350px;
	margin: 0px 0px 0px 15px;
	float: left;
}

#header p {
	width: 500px;
	float: right;
	text-align: center;
	margin: 0px 0px 0px 0px;
	font-size: 0.8em;
	line-height: 1.2em;
	height: 35px;
}

#header_image {
	width: 740px;
	height: 228px;
	margin-bottom: 4px;
}

#avmenu {
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	text-align: left;
}

#avmenu ul {	
	list-style: none;
	width: 150px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.1em;
}	

#avmenu li { margin-bottom: 4px }

#avmenu li a.mainsection {
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	display: block;
	padding: 6px 0 0 10px;
	border-left: 4px solid;
}
#avmenu li a.mainsection:hover { border-left: 4px solid }
#avmenu ul.subsection li {	padding: 0 0 0 20px	}
#avmenu ul.subsection {
	padding: 1em 0 1em 0;
	margin: 0;
}
 
#avmenu .newsLink{	text-align: right	}
#avmenu .newsEntry{	padding-bottom: 10px	}
#avmenu .newsTitle{	font-weight: bold	}

.announce {
	margin: 10px 0 10px 0;
	padding: 10px;
	line-height: 1.3em;
}

ul,ol { padding-left: 30px; margin-left: 0 }

#extras {
	float: right;
	width: 150px;
	margin: 20px 10px 10px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: left;
}

#extras p { margin: 0 0 1.5em 0 }

#content {
	margin: 0em 170px 20px 160px;
	padding: 1.5em 10px 0 10px;
	line-height: 1.6em;
	text-align: justify;
}
#content.no_rinfo { margin: 0em 20px 20px 160px }

#content p { text-indent: 3em; margin-bottom: 1em; }

h2,h3,h4,h5 { margin: 0 0 0.5em 0 }
h2 { font-size: 1.5em }
h3 { font-size: 1.3em }
h4 { font-size: 1.1em }
h5 { font-size: 1.0em }

#content img {
	padding: 0px;
	display:inline;
}


a { text-decoration: none }
a:hover { text-decoration: underline }


#footer {
	clear: both;
	margin: 0 auto;
	padding: 0px 0em 0px 0em;
	width: 740px;
	text-align: center;
	font-size: 0.9em;
	height: 95px;
	border: none;
}
#footer a { text-decoration: none }
#footer a:hover { text-decoration: underline }

/* Markup classes */
.left {
	margin: 0px 7px 0px 5px;
	float: left;
}
.right {
	margin: 0px 7px 0px 5px;
	float: right;
}
.textright { text-align: right }
.center { text-align: center }
.small { font-size: 0.8em }
.bold { font-weight: bold }
.hide { display: none }

#content div.chucksays
{
	background-image: url(image/404.jpg);
	background-position: center left;
	background-repeat:no-repeat;
}

#content p.chucksays
{
	padding-left: 80px;
	text-indent: 0;
}

ol.faq > li { padding-top: 0.8em }
ol.faq { margin-bottom: 2em }

div.faq_entry h4 { border-bottom: 1px solid red; }

div.ranking { width: 100% } 
table.ranking {
	width: 100%;
	text-align: left;
	border: 1px solid;
	margin-bottom: 20pt;
}
tr.ranking_name { font-size: 1.2em; text-align: center }

#content.database div.entry { width: 100% }
#content.database table.entry {
	width: 100%;
	text-align: left;
	border: 1px solid;
	margin-bottom: 20pt;
}

#content.database .stat { text-align: right; border: 1px solid red; width: 25% }

#vote_pane {
    text-align: center;
}

/*   Patcher information */
.topBar {
height:100px
}

#top200 {
    float: right;
    position: relative;
    left: 1px;
    font-size: 15px;
    text-align: center;
}

#status .good { color: green }
#status .bad { color: red }
#patcher{
	border:  none;
	margin: 0 auto;
	width: 600px;
}


#patcher .newsLink{	text-align:right	}
#patcher .newsEntry{
	padding-bottom: 10px;
	border-bottom-color: red;
	border-bottom-width: 1px;
	
	
}

#patcher .newsTitle{	text-align: right; font-weight: bold;	}
#patcher .newsDate{	text-align: right	}
#patcher .newsPost{	text-align: left	}



/* ******************* *
 * Color specification *
 * ******************* */

body	{ background: #211d1e url(image/body_deg.gif) repeat-x }
#wrap	{ background: #000000; color: #ffffff }

#header		{ background-color: #000000 }
#header p	{ color: #a0a0a0 }
#header_image	{ background-image: url(image/header.jpg) }
#header_image	{ background-image: url(image/Cherry-1.jpg); height: 200px; width: 740px }

#avmenu li a.mainsection	{ border-left-color: #83501E; color: #fffff1; background: #83501E}
#avmenu li a.mainsection:hover	{ border-left-color: #623301; color: #fffff1; background: #83501E}

#patcher { background-color: #000000 }

#patcher 
	.newsPost, 
	.newsLink,
	.newsTitle,
	.newsDate { color: #ffffff }
#status {color: #ffffff }

div.topItem		{ border-left: 4px solid; border-left-color: #83501E; color: #fffff1; background: #83501E}
div.topItemOver		{ border-left: 4px solid; border-left-color: #623301; color: #fffff1; background: #83501E}

div.topItemClose	{ border-left: 4px solid; border-left-color: #83501E; color: #fffff1; background: #83501E}
div.topItemCloseOver	{ border-left: 4px solid; border-left-color: #623301; color: #fffff1; background: #83501E}

div.subItem a		{ color: #FF9D45}
div.subItem a:hover	{ color: #FF9D45}

div.subItemOver a	{ color: #FF9D45}
div.subItemOver a:hover	{ color: #FF9D45}


.announce	{ color: #a8a8a8; background-color: #000000 }

table.ranking { color: white; border-color: #83501E }
tr.ranking_name { background: #83501E }
tr.odd_row, td.odd_row { background: #333 }

#footer		{ color: #808080; background: black }
#footer a	{ color: #808080 }

a	{ color: #FA931C }
a:hover	{ color: #FA931C }
a	{ color: #FF9D45}
a:hover	{ color: #FF9D45}


/* Jail Script */
tr.jail_top {border-style:dotted; border-width: thin;}
tr.jail_btm {border-style:solid; border-width: thin;}

/*Ext JS modifications and edits*/
.float-inv-item{
    float:left;
    width:30px;
    height:30px;
    padding:5px;
    overflow: hidden; 
    background-repeat: no-repeat;
    background-position: center center;
}

.char-list-wrap{
    height: 140px;
    width:100%;
}

.char-list-name{
    padding-left: 10px;
    padding-top: 10px;
    width:100%;
    text-align: left;
}

.char-list-class{
    padding-bottom: 10px;
    padding-right: 10px;
    text-align: right;
}

#server_select div{
	width:300px;
}


#server_select select{
	width:100%;
	}
/* Popup image */
#lib-bar {
position:absolute;
right:10px;
top:0;
visibility:hidden;
z-index:100;
}
#lib-bar-inner {
padding:4px;
}
#lib-bar * {
font-size:11px;
}
#msg-div {
left:35%;
position:absolute;
top:10px;
width:250px;
z-index:20000;
}