body{
margin:0;
padding:0;
height:100%;
border: none;
font-family: Verdana;
font-size: 13px;
background: #000 url(/images/warnbg.png) repeat-x top center;
scrollbar-face-color: #666666;
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #999999;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #333333; 
scrollbar-arrow-color: black;
}

.logospace {
width: 340px;
padding-bottom: 2px;
padding-right: 2px;
cursor:pointer;
float: left;
}

.adwhore 
{
width: 50%;
overflow: hidden;
float: left;
}

.whorefix {
display: block;
overflow: hidden;
margin-left: 350px;
width: 60%;
}

a:link, a:visited {color:#aaa; text-decoration:none; font-family: Verdana;}
a:hover {color:#eee; text-decoration: none; font-family: Verdana;}

.hiding{
color: #ccc;
font-style: italic;
}

form{
margin:0;
padding:0;
border: none;
}

button, input { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    padding: 3px;
    color: #eee; 
    background-color: #000; 
    border: 2px solid #333; 
    cursor: pointer;
} 

b{font-size: 110%;}
em{color: red;}
hr{
color: #000000;
background-color: #000000;
}

.paginationstyle{ /*Style for demo pagination divs*/
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 0px solid #888888;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 5px;
text-decoration: none;
border: 0px solid #888888;
color: #aaa;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: red;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: red;
}

.tile{
color: black;
padding: 0px;
background-color: white;
width: 96px;
height: 96px;
float: left;
background-origin: border-box;
border: 2px solid transparent;
}

.numbers{
color: white;
padding: 2px;
font-size: 9px;
text-align: center;
background-color: #000000;
margin-right: 8px;
margin-left: 8px;
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
}

.title{
font-weight: bold;
color: #FFFFFF;
padding: 5px;
background: #444;
border: 2px solid #000000;
}

.symbol{
color:#eeeeee;
font-family: webdings;
font-size: 50px;
}

.paint{
color:#777;
font-size: 12px;
}
.paint2{
color:#eeeeee;
font-size: 12px;
font-style: italic;
}

.skull{
height: 337px;
}

.text{
padding: 10px;
background: #222;
color: #bbb;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #000;
}
.text A:link, .text A:visited {text-decoration: none; color: #f7f7f7; font-family: Verdana; font-weight: bold;}
.text A:hover {color: #ffffcc;}

.room{
font-size: 14px;
color: #aaa;
padding: 8px;
background: #222;
border: 2px solid #000;
}

.jerks{
font-size: 11px;
color: #000000;
padding: 5px;
background-color: #eeeeee;
border-left: 2px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
}
.jerks A:link {text-decoration: none; color: #666666; font-family: Verdana; font-weight: bold; }
.jerks A:visited {text-decoration: none; color: #999999; font-family: Verdana; font-weight: bold; 

}

.friend {color: #2e8b57}
.friend a:link {text-decoration: none; color: #8fbc8f}
.friend a:visited {text-decoration: none; color: #2e8b57}

.enemy {color: #b22222}
.enemy a:link {text-decoration: none; color: #ff4500}
.enemy a:visited {text-decoration: none; color: #b22222}

.guildfriend a:link {text-decoration: none; color: #00ced1}
.guildfriend a:visited {text-decoration: none; color: #5f9ea0}

.guildenemy a:link {text-decoration: none; color: #ff7f50}
.guildenemy a:visited {text-decoration: none; color: #cd6839}

.guildlink a:link {text-decoration: none; color: yellow}
.guildlink a:visited {text-decoration: none; color: gold}

.actions{
color: #999999;
padding: 5px;
background-color: #000000;
}

.adwore {
positon: relative;
}

.edit{
color: red;
}

.inv {
color: white;
font-size: 11px;
}

.stats{
color: #eee;
padding: 20px;
font-size: 11px;
background: #222;
}

#topsection{
margin-top: 26px;
margin-bottom: 13px;
background: transparent url(/images/hr2012.png) no-repeat 12px 0px;
height: 70px;
padding: 0px;
color: #ffa07a;
font-size: 11px;
}

#top2{
background: #000;
border-bottom: 2px solid #666666;
border-top: 1px solid #555555;
padding: 4px;
text-align: center;
font-size: 10px;
color: #eeeeee;
}

.buttons{
color: white;
font-size: 10px;
}

#toptable {
vertical-align: middle;
padding: 0px;
height:100%;
border: none;
}

#topsection h1{
margin: 0;
}

#contentwrapper{
float: right;
width: 100%;
z-index: -3;
}

.bumper{
text-align: center;
padding: 4px;
background: #333;
border-bottom: 2px solid black;
color: #f7f7f7;
font-weight: bold;
}

#contentcolumn{
margin: 0 0 0 300px; /*Margins for content column. Should be "0 right-column-width 0 
left-column-width*/
padding: 10px;
background: #333;
border-left: 2px solid black;
z-index: -2;
}

#contentcolumn2{
margin: 0 0 0 0; /*Margins for content column. Should be "0 right-column-width 0 
left-column-width*/
padding: 10px;
z-index: -1;
}

#leftcolumn{
float: right;
width: 25%; /*Width of left column in percentage*/
margin-right: -100%;
z-index: 2;
}

#rightcolumn{
float: right;
height: 100%;
width: 300px; /*Width of right column in pixels*/
margin-right: -300px; /*Set margin to -(RightColumnWidth)*/
background: #222;
color: #eee;
padding-bottom: 26px;
z-index: 1;
}

#footer{
clear: left;
width: 100%;
background: #222;
color: #eeeeee;
text-align: center;
font-size: 10px;
padding: 4px 0;
border-top: 2px solid #000;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.indexblock{
margin-bottom: 10px;
background: #222;
border: 2px solid #000;
padding: 8px;
font-size: 11px;
}

.didja{
color: #f7f7f7;
font-face: verdana;
font-size: 11px;
height: 26px;
position: absolute;
top: 0px;
right: 0px;
text-align: center;
}



/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 12px Verdana;
margin: 0;
padding: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 160px;
color: #B7C8B6;
background-color: #000;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
background-color: #000000;
color: #B7C8B6;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu{
margin: 0;
padding: 0;
font: bold 10px Verdana;
list-style-type: none;
overflow: visible;
height: 26px;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
color: white;
}

.mattblackmenu a:visited{
color: white;
}

.mattblackmenu a:hover{
background: #333; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: red; /*background of tab with "selected" class assigned to its LI */
}