* {
	margin: 0;
	padding: 0;
}

html {
	/*overflow: -moz-scrollbars-vertical;*/
	overflow-y: scroll;
}

body {
	background: #101010 url('/assets/images/bg.png');
	color: #b2b2b2;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

img { border-style: none; }

a { font-size: 1em; text-decoration: none; color: #2186ef; outline: none; }
a:hover { text-decoration: none; color: #ddd; }

h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.2em;
	padding: 0 0 3px 4px;
}

h3 {
	border-bottom: 1px solid #1d3c5f;
	margin-bottom: 3px;
	padding-bottom: 2px;
	color: #989898;
	margin-top: 20px;
	font-size: 1.2em;
	text-transform: uppercase;
}

h4 {
	color: #a1c3e6;
	margin: 0 0 6px 4px;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
}

h5 {
	color: #a1c3e6;
	font-size: 1.2em;
}

.page {
	background: url('/assets/images/bg-body.png') top center repeat-y;
	margin: 0 auto;
	text-align: center;
	min-width: 983px;
}

.page-header {
	background: url('/assets/images/bg-header.png') no-repeat top center;
	margin: 0 auto;
	padding-top: 218px;
	min-width: 983px;
	min-height: 542px;
	text-align: center;
}

.page-navigation {
	margin: 0 auto;
	text-align: left;
	height: 42px;
	width: 953px;
}

.page-header-links {
	float: left;
	height: 42px;
	width: 620px;
}

.page-header-links a {
	color: #a1c3e6;
	display: block;
	float: left;
	font-size: 1.4em;
	margin: 12px 0 0 24px;
}

.page-header-links a:hover {
	color: #fff;
}

.page-header-links .small {
	color: #666;
	font-size: 1em;
	margin: 17px 0 0 4px;
}
.page-content {
	margin: -464px auto 0 auto;
	text-align: left;
	min-height: 232px;
	width: 953px;
}

.page-footer {
	background: url('/assets/images/bg-footer.png') no-repeat top center;
	margin: 0 auto;
	text-align: center;
	height: 60px;
	width: 983px;
}

.page-footer .top {
	display:block; border: 0; height:40px; outline: none; width: 60px; float:left; padding: 8px 0 0 18px;
}

.page-footer .wp {
	display:block; outline: none; height:40px; width: 40px; float:right; padding: 8px 18px 0 0;
}

.page-body {
	margin: 0 28px 0 12px;
}

.page-single {
	background: url('/assets/images/bg-page-single.png') repeat-x bottom;
	font-size: 1.1em;
	text-align: left;
	list-style: circle;
	margin-bottom: 3px;
	padding: 0 1px;
	min-height: 42px;
	height: auto;
	width: auto;
}

.page-single-r {
	background: url('/assets/images/bg-page-single.png') repeat-x bottom;
	border: 1px solid #000;
	border-bottom: 0;
	font-size: 1.1em;
	text-align: left;
	/*margin-top: -208px;*/
	/*margin-left: -248px;*/
	list-style: circle;
	padding: 12px;
	height: auto;
	width: 883px;
}

.page-single-rec {
	background: url('/assets/images/bg-page-single.png') repeat-x bottom;
	border: 1px solid #000;
	border-bottom: 0;
	font-size: 1.1em;
	text-align: left;
	/*margin-top: -208px;*/
	/*margin-left: -248px;*/
	list-style: circle;
	padding: 12px;
	height: auto;
	width: auto;
}

.page-single-r ul {
	padding-left 24px;
	margin: 12px 20px;
}

.page-single-rec ul {
	display: block;
	white-space: nowrap;
}

.page-single-rec ul li {
	/*background: url('/assets/images/forum/bg-row-blue.png') top repeat-x;*/
	/* border: 1px solid #000;*/
	display: block;
	line-height: 1.4em;
	list-style-type: none;
	clear: left;
}
.page-single-rec ul li dl {
	padding: 2px 0;
	/*height: 1%;*/
	overflow: hidden;
}

.page-single-rec ul li dt {
	padding-top: 4px;
	display: block;
	float: left;
	line-height: 1.3em;
	margin-left: 42px;
	width: 427px;
}

.page-single-rec ul li dd {
	background:  url('/assets/images/forum/divider.gif') left no-repeat;
	display: block;
	/*border-left: 1px solid #222;*/
	float: left;
	text-align: center;
	padding: 3px 0;
	width: 83px;
}

.page-single-r hr, .page-single-rec hr {
	border: 0;
	height: 8px;
}

.page-red-r {
	background: url('/assets/images/bg-page-red.png') repeat-x bottom;
	border: 1px solid #000;
	border-bottom: 0;
	font-size: 1.1em;
	text-align: left;
	/*margin-top: -208px;*/
	/*margin-left: -248px;*/
	padding: 12px;
	/*min-height: 208px;*/
	width: 883px;
}

.page-red-r hr {
	border: 0;
	height: 8px;
}

.page-single-red {
	background: url('/assets/images/bg-page-single-red.png') repeat-x bottom;
	font-size: 1.1em;
	text-align: left;
	list-style: circle;
	margin-bottom: 3px;
	padding: 0 1px;
	min-height: 42px;
	height: auto;
	width: auto;
}

.box-single {
	background: url('/assets/images/bg-page-single.png') repeat-x bottom;
	font-size: 1.1em;
	text-align: left;
	list-style: circle;
	margin-bottom: 3px;
	padding: 0 1px;
	min-height: 42px;
	height: auto;
	width: auto;
}

.box-single div:first-child {
	border: 1px solid #000;
	min-height: 34px;
	margin: 0 -1px;
	min-height: 34px;
	padding: 8px;
}

.box-single div span {
	font-size: 1.3em;
}

.box-single hr {
	border: 0;
	height: 8px;
}

.box-lblue {
	background: url('/assets/images/bg-row-lblue.png') repeat-x bottom;
	border: #000 1px solid;
	padding: 4px;
}

.box-red {
	background: url('/assets/images/bg-row-red.png') repeat-x bottom;
	border: #000 1px solid;
	padding: 4px;
}

.content-left {
	float: left;
	min-height: 300px;
	text-align: left;
	width: 228px;
}

.content-right {
	float: right;
	width: 680px;
}



/*----------------------*/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

.clear {
	clear: both; height: 0; line-height: 0;
}

.box-panel {
	background: url('/assets/images/bg-page-single.png') repeat-x bottom;
	font-size: 1.1em;
	text-align: left;
	list-style: circle;
	margin-bottom: 3px;
	padding: 0 1px;
	/*height: auto;*/
	width: auto;
}

.box-panel .content {
	border: 1px solid #000;
	margin: 0 -1px;
	padding: 2px 6px 0 6px;
}

.box-panel span {
	font-size: 1.2em;
}

.box-panel hr {
	border: 0;
	height: 8px;
}

#panel-usc {
	position: absolute;
	top: 261px;
	text-align: center;
	margin: 0 auto;
	width: 912px;
	z-index: 999;
}

#panel-usc .tab {
	padding-bottom: 5px;
	width: 100%;
}

#panel-usc a {
	font-size: 1em;
}

#panel {
	display: none;	
	overflow: hidden;
	position: relative;
	margin-bottom: 4px;
	height: auto;
	width: 100%;
	z-index: 3;
}

#toggle {
	float: right;
	margin: 4px 2px 0 0;
}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	cursor: pointer;
	display: block;
	width: 92px;
	position: relative;
	top: -4px;
}

.tab a.open {background: url(/assets/images/btn-tab-open.png) no-repeat right 0;}
.tab a.close {background: url(/assets/images/btn-tab-close.png) no-repeat right 0;}
.tab a:hover.open {background: url(/assets/images/btn-tab-open.png) no-repeat right -19px;}
.tab a:hover.close {background: url(/assets/images/btn-tab-close.png) no-repeat right -19px;}


/* --- Search --- */
.page-search {
	position: absolute;
	top: 218px;
	margin: 0 0 0 618px;
}


.search-form {
	margin-top: 11px;
	margin-right: 64px;
}

.search-form fieldset {
	background: 0;
	border: 0;
	margin: 0;
	padding: 0;
}

.search-input {
	background: #081018 url('/assets/images/bg-search.jpg') no-repeat top center;
	border: 1px solid #172c41;
	color: #666;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	padding: 3px;
	width: 198px;
}

.search-button {
	float: left;
}

/* --- Recruitment --- */
#recruitment {
	/*display: block;*/
	width: 228px;
}

#recruitment img {
	border: 0;
	margin: 3px;
	outline: none;
}

#recruitment a {
	background: url(/assets/images/bg-recruitment.png);
	border: 0;
	display: block;
	margin: 0px;
	outline: none;
	height:28px;
	width:113px !important;
}

#recruitment a div {
	display: none;
}

#recruitment div.tooltip {
	background-color:#08111b;
	background: rgba(8, 17, 27, 0.83);
	border: 1px solid #000;
	color: #c4c4c4;
	display:none;
	font-family: Verdana;
	font-size: 1.1em;
	text-align: left;
	padding: 8px;
	min-width: 100px;
	height:auto;
	width:auto;
	z-index: 1;
}

#recruitment div.tooltip  h1 {
	margin: 0;
	padding-bottom: 4px;
	font-size: 1.2em;
}

#recruitment div.tooltip  small {
	color: #666;
	display: block;
	margin: 0;
	padding-top: 4px;
	font-size: 0.9em;
}

#recruitment div.tooltip img {
	border: none;
	display: block;
	padding-bottom: 6px;
}

/* --- News --- */
.news-box {
	background: url('/assets/images/bg-page-single.png') repeat-x bottom;
	border: 1px solid #000;
	border-bottom: 0;
	font-size: 1.1em;
	text-align: left;
	list-style: circle;
	margin-bottom: 3px;
	padding: 0 1px;
	min-height: 42px;
	height: 208px;
	width: auto;
}

.news-box img {
	float: right;
	position: relative;
	top: -48px; right: -8px;
	margin: 4px 4px 0 6px;
}

.news-title label a {
	color: #a1c3e6;
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none;
}

.news-box-content {
	padding: 8px 10px;
}

.news-meta {
	color: #333;
	font-size: 0.9em;
	margin: 1px 0 0 12px;
}

.news-meta a, .news-meta a:visited {
	color: #333;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
}

.comment-meta {
	color: #333;
	font-size: 0.9em;
	margin: 1px 0 0 12px;
}

.comment-meta a, .comment-meta a:visited {
	color: #333;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
}

.comment-meta a:hover {
	color: #c00;
}

.news-box .entry {
	padding-top: 12px;
}

.news-meta a:hover {
	color: #c00;
}

.news-readmore {
	clear: both;
	position: relative;
	right: 0;
	top: -26px;
	float: right;
	text-align: right;
	margin-right: 6px;
}

.news-readmore a {
	color: #555;
}

.news-readmore label a {
	color: #2186ef;
	font-size: 1.2em;
	text-transform: lowercase;
}

/* --- */

#comment-form {
	background: #081018 url('/assets/images/bg-page.png') repeat-x bottom;
	padding: 9px 9px 16px 9px;
	width: auto;
}

#comment-form h2 {
	color: #a1c3e6;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	/* text-transform: uppercase; */
	margin: 0 0 -2px 2px;
}

#comment-form textarea {
	background-color: #000;
	border: 1px solid #172c41;
	color: #666;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	overflow: auto;
	outline-color:-moz-use-text-color !important; 
	outline-style:none !important; 
	outline-width:0 !important;
	margin: 0 0 2px 0;
	padding: 3px;
	height: 120px;
	width: 476px;
}

#comment-form input {
	background-color: #000;
	border: 1px solid #172c41;
	color: #666;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	outline-color:-moz-use-text-color !important; 
	outline-style:none !important; 
	outline-width:0 !important;
	margin-bottom: 9px;
	padding: 3px;
	width: 154px;
}

#comment-form #submit {
	background: #081018 url('/assets/images/btn-sbm-comment.png') no-repeat 0 0;
	border: 0;
	margin: 8px 0 0 0;
	height: 31px;
	width: 164px;
}

#comment-form #submit:hover {
	background: #081018 url('/assets/images/btn-sbm-comment.png') no-repeat 0 -31px;
}

#comment-form #submit:active, #comment-form #submit:focus {
	background: #081018 url('/assets/images/btn-sbm-comment.png') no-repeat 0 -62px;
}

#comment-form textarea:focus, #comment-form textarea:active, #comment-form input:focus, #comment-form input:active {
	border: 1px solid #264f78;
}

/* --- WoW Item quality levels --- */
.itemcommon { font-weight: bold; color: #CB9760 !important; }
.itemuncommon { font-weight: bold; color: #00CA00 !important; }
.itemrare { font-weight: bold; color: #0070dd !important; }
.itemepic { font-weight: bold; color: #A335EE !important; }
.itemlegendary { font-weight: bold; color: #ff8000 !important; }
.item1 { font-weight: normal; color: #CB9760 !important; }
.item2 { font-weight: normal; color: #00CA00 !important; }
.item3 { font-weight: normal; color: #0070dd !important; }
.item4 { font-weight: normal; color: #A335EE !important; }
.item5 { font-weight: normal; color: #ff8000 !important; }

/* --- */
.progress {
	/*font-size: 1.1em;*/
}

.progress ul {
	display: block;
	white-space: nowrap;
}

.progress ul li {
	background: url('/assets/images/forum/bg-row-blue.png') top repeat-x;
	border: 1px solid #000;
	display: block;
	line-height: 2.8em;
	list-style-type: none;
}

.progress ul li:hover {
	background: url('/assets/images/forum/bg-row.png') top repeat-x;
}

.progress ul li:hover dd {
	border-left-color: #444;
}

.progress ul li dl {
	padding: 2px 0;
	/*height: 1%;*/
	overflow: hidden;
}

.progress ul li dt {
	padding-top: 4px;
	display: block;
	float: left;
	line-height: 1.3em;
	margin-left: 42px;
	width: 417px;
}

.progress li.header ul li dt {
	padding-top: 4px;
	display: block;
	float: left;
	line-height: 1.3em;
	margin-left: 42px;
	width: 480px;
}

.progress ul li dd {
	background:  url('/assets/images/forum/divider.gif') left no-repeat;
	display: block;
	/*border-left: 1px solid #222;*/
	float: left;
	text-align: center;
	padding: 3px 0;
	width: 83px;
}

.progress dd.lastpost {
	line-height: 1.3em;
	width: 186px;
}

.progress li.header {
	background: url('/assets/images/forum/bg-row.png') top repeat-x;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: center;
	text-transform: uppercase;
	margin-top: 12px;
}