/* andreas05-reversed - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. More free templates are available at: http://oswd.org/userinfo.phtml?user=Andreas
Version: 1.0, September 27, 2005 */

/* Hello, and welcome to the Dragon's Gate CSS file. 
You probably got here by being interested on how we did something. 
Either way, look and learn but don't copy our code onto your site. */


/*  MENU */

body{
padding:0;
margin:0;
font:76% verdana,tahoma,sans-serif;
background:#cccccc url(http://www.dragons-gate.com/play/bodybg.gif) repeat;
color:#303030;

scrollbar-face-color:#272727;
	scrollbar-highlight-color:#D8D8D8;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#121212;
	scrollbar-shadow-color:#707070;
	scrollbar-arrow-color:#919191;
	scrollbar-track-color:#2A2A2A;

}

a{
text-decoration:none;
background-color:inherit;
font-weight:bold;
color:#286ea0;
}

a:hover{
background-color:inherit;
color:#303030;
}

h1{
margin:0;
font-size:3.6em;
letter-spacing:-2px;
text-align:right;
background-color:inherit;
color:#505050;
}

h2{
margin:5px 0 10px 0;
font-size:1.6em;
letter-spacing:-1px;
font-weight:normal;
}

p{
margin:0 0 15px 0;
line-height:1.3em;
}

img{
float:left;
margin:0 10px 8px 0;
}

#title{
margin:20px auto -9px auto;
width:700px;
}

#container{
margin:0 auto 15px auto;
width:700px;
padding:10px;
background:#ffffff url(http://www.dragons-gate.com/play/front.png) bottom left no-repeat;
color:#303030;
border:20px solid #505050;
}

#sidebar{
float:right;
width:110px;
padding-right:10px;
}

#main{
width:380px;
float:left;
padding-left:180px; 
}

#footer{
clear:both;
}

.menu{
display:block;
width:100px;
padding:4px 2px 4px 10px;
font-size:1.1em;
font-weight:bold;
background-color:inherit;
color:#286ea0;
border:1px solid #ffffff;
}

.menu:hover{
background-color:#f8f8f8;
color:#286ea0;
border:1px solid #dadada;
}

.credits{
margin-bottom:0;
font-size:0.8em;
background-color:inherit;
color:#aaaaaa;
}

.credits a{
background-color:inherit;
color:#aaaaaa;
}



/* FORM MENU */

.byline, .normS1  { font-size: 8pt;  color: #000000; }
.normS2  { font-size: 8pt;  color: #ffffff; }

.whyBG, .dimBG { background-color: #B7B59C; border:#99000; }

a.dimBG  { color: #990000; }
.dimBG a:link { color: #990000; }
.dimBG a:active { color: #990000; }
.dimBG a:visited { color: #990000; }

.whyBG, .dimBG { background-color: #000000; border:#A7A58C; }
.dimBG a:hover   { color: #000000; }

.normBG { background-color: #EDEDDC; background-image: url(http://www.dragons-gate.com/images/background.jpg)}
a.normBG  { color: #990000; }
.normBG a:link { color: #990000; }
.normBG a:active { color: #990000; }
.normBG a:visited { color: #990000; }
.normBG a:hover   { color: #000000; }

body, .normBG {  background-color: #FFFFFF; }
.normBG { background-image: url(http://www.dragons-gate.com/images/bkgPaper.jpg)}

 .titlebar { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bolder; color: #FFFFFF; background-image: url(http://www.dragons-gate.com/images/greybackground.gif); background-color: #6699CC; width: 100%; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border: none; }

.title { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #FFFFFF;}

.submitButton { font-family: Verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #FFFFCC; background-color: #000000; font-weight: bold; border: 2px outset; border-color: #CC9933 #996600 #996600 #CC9933}
.submitButton2 { font-family: Verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #53321A; background-color: #FFFF99; font-weight: bold; border: 2px outset; border-color: #FFCC00 #FF9900 #FF9900 #FFCC00}
.submitButton3 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #FF6600; border-color: #FF9900 #CC3300}
.submitButton4 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; background-color: #FF6600; border-color: #FF9900 #CC3300 }
.submitButton5 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #000000; border-color: #CCCCCC #993333 }