/*
////////////////////////////////////////////////////////
// SKG Web
////////////////////////////////////////////////////////
// Version: @project-version@
// Release Date: @project-date-iso@
// Author: Jabouty of The Astral Order, Eldre'Thalas
// Email: bubbabriggs@gmail.com
////////////////////////////////////////////////////////
// You are free to modify these files for your own
// personal use as long as this header and all copyright
// information remains intact. However, these files
// cannot be redistributed after modification without
// explicit written permission from the author.
////////////////////////////////////////////////////////
*/

/*Set the template width here. You can use percentages for a fluid effect or px for a fixed effect*/
#container {margin-left:0px; margin-right:0px; width:100%; background: #000000 url(../images/backgrounds/topbg.jpg) center top repeat-x; }
html,body{margin:0;padding:0;}

body{
	font:0.78em/1.3 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	background-color: #323232;
}

.NOWRAP{white-space:nowrap}

p{margin:0 0px 0px;}

a:focus {-moz-outline:0;outline:0;outline-offset:0;}

.search .inputbox {width:170px;}

.smallfont {
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

div#header h1 {
color:#ccc;
font-size:1.5em;
width: 97%;
margin:0 auto;
padding:5px 0px 0px 0.5em;
}
div#header h1 a {text-decoration:none; color:#ccc;}

div#navigation{ }
div#footer{
	color: #666666;
	margin: 0px 0px 15px;
	padding: 0px;
}
div#footer p{
	font:10px/12px Verdana, Helvetica, sans-serif;
	margin:0;
	padding:5px 10px 0px 40px;
	color: #666666;
}
div#footer a {
	text-decoration:underline;
	color: #666666;
}
div.wowdisclaimer {
	margin: 0 0 15px;
	padding: 0;
}
div.wowdisclaimer p {
	color: #666666;
	font: 10px/12px Verdana, Helvetica, sans-serif;
}

div#wrapper{
	float:left;
	width:100%;
}

div#content{margin:0;}
div#navigation{float:left;width:180px;margin-left:-180px; background-image: url(../images/backgrounds/transgrey.gif); }

.clr {
	clear:left;
	width:100%;
	padding:0;
	margin:0px;
	height:1px;
}

div#extra{
	clear:left;
	width:100%;
	color: #CCCCCC;
	padding:0;
	margin:0px;
}
#extra .rndbox {
margin:0px auto;
padding:0;
width:97.6%;
}
.rndbox {
 width:97%;
 margin:0px auto;
 min-width:20em;
 color:#fff;
 margin-top:15px;
 margin-bottom:15px;
}

.rndbox .hd .c,
.rndbox .ft .c {
 font-size:1px; /* ensure minimum height */
 height:31px;
}

.rndbox .ft { clear: both; }
.rndbox .ft .c {

}

.rndbox .hd {
 background-image: url(../images/gradients/tr.gif);
 background-repeat: no-repeat;
 background-position: right top;
 padding-right: 77px;
}

.rndbox .hd .c {
 background-image: url(../images/gradients/tl.gif);
 background-repeat: no-repeat;
 background-position: left top;
}

.rndbox .bd {
 background-image: url(../images/gradients/ml.gif);
 background-repeat: repeat-y;
 background-position: 0px 0px;
}

.rndbox .bd .c {
 background-image: url(../images/gradients/mr.gif);
 background-repeat: repeat-y;
 background-position: right 0px;
}

.rndbox .bd .c .s {
	margin: 0 12px;
	background-image: url(../images/backgrounds/transblack.gif);
	padding:1em;
}
.rndbox .bd .c .s .inside {
	position: relative;
	top: -15px;
	padding:0;
	margin:0;
	z-index:0;
}

.rndbox .ft {
 background-image: url(../images/gradients/br.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
 padding-right: 77px;
}

.rndbox .ft .c {
 background-image: url(../images/gradients/bl.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
}

.small,.modifydate,.createdate {
	color: #999;
	text-align: left;
	font-family: Tahoma, Verdana, Helvetica;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}
.small {
	font-size: 9px;
	line-height: 9px;
}
.createdate {
	font-size: 9px;
	line-height: 9px;
	top:-3px;
}
.modifydate {
	font-size: 9px;
	line-height: 9px;
}

table.moduletable {width: 100%;}
#user .moduletable h3, #user .moduletable-blue h3, #user .moduletable-red h3, #user .moduletable-green h3 {padding:0; margin:0 0 5px; color:#ccc;}
#navigation .moduletable h3, #navigation .moduletable-blue h3, #navigation .moduletable-red h3, #navigation .moduletable-green h3 {font: bold 1.1em/1.1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color:#ccc; padding:0;}
.moduletable, .moduletable-blue, .moduletable-red, .moduletable-green {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color:#ccc;}
#navigation .moduletable p, #navigation .moduletable-blue p, #navigation .moduletable-red p, #navigation .moduletable-green p {font:1em/1.25em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color:#ccc;}
#navigation .moduletable, #navigation .moduletable-blue, #navigation .moduletable-red, #navigation .moduletable-green {
	background-image: url(../images/gradients/module_ftr.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
.inputbox {
	font:1em/1.25em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color:#ccc;
	background:#272727;
	border: 1px solid #0C0C0C;
}
.button {
	background:#666666;
	border: 1px solid #000;
	color:#ccc;
	line-height: 100%;
	font-size: 0.75em;
	padding: 3px;
}
td.sectiontableheader {
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/gradients/sectbhdr.gif);
	background-repeat: repeat-x;
	height: 25px;
	padding: 4px;
}

tr.sectiontableentry1 td {
	padding: 4px;
}
tr.sectiontableentry2 td {
	padding: 4px;
}
td.sectiontableentry1 {
	padding: 3px;
}
td.sectiontableentry2{
	padding: 3px;
}
.sectiontableentry2 a, .sectiontableentry1 a { padding-left:5px;}
.designertoo{display:none;}
ul, ul.mostread, ul.latestnews {list-style:none; margin:0; padding:0;}
li {
	font:10px/16px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-decoration:none;
	padding-left: 16px;
	background-image: url(../images/misc/rings.gif);
	background-repeat: no-repeat;
	background-position: left top;
	white-space: normal;
}
li.mostread, li.latestnews { background-image: none; }
li.mostread a:link, li.mostread a:visited, li.latestnews a:link, li.latestnews a:visited {
	font:10px/16px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-decoration:none;
	padding-left: 16px;
	background-image: url(../images/misc/rings.gif);
	background-repeat: no-repeat;
	background-position: left center;
	white-space: normal;
}
li.mostread a:hover, li.latestnews a:hover {
	text-decoration:none;
}
.sectiontableentry1 a.category, .sectiontableentry2 a.category {
	font:12px/16px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-decoration:none;
	height:16px;
	padding-left: 16px;
	background-image: url(../images/misc/article.png);
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
}
a.readon, a.readon:hover{
	margin-top: 10px;
	display: block;
	float: left;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
}
table.pollstableborder td { padding:0;}
body.contentpane {background:#ffffff}
table.contenttoc {margin: 5px;padding: 0px;float:right;}
table.contenttoc td {padding: 0 7px;}
table.contenttoc th {padding: 0px 10px;font-size: 1em;color: #ccc;background: #333;}
table.contentpaneopen {margin:0;padding:0;width:100%;}
table table.contentpaneopen td, table table.contentpane td {margin:0 8px;padding:3px;} 
table.contentpaneopen {width:100%;}
div div.syndicate div {
	margin:0;
	padding:2px;
}

::-moz-selection {
	background:#EDB023;
	color:#000;
}

::selection {
	background:#EDB023;
	color:#000;
}

body.ironforge {
/* Dwarves at Ironforge background image */
 background-image: url(../images/backgrounds/ironforge.jpg);
}

body, body.nightelves {

/* Nightelves background image */
 background-image: url(../images/backgrounds/nightelves.jpg);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-attachment: fixed;

}

body.gryphon {
/* Gryphon background image */
 background-image: url(../images/backgrounds/gryphon.jpg);
}

body.orchunter {
/* Render of Orc hunter */
 background-image: url(../images/backgrounds/orchunter.jpg);
}

body.taurenorc {
/* Tauren and Orc image */
 background-image: url(../images/backgrounds/taurenorc.jpg);
}

body.orcwarrior {
/* Render of Orc warrior */
 background-image: url(../images/backgrounds/orcwarrior.jpg);
}

div#container { text-align: center; }
div#header {
	height:80px;
	margin:0;
	background-image: url(../images/backgrounds/hdr_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border: none;
	text-align: left;
}
div#header h1 a span, div#header h1 span {color:#EDB023;}
div#header h2 {
	color:#EDB023;
	font-size:1.2em;
	margin:0 auto;
	font-style: italic;
	font-weight: normal;
	padding: 0px 0px 0px 1.5em;
	position:relative;
	bottom:10px;
	width: 97%;
}
/*drop down menu*/
/* Root = Horizontal, Secondary = Vertical */
#navmenu {
	width:100%;
	height:31px;
	background:#333333 url(../images/gradients/menuback.png) right top;
	margin:0;
	padding:0;
	position:relative;
	z-index:900;
	float:none;
	text-align: left;
}
#navmenu ul {
/* all lists */
padding:0;
margin:0;
list-style:none;
width:100%;
}

#navmenu ul#mainlevel {
  width:97%;
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 31px;
}

#navmenu ul#mainlevel li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 31px;
  text-align: center;
  background-image: none;
}

#navmenu ul#mainlevel ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 168px;
  list-style: none;
  display: none;
  position: absolute;
  top: 31px;
  left: 0;
  text-align: left;
}

#navmenu ul#mainlevel ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  height: 24px;
  text-align: left;
}

/* Root Menu */
#navmenu ul#mainlevel a {
  padding: 0 15px;
  margin:1px 0;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background:url(../images/gradients/menubar.png) top right repeat-y;
  color: #ccc;
  font:normal 12px/28px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
#navmenu ul#mainlevel a:hover,
#navmenu ul#mainlevel li:hover a,
#navmenu ul#mainlevel li.iehover a {
background:#333333 url(../images/gradients/menubar_over.png) right top;
color: #EDB023;
}
/* 2nd Menu */
#navmenu ul#mainlevel li:hover li a,
#navmenu ul#mainlevel li.iehover li a {
  font:normal 12px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  border-left:none;
  float: none;
  background: #000;
  color: #FFF;
  margin:0;
  padding: 0 5px;
  -moz-opacity:.90;
  filter:alpha(opacity=90);
}
/* 2nd Menu Hover Persistence */
#navmenu ul#mainlevel li:hover li a:hover,
#navmenu ul#mainlevel li:hover li:hover a,
#navmenu ul#mainlevel li.iehover li a:hover,
#navmenu ul#mainlevel li.iehover li.iehover a {
	font:normal 12px/22px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	color: #EDB023;
	margin:0;
	background-color: #000;
	background-image: url(../images/gradients/menuback.png);
	background-repeat: repeat-x;
	background-position: center center;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	border-top-width: 1px;
	border-bottom-width: 1px;
  -moz-opacity:.98;
  filter:alpha(opacity=98);
}
/* 3rd Menu */
#navmenu ul#mainlevel li:hover li:hover li a,
#navmenu ul#mainlevel li.iehover li.iehover li a {
  font:normal 12px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  border-left: 1px solid #000;
  border-bottom:none;
  border-top:none;
  float: none;
  background: #EDB023;
  color: #333;
  margin:0;
  padding: 0 5px;
  -moz-opacity:.90;
  filter:alpha(opacity=90);
}
/* 3rd Menu Hover Persistence */
#navmenu ul#mainlevel li:hover li:hover li a:hover,
#navmenu ul#mainlevel li:hover li:hover li:hover a,
#navmenu ul#mainlevel li.iehover li.iehover li a:hover,
#navmenu ul#mainlevel li.iehover li.iehover li.iehover a {
  font:normal 12px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  border-left: 1px solid #000;
  border-bottom:none;
  border-top:none;
  float: none;
  background: #333;
  color: #EDB023;
  margin:0;
  padding: 0 5px;
  -moz-opacity:.90;
  filter:alpha(opacity=90);
}
/* 4th Menu */
#navmenu ul#mainlevel li:hover li:hover li:hover li a,
#navmenu ul#mainlevel li.iehover li.iehover li.iehover li a {
  font:normal 12px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  border-left:none;
  border-bottom:none;
  border-top:none;
  float: none;
  background: #000;
  color: #FFF;
  margin:0;
  padding: 0 5px;
  -moz-opacity:.90;
  filter:alpha(opacity=90);
}
/* 4th Menu Hover */
#navmenu ul#mainlevel li:hover li:hover li:hover li a:hover,
#navmenu ul#mainlevel li.iehover li.iehover li.iehover li a:hover {
	background: #EDB023;
	color: #000;
	margin:0;
	border-left: 1px solid #000;
	border-bottom:none;
	border-top:none;
}
#navmenu ul#mainlevel ul ul,
#navmenu ul#mainlevel ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 168px;
  -moz-opacity:.90;
  filter:alpha(opacity=90);
}

/* Do Not Move - Must Come Before display:block for Gecko */
#navmenu ul#mainlevel li:hover ul ul,
#navmenu ul#mainlevel li:hover ul ul ul,
#navmenu ul#mainlevel li.iehover ul ul,
#navmenu ul#mainlevel li.iehover ul ul ul {
  display: none;
}

#navmenu ul#mainlevel li:hover ul,
#navmenu ul#mainlevel ul li:hover ul,
#navmenu ul#mainlevel ul ul li:hover ul,
#navmenu ul#mainlevel li.iehover ul,
#navmenu ul#mainlevel ul li.iehover ul,
#navmenu ul#mainlevel ul ul li.iehover ul {
  display: block;
}

/*End Menus*/
.contentheading {
	color:#EDB023;
	width:99%;
	font:normal 1.25em/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-align:left;
	background: url(../images/gradients/contentheading.png) repeat-x left bottom;
}
a.contentpagetitle:link,a.contentpagetitle:visited {
	color:#EDB023;
	width:99%;
	text-decoration:none;
	font:normal 1.25em/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-align:left;
}
a.contentpagetitle:hover {color:#CCC;text-decoration:none;}
.componentheading {color:#CCC;	font:bold 1em/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
h2 {font: bold 1.4em/1.9em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;margin: 1.2em 0;color:#EDB023;}
h3 {font: bold 1.1em/1.7em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;margin: 1.2em 0;color:#EDB023;}
h4 {font: bold 1.1em/1.7em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;margin: 1.2em 0;color:#ccc;}
h5 {font: bold 1.1em/1.4em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;margin: 1.2em 0;color:#ccc;}
h6 {font: bold 1em/1.3em Arial, Helvetica, sans-serif;margin: 1.2em 0;color:#666;}

/*Basic Links*/
a:link, a:visited {color:#EDB023;text-decoration:underline;}
a:hover {color: #ccc;text-decoration:none;}
a.category:hover {color: #ccc;}
#navigation ul#mainlevel-sidenav {list-style:none; margin:0; padding:0;}
#navigation ul#mainlevel-sidenav li a {
	font:12px/16px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	color:#EDB023;
	text-decoration:none;
	height:16px;
	padding-left: 16px;
	background-image: url(../images/misc/listbg.png);

	background-repeat: no-repeat;
	background-position: left center;
}
#navigation ul#mainlevel-sidenav a:hover {text-decoration:underline;}
#extra .moduletable h3 {padding:0; margin:0 0 5px; color:#EDB023;}
table#setwidth {width:97%;}

.moduletable h3, .moduletable-blue h3, .moduletable-green h3, .moduletable-red h3,
#extra .moduletable h3, #extra .moduletable-blue h3, #extra .moduletable-green h3, #extra .moduletable-red h3,
#user .moduletable h3, #user .moduletable-blue h3, #user .moduletable-green h3, #user .moduletable-red h3, 
#navigation .moduletable h3, #navigation .moduletable-blue h3, #navigation .moduletable-green h3, #navigation .moduletable-red h3 {
 padding-left: 30px;
 background-repeat: no-repeat;
 height: 24px; line-height: 24px;
}

.moduletable h3, .moduletable-blue h3 { background-image: url(../images/misc/blue.gif); }
.moduletable-green h3 { background-image: url(../images/misc/green.gif); }
.moduletable-red h3 { background-image: url(../images/misc/red.gif); }

/*
////////////////////////////////////////////////////////
// templates/style.css
////////////////////////////////////////////////////////
// Version: @file-revision@
// Release Date: @file-date-iso@
////////////////////////////////////////////////////////
*/