/* This controls the width of your forum, either percetage - pixels. */
#wrapper{ width:80%;  min-width:720px; margin:0 auto; padding: 10px;}

/* Normal, standard links. */
a:link{ color:#ffffff;  text-decoration:underline}
a:visited{ color:#ffffff;  text-decoration:underline}
a:hover{ color:#fefefe; text-decoration:none}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited{ color:#fefefe;  text-decoration:none}
a.nav:hover{ color:#ffffff;  text-decoration:underline}

/* pathway nav */
.pathway_box{ margin:0;  padding:0 15px 15px}
span.pathway_intro{ color:#9A9A9A; font-weight: bold; margin:0}
span.pathway{ color:#FFFFFF;  margin:0 15px 0 0; font-weight: bold; font-family: verdana,sans-serif;}

/* Tables should show empty cells. */
table{ empty-cells:show}

/* By default (td, body..) use verdana in black. */
body, td, th, tr{ line-height:155%;  font-family:verdana,tahoma,sans-serif;  color:#b5b5b5;  font-size:11px}

/* The main body of the entire forum. */
body{ background:#000000 url(./images/bg.jpg) repeat-x top left; padding:60px 0 0 0;  margin:0}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea{  background: #2b2b2b; border-top: solid 1px #3a3a3a; border-left: solid 1px #3a3a3a; border-right: solid 1px #3a3a3a; border-bottom: solid 1px #3a3a3a; margin: 3px 5px; padding: 2px; color: #b5b5b5; font-size: 100%; font-family:verdana,sans-serif;}

input{ font-size:100%;}

input, button{background: #5F0100; color: #b5b5b5; border: 1px solid #222222;}

textarea { background: #2b2b2b; border-top: solid 1px #3a3a3a; border-left: solid 1px #3a3a3a; border-right: solid 1px #3a3a3a; border-bottom: solid 1px #3a3a3a; margin: 3px 5px; padding: 2px; color: #b5b5b5; font-size: 100%; font-family:verdana,sans-serif;}

/* All input elements that are checkboxes or radio buttons. */
input.check{}

/* Selects are a bit smaller, because it makes them look even better 8). */
select{ background: #2b2b2b; border-top: solid 1px #3a3a3a; border-left: solid 1px #3a3a3a; border-right: solid 1px #3a3a3a; border-bottom: solid 1px #3a3a3a; margin: 3px 5px; padding: 2px; color: #b5b5b5; font-size: 100%; font-family:verdana,sans-serif;}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor{ height:1px;  border:0;  color:#666;  background-color:#d4d4d4}

/* No image should have a border when linked */
a img{ border:0}

/* A quote, perhaps from another post. */
.quote{color:#ccc; background:#222; padding:10px; font-size:0.9em; line-height:1.4em; border-left:solid 8px #ffa5a5; font-style:italic; margin:0 1em 0 1em}

/* A code block - maybe even PHP; ). */
.code{color:#eee; background:#303030; padding:10px; font-size:0.9em; border-left:solid 8px #880000; white-space:nowrap; overflow:auto; min-height:3em; font-family:"Courier New",monospace; font-size:0.8em}

/* The "Quote:"and "Code:"header parts... */
.quoteheader, .codeheader{display:block; padding:2px 10px 2px 10px; background:#000; color:#ddd; text-decoration:none; font-style:normal; font-weight:bold; font-size:0.9em; border-bottom:solid 2px #444}
.codeheader{padding-left:26px; border-left:solid 8px #ffa5a5}
.quoteheader{border-left:solid 8px #880000; padding-left:26px; margin:1em 1em 0 1em}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help{ cursor:help}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction{ color:red}

/* The main post box - this makes it as wide as possible. */
.editor{ width:96%}

/* Highlighted text - such as search results. */
.highlight{ background-color:yellow;  font-weight:bold;  color:black}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg{ color:#cccccc; background: #222222; border-top: solid  1px #202020; border-left: solid 1px #202020; border-right: solid  1px #000; border-bottom: solid 1px #000;}
.windowbg2{ color:#cccccc; background: #2B2B2B; border-top: solid  1px #0e0e0e; border-left: solid 1px #0e0e0e; border-right: solid  1px #000; border-bottom: solid 1px #000;
}
.windowbg3{ color:#eeeeee; background: #424242;}

/* the today container in calendar */
.calendar_today{ text-align: center; background-color:#181818}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td{ color:#CCC;  font-style:normal;  background: #1D1D1F url(./images/titlebg.png) repeat-x;  border-bottom:solid 1px #323031;  border-top:solid 1px #323031;  padding-left:10px;  padding-right:10px;}
.titlebg, .titlebg a:link, .titlebg a:visited{ font-weight:bold;  color:#CCC;  font-style:normal;  font-size:12px}
.titlebg a:hover{ color:#A10000;}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited{ color:#CCC;  font-style:normal;  text-decoration:underline}
.titlebg2 a:hover{ text-decoration:underline}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg, tr.catbg td, .catbg3, tr.catbg3 td{	 color:#ffffff;  line-height:22px;	padding-left:10px; padding-right:10px; background:url(images/catbg.png) repeat-x}
.catbg2, tr.catbg2 td{	 color:#ffffff; padding-left:10px; padding-right:10px; background:url(images/catbg.png) repeat-x}
.catbg, .catbg2, .catbg3{}
.catbg, .catbg2{ font-weight:bold;  font-size:12px}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited{ font-size:95%;  color:#ffffff;  text-decoration:none}
.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited{ color:#ffffff;  text-decoration:none}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover{ text-decoration:underline}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor{ background: #202020;  padding:0px}

/* This is used on tables that should just have a border around them. */
.tborder{ padding:0px;  border: 1px solid #212121;}

/* Default font sizes:small (8pt), normal (10pt), and large (14pt). */
.smalltext{ font-size:90%;  font-family:verdana,sans-serif}
.middletext{ line-height:18px;  text-indent:10px}
.normaltext{ font-size:small}
.largetext{ font-size:large}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage{ width:100%;  overflow:auto;  line-height:1.3em}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here; ). */
.signature{ width:100%;  overflow:auto;  padding-bottom:3px;  line-height:1.3em}

/* Sometimes there will be an error when you post */
.error{ color:red}
#menu { margin: 5px; background:#484848 repeat-x; }
.maintab_first, .mirrortab_first{background:#484848 repeat-x;}
.maintab_last, .mirrortab_last{background:#484848 repeat-x;}
.maintab_active_first, .mirrortab_active_first{background:#484848 repeat-x;}
.maintab_active_last, .mirrortab_active_last{background:#484848 repeat-x;}

.maintab_back a, .mirrortab_back a{background:#484848 repeat-x; padding:5px; display:block; color:#eee; text-decoration:none; font-size:10px; text-transform:uppercase; font-family:tahoma,sans-serif; margin-right:1px}
.maintab_active_back a, .mirrortab_active_back a{padding:5px; background:#660000; display:block; color:#efe; text-decoration:none; font-size:11px; margin-right:1px}
.maintab_back a:hover, .maintab_back a.chosen:hover, .maintab_back a.chosen, .mirrortab_back a:hover, .mirrortab_back a.chosen:hover, .mirrortab_back a.chosen{color:#fff; background:#222}
.maintab_active_back a:hover, .maintab_active_back a.chosen:hover, .maintab_active_back a.chosen, .mirrortab_active_back a:hover, .mirrortab_active_back a.chosen:hover, .mirrortab_active_back a.chosen{color:#fff; background:#222}

#header{ position:relative; height:200px; overflow:hidden; background: transparent url(images/img/hdr-bg.gif) 0 0 repeat-x}
#head-r{ height:200px;  background:url(images/img/hdr-r.gif) 100% 0 no-repeat}
#head-l{ background:url(images/img/hdr-l.gif) 0 0 no-repeat}

/*
#logo{ position:absolute; top:55px; left:20px; display:block; width:227px; height:56px; cursor:pointer; background:url(./images/oxidize.gif) no-repeat}
*/

#logo{ position:absolute; top:55px; left:20px; display:block; width:455px; height:94px; cursor:pointer; background:url(./images/aoc_ef.jpg) no-repeat}


#userarea{ height:63px;  float:right; padding:32px 25px 0 0; text-align:right; font-size:12px; color:#ddd; font-family:verdana,tahoma,sans-serif}
#userarea a:link, #userarea a:visited{ color:#eee; text-decoration:none}
#userarea a:hover{ color:#660000;  text-decoration:none}

#search{ float:right; padding:50px 25px 0 0; margin:0; clear:both}

#bdy-r { background: url(./images/img/bdy-r.gif) 100% 50% repeat-y; padding-right: 25px;}
#bdy-l { background: url(./images/img/bdy-l.gif) 0 50% repeat-y; padding-left: 25px;}
#bodyarea { padding:0px; margin:0; color:#666666; background:#484848;}

#footer{ height: 69px; background: url(images/img/footer_bg.jpg) repeat-x bottom left;}
#footerarea{ text-align:center;  padding: 6em;  color:#ccc}
#footerarea a:link, #footerarea a:visited{ color:#a0a0a0}
#footerarea a:hover{ color:#ccc;  text-decoration:none}

/* The AJAX notifier */
#ajax_in_progress{ background:#2f2f2f; color:#FFF; text-align:center; font-weight:bold; font-size:18pt; padding:3px; width:100%; position:fixed; bottom:0; left:0;}