/* reset */
body
{margin: 0;padding: 0;line-height: 130%;font-family:Arial, Helvetica, sans-serif;font-size:
13px;text-align: center;
color:black;width: 100%;
background-image:url("http://www.bagofgists.ml/arkblue.jpg");
background: whitesmoke url('http://www.bagofgists.ml/arkblue.jpg');
}
*{
outline: none; }
a:link
{
color:#EF5606;
text-decoration: none;
}
a:visited
{
color: #ee5606;
}
img
{
border:;
max-width: 98%;
}
/* end reset */
h3{ padding: 10px; font-weight: bold; font-size: large; }
a:link, a:visited{ text-decoration: none; color: #c00; }
a:hover{ text-decoration: underline; color: #00c; }
a:active{color: #CCC}
a.normal{ color: #414141; cursor: pointer; }
a.normal:hover, a.normal label:hover{ color: #414141; text-decoration: none; }
a.normal:visited { color: #414141; }
textarea{ width: 90%; margin: 0 auto; max-height: 400px; padding: 10px; }
label{ display: block; padding: 5px; font-weight: bold; }
input[type=text], input[type=password]{ width: 60%; padding: 5px; }
input[type=submit]{ border: none; height: 30px; border-radius: 3px; padding: 5px 7px; cursor: pointer; background-color: #00B000; color: #FFF; font-weight: bold; text-shadow: 1px 0px 1px rgba(0,0,0,.8), 0px 1px 0px rgba(0,0,0, .8); }
input[type=submit]:hover{ background-color: #7e7e7e; }
input[type=file]{ padding: 5px; border: 1px dotted #7e7e7e; }
select{ padding: 5px; max-width: 60%; height: 30px;}
.no-padding{ margin: 0; }
.no-margin{ margin: 0; }
.tenpx-padding{ padding: 10px; }
.fivepx-padding{ padding: 5px; }
.threepx-padding{ padding: 3px; }
/**
 * 3. The Header
 */
#nav{ padding: 0; margin: 0; text-align: center; width: auto; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; background-color: rgba(222,222,222,0.6); }
#nav ul{ margin: 0; padding: 0; }
#nav ul li{ display: inline;  margin: 0;padding: 0 4px; font-weight: bold; }
#nav ul li a{ color: #008000; text-decoration: none; }
#nav ul li:hover { background-color: #000000; color: #FFFFFF; }
#nav ul li:hover a { color: #FFF; }
#logo{ padding: 5px; }
#topLine{ background-color: #00B000; height: 7px; width: 100%; }
#breadcrumbs{ margin: 5px 0; padding: 5px; }
h2#title{ position: relative; font-size: 1.5em; font-weight: bold; padding: 6px 20px 6px 28px; margin: 0 0 10px -15px; color: #FFF; color: rgba(360, 360, 360, 1); background: rgba(0, 153, 0, 1); background-color: rgba(0, 153, 0, 0.8); text-shadow: 0px 1px 2px #000; -webkit-box-shadow: 0px 2px 4px #888; -moz-box-shadow: 0px 2px 4px #888; box-shadow: 0px 2px 4px #888; }
h2#title:after{ content: ' '; position: absolute; width: 0; height: 0; left: 0px; top: 100%; border-width: 5px 4px; border-style: solid; border-color: #666 #666 transparent transparent; }
h2#title:before{ content: ' '; position: absolute; width: 0; height: 0; right: -2; top: 0px; border-color: transparent #FFFFFF transparent transparent; }
/**
 * 4. The Styles
 */
.globalTitle{ background-color: #00B000; padding: 5px 10px; display: block; text-align: left; text-shadow: 1px 1px 1px #000000; font-weight: bold; color: #FFFFFF; }
.item{ background-color: #F5F5F5; border: 1px solid #BFBFBF; padding: 1px; }
hr.header{ height: 5px; border: 1px solid #000; background-color: #44e200; width: 100%; margin: 0; padding: 0; }
.menu-links{ }
.clear{ clear: both; width: 0; height: 0; margin: 0; padding: 0 }
.br{ height: 10px; }
.box { border: 1px solid #999; margin-bottom: 5px; padding: 5px; background-color: #F5F5F5; -webkit-box-shadow: 0px 2px 4px #888; -moz-box-shadow: 0px 2px 4px #888; box-shadow: 0px 2px 4px #888; }
.levelUp{ background-color: #cacaca; }
.currentViewers { padding: 20px 20px; text-align: center; }
div#mainBar{ }
div#bodyContents{ padding: 0; margin: 0; width: 100%; }
div#wrapper{ padding: 5px; margin: 0 5px; background-color: #F5F5F5  }
div#sideBar{ margin: 0 5px 5px 5px; }
div#sideBar .bar{ width: auto; }
div#sideBar .bar .boxTitle { position: relative; font-weight: bold; padding: 6px 20px 6px 28px; margin: 0 0 10px -10px; color: #FFF; color: rgba(360, 360, 360, 1); background: rgba(0, 153, 0, 1); background-color: rgba(0, 153, 0, 0.8); text-shadow: 0px 1px 2px #000; -webkit-box-shadow: 0px 2px 4px #888; -moz-box-shadow: 0px 2px 4px #888; box-shadow: 0px 2px 4px #888; }
div#sideBar .bar .boxTitle:after{ content: ' '; position: absolute; width: 0; height: 0; left: 0px; top: 100%; border-width: 3px 2px; border-style: solid; border-color: #666 #666 transparent transparent; }
div#sideBar .bar .boxTitle:before{ content: ' '; position: absolute; width: 0; height: 0; right: -2; top: 0px; border-color: transparent #FFFFFF transparent transparent; }
.notice{ background-color: #FFFFCC; color: #000; font-weight: bold; margin: 10px 0; text-align: center; padding: 15px 30px; border: 2px solid #c00 ; }
div.pages{ border: 2px solid #BFBFBF; padding: 3px; margin: 0; text-align: right; }
div.pages span.pages{ display: inline-block; padding: 3px 5px; margin: 0 2px; background-color: #00B000; color: #FFFFFF; font-weight: bold; }