body {
	background: #191919;
	padding: 0;
	margin: 0;
	color: #777;
	font: 10pt Helvetica, Arial, sans-serif;
	background: #191919 url('./images/bg.png') no-repeat center top;
}
label {
	line-height: 15px; height: 15px; font-size: 8pt; vertical-align: middle; }
.code, .quote, textarea, .select, input[type=password], input[type=text], input[type=file], .searchtext {
	background: #191919;
	border:solid 1px #444;
	color: #777;
	font: 9pt Helvetica, Arial, sans-serif;
	padding: 5px;
	margin-bottom: 8px;
}
input[type=text], input[type=password], .searchtext {
	margin-bottom: 0;
	padding: 4px;
}
.select {
	padding: 2px;
}
select { 
	padding: 0;
	margin: 0;
	background: #191919;
	border: none;
	color: #777;
}
textarea { 
	width: 381px;
	height: 150px;
	font-family: Helvetica, Arial;
	margin-bottom: 0;
}
input[type=checkbox] { vertical-align: bottom; line-height: 16px }
.code { font-family: monospace; }
.wrapper {
	width: 1110px;
	margin: 0 auto;
	background: url('./images/wrapper-bg.png') repeat-y 0px 0;
}
.menu, .header, .gallery, .content, .footer {
	width: 900px;
	background: black;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	margin-bottom: 2px;
}
.menu a:link, .menu a:visited, .header, .pager, .filler, .post,
.side h1, .post-filler, .panel-filler, .footer {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; border-radius: 3px;
}
a:link, a:visited,
input[type=submit],
button, .pager-thumbnail:hover {
	color: #2093ff;
	font-family: Helvetica, Arial, sans-serif;
	border-color: #2093ff;
	/*color: #ff8a00;*/
}
a:hover,
input[type=submit]:hover,
button:hover {
	color: #23beff;
	cursor: pointer;
	/*color: #fcc215;*/
}
hr {
	width: 100%;
	height: 1px;
	border: none;
	background: #333;
	padding: 0;
	clear: both;
}
img { border: none; }

/*****************************
	Menu          
*****************************/
.menu { border-top: solid 2px black; }
.menu a:link, .menu a:visited {
	display: block;
	float: left;
	padding: 5px 15px;
	border: solid 1px #3e3e3e;
	margin-right: 2px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #ccc;
	background: url('./images/title-bg.png') repeat-x;
}
.menu a:hover {
	color: #eee;
	text-shadow: white 0 0 4px;
}
.menu .filler {
	width: 381px;
	border: solid 1px #3e3e3e;
	height: 26px;
	float: right;
	background: url('./images/title-bg.png') repeat-x;
}

/*****************************
	Header          
*****************************/
.header {
	background: #191919 url('./images/header-bg.png') repeat-x;
	padding-top: 20px;
	padding-bottom: 14px;
	padding-left: 23px;
	border: solid 1px #3e3e3e;
	width: 875px;
	margin-bottom: 0;
}
.header-container {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 2px;
	background: black;
}

/*****************************
	Gallery          
*****************************/
.gallery {
	margin-bottom: 0px;
}
.slide {
	width: 540px;
	height: 301px;
	float: left;
}
.image {
	width: 538px;
	height: 301px;
	background: #333;
	border-right: solid 0px #191919;
	z-index: 0;
}
.overlay {
	position: absolute;
	width: 540px;
	height: 301px;
	margin-top: -301px;
	background: url('./images/overlay.png') no-repeat;
	z-index: 3;
}
.paging { 
	float: left; 
	width: 360px;
}
.pager {
	border: solid 1px #3e3e3e;
	background: #191919 url('./images/pager-bg.png') repeat-x;
	width: 338px;
	height: 77px;
	margin-left: 0;
	padding: 10px;
	margin-bottom: 2px;
	cursor: pointer;
}
.active {
	width: 338px;
	border-left: none;
	background: #191919 url('./images/pager-active-bg.png') repeat-x;
	padding-left: 11px;
	color: #ccc;
	border-color: #414141;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
}
.active .pager-thumbnail {
	/*border-color: black;*/
}
.pager-thumbnail img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.active img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.pager-thumbnail {
	width: 75px;
	height: 75px;
	margin-right: 10px;
	float: left;
	border: solid 2px #191919;
	background: black;
}
.pager-active {
	width: 77px;
	height: 99px;
	background: transparent url('./images/pager-arrow.png') no-repeat right top;
	margin-left: 450px;
	padding-left: 13px;
}
.pager h1 {
	margin: 0 0 5px 0;
	font-size: 9pt;
	text-transform: uppercase;
}
.pager p {
	margin: 0;
	font-size: 8pt;
	line-height: 1.5;
}

.content { background: transparent; }
.content-footer {
	background: black url('./images/content-footer.png') no-repeat;
	width: 900px;
	margin: 0 auto;
	height: 3px;
}
/*****************************
	News          
*****************************/
.news {
	width: 638px;
	margin-right: 2px;
	float: left;
	height: 100%;
}
.post-container {
	width: 638px;
	padding-bottom: 2px;
	background: black;
}
.post {
	background: #262626 url('./images/post-bg.png') repeat-x;
	padding: 20px;
	border: solid 1px #3e3e3e;
	width: 596px;
	color: #bebebe;
}
.post-filler {
	background: #262626;
	height: 3px;
	border-left: solid 1px #3e3e3e;
	border-right: solid 1px #3e3e3e;
	border-top: solid 1px #3e3e3e;
}
.post h1, #rightcontent h1, #maincontent h1 {
	margin: 0;
	color: #ccc;
	font-size: 13pt;
	margin-bottom: 1spx;
	text-transform: uppercase;
}
.post h2 {
	margin: 0;
	color: #777;
	font-size: 9pt;
	margin-bottom: 10px;
}
.post-body { line-height: 1.5; }
.readmore a:link, .readmore a:visited, 
input[type=submit],
button {
	text-decoration: none;
	padding: 3px 6px;
	background: #1e1e1e;
	border: none;
	line-height: 1;
}
.readmore a:link, .readmore a:visited { padding: 4px 7px ;}
.readmore {
	text-align: right;
	margin-top: 15px;
}
	

/*****************************
	Gallery          
*****************************/
.side {
	float: left;
	width: 260px;
}
.side h1 {
	margin: 0;
	color: #ccc;
	font-size: 8pt;
	padding: 7px;
	margin-bottom: 2px;
	border: solid 1px #3e3e3e;
	background: url('./images/title-bg.png') repeat-x;
	text-transform: uppercase;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.panel {
	width: 260px;
	padding-bottom: 2px;
	background: black;
}
.panel-filler {
	background: #1c1c1c;
	height: 3px;
	border-left: solid 1px #3e3e3e;
	border-right: solid 1px #3e3e3e;
	border-top: solid 1px #3e3e3e;
}
.panel-content {
	background: #1c1c1c url('./images/panel-bg.png') repeat-x;
	border: solid 1px #3e3e3e;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	padding: 10px;
	line-height: 1.5;
}
.panel-content p {
	margin: 0 0 10px 0;
}
.panel-content p.last { margin-bottom: 0; }
.panel-content div.last { margin-bottom: 0; height: 20px; }
.footer {
	width: 874px;
	margin: 0 auto;
	font-size: 8pt;
	padding: 12px;
	border: solid 1px #3e3e3e;
	background: url('./images/title-bg.png') repeat-x;
	text-align: right;
}
.footer a:link,
.footer a:visited {
	color: #777;
}

/*****************************
	Panel Elements          
*****************************/
.officer {
	clear: both;
	width: 100%;
	height: 28px;
}
.name {
	color: white;
	float: left;
	height: 28px;
}
.rank {
	font-style: italic;
	float: right;
	height: 28px;
}
/****************************/
.recruiting {
	clear: both;
	height: 28px;
}
.admin-recruiting {
	clear: both;
	height: 28px;
}
.class, .spec, .priority { height: 28px;}
.admin-recruiting .class { width: 96px; }
.class { float: left; }
.class img { vertical-align: middle; }
.spec {
	float: left;
	margin-left: 4px;
}
.spec-container {
	width: 120px;
	display: block;
	float: left;
}
.priority { float: right; }

/*****************************
	Class / Priority Colours         
*****************************/
.deathknight { color: #C41F3B; }
.druid { color: #FF7D0A; }
.hunter { color: #ABD473; }
.mage { color: #69CCF0; }
.paladin { color: #F58CBA; }
.priest { color: #FFFFFF; }
.rogue { color: #FFF569; }
.shaman { color: #2459FF; }
.warlock { color: #9482C9; }
.warrior { color: #C79C6E; }

.low { color: #777; }
.medium { color: #ccc; }
.high { color: #fff; }

/*****************************
	nDKP         
*****************************/
#mainpage {
	width: 900px;
}
#maincontent {
	width: 611px;
	padding: 10px;
	margin: 0;
	color: #777;
	font: 10pt Helvetica, Arial, sans-serif;
}
#rightcontent {
	width: 240px;
	padding: 10px;
	margin: 0;
	color: #777;
	font: 10pt Helvetica, Arial, sans-serif;
}
#maintable {
	color: #777;
	width: 614px;
	font: 10pt Helvetica, Arial, sans-serif;
}
#maintable td {
	padding: 5px;
	background: #303030;
}
#rightcontent div {
	max-width: 240px;
	margin: 0 0 0 4px;
}
#rightcontent p {
	width: 240px;
}
#rightcontent .news {
	margin: 0;
	padding: 0;
}
.nurfedPos, .attPos {
	
}
.attNeg, .nurfedNeg {
	color: #f00;
}
.submenu { margin-top: 2px;  }
.breadcrumbs, .submenu {
	background: #191919 url('./images/header-bg.png') repeat-x;
	border: solid 1px #3e3e3e;
	width: 878px;
	padding: 10px;
	clear: both;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; border-radius: 3px;
}
.caps {
	width: 900px;
	margin: 0 auto;
	clear: both;
	height: 4px;
	background: black;
}
.tablecap {
	height: 3px;
	background: #262626;
	border-top: solid 1px #3e3e3e;
	border-right: solid 1px #3e3e3e;
	border-left: solid 1px #3e3e3e;
	width: 636px;
	overflow: hidden;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	float: left;
}
.tablecap2 {
	height: 3px;
	float: right;
	background: #1c1c1c;
	border-top: solid 1px #3e3e3e;
	border-right: solid 1px #3e3e3e;
	border-left: solid 1px #3e3e3e;
	width: 258px;
	overflow: hidden;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.btablecap {
	height: 3px;
	background: #262626;
	border-bottom: solid 1px #3e3e3e;
	border-right: solid 1px #3e3e3e;
	border-left: solid 1px #3e3e3e;
	width: 636px;
	overflow: hidden;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	float: left;
}
.btablecap2 {
	height: 3px;
	float: right;
	background: #1c1c1c;
	border-bottom: solid 1px #3e3e3e;
	border-right: solid 1px #3e3e3e;
	border-left: solid 1px #3e3e3e;
	width: 258px;
	overflow: hidden;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}
.submenu a:link, .submenu a:visited {
	display: block;
	float: left;
	margin-right: 15px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #ccc;
}
.submenu h1{
	font-size: 10pt;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 15px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #777;
}
.submenu a:hover {
	color: #eee;
	text-shadow: white 0 0 4px;
}
.linklines { float: left; padding-top: 4px; }
.search { float: right; height: 24px; }