@font-face {font-family:BlackwoodCastle;src: url(/files/fonts/BlackwoodCastle.ttf) }


/* This is the body, pretty straightforward */
body,.body{		
	font-family: arial,sans-serif;
	font-size: 8pt;
	margin:0,0,0,0;
	color:#ffffff;
	background: #2d2f17 url(/img/backgrounds/desolate2.jpg) repeat-x fixed top right;
	/*background-repeat:repeat-x;*/
	/*background-attachment:fixed;*/
}

/* used when [quote] tags are used in posts */
.quote{
	font-size:7.5pt;
	background-image:url(/settings/www/files/metal2.jpg);}

.quoteheader {
	font-size:9pt;
	background-image:url(/settings/www/files/wood2.jpg);}

/* Most tables use this type    */
.list{	border-style:solid;
	border-color:#444444;
	border-width: 1px;}


/* used for the newsletter table */
table.newsletter{
		border: inset;
		border-width: 1px;
		font-family:monospace;
		font-size: 9pt;}

/* Used in the default base as the Title table.  Even with custom layouts, it's used in the Add/Edit Post and other popups that have a title */
Table.Subject{
		border: outset;
		border-width: 1px;}

/* used to define the Menus on the left */	
.Menu{		width: 185px;
		border: outset;
		font-weight: bold;
		border-width: 1px;}

/* This is used with [title] tags in guides and posts */
.GuideTitle{	font-weight:bold;
		font-size: 24pt;
		color: #ff5555;}

		
/* used with [subtitle] tags in guides and posts */
.GuideSubTitle{	font-weight:bold;
		font-size: 13pt;
		color:#bb5555;}

/* The Row of the "Title Table" */
.Subject{	font-size: 11pt;
		font-weight: bold;
		background: #792F26;
		color: #ffffff}
		
/* This is the "PAge Description" row of the "Title Table" */
.SubSubject{	font-size: 9pt;
		font-weight: bold;
		background: #d0d0d0;
		color: #000000;}

/* in the default layout, this is the style associated with the Count Down: "x minutes until the next raid" */
.CountDown{	font-size: 16pt;
		font-weight: normal;}
		
/* In the default, is the style of the Next Event Name at the top */
.EventName{	font-size:11pt;
		font-weight:bold; }

/* same as above, only for the Date/Time */
.EventTime{	font-size:11pt;
		font-weight:normal; }
		
/* for the TopStats, is the color of the Statistic itself */
.StatCount{	color: #aaaa00;}

/* for the TopStats, is the color of a Statistic designed to get the user's attention */
.StatAlert{	color: #ff0000;}

/* In the default layout, is the style of the "Top Stats" */
.TopStats{	background: #d0d0d0;
		font-size: 7.5pt}

/* In the Default Layout, Is essentially the background information for the Next Event. */
.Event{		background: #AAAAAA;
		font-size:9pt;}
		
/* Error box description */
table.error{	border-width: 1px;
		border-style:outset;}

/* Error box description */
td.error,.missing,div.error{	
		font-size: 9pt;
		background: #771111;
		color: #FFFFFF;}

/* Error box title */
.errorlistlabel{background:#BB1111;
		font-weight:bold;
		color:#FFFFFF;
		font-size:11pt}

/* used on almost every page, is the style of one of the row-types in a table with alternating row types */
.list1,.l1{	font-size: 9pt;
		background: #171716;
		background-image:url(/settings/www/files/metal1.jpg);	}

/* used on almost every page, is the style of the other of the row-types in a table with alternating row types */
.list2,.l2{	font-size: 9pt;
		background: #0e0e0d;
		background-image:url(/settings/www/files/metal2.jpg);}

/* used commonly, is for rows that want to "Get Your attention" in a table.  IE, Missing Raids on your member profile. */
.listred,.lr{	background: #FF9999;
		color: #000000;
		font-size: 9pt;}

/* used to mark a "new or recently posted" thread. */
.newlist1,.newl1{
		background-image:url(/settings/www/files/wood2.jpg);
		font-weight:bold;
		font-size: 9pt;}

.newlist2,.newl2{
		background-image:url(/settings/www/files/wood1.jpg);
		font-weight:bold;
		font-size: 9pt;}

/* used in the copyright notice */
.copyright{
	text-shadow:0 0 10px #000, 0 0 4px #000, 2px 2px 2px #000;
	font-size: 7.5pt;
	font-style:italic
}

/* used in a few places to just define a normal place to put simple kinda-small text */
.plain{font-size:9pt}

/* to define small text in random places */
.xsmall{font-size:7.5pt}

.calcurrent{
	font-size: 7.5pt;
	color: ;
	border-style:solid;
	border-width:1px;
	border-color:grey;
}


/* The menu header (Menu, Resources, etc) as well as the Calendar Header, and the current date on the calendar */
.MenuCat,.calheader{
		font-size: 9pt;
		font-weight: bold;
		background: #BBBBBB;
		color: ;
		
		}

/* The cell record on the calendar for if there is something scheduled this day */
.calsomething{}

/* The header bar of tables that act as lists */
.listlabel{
		font-size: 9pt;
		font-weight: bold;
		background-image: url(/settings/www/files/listlabelmetal.jpg);
		color: #FFFFFF;}

/* The Menu option contents, as well as the body for the calendar */
.MenuChoice,.calbody{	font-size: 9pt;
		background: #d0d0d0;
		color: ;}

/* is the information about the poster on the forum.  The left-most pane on each post */
.PostInfo{	font-size: 9pt;
		background-image:url(/settings/www/files/wood1.jpg);
		padding:5px;
		border-style:solid;
		border-width:1px;
		border-color: #000000;

}
		
/* While rather rarely used, this is the "color picker" popup. Probably shouldn't ever change */
.cp{		width:10;height:10}

/*  On the forum, this is the little blurb at the top that gives statistic info "Total Posts" "Total Threads" "Deepest Thread" */
.ThreadHeader{	font-size: 11pt;}
	
/* The style associated with the "Add a Post to this thread" link on the forum */
.MakeAPost{	font-weight: bold;
		font-size: 11pt;}

/* The style associated with the pane in the layout containing the body of each post */
.PostText{	font-size: 9pt;
		background-image:url(/settings/www/files/metal1.jpg);
		padding:10px;
		border-style:solid;
		border-width:1px;
		border-color: #000000;
		}

/* used on the [pre] tags in posts and stuff */
pre{		font-size:11pt;}


/* Basic Link Definition */
A:visited       {color: #b6b622;}
A:link          {color: #b6b622;}
A:active        {color: #00ff00;}
A:hover         {color: #00ff00;}

/* for any list rows that must show up to get the user's attention, this is the link for them */
A.inred:visited	{color:#000000;}
A.inred:link	{color:#000000;}
A.inred:active	{color:#444444;}
A.inred:hover	{color:#444444;}

/* used in on most pages as the buttom class */
input.button{	background: #111111;
		color: #ff2222;}

/* used in the default layout as any list items */
li{	
	list-style-image:url(/settings/www/files/bullet.gif)
}


/* The following are the rules for tabs */
div.tabrow{float:left;width:100%;padding-top:5px;}
ul.tabrow, ul.tabrow li{list-style-type:none;margin:0;padding:0}
ul.tabrow{margin-left:10px;}
ul.tabrow li{list-style-image:none;float:left;margin-right: 3px;text-align:center;font-size:inherit}
ul.tabrow a{float:left;width:8em;padding: 5px 0;background-color:#003300;}
ul.tabrow a:hover {background:#333333;}
ul.tabrow li.selected a,ul.tabrow li.selected a:hover {background-image:url(/settings/www/files/listlabelmetal.jpg);color:#ffffff}

#bodywrapper {
	position:absolute;
	top:203px;
	width:100%;
	left:0;
}

#menubar_outer_wrapper {
	position:absolute;
	left:0;
	top:0;
	height:30px;
	width:100%;
}

#menubar_wrapper {
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
}

#menubar {
	position:absolute;
	top:0;
	right:0px;
	z-index:20;
	height:30px;
	padding-top:7px;
	padding-left:10px;
	font-size:10pt;
	font-weight:bold;
	background:#000;
	text-align:right;
	background:url(/settings/www/files/darkwood.jpg);
}

.menubar_bottom {
	position:absolute;
	left:0;
	bottom:0;
	height:4px;
	width:100%;
	background:url(/img/menubottom.gif) center left;
	z-index:5;
}

#menubar .menubar_bottom {
	background:url(/settings/www/files/menutitlebottom.gif);
}

.menubar_left,.menubar_right {
	position:absolute;
	top:0px;
	height:100%;
	width:4px;
	background:url(/img/menutitleleft.gif) bottom left;
	z-index:10;
}

.menubar_left {
	left:0;
}

.menubar_right {
	right:0;
	background:url(/img/menutitleright.gif) bottom right;
}

#menubar a:link,
#menubar a:visited {
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	height:21px;
	display:inline-block;
	text-shadow:2px 2px 2px #000;
}

#menubar a:link,
#menubar a:visited,
.menubar_menucontents a:link,
.menubar_menucontents a:visited {
	white-space:nowrap;
}

#menubar a:hover,
#menubar a:active,
.menubar_menucontents a:hover,
.menubar_menucontents a:active
{
	background: rgba(160,160,160,0.1);
	text-decoration:underline;
}

#menubar, .menubar_menucontents {
	-moz-box-shadow: 4px 4px 5px #000;
	-webkit-box-shadow: 4px 4px 5px #000;
	box-shadow: 4px 4px 5px #000;
}

.menubar_menucontents {
	font-size:10pt;
	background:url(/settings/www/files/darkwood.jpg);
	padding:10px;


}

.menubar_menucontents .menulink {
	height:20px;
}

#logo_wrapper {
	top:45px;
	position:absolute;
	left:0;
	width:100%;
	height:132px;
}

#inner_logo_wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:132px;
	position:relative;
}


#supportbar{
	position:absolute;
	width:100%;
	height:16px;
	background:url(/settings/www/files/bar.gif);
	background-repeat:repeat-x;
	top:66px;
	left:0px;
	z-index:0;
}

#loginbar {
	position:absolute;
	top:7px;
	left:-14px;
	width:158px;
	height:84px;
	text-align:center;
	padding:24px 37px 24px 40px;
	background:url(/img/signupbars2.gif) no-repeat;
	z-index:10;
}


#loginbar td.plain {
	font-size:8pt;
}

#loginbar input {
	font-size:8pt;
	border: 1px solid #777;
	background: #222;
	color: #fff;
}

.login_form_submit {
	margin-top:3px;
}

.forgot_password_link {
	margin-top:4px !important;
}

#loginbar input[type=text], #loginbar input[type=password] {
	width:90px;
}

#loginbar br {line-height:0px}

#loginstuff br:first {display:none}


#loginbar_inner {
	position:absolute;
	top:19px;
	left:12px;
	width:184px;
	height:107px;
	background:url(/settings/www/files/darkwood.jpg);
	z-index:5;
}

#testimonialbar {
	position:absolute;
	vertical-align:middle;
	top:0;
	right:0px;
	width:235px;
	height:161px;
	z-index:10;
}

/*#testimonialbar .testimonial_text {
	position:absolute;
	bottom:0;
	left:250px;
}*/



.loginbar_header {
	position:absolute;
	top:4px;
	left:0;
	text-align:center;
	width:100%;
	font-weight:bold;
}

.loginbar_contents {


}


#signupbars {
	position:absolute;
	top:7px;
	left:680px;
	z-index:10;
}

#signuptext {
	position:absolute;
	top:22px;
	left:708px;
	z-index:9;
}

#logo {
	position:absolute;
	top:7px;
	width:100%;
	z-index:3;
	text-align:center;
}


#leftmenu {
	position:absolute;
	table-layout:fixed;
	top:63px;
	left:5px;
	width:219px;
	empty-cells:show;
	z-index:1;
}

#pagetitle{
	/*font-weight:bold;*/
	font-size:24pt;
	text-shadow:2px 2px 2px #000;
	font-family:BlackwoodCastle,Times New Roman,serif;	
}

#rightmenu{
	z-index:1;
	position:absolute;
	table-layout:fixed;
	top:63px;
	right:5px;
	width:219px;
	empty-cells:show;
}

#rightmenumoved{
	z-index:2;
	empty-cells:show;
	table-layout:fixed;
	width:219px;
	left:5px;
     	top:0px;
	position:absolute;
}
	

#contentbar{
	position:absolute;
	top:140px;
	left:0px;
	width:100%;
	height:47px;
	empty-cells:show;
	z-index:5;
}

#contentbarbar{
	background-image:url(/settings/www/files/bar.gif);
	background-repeat:repeat-x;
	background-position:0px 16px;
}

#contentbarleft{
	width:138px;
	text-align:right;
}

#contentbarright{
	width:139px;
	text-align:left;
}


#contenttobar1{
	position:absolute;
	left:350px;
	top:153px;
	z-index:10;
}

#contenttobar2{
	position:absolute;
	right:325px;
	top:153px;
	z-index:10;
}

#contentwrapper{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#contenthackbox{
	position:relative;
	width:100%;
	
}

#contenttopbar{
	background-image:url(/settings/www/files/topcontentbar.gif);
	background-repeat:repeat-x;
}

#contentbottombar{
	background-image:url(/settings/www/files/bottomcontentbar.gif);
	background-repeat:repeat-x;
}

#contentleftbar{
	background-image:url(/settings/www/files/leftcontentbar.gif);
	background-repeat:repeat-y;
}

#contentrightbar{
	background-image:url(/settings/www/files/rightcontentbar.gif);
	background-repeat:repeat-y;
}

#contentcontent{
	background-color:#27270f;
	background-image:url(/settings/www/files/darkwood.jpg);
	background-repeat:repeat;
	padding:10px;
	text-align:left;
}

#contenttitle{
	background-image:url(/settings/www/files/metal.gif);
	background-repeat:repeat;
	padding:10px;
	font-size:12pt;
}

#contentbelowtitle{
	background-image:url(/settings/www/files/menutitlebottom.gif);
	background-repeat:repeat-x;
	height:4px;
}

.contentcorner{
	width:33px;
	height:33px;
}

.menuside{
	background-image:url(/settings/www/files/barvirt.gif);
	background-repeat:repeat-y;
	width:18px;
}

.menutitle{
	padding-top:5px;
	background-image:url(/settings/www/files/metal.gif);
	background-repeat:repeat;
	text-align:center;
	padding-bottom:5px;
	font-weight:bold;
	font-size:10pt;
}

.menucontent{
	font-size:9pt;
	padding-top:4px;
	background-image:url(/settings/www/files/darkwood.jpg);
	background-repeat:repeat;}
.menutitletop{
	background-image:url(/settings/www/files/menutitletop.gif);
	background-repeat:repeat-x;
	height:2px;
	}
.menutitlebottom{
	background-image:url(/settings/www/files/menutitlebottom.gif);
	background-repeat:repeat-x;
	height:4px;}
.menutable{
	position:relative;
	left:-1px;
	width:185px;}