@charset "iso-8859-1";
/* CSS Document */


html, body {height: 100%; width: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	width: 100%;	
	height: 100%;
	text-align:center;
	margin:0px auto 0px auto;	
	background:#000000;
	background-image:url(webfiles/mainbackground.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
}


#main {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin:0px auto 0px auto;
	font-size: 12px;
	color:#acaaa7;
	width: 900px;
	height:100%;		
	background-color:transparent;	
}

#gdheaderforum {display:block; margin-left:auto; margin-right:auto; width:900px; padding:0px 0px 0px 0px; height:100%; text-align:center;}

#gdheadertable { width:900px; border-collapse: collapse;  }
#gdheadertop { background-image:url(webfiles/gdheaderboxtop.png); width:900px; height: 166px;}
#gdheaderboxleft { background-image:url(webfiles/gdheaderboxleft.gif); width:25px; height:30px; }
#gdheaderboxright { background-image:url(webfiles/gdheaderboxright.gif); width:25px; height:30px; }

#gdheaderbuttonrow { background-color:#000000; border-collapse: collapse; width:900px; height:42px;} 
#gdheaderbottom { background-image:url(webfiles/gdheaderboxbottom.gif); width:900px; height:4px;}
.gdheaderbutton { opacity:0.75; filter:alpha(opacity=75); border:0px; }
.gdheaderbutton:hover { opacity:1; filter:alpha(opacity=100); border:0px; }

#gdcontent-container { float: left; width:882px; background:url(webfiles/gdcontentboxbg.gif) no-repeat; background-color:#0d0d0f; 
    border: 4px solid transparent;
    padding: 5px 5px 20px 5px;
	border-image: url(webfiles/gdborders.gif);
	-moz-border-image: url(webfiles/gdborders.gif) 4 / 4px  round;
	-webkit-border-image: url(webfiles/gdborders.gif) 4 / 4px  round;
	-o-border-image: url(webfiles/gdborders.gif) 4 / 4px  round;
	border-image: url(webfiles/gdborders.gif) 4 / 4px  round;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: left;
}
#gdbuypage-container { float: left; width:882px; background:url(webfiles/gdcontentboxbg_occultist.gif) no-repeat; background-color:#0d0d0f; 
    border: 4px solid transparent;
    padding: 5px 5px 20px 5px;
	border-image: url(webfiles/gdborders.gif);
	-moz-border-image: url(webfiles/gdborders.gif) 4 / 4px  round;
	-webkit-border-image: url(webfiles/gdborders.gif) 4 / 4px  round;
	-o-border-image: url(webfiles/gdborders.gif) 4 / 4px  round;
	border-image: url(webfiles/gdborders.gif) 4 / 4px  round;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: left;
}
#gdcontenttable { width:900px; border-collapse: collapse; background:url(webfiles/gdcontentboxbg.gif) no-repeat; background-color:#0d0d0f; } 
#gdcontentboxtop {position:relative; background-image:url(webfiles/gdcontentboxtop.gif); width:900px; height:50px; margin-top: 20px;}
#gdcontentboxleft {position:relative; background-image:url(webfiles/gdcontentboxleft.gif); background-repeat:repeat-y; width:30px; height:100%; }
#gdcontentboxright {position:relative; background-image:url(webfiles/gdcontentboxright.gif); background-repeat:repeat-y; width:52px; height:100%; }
#gdcontentboxbottom {position:relative; background-image:url(webfiles/gdcontentboxbottom.gif); width:900px; height:30px; }


#faqlist ul li { display: block; margin: 10px; padding: 0px; list-style-type: ordered; }
#faqlist { background-color:transparent; }

#sidenav ul li { display:block; margin:0px 0px 0px 0px; padding:0px; list-style-type:none; }
#sidenav {display:block; z-index:3; position:relative; left:0px; top:35px; height:100%; text-align:left; margin-top:-20px; padding-right: 10px;}
#aboutsidenav {display:block; z-index:3; position:relative; left:0px; top:0px; width:140px; height:100%; padding:0px 0px 0px 14px; text-align:left; margin-top:-20px;}

#contentrowfull {display: block; position: relative; width: 670px; padding: 0px 10px 0px 10px; height:100%; min-height:50px; vertical-align:top; text-align:left; margin-left: auto; margin-right: auto;}

#contentrowfullcentered {display: block; position: relative; width: 676px; padding: 0px 10px 0px 10px; height:100%; min-height:50px; vertical-align:top; text-align:center; margin-left: auto; margin-right: auto;}

#contentrow200 {display: block; position: relative; width: 200px; padding: 0px 10px 0px 10px; height:100%; min-height:50px; vertical-align:top; text-align:left; margin-left: auto; margin-right: auto;}

#contentbreadcrumb {clear: both; padding: 20px; height: 1%; margin-bottom: 10px;}

#single-column-content {z-index:3; position:relative; float: left; width:842px; height:100%; padding:10px 20px 10px 20px; min-height:400px; display:inline; margin-top:10px; margin-bottom:10px;}

#contentleft {z-index:3; position:relative; float: left; width:248px; height:100%; padding:0px 0px 10px 20px; min-height:600px; display:inline; margin-top:10px; margin-bottom:10px;
    border-style: solid;
    border-width: 0px 2px 0px 0px;
    -moz-border-image: url(webfiles/hr_brown_vertical02.png) 4 repeat;
    -webkit-border-image: url(webfiles/hr_brown_vertical02.png) 4 repeat;
    -o-border-image: url(webfiles/hr_brown_vertical02.png) 4 repeat;
    border-image: url(webfiles/hr_brown_vertical02.png) 4 fill repeat;
    border-color:transparent;
}

#contentright2 {z-index:3; position:relative; float: right; width:572px; height:100%; padding:10px 20px 10px 20px; min-height:400px; display:inline; margin-top:10px; margin-bottom:10px;}

#contentright {display:block; z-index:3; position:relative; left:0px; top:0px; width:550px; height:100%; padding:0px 0px 0px 0px; min-height:400px; text-align:left; margin-top:10px;}

#aboutcontentright {display:block; z-index:3; position:relative; left:0px; top:0px; width:650px; height:100%; padding:0px 0px 0px 0px; min-height:400px; text-align:left; margin-top:-20px;}

#contributecontenttop {display: block; position: relative; width: 670px; padding: 0px 10px 0px 10px; height:100%; min-height:125px; text-align:left; margin-top:10px;}

#contributecontentbottom {display: block; position: relative; width: 175px; padding: 0px 0px 0px 0px; height:100%; min-height:400px; vertical-align:top; margin-left: auto; margin-right: auto;}


#donatecontenttop {display: block; position: relative; width: 670px; padding: 0px 10px 0px 10px; height:100%; min-height:200px; text-align:left; margin-top:-20px;}
#donatecontentbottom {width: 200px; padding:0px 0px 0px 0px; min-height:100px; vertical-align:top; margin-left:auto; margin-right:auto;}


#mediatop {display: block; position: relative; width: 670px; padding: 0px 10px 0px 10px; height:100%; min-height:50px; margin-top:10px; margin-left: auto; margin-right: auto;}

#mediamid {display: block; position: relative; width: 536px; padding: 0px 10px 20px 10px; height:100%; min-height:240px; vertical-align:top; margin-left: auto; margin-right: auto;}

#mediabottom {display: block; position: relative; width: 670px; padding: 0px 10px 10px 0px; height:100%; min-height:80px; vertical-align:top; margin-left: auto; margin-right: auto;}


.gdbuybutton {display: inline; margin-left: auto; margin-right:auto; opacity:0.85; filter:alpha(opacity=85); border:0px; }
.gdbuybutton:hover {display: inline; margin-left: auto; margin-right:auto; opacity:1; filter:alpha(opacity=100); border:0px; }

.gddonatebutton {display: inline; margin-left: auto; margin-right:auto; opacity:0.75; filter:alpha(opacity=75); border:0px; vertical-align:top;}
.gddonatebutton:hover {display: inline; margin-left: auto; margin-right:auto; opacity:1; filter:alpha(opacity=100); border:0px; vertical-align:top;}

#mediacontenttop {display: block; position: relative; width: 670px; padding: 0px 10px 0px 10px; height:100%; min-height:500px; text-align:left; vertical-align:top; margin-left: auto; margin-right: auto; margin-top:-20px;}

#footer { background-color:transparent;  margin-left:auto; margin-right:auto; text-align:center;}
#footer ul { margin: 0px; padding: 0px; list-style-type: none;}
#footer ul li { display: inline; margin: 0px; padding: 0px 5px 0px 5px; }

#navhorizontal {background-color:transparent;  margin-left:auto; margin-right:auto; text-align:center;}
#navhorizontal ul { margin: 0px; padding: 0px; list-style-type: none;}
#navhorizontal ul li { display: inline; margin: 0px; padding: 0px 5px 0px 5px; }

#navbottomprevnext {  padding: 0px 50px 0px 50px; margin: 15px 0px 0px 0px; clear: both;}

#classnames {width: 100%; padding-bottom: 15px; }
#classnames td {padding-top: 20px; padding-bottom: 10px; padding-left: 5px; }

.classportrait { height: 140px; width: 130px; float: left; margin-left: auto; margin-right: 10px; margin-top: 10px; margin-bottom: 70px; }
.classdesciption {width: 100%; }

.skillicon { float: left; margin-top: 35px; margin-right: 10px; width: 55px; height: 75px;}
.thumbmed { height:70px; width:70px; float:left; margin-top: 40px; }

#breadcrumb ul {
    float: left;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0px;
    padding: 0 0 0 0;
}

#breadcrumb li {
    float: left;
    position: relative;
    list-style: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
}

#breadcrumb li li {
    display: block;
    width: 140px;
    background: #131312;
    padding: 0 5px;
    border: 1px solid #998B74;
}

#breadcrumb li li .arrow {
    background: url("/webfiles/breadcrumb_arrow.gif");
    background-repeat: no-repeat;
    background-position: right center;
}

#breadcrumb li li:hover {
    background: #232321;
}

#breadcrumb a {
    display: block;
    text-decoration: none;
    padding: 5px 5px;
    color: #996633;
    font-size: 14px; font-family: Arial, Helvetica, sans-serif;
}

#breadcrumb a:hover {
    color: #f5dfc2;
}

#breadcrumb li .breadcrumb-arrow:after { 
  border:0; 
  content:" "; 
  display:inline-block; 
  background: url("/webfiles/breadcrumb_arrow.gif") no-repeat 5px 0px; 
  width: 14px; 
  height: 10px; 
  margin:2px 0px 0px 5px;
}

#breadcrumb ul ul {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    z-index:4;
}

#breadcrumb ul ul ul {
    left: 100%;
    top: 0;
}

#breadcrumb li li li:hover {
    background: #232321;
}

#breadcrumb li:hover > ul {
    visibility: visible;
    opacity: 1;
    
}

.hr {clear: both; color: #2c2725; width:100%; opacity:0.3; height:2px; border-style: none; border-color:transparent; background-color:#2c2725; background-image:url(webfiles/hr_brown.gif); background-repeat:repeat; margin: 10px 0px 10px 0px;}

td {vertical-align:top;}

ul#twitter_update_list 
{ 
     font-size: 10px; 
     margin: 0px 0px 0px 0px; 
     padding: 0px 0px 0px 0px; 
}

.style0 { font-size: 20px; font-family: Arial, Helvetica, sans-serif; color:#999999; font-weight:bold;}

.tab { margin-left: 40px; }
.tab2 { margin-left: 20px; }
.tab3 { margin-left: 10px; }

.title { font-size: 30px; font-family: Arial, Helvetica, sans-serif; color:#b9aa89; text-align: left; }

.sectiontitle { font-size: 26px; font-family: Arial, Helvetica, sans-serif; color:#b9aa89; text-align: left; line-height:150%;}

.sectiontitleindent { font-size: 26px; font-family: Arial, Helvetica, sans-serif; color:#b9aa89; text-align: left; line-height:150%; margin-left: 20px;}

.section-nav-title { display: inline-block; font-size: 22px; font-family: Arial, Helvetica, sans-serif; color:#b9aa89; text-align: left; margin-left: 5px;}

.section-nav-subtitle { font-size: 20px; font-family: Arial, Helvetica, sans-serif; color:#D6AB5C; text-align: left; line-height:150%;}

.style1 { font-size: 22px; font-family: Arial, Helvetica, sans-serif; color:#b9aa89; line-height:150%;}

.style2 { font-size: 20px; font-family: Arial, Helvetica, sans-serif; color:#9e855b;  font-weight:bold; line-height:150%;}

.style3 { font-size: 17px; font-family: Arial, Helvetica, sans-serif; color:#998B74; font-weight:bold; line-height:110%;}

.style4 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#827d73; line-height:140%;}

.style5 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#9c907d; font-weight:italic;}

.style6 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#996633; font-weight:bold; text-align:right; }

.style7 { font-size: 13px; font-family: Arial, Helvetica, sans-serif; color:#9c907d; font-weight:bold;}

.style8 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#9e855b; }

.style9 { font-size: 17px; font-family: Arial, Helvetica, sans-serif; color:#996633; font-weight:bold; line-height:110%;}

.style10 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#bfb08c; line-height:110%;}

.style11 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#9e855b; }

.highlight { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#C9B79F; }

.highlight2 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#e3ba6b; }

.highlight3 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#f2a34c; }

.subtitle { font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#b9aa89; font-weight:bold; text-align: left; line-height:100%;}

.itemrelic{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#00fbf7; font-weight:bold; line-height:150%;}

.itemcomponent{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#f0e68c; font-weight:bold; line-height:150%;}

.itemskill{ font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#6699ff; font-weight:bold; line-height:110%;}

.itemepic{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#338cce; font-weight:bold; line-height:150%;}

.itemlegendary{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#7847FF; font-weight:bold; line-height:150%;}

.itemgrey{ font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#999999; line-height:110%;}

.itemwhite{ font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#ffffff; line-height:110%;}

.strike {text-decoration: line-through;}

.stylewarning { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#cc3333; font-weight:bold;}

.stylenewsfeedtitle { display:block; text-align:left; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#c7a160; font-weight:bold; line-height:130%;}

.stylenewsfeeddate { display:block; text-align:left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color:#86837f; font-weight:bold; padding: 0px 20px 0px 0px; line-height:150%;}

.stylebottomnavprevnext { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#acaaa7;}

.sidenavlink { font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; padding:0px; margin:0px;}

.price {display:block; margin-left:auto; margin-right:auto; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#bdbbbb; line-height:150%; text-align:center; }

.stylefooterlink { font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#acaaa7; font-weight:bold; line-height:130%;}

.stylefootercopyright { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color:#bdbbbb; line-height:100%; font-weight:bold;}

.stylearchivelink { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#86837f;}
.stylearchivelinkgray { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#333333;}

#guide-arrow-next a{ float: right; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#996633; line-height:110%; text-decoration: none; padding: 0 5px 5px 0; opacity:0.85; filter:alpha(opacity=85); }

#guide-arrow-next a:after { vertical-align: middle; content: ""; display: inline-block; height: 33px; width: 30px;  margin-left: 5px; background: url("/webfiles/button_nav-next01.gif") no-repeat; }

#guide-arrow-next a:hover { color: #f5dfc2; opacity:1; filter:alpha(opacity=100); }

#guide-arrow-prev a{ float: left; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#996633; line-height:110%; text-decoration: none; padding: 0 0 5px 5px; opacity:0.85; filter:alpha(opacity=85); }

#guide-arrow-prev a:before { vertical-align: middle; content: ""; display: inline-block; height: 33px; width: 30px;  margin-right: 5px; background: url("/webfiles/button_nav-back01.gif") no-repeat; }

#guide-arrow-prev a:hover { color: #f5dfc2; opacity:1; filter:alpha(opacity=100); }

A.linkcentered:LINK, A.linkcentered:VISITED { /*color: #D1A319;*/ text-decoration: none; text-align: left; padding:0px; margin:0px;
}
A.linkcentered:Hover { /*color: #DFBF5E;*/ text-decoration: underline; text-align: left; padding:0px; margin:0px;
}

IMG.titleicon { float:left; margin: 4px 10px 2px 0px; padding:1px; border:1px solid #b9aa89; background-color:#000000;
}
IMG.titlegraphic { display: block; margin-left: 2px; margin-right: 0px;}
IMG.titlegraphicindented { display: block; margin-left: 16px; margin-right: 0px;}
IMG.centered { display: block; margin-left: auto; margin-right: auto; }
IMG.bottomgraphic { display: block; margin-left: auto; margin-right: auto; padding: 10px 10px 10px 10px; }
IMG.centeredinline { display: inline; margin-left: auto; margin-right: auto; }
IMG.disabled { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}

ul.a { list-style-image: url("webfiles/bulletsilver10px.gif"); font-size: 14px; font-family: Arial, Helvetica, sans-serif; /*color:#827d73;*/ margin: 0px 0px 10px 0px; text-align:left; }

li.a { margin-bottom: 5px;}


ul.b {list-style-image: url("webfiles/bulletsilver10px.gif"); font-size: 14px; font-family: Arial, Helvetica, sans-serif; /*color:#827d73;*/ margin: 0px 20px 10px -20px; text-align:left; }
ul.b a:hover { color:#f5dfc2; }

li.b { margin-left: 20px; margin-bottom: 10px; }

li.b a { color:#996633; }

li.b a:hover { color:#f5dfc2; }



.alignright { float: right;}
.alignleft { float: left;}

.t-alignright {text-align:right}
.t-alignleft {text-align:left}


A:LINK, A:VISITED { /*color: #996633;*/ text-decoration: none; text-align: left; padding:0px; margin:0px;
}
A:Hover { color: #f5dfc2; text-decoration: none; text-align: left; padding:0px; margin:0px;
}

a.disabled {
   pointer-events: none;
   cursor: default;
}

.column {float: left; width: 240px; height: 100%; padding: 0 20px 0 20px; margin-left: auto; margin-right: auto; text-align: center;}
.column2 {float: left; width: 180px; padding: 0 50px 0 50px; margin-left: auto; margin-right: auto; text-align: center;}
.column3 {float: left; width: 180px; padding: 0 15px 0 15px; margin-left: auto; margin-right: auto; text-align: center;}
.section-buy1 {float: left; vertical-align: center; width: 120px;}
.section-buy2 {float: left; vertical-align: center; width: 280px;}

.thumbnail
{
	border: 1px #000000 solid;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 2px;
}

.thumbcol
{

}

.thumbrow
{

}

.bot_thumbnail_large
{

	border: 4px #000000 solid;

}

.thumb {
	float:left;
	position:relative;
}
.thumb img { 
	vertical-align:bottom;
}
.thumb span { 
	position:fixed;
	visibility:hidden;
    
}
.thumb:hover {
	border:0;
    #position: relative;
    z-index: 5;
}
.thumb:hover span { 
	visibility:visible;
    border:2px solid #998B74;
    top: 50%;
    left: 50%;
    margin-left: -510px;
    margin-top: -200px;
    
}

.middle > * { vertical-align: middle; }

.popup a, .popup a:visited {
	position: relative;
	display: block;
	width: 40px;
    height: 40px;
	margin: 0;
	text-decoration: none;
}

.popup a span.popup-span { display: none;}
.popup a:hover { background-color: #e9e9e2; }
/* the IE correction rule */
.popup a:hover	{ color: #f00; background-color: transparent; text-indent: 0; /* added the default value */ }
.popup a:hover span.popup-span {
    display: block;
    position: relative;
    top: 350px;
    left: -300px;
    width: 260px;
    margin: 0px;
    padding: 10px;
    color: #827d73;
    font-size: 15px; font-family: Arial, Helvetica, sans-serif;
    background: #131312;
    text-align: left;
    border: 1px solid #827d73;
    z-index: 500;
}

.button-highlight { #background: black; }
.button-highlight img {opacity:0.85; filter:alpha(opacity=85);}
.button-highlight img:hover { opacity:1; filter:alpha(opacity=100); }

.image-row {
  text-align: justify;
  font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.image-row div { display: inline-block; }
.image-row:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}

.absoluteCenterWrapper { position: relative; } /* Wrapper for centering image next to paragraph */
.absoluteCenter , .absoluteCenter-small{
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}
.absoluteCenterWrapper p { margin-left: 68px; } /* Width of image */
.absoluteCenter { width: 68px; } /* Width of image */
.absoluteCenter-small { width: 46px; } /* Width of image */

.absoluteCenterWrapper { margin: 1em; padding: 0.001em; }
.absoluteCenterWrapper p { margin-top: 1em; margin-bottom: 1em; padding-left: 1em;}

.absoluteCenterWrapper p.small-margin { margin-top: .2em; margin-bottom: .2em; padding-left: 1em;}

.zoom-in { cursor:-moz-zoom-in; cursor:-webkit-zoom-in; cursor:zoom-in; }