/*** COMMON ***/

* { padding:0; margin:0; border:0 }
html,body { min-height:480px }
body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:62.5%;
 background:#202020 url(/anarchy/frontend/img/ui/bg.jpg) top left no-repeat;
 color:#efefef;
 overflow:visible;
}

h1, h2, h3, h4 { color:#fff; font-size:1.1em }
h1,h2 { padding:5px 0 .9em; text-transform:uppercase; font-weight:bold }
h2, #centerRight h3 { background: url(/anarchy/frontend/img/pr/hr.gif) top left repeat-x }
h3 { margin:6px 0 6px 0 }
h1 a, h2 a { color:#fff }
h3 a { color:#b4b4b8 }
h3 a:hover { color:#fff }

p { padding-bottom:.9em }
a { color:#ff9a49; text-decoration:none }
.more { color:#ff9a49; visibility:hidden }

.content { margin:0 20px; font-size:1.1em }
.content ol, .content ul {margin-left:20px }
.content ul.paginate { list-style:none; margin-left:0 }

.thumb {
 float:left;
 padding:0 10px 10px 0;
 width:100px;
 height:80px;
}
.clear { clear:left; height:1px; overflow:hidden }

ul.gallery { margin:20px auto }
ul.gallery li { display:inline }
ul.gallery img {
 width:120px;
 height:90px;
 margin:15px;
 border:1px solid #333;
}
ul.gnav { margin-bottom:10px; color:#909090 }
li.gnav {
 padding-bottom:2px;
 height:20px;
 text-transform:uppercase;
 text-indent:5px;
 font-size:1.1em;
 font-weight:bold;
 line-height:28px;
 background:url(/anarchy/frontend/img/ui/navTop.gif) bottom left no-repeat;
}
ul.cnav li { padding:2px 0 }
li.cnav {
 text-indent:18px;
 font-size:1.1em;
 background:url(/anarchy/frontend/img/ui/navMid.gif) top left repeat-y;
}
ul.tnav { padding-bottom:2px; text-indent:24px }
li.selected { font-weight: bold }
li.ulContainer {
 margin:-3px 0;
 padding:3px 0;
 background:url(/anarchy/frontend/img/ui/navMid.gif) top left repeat-y;  /* IE7 - God only knows */
}
li.navBtm {
 height:10px;
 background:url(/anarchy/frontend/img/ui/navBtm.gif) top left no-repeat;
}

input { padding:1px 3px }
select { width:13.5em }
input, select {
 color:#555;
 background:#ccc;
 height:auto;
 border:1px solid #555;
 font-size:1em;
 font-weight:bold;
}
label {
 width:7em;
 float:left;
 vertical-align:bottom;
 text-align:right;
 margin-right:0.5em;
 display:block;
}
textarea { width:100%; max-width:20em }


/*** SPECIFIC ***/

#centerRight ol, #centerRight ul { margin:0; list-style:none }
#centerRight h3 { padding:7px 0; font-weight:normal }

#left ul, #tabs ul {
 position:relative; /* IE6 */
 margin-left:0;
 list-style:none;
 overflow:hidden;
}
#left ul li { width:100%; position:relative } /* IE6 */ 
#left a.on { color:#fff; font-weight:bold }
#left a, #footer a { color:#b4b4b8 }
#left a:hover, #tabs a:hover, #footer a:hover { color:#fff; text-decoration:none }
#left li.gnav a { color:#fff }

#tabs {  /* in header */
 float:right;
 margin-top:145px;
 width:100%;
 line-height:20px;
}
#tabs li {
 float:right;
 margin-left:10px;
 margin-right:3px;
 background:url(/anarchy/frontend/img/ui/tabR.gif) top right no-repeat;
}
#tabs a {
 display:block;
 margin-left:-10px;
 padding:0 15px;
 color:#fff;
 font-size:.9em;
 font-weight:bold;
 text-align:center;
 text-transform:uppercase;
 background:url(/anarchy/frontend/img/ui/tabL.gif) top left no-repeat;
}

#searchBox {
 display:block;
 height:3em;
 padding:5px 10px;
 border-bottom:1px solid #636a73;
 border-left:1px solid #000;
 border-right:5px solid #000;
 background:#494b52 url(/anarchy/frontend/img/ui/searchBg.jpg) top left;
}
#searchBox .searchField { margin:6px 5px 5px 0; width:170px }
.searchSubmit { border:none; background:none }

.topBorder {  /* in #header */
 float:left;
 height:10px;
 width:100%;
 background:url(/anarchy/frontend/img/ui/bdrTop.gif) bottom left repeat-x;
}
.btmBorder {  /* in #footer, centerRight, & rightBanner */
 height:13px;
 background:url(/anarchy/frontend/img/ui/bdrBtm.gif) top left repeat-x;
}
#rightBanners {
 position:relative;
 width:150px;
 margin-left:30px;
 overflow:hidden;
}
#rightBanners li {
 margin-bottom:15px;
 height:100%;
 background:#000 url(/anarchy/frontend/img/ui/bdrBannerBg.gif) top left repeat-y;
}
img.rightBanner { width:130px; margin-left:10px }

#centerRight .btmBorder { margin:0 5px 0 0}
#centerRight .cornerBL { margin-left:-10px }
.cornerBL, .cornerTL { float:left }
.cornerBR, .cornerTR { float:right }

#centerRight li { width:250px } /* IE */
#centerRight .articles li, #centerRight .timeline li { width:220px } /* IE */
#centerRight .date { text-align:center; color:#636a73 }

#footer .btmBorder { padding-bottom:40px }
#copyright img {
 margin-top:-10px;
 padding-right:10px;
 vertical-align:middle;
}
#mgnav li {
 display:inline;
 padding:0 5px;
 text-indent:0;
 text-align:center;
}

.required { color: #ff9a49 }
.top {
 float:right;
 margin-right:0;
 padding:5px 0 8px;
 color:#808080;
 background:url(/anarchy/frontend/img/pr/hr.gif) bottom left repeat-x;
}
.top .seperator { color:#606060 }
.btm {
 padding-top:10px;
 color:#909090;
 background:url(/anarchy/frontend/img/pr/hr.gif) top left repeat-x;
}
.btm .seperator { color:#808080 }
.on { color:#fff }
.date {
 color:#404046;
 text-transform:uppercase;
 font-size:95%;
 font-weight:bold;
}
.dots {
 color:#909090;
 font-size:1.1em;
 font-weight:bold;
}
.toTop { margin-left:20px }


/*** LAYOUT ***/

#outerWrapper {
 position:relative;
 min-width:1000px;
 background:url(/anarchy/frontend/img/ui/bdrLeftCenterBg.gif) top left repeat-y;  /* center background & left background (trans) img w/ border */
 z-index:0;
}
#wrapper {
 position:relative;
 height:1%;  /* IE6- */
 background:url(/anarchy/frontend/img/ui/bdrRight.gif) top right repeat-y;  /* right background & border img */
 z-index:1;
}
#logo {
 position:absolute;
 top:60px;
 left:60px;
}
#header {
 display:block;
 margin:0 215px;
 height:175px;
 background:#202020 url(/anarchy/frontend/img/ui/logoAO.jpg) top left no-repeat;
}
#container {
 position:relative;
 float:left;
 display:block;  /* IE6- */
 margin-left:-225px;
 width:100%;
 z-index:3;
}
#left {
 float:left;
 display:inline;  /* IE6- */
 margin-left:225px;
 margin-top:-12px;
 padding-left:30px;
 width:195px; /* actual width (margin-left) - padding */
}
#right {
 position:relative;
 margin-left:-225px;
 margin-top:-10px;
 padding-left:100%;
 z-index:2;
}
#center {
 margin-left:450px;  /* left width + container margin-left */
 margin-bottom:20px;
 width:auto;
 height:1%;  /* IE6- */
}
#centerTop {
 overflow:hidden;
 background:#000;
 line-height:0; */ REQUIRED - gap fix for FF */
}
#centerLeft {
 position:relative;
 float:left;
 height:100%;
 width:100%;
}
#centerRight {
 position:relative;
 float:right;
 display:inline;  /* IE6- */
 margin:0 0 20px 20px;
 padding-left:10px;
 width:250px;
 background:#000 url(/anarchy/frontend/img/ui/bdrLeftCenterRight.gif) top left repeat-y;
 overflow:hidden;
}
#footer {
 clear:both;
 position:relative;
 margin:0 215px;
 padding-bottom:30px;
 background:#202020;
 text-align:center;
}
#copyright {
 float:left;
 display:inline;  /* IE6 */
 position:relative;
 margin:-35px -20px 0 -180px;
 padding:11px 0 5px;
 vertical-align:middle;
 text-transform:uppercase;
 font-size:.9em;
}
#pegi {
 float:right;
 display:inline;  /* IE6 */
 position:relative;
 margin:-35px -180px 0 -180px;
 padding:11px 0 5px;
 vertical-align:middle;
 font-size:.9em;
}


/*** PLUGINS ***/

/* thickbox */
#TB_caption { font-size:1.1em; color:#aaa }

/* pager */
ul.nav-page {
 text-align:right;
 margin:0 20px;
 padding:5px 0;
 list-style:none;
}
ul.nav-page li { padding:0 3px; display:inline }
ul.nav-page li.cur a { font-weight:bold; border-bottom:1px solid #ff9a49 }
#centerRight ul.nav-page { padding:0 10px 10px; margin-top:-23px }


/*** #centerRight INCLUDES ***/

ul.articles, ul.timeline { padding:0 5px 0 15px }
#centerRight h1 {
 color:#636a73;
 text-transform:uppercase;
 font-weight:bold;
 font-size:1.1em;
 text-align:left;
 margin:0 15px -5px;
}
#battlemaps h1.server { margin:-8px 15px }
#battlemaps img { width:240px; height:300px; margin-left:5px }
#media { border-right:5px solid #000; overflow:hidden }
#media img { width:250px; height:192px }
#inset { border-right:5px solid #000; overflow:hidden }
#inset img { width:250px; height:auto }