/* Color Codes
e8eeef - lightest
aac4cb
9fafb8
7b909c
415a6c
243d51
001a32 - darkest

mainbody bu-DAE1DF */

/* Home Page Style */

.mainbody A:link {text-decoration: none; color: #D4A017;}
.mainbody A:visited {text-decoration: none; color: #D4A017;}
.mainbody A:active {text-decoration: none; color: #D4A017;}
.mainbody A:hover {text-decoration: underline; color: #b7d4e6;}

.newsLinks A:link {text-decoration: none; color: #DAE1DF; font-size: 12px; font-family: Georgia}
.newsLinks A:visited {text-decoration: none; color: #DAE1DF; font-size: 12px; font-family: Georgia}
.newsLinks A:active {text-decoration: none; color: #DAE1DF; font-size: 12px; font-family: Georgia}
.newsLinks A:hover {text-decoration: underline; color: #DAE1DF; font-size: 12px; font-family: Georgia}

.subnavbar A:link {text-decoration: bold; color: #DAE1DF; font-size: 17px; font-family: calibri}
.subnavbar A:visited {text-decoration: bold; color: #DAE1DF; font-size: 17px; font-family: calibri}
.subnavbar A:active {text-decoration: bold; color: #DAE1DF; font-size: 17px; font-family: calibri}
.subnavbar A:hover {text-decoration: bold; color: #DAE1DF; font-size: 17px; font-family: calibri}

.timeDate { font-size: 9px; font-family: Arial }
.newsMainHeading { font-size: 20px; text-decoration: bold; font-family: Georgia }
.newsSubHeading, .fileTitle { font-family: Georgia; font-size: 15px; }

.rawrfooter A:link {text-decoration: none; color: #415a6c;}
.rawrfooter A:visited {text-decoration: none; color: #415a6c;}
.rawrfooter A:active {text-decoration: none; color: #415a6c;}
.rawrfooter A:hover {text-decoration: none; color: #e8eeef;}

IMG.newsImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
 }

.bg1
{
    background-color: #001a32;
    margin: 0;
    padding: 0;
    height: 100%;
    background-image: url(images/tile1.png);
    background-repeat: repeat;
}

.loginbanner
{
    height: 25px;
    width: 100%;
    background-color: #243d51;
    font-size: 11px;
    position: relative;
    text-align: left;
}

.loginbanner #username, .loginbanner #password
{
    width: 85px;
    font-size: 80%;
}

.loginbanner #ButtonLogin
{
    font-size: 80%;
}


.headright
{
    text-align: right;
    overflow: hidden;
    position: absolute;
    margin: 65px 0 0 660px;
    font-size: 18px;
    color: #e8eeef;
}

.mainbody
{
    background-color: transparent;
    margin: auto auto auto auto;
    position: relative;
    height: 100%;
    /* width: 1000px; */
    /* text-align: left;
    font-family: Verdana;
    font-size: 12px;
    color: #001a32; 
    color: #000000; */
}

.rawrheader
{
    position: relative;
    height: 90px;
    width: 954px;
    /* color: #e8eeef; */
    background-color: Transparent;
    background-image: url(images/rawrtextBETA.png);
    background-repeat: no-repeat;
    margin: auto auto auto auto;
    background-position: bottom center;
    z-index: 1;
    
}

.capetrim
{
    background-color: #243d51;
    position: absolute;
    width: 100%;
    height: 57px;
    z-index: 0;
    margin-top: 105px;
}

.capetrimborder
{
    /*background-color: #b1af00;*/ /* yellow trim */
    background-color: #746830;
    position: absolute;
    width: 100%;
    height: 8px;
    z-index: 0.1;
    margin-top: 91px;
    
}

.capetrimborder2
{
    /*background-color: #b1af00;*/ /* yellow trim */
    background-color: #746830;
    position: absolute;
    width: 100%;
    height: 8px;
    z-index: 0.1;
    margin-top: 168px;
    
}

.maincontent
{
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    height: 1000px;
    width: 1000px;
    margin-top: 0px;
    margin-left: auto; /* centers the main content */
    margin-right: auto; /* centers the main content */
}

.subnavbar
{
	/*background-color: #243d51;*/
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background:transparent url(images/bubble6.png) no-repeat top right;
	/*width:980px; */
	/*width: auto;*/
	text-align:center;
	float: left;
	/*border-color: #746830;
	border-width: 2px;
	border-style: solid;*/
	padding: 4px 18px 2px 6px;
	margin-left: 25px;
}

.suggest_link {
	background-color: #243d51;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #001a32;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	position: absolute;
	left: 190px; 
	background-color: #243d51; 
	text-align: left; 
	border: 1px solid #000000;	
	/*width: 152px;*/		
}

.center {
	margin-left: auto;
	margin-right: auto;
}

/* body Pretty sure we don't need this?
{
    padding: 20px;
    background: #001a32;

    text-align: left;
    font-family: Verdana;
    font-size: 12px;
    /* color: #001a32; 
    color: #000000;
} */

/* Pretty Nav Bar */ 

/* GLOBALHEADER */
#globalheader { width: 954px; height: 52px; margin: 18px auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 159px; height: 0; padding-top: 52px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalsearch { background-image: url(images/rawrnavbar.png); _background-image: url(images/rawrnavbar.png); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-newsmenu a { background-position: 0 0; }
#globalheader #globalnav li#gn-forums a { background-position: -159px 0; }
#globalheader #globalnav li#gn-pvp a { background-position: -318px 0; }
#globalheader #globalnav li#gn-library a { background-position: -477px 0; }
#globalheader #globalnav li#gn-rawr a { background-position: -636px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-newsmenu a:hover { background-position: 0 -52px; }
#globalheader #globalnav li#gn-forums a:hover { background-position: -159px -52px; }
#globalheader #globalnav li#gn-pvp a:hover { background-position: -318px -52px; }
#globalheader #globalnav li#gn-library a:hover { background-position: -477px -52px; }
#globalheader #globalnav li#gn-rawr a:hover { background-position: -636px -52px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-newsmenu a:active { background-position: 0 -104px; }
#globalheader #globalnav li#gn-forums a:active { background-position: -159px -104px; }
#globalheader #globalnav li#gn-pvp a:active { background-position: -318px -104px; }
#globalheader #globalnav li#gn-library a:active { background-position: -477px -104px; }
#globalheader #globalnav li#gn-rawr a:active { background-position: -636px -104px; }

/* ON STATES */
#globalheader.newsmenu #globalnav li#gn-newsmenu a { background-position: 0 -156px !important; cursor: hand; }
#globalheader.forums #globalnav li#gn-forums a { background-position: -159px -156px !important; cursor: hand; }
#globalheader.pvp #globalnav li#gn-pvp a { background-position: -318px -156px !important; cursor: hand; }
#globalheader.library #globalnav li#gn-library a { background-position: -477px -156px !important; cursor: hand; }
#globalheader.rawr #globalnav li#gn-rawr a { background-position: -636px -156px !important; cursor: hand; }

/* GLOBAL SEARCH */
#globalsearch { width: 163px; height: 38px; position: absolute; top: 14px; right: 0; background-position: 100% 0; background-repeat: no-repeat; }

/* Bubble Wrapper Module */

.dialog {
 position:relative;
 margin:0px auto;
 min-width:650px;
 max-width:650px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:15px; /* default, width of left corner */
 margin-bottom:0.1em; /* spacing under dialog */
 float: left;
}

.dialogR {
 position:relative;
 margin:0px auto;
 min-width:300px;
 max-width:300px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-right:15px; /* default, width of left corner */
 margin-bottom:0.1em; /* spacing under dialog */
 float: left;
}

.dialogFull {
 position:relative;
 margin:0px auto;
 min-width:980px;
 max-width:980px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.1em; /* spacing under dialog */
 float: left;
}

.dialog .content, .dialogR .content, .dialogFull .content,
.dialog .t, .dialogR .t, .dialogFull .t,
.dialog .b, .dialogR .b, .dialogFull .b,
.dialog .b div, .dialogR .b div, .dialogFull .b div,
.subnavbar .t{
 background:transparent url(images/bubble6.png) no-repeat top right;
 /*_background-image:url(images/dialog2-blue.gif);*/
}

.dialog .content, .dialogR .content, .dialogFull .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t, .dialogR .t, .dialogFull .t, .subnavbar .t{
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b, .dialogR .b, .dialogFull .b{
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b, .dialogR .b, .dialogFull .b,
.dialog .b div, .dialogR .b div, .dialogFull .b div{
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b, .dialogR .b, .dialogFull .b{
 background-position:bottom right;
}

.dialog .b div, .dialogR .b div, .dialogFull .b div{
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd, .dialogR .hd, .dialogFull .hd,
.dialog .bd, .dialogR .bd, .dialogFull .bd,
.dialog .ft, .dialogR .ft, .dialogFull .ft{
 position:relative;
}

.dialog .wrapper, .dialogR .wrapper, .dialogFull .wrapper{
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1780px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1, .dialogR h1, .dialogFull h1,
.dialog p, .dialogR p, .dialogFull p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
 font-family: Verdana;
 font-size: 12px;
    /* color: #001a32; */
    color: #98AFC7;
 text-align: left;
}

.dialog h1, .dialogR h1, .dialogFull h1{
 padding-bottom:0px;
}



/* RSS Sections */

.rss-rawrnews, .rss-worldnews, .rss-subnews, .rss-communitynews, .rss-updatenews, .rss-mainnews, .rss-guru, .rss-forums
{
    text-align: left;
    font-family: Verdana;
    font-size: 12px;
    /* color: #001a32; */
    color: #98AFC7;
}

/* Tables */
td, div{
    font-family: Verdana;
    font-size: 12px;
    /* color: #001a32; */
    color: #98AFC7;
}

/* RSS Columns */

.leftcolumn
{
    width: 685px;
    position: relative;
    float: left;
}


.rightcolumn
{
    width: 300px;
    position: relative;
    float: left;
}

/* Footer & Copyright */

.rawrfooter
{
    clear: both;
    background-color: transparent;
    width: 954px;
    color: #415a6c;
    position: relative;
    text-align: center;
    font-size: 14px;
    padding: 5px 0 0 0;
}

.crrawr
{
    clear: both;
    background-color: transparent;
    height: 25px;
    width: 954px;
    color: #415a6c;
    position: relative;
    font-size: 9px;
    text-align: center;
}

/* Overlapping Fix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}