/*************************************************************************
*    Copyright (C) 1999-2005, WebFoundation.net. All rights reserved.    *
*Unauthorized use and or modification of this code is strictly prohibited*
*                  and subject to criminal prosecution.                  *
**************************************************************************/

/********** BODY */
BODY { 
margin: 20px 0 0 0;
background: #B8B7B7 url('http://arcadesocket.com/plugins/site/themes/classic/img/bodybg.gif') top left repeat-x;
padding:0;
text-align:center;
}
/********** FIXES */
* html p {
  	height: 1%;
  	margin-left: 0;
  }
* html #content {
  	height: 1%;
  	margin-left: 0;
}
/********** COMMON */
#banner, #time, #login, #content {
margin-left: 199px;
font: normal 10px/12px verdana,helvetica,sans-serif;
}
/********** FRAME */
#maindiv {
text-align:center;
width: 780px;
min-width: 780px;
background: #FFF url('http://arcadesocket.com/plugins/site/themes/classic/img/leftdivbg.gif') repeat-y  top left;
border: 1px solid #000;
margin: 0 auto
}

#menu {
border-bottom:1px solid #404040;
}
/********** TOP */
#navlist {
background: #000 url('http://arcadesocket.com/plugins/site/themes/classic/img/top.gif') repeat-x;
height: 26px;
padding:0;
margin:0;
font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
list-style: none outside none;
}
#navlist li {
bottom: 11px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}
#navlist a, #navlist a:link, #navlist a:visited {
background: #A8CE6B;
border: 1px solid #FFF;
bottom: 4px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}
#navlist a:hover {
background: #BFDB91;
bottom: 1px;
right: 1px
}
#navlist a:active {
background: #5E5E5E;
bottom: 0px;
right: 0px;
}
#navlist li.active {
background: none;
bottom: 16px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}
#navlist .active a, #navlist .active a:link, #navlist .active a:visited, #navlist .active a:hover {
background: #C4C4C4;
border: 1px solid #FFF;
border-bottom: none;
bottom: 0;
right: 0;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px
}
/********** BANNER */
#banner {
background: #302F2F url('http://arcadesocket.com/plugins/site/themes/classic/img/bannerbg.jpg') repeat-x;
padding: 12px 0;
}
#banner div {
width: 468px;
height: 60px;
background: #000;
color: #FFF
}
#banner img {
width: 468px;
height: 60px;
border: 0;
margin: 0 auto;
display: block
}
/********** TIME */
#time {
padding: 0 4px 0 0;
background: #000;
color: #FFF;
text-align: right;
}
/********** LOGIN */
#login {
padding: 2px 4px 2px 1px;
background: #CCC url('http://www.arcadesocket.com/plugins/site/themes/classic/img/time.gif') repeat-x;
color: #000; 
text-align: right;
border-bottom: 1px solid #666
}
#login A {
color: #000;
line-height: 19px;
text-decoration: none;
border-bottom: 1px solid #CC9999
}
#login A:hover {
background: #ccc;
border-bottom: 1px solid #000
}
#login form { margin: 0 }
#login .textbox {
width: 100px;
height: 1.5em;
padding: 0;
margin:0;
border: 1px solid #666;
background: #fefefe;
}
#login .button {
margin: 0 0 0 2px;
padding: 0.1em;
}
/********** LEFT */
#leftdiv {
padding-top: 125px;
background: url('http://www.arcadesocket.com/plugins/site/themes/classic/img/logo.gif') top left no-repeat;
width: 200px;
text-align:center;
float: left
}
#lsearch, #lsearchb, #lads, #ladsb {
text-align: left;
width: 170px;
border: 1px solid #000;
border-top:0;
padding: 4px;
margin: auto;
color: #000;
}
#lsearch, #lads {
font: bold 12px Verdana,helvetica,sans-serif;
height: 14px;
color: #FFF;
background: #000 url('http://www.arcadesocket.com/plugins/site/themes/classic/img/h2.gif') top left repeat-x;
}
#lsearchb, #ladsb {
font: italic 14px/16px Arial, Helvetica, sans-serif;
background-color: #fff;
margin-bottom: 20px
}

#ladsb A {
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
border-bottom: 1px solid #999
}
#ladsb A:hover  {
border-bottom: 1px solid #000
}
#lsearchb .button {
margin: 3px 0;
padding: 1px 4px;
}
#lsearchb .textbox {
margin: 3px 0;
width: 100px;
}
#lsearchb form {
margin: 0 auto;
text-align:center;
}
/********** TIME */
#time {
padding: 0 4px 0 0;
background: #000;
color: #FFF;
text-align: right;
}
/********** CONTENT */
#content {
text-align: left;
margin: 0 0 0 199px;
font: normal 10px/12px verdana,helvetica,sans-serif;
padding: 5px 0 5px 5px;
margin-right:5px;
background-color: #FFF;
}
.contentbox, .catheadingtext {
	background:#BCE27F url('http://arcadesocket.com/plugins/site/themes/classic/img/header.gif') top left repeat-x;
	padding: 4px;
	border: 1px solid #AED471;
	border-top:0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;

}

.contenttext {
border: 1px solid #AED471;
border-top:0;
background:#fff url('http://arcadesocket.com/plugins/site/themes/classic/img/content.gif') bottom left repeat-x;
}
#content h1, #content h2, #content h3, #content p {color: #000}
#content h1 { 
margin-top: 5px;
font: bold 18px/20px Arial, Helvetica, sans-serif;
} 
#content h2 {
margin-right:10px;
margin-left: 8px;
font: bold 16px/18px Verdana, Arial, Helvetica, sans-serif;
color: #D00C0C
}
#content h3 {
margin: 5px 5px 5px 10px;
font: bold 16px/18px Verdana, Arial, Helvetica, sans-serif;
}
#content p {
text-align: left;
font: normal 14px/15px Verdana, Arial, Helvetica, sans-serif; 
margin: 0 10px 10px 10px
}
#content p A, blockquote A, #content h2 A {
color: #000;
line-height:20px;
text-decoration: none;
border-bottom: 1px solid #CC9900
}
#content p A:Hover, blockquote A:Hover, #content h2 A:Hover {
background: #f0f0f0;
border-bottom: 1px solid #B28600
}
#content strong {
font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; 
}
/********** FOOTER */
#footer { 
clear: both;  
padding: 2px;
border-bottom: 2px solid #FFF;
background: #000 url('http://www.arcadesocket.com/plugins/site/themes/classic/img/footer.gif') top left repeat-x;
color: #A6A6A6;
font-size: 8px;
}
#footer A {
font: bold 10px Verdana, Helvetica, Sans-serif; 
color: #fff; 
text-decoration: none
}
#footer A:hover {
background:#666;
text-decoration: underline
} 
/********** ELEMENTS */
.button, .textbox {
font: bold 10px/12px Verdana, Helvetica, Sans-serif; 
color: #000;
padding: 2px 0px;
}
.button {
background: #ECE9D8;
border: 1px solid #666;
border-top: 1px solid #999;
border-left: 1px solid #999;
margin-top: 10px;
cursor: pointer;
}
.textbox {
margin: 2px;
padding: 2px;
border: 1px solid #ccc;
border-top: 1px solid #999;
border-left: 1px solid #999;
background: #fff;
width: 350px;
}
.textbox:hover {border:1px solid #999;}
.button:hover {background-color: #DCD5B6}