/* page css */
html { background: #1f1c27 }
body { padding: 0px; margin: 0px; background: #1f1c27; font-family: 'Helvetica', 'Liberation Sans', 'Arial', 'Ubuntu', sans-serif; font-size: 14px; background-image: url(/site-images/purplepork/bg.jpg); background-repeat: no-repeat; background-position: center top; color: #f4f4f4;  background-position: center -260px; }

/* top/mid/bottom/content/footer/nav */
#t, #m, #b, #c #f, #n { width: 100%; clear: both }
#t { height: 32px; line-height: 32px; background: #322e3d }
#t div div.r { margin-right: 8px }

/* community blogs banner */
#banner-content, #steam-banner-content { 
	max-width: 300px; 
	margin: 4px;
	margin-left: 16px;
	padding-left: 4px;
	padding-right: 4px;	
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	background-color: #e86a2b;
	font-size: 11px;
	line-height: 20px;
	
	color: #16141c;
	
	background: #e88d2b; /* Old browsers */
	background: -moz-linear-gradient(top, #e88d2b 0%, #ffa73d 50%, #e86a2b 51%, #e86a2b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e88d2b), color-stop(50%,#ffa73d), color-stop(51%,#e86a2b), color-stop(100%,#e86a2b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e88d2b 0%,#ffa73d 50%,#e86a2b 51%,#e86a2b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e88d2b 0%,#ffa73d 50%,#e86a2b 51%,#e86a2b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e88d2b 0%,#ffa73d 50%,#e86a2b 51%,#e86a2b 100%); /* IE10+ */
	background: linear-gradient(top, #e88d2b 0%,#ffa73d 50%,#e86a2b 51%,#e86a2b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88d2b', endColorstr='#e86a2b',GradientType=0 ); /* IE6-9 */
}
#banner-content a, #steam-banner-content a { color: black; text-shadow: 0px 0px 0px #000000; font-weight: bold }
#banner-content a:hover, #steam-banner-content a:hover { color: #454051; text-decoration: underline; text-shadow: 0px 0px 0px #000000 }
/* top menu with profile, unread posts logout etc */
.top {
	font-size: 12px;
	
}

/* mid/splash */
#m { padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #000 }
#in { width: 600px; clear:both }
#in h1 { font-size: 32px; font-weight: normal; margin-top: 32px; color: #e86a2b }
#in p { font-size: 18px; color: #fff; line-height: 32px; }
#dl { float: right; width: 360px; margin-top: -180px; margin-right: -16px }
#bv { margin-left: 48px; }
#dlbtn { background-image: url(/site-images/purplepork/dl.png) }
#dlbtn:hover { background-image: url(/site-images/purplepork/dl.png); background-position: 0px -97px; }
.screenshot-hp { float: left; text-align: center; padding-left: 0px; padding-right: 32px; padding-top: 8px; padding-bottom: 8px }
.screenshot-hp img { border: 8px solid #1c1923 }
.screenshot-hp img:hover { border: 8px solid #454051 }

/* nav */
#n { padding-top: 16px; height: 50px; border-top: 1px solid #5b5764; }
#n hr, .nicehr { border: 0px; border-bottom: 1px solid #2c2839; border-top: 1px solid #121017 }
#nb ul { list-style-type: none; margin-top: 0px; margin-left: 0px; padding-left: 0px }
#nb ul li { float: left; overflow: none }

#nb ul li a, #nav-spacer, .screenshot-link { font-size: 20px; padding: 8px; padding-left: 13px; padding-right: 13px; margin-right: 36px; 
	border: 3px solid transparent;
}

#nb ul li a.border {
	/* outer border */
	border: 3px solid #f17a30;
	
	/* rounded corner */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;		
}

#nb ul li a:hover, .a, .screenshot-link:hover { color: white; background: #e86a2b; padding: 8px; padding-left: 13px; padding-right: 13px; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0px 0px 0px #000000; 
	/* bg gradient */
	background: #f17a30; /* Old browsers */
	background: -moz-linear-gradient(top,  #f17a30 0%, #c94319 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f17a30), color-stop(100%,#c94319)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f17a30 0%,#c94319 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f17a30 0%,#c94319 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f17a30 0%,#c94319 100%); /* IE10+ */
	background: linear-gradient(top,  #f17a30 0%,#c94319 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17a30', endColorstr='#c94319',GradientType=0 );*/ /* IE6-9 */
	
	/* drop shadow */
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);	
	
	/* outer border */
	border: 3px solid #f17a30;
	
	/* rounded corner */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
}
#nb ul li a.dr, #nav-spacer { margin-left: -32px; padding: 8px; padding-left: 2px; padding-right: 2px }

a.dr:hover { background: #e86a2b; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }

/* forum + blog navi dropdowns */
#fnar, #bnar { position: absolute; background: #e86a2b; width: 16px; height: 16px; margin-top: -16px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#fnar {  margin-left: 102px }
#bnar {  margin-left: 75px }
#fnavi, #bnavi { display: none; position: absolute; background: #e86a2b; padding: 8px; min-width: 200px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
#fnavi ul, #bnavi ul { list-style-type: none; padding: 0px; margin: 0px }
#fnavi ul li a, #bnavi ul li a { color: white; line-height: 1.5em; text-shadow: none }
#fnavi ul li a.dr, #bnavi ul li a.dr { color: white; }

/* forum path */
#f-path { color: white; background: #16141c; font-size: 11px; margin-bottom: 6px; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; border-bottom: 1px solid #1c1923; border-right: 1px solid #1c1923; border-left: 1px solid #141219; border-top: 1px solid #141219; padding-left: 8px }
.f-path-spacer { display: inline; line-height: 15px; margin-left: 8px; margin-right: 8px; padding-top: 2px; padding-bottom: 2px }
.f-path-spacer img { margin-bottom: -2px }

/* contentsnstuff */
#c { border-bottom: 1px solid #0f0d13; min-height: 160px; }

/* footer */
#f { border-top: 1px solid #282333; background: #16141c; min-height: 240px; padding-top: 16px; text-shadow: 0px 1px 2px #000000; filter: dropshadow(color=#000000, offx=0, offy=1) }
#f h3 { color: #5f596b; font-weight: normal; font-size: 16px }
#f a { color: /*#454051*/ #6f6783 }
#f a:hover { color: #e86a2b }
#f p { color: #5f596b }
#l { width: 524px; padding-right: 32px }
#lf { float: right; width: 300px; line-height: 1.5em; padding-bottom: 32px }
#lf-planet { float: right; width: 300px; line-height: 1.5em; padding-bottom: 32px }
.lfitem { margin-bottom: 6px }

/* commons */
.c { clear: both }
.l, #l, #in { float: left }
.r, #r { float: right }
.it { font-style: italic; }
a { color: #e86a2b; text-decoration: none; text-shadow: 0px 1px 2px #000000; filter: dropshadow(color=#000000, offx=0, offy=1) }
a:hover { text-decoration: underline }
h1 { letter-spacing: -1px; font-weight: normal; font-size: 32px; margin-bottom: 8px; margin-top: 8px }
h2 { font-size: 24px; margin-bottom: 8px; margin-top: 8px }
h3 { font-size: 20px; margin-bottom: 8px; margin-top: 8px }
h1, h2, h3 { color: white; }
.norm { font-weight: normal }
.content, p { line-height: 1.5em; }
.content { word-wrap: break-word; max-width: 770px; }
h1, h2, h3 { font-weight: normal }
img { max-width: 100% }
.notification { color: black; background: #fffabe; font-size: 11px; margin-bottom: 6px; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; border-bottom: 1px solid #1c1923; border-right: 1px solid #1c1923; border-left: 1px solid #141219; border-top: 1px solid #141219; padding-left: 8px }


/* 960px content */
.w960 { margin-left: auto; margin-right: auto; width: 960px }

/* social media icons */
/* thanks to: http://machoarts.com/freebie-facebook-twitter-rss-icons-psd */
#icfab { background-image: url(/site-images/purplepork/smi.png); background-position: 0px 0px; }
#icfab:hover { background-image: url(/site-images/purplepork/smi.png); background-position: 0px -46px; }
#icrss { background-image: url(/site-images/purplepork/smi.png); background-position: 96px 0px; }
#icrss:hover { background-image: url(/site-images/purplepork/smi.png); background-position: 96px -46px; }
#ictwi { background-image: url(/site-images/purplepork/smi.png); background-position: 144px 0px; }
#ictwi:hover { background-image: url(/site-images/purplepork/smi.png); background-position: 144px -46px; }
#ictgp { background-image: url(/site-images/purplepork/smi.png); background-position: 48px 0px; }
#ictgp:hover { background-image: url(/site-images/purplepork/smi.png); background-position: 48px -46px; }
#smi a:hover { text-decoration: none }

/* backgroundimages */
#t { background-image: url(/site-images/purplepork/bgtrans.png); background-repeat: repeat-x; background-position: center 0px }
#n { background-image: url(/site-images/purplepork/bgtrans.png); background-repeat: repeat-x; background-position: center -436px }
#c { background-image: url(/site-images/purplepork/bgtrans.png); background-repeat: repeat-x; background-position: center -516px }

/* site/pages n stuff */

/* wiki */
#wiki {
	position: relative;  
	width: 100%;
	padding-left: 16px;
}

#content #wiki h1,
#content #wiki h2,
#content #wiki h3,
#content #wiki h4,
#content #wiki br { 
	clear: both; 
	border-bottom: 1px solid #262133; 
	margin-top: 16px; 
	background: #1c1923; 
	padding: 8px; 
	padding-left: 16px;
	margin-left: -16px; 
	margin-bottom: -16px; 
}
#content #wiki br { margin: 4px; padding: 0px; }
#content #wiki p {
	margin-left: 24px;
}

#content #wiki h1.document-title {
	margin-bottom: 8px;
	background: transparent;
	border: 0px;
}

#wiki #toc, #wiki #f-path {
	margin-left: -16px;
}

#toc {
	background-color: #15131B;
	padding: 8px;
	margin-bottom: 8px;
	margin-top: 0px;
	font-size: 12px;
	min-width: 250px;	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

a.sub { margin-left: 8px; }
a.sub2 { margin-left: 16px; }
a.sub3 { margin-left: 24px; }
a.sub4 { margin-left: 32px; }

.wiki-radio { width: 5%; }
.wiki-revision { width: 5%; }
.wiki-document { width: 35%; }
.wiki-created { width: 20; }
.wiki-author { width: 20%; }
.wiki-actions { width: 15%; }

#content #wiki ul {
	margin-top: 8px;
	padding: 8px;
	padding-left: 32px;
	list-style-type:square;
/*	background: #16141c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;		*/
}

#content #wiki ul li {
	padding: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #ccc;
}

#content #wiki pre {
	padding: 8px;
	padding-left: 28px;
	border-left: 3px dashed #16141c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color: #282531;	
}

code {
  white-space: pre;
  font-family: monospace;
  display: block;
}

.wiki-image {
	float: left;
	clear: both;
	margin-top: 16px;
	margin-bottom: 8px;
	font-size: 12px;
}

.wiki-image img {
	max-width: 320px;
	max-height: 200px;
}

del {
	background: none repeat scroll 0 0 #FFDDDD;
	color: red;
	text-decoration: none;
}

ins {
	background: none repeat scroll 0 0 #DDFFDD;
	color: green;
	text-decoration: none;
}

.wiki-help-left, .wiki-help-right {
	width: 50%;
	padding-left: 16px;
}

/* server browser */
.mapinfo { float: left; padding 8px; margin-right: 32px }
.mapinfo img { border: 4px solid #1c1923; margin-left: 0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;	
}
.mapinfo table tr th { text-align: left; font-weight: normal; background: #141219; padding: 4px }
.mapinfo table tr td { padding: 4px }
.mapinfo table tr:nth-child(odd) { background: #1c1923 }
.server-dropdown { padding: 16px; margin-left: 40px }
.server img{ margin-bottom: -4px; }

/* download button */
#dl a:hover, .dl-form-b:hover { text-decoration: none }
#download-button { 
	/* size */
	width: 342px;
	height: 97px;
	
	/* bg gradient */
	background: #f17a30; /* Old browsers */
	background: -moz-linear-gradient(top,  #f17a30 0%, #c94319 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f17a30), color-stop(100%,#c94319)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f17a30 0%,#c94319 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f17a30 0%,#c94319 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f17a30 0%,#c94319 100%); /* IE10+ */
	background: linear-gradient(top,  #f17a30 0%,#c94319 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17a30', endColorstr='#c94319',GradientType=0 );*/ /* IE6-9 */
	
	/* drop shadow */
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);	
	
	/* outer border */
	border: 3px solid #f17a30;
	
	/* rounded corner */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	
	/* font */
	text-align: center;
	line-height: 97px;
	color: #fff5e4;
	font-size: 32px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	
	/*  drop shadow for text */
	text-shadow: 0px 0px 4px #b4411c;
	filter: dropshadow(color=#b4411c, offx=0, offy=0);
}
#download-button:hover {
	text-decoration: none;
	background: #f59c34; /* Old browsers */
	background: -moz-linear-gradient(top,  #f59c34 0%, #d94919 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f59c34), color-stop(100%,#d94919)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f59c34 0%,#d94919 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f59c34 0%,#d94919 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f59c34 0%,#d94919 100%); /* IE10+ */
	background: linear-gradient(top,  #f59c34 0%,#d94919 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59c34', endColorstr='#d94919',GradientType=0 );*/ /* IE6-9 */
}
.connect-button { 
	/* size */
	width: 394px;
	margin-left:4px;
	height: 60px;
	
	/* bg gradient */
	background: #f17a30; /* Old browsers */
	background: -moz-linear-gradient(top,  #f17a30 0%, #c94319 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f17a30), color-stop(100%,#c94319)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f17a30 0%,#c94319 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f17a30 0%,#c94319 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f17a30 0%,#c94319 100%); /* IE10+ */
	background: linear-gradient(top,  #f17a30 0%,#c94319 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17a30', endColorstr='#c94319',GradientType=0 );*/ /* IE6-9 */
	
	/* drop shadow */
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);	
	
	/* outer border */
	border: 3px solid #f17a30;
	
	/* rounded corner */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	
	/* font */
	text-align: center;
	line-height: 60px;
	color: #fff5e4;
	font-size: 32px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	
	/*  drop shadow for text */
	text-shadow: 0px 0px 4px #b4411c;
	filter: dropshadow(color=#b4411c, offx=0, offy=0);
}
.connect-button:hover {
	text-decoration: none;
	background: #f59c34; /* Old browsers */
	background: -moz-linear-gradient(top,  #f59c34 0%, #d94919 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f59c34), color-stop(100%,#d94919)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f59c34 0%,#d94919 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f59c34 0%,#d94919 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f59c34 0%,#d94919 100%); /* IE10+ */
	background: linear-gradient(top,  #f59c34 0%,#d94919 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59c34', endColorstr='#d94919',GradientType=0 );*/ /* IE6-9 */
}

/* download page: */
#dl-form { padding: 32px; background: #16141c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; min-height: 150px; line-height: 1.5em }
#dl-form h4, .dl-form h3 { font-weight: normal }
.dl-hr { border-bottom: 1px dotted #454051; }
#other-dl-ul { list-style-type: none; padding: 0; margin: 0}
#other-dl-ul li { line-height: 1.75em; }
#other-dl { padding-left: 32px }

/* media page, screenshots overlay */
.overlay-abs {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.overlay { 
	position: relative;
	top: 50%;
	left: 50%;
	width: 1280px;
	height: 800px;
	z-index: 999;
	background-color: #fff;
	border: 1px solid #fff;
	padding:10px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow:0 0 90px #000;
	cursor: pointer;
}
.overlay .close{
	background-image: url(/site-images/close.png);
	position: fixed;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 35px;
	width: 35px
}
.screenshot { float: left; text-align: center; padding-left: 32px; padding-right: 32px; padding-top: 8px; padding-bottom: 8px }
.screenshot img { border: 8px solid #1c1923 }
.screenshot img:hover { border: 8px solid #454051 }

/* blog */
.blog-entry h3 { font-weight: normal; margin-top: 32px; margin-left: 244px; }
.blog-poster { min-height: 164px; float: left; width: 164px; background: #1c1923; text-align: center; padding: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
#blog .content { min-height: 164px; width: 700px; float: right; background: #16141c; padding: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.blog-footer { font-size: 18px; line-height: 18px }
.blog-footer div a img { margin-bottom: -1px }
.blog-discuss { font-size: 12px; margin-left: 244px; line-height: 12px; margin-top: 8px; text-transform: uppercase }
.blog-discuss img { margin-bottom: -2px }

/* about page */
.sidebar {  min-height: 400px; width: 234px; border-left: 1px solid #2c2839; padding-left: 16px;  }
.sidebar ul { list-style-type: none; margin: 0px; padding: 0px; }
.sidebar ul li { background: #16141c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 8px; padding: 8px; text-align: center; cursor: pointer; }
.sidebar ul li.active, .sidebar ul li:hover, #server-list div.tbl-tbody div.tbl-row:hover { background: #3F3C49 }
.sidebar ul li:hover a, .sidebar ul li.active a { color: white; }
.sidebar a { clear: both; min-width: 200px; padding: 16px; }
.sidebar a:hover { text-decoration: none }
.sidebar-content { min-height: 400px; width: 700px; border-right: 1px solid #121017;  }
.sidebar ul li.sub2 { margin-left: 8px; font-size: 12px; }
.sidebar ul li.sub2 { margin-left: 16px; font-size: 12px; }
.sidebar ul li.sub3 { margin-left: 24px; font-size: 11px; }

/* about/game info */
.weapon { overflow: none; float: left; background: #16141c; margin-left: 8px; margin-bottom: 8px; padding: 8px; width: 660px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: top; }
.weapon-desc { padding: 8px; margin-left: 16px; width: 430px }
.weapon img { border: 2px solid #1c1923 }

/* developers */
.dev { min-height: 84px; max-height: 84px; overflow: none; float: left; background: #16141c; margin-left: 8px; margin-bottom: 8px; padding: 8px; width: 320px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: top; }
.dev-avatar { border: 2px solid #1c1923; width: 80px; height: 80px; }
.dev-info { padding-left: 16px; font-size: 12px }
.dev-info h3 { font-weight: normal; margin-top: -4px }

/* tabs */
#tabs-w { margin-left: -32px; } /* somewhat centered */
#tabs { list-style-type: none; margin: 0 auto; float:left; }
#tabs li { 
	float: left; 
	min-width: 100px; 
	margin: 2px; 
	padding: 4px; 
	padding-left: 8px; 
	padding-right: 8px; 
	text-align: center; 
	height: 24px; 
	line-height: 24px; 
	background: #141219; 
	border: 1px solid #111016;
}

#tabs li a {
	line-height: 24px; 
	width: 100%;
}

/* Firefox / ie have trouble mtaching the :first-child for some reason :/; */

#tabs li:first-child, #tabs li.tabs-first-item, .tabs-first-item {
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: px;
	-moz-border-radius-bottomright: px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-radius: 6px px px 6px;
	border-radius: 6px px px 6px; 	
}

#tabs li:last-child, #tabs li.tabs-last-item, .tabs-last-item {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
	border-radius: 0px 6px 6px 0px; 
}

/* private messages */

/* warsow ^X ingame-colors */
.color0 { color: #6b6b6b }
.color1 { color: #880000 }
.color2 { color: #007b00 }
.color3 { color: #ffd503 }
.color4 { color: #0063f8 }
.color5 { color: #36b8ff }
.color6 { color: #990070 }
.color7 { color: #d2d2d2 }
.color8 { color: #ef3100 }
.color9 { color: #5b5b5b }

/* forum css */

/* nav */
#nav { font-size: 100%; font-weight: bold }
#nav span.nav-links { float: right }

/* backbutton for titles */
.fbackb { margin-right: 8px; float: left }

/* headers and content */
img { border: 0px }
p, ul, ol { margin: 0 0 1.5em }
small { font-size: 11px }
.alt { background: #16141c }
.alt2 { background: #1c1923 } /* lighter */
.alt3 { background: #141219 } /* darker */

hr { border: 0px }
blockquote { clear: both; padding: 16px; margin-bottom: 16px; display: block; border-left: 4px solid #3C3055 }
.updated { float: left; clear: both; width: 100%; margin-top: 16px }
.next { margin-left: 4px; }
.signature { width: 100%; text-align: center; border-top: 1px solid #ccc; margin-top: 8px }
.bold { font-weight: bold }
.pointer { cursor: pointer }
.pointer-move { cursor: move }
.centered { text-align: center }
#content { padding-top: 8px }
#content h1 { clear: both }
#content h1 span img { float: right; margin-top: 8px }
.scroller { padding: 4px; float: right; margin-left: 48px; line-height: 16px }
.pnt { cursor: pointer }
.profile-signature { text-align: center; padding: 8px; line-height: 1.5em }

/* definition lists */
dl { margin: 0 0 1em 0 }
dt { font-weight: bold; margin-top: 0.3em }
dl dl { margin: 0 0 1.5em 30px }
dd { margin-left: 16px }

/* forms */
input[type="text"], input[type="password"], textarea { color:white; background: #16141c; font-size: 13px; margin-bottom: 5px; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; border-bottom: 1px solid #1c1923; border-right: 1px solid #1c1923; border-left: 1px solid #141219; border-top: 1px solid #141219; }
input[type="submit"], input[type="button"] { color: #DD563A; font-family: Arial, Sans-Serif; font-size: 13px; background: #16141c; padding: 6px 8px; min-width: 90px; border-radius: 4px; -moz-border-radius: 4px; border-bottom: 1px solid #1c1923; border-right: 1px solid #1c1923; border-left: 1px solid #141219; border-top: 1px solid #141219; }
input[type="submit"]:hover, input[type="button"]:hover { background: #16141c; color:#fff }
form { margin: 0 0 1.5em }
textarea { width: 80%; height: 240px }
fieldset { border: none }
label { display: block; padding: 5px 0; font-weight: bold }
label br, .clear, br { clear: both }
#thread-title, #forum-title { cursor: pointer }
.large-form input { font-size: 20px }

/* pagination */
.pagination { text-align: right }
.pagination a { font-weight: bold; letter-spacing: 0px }
.pagination a.current { font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; background: #16141c; padding: 8px }
.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active { text-decoration: none; padding: 2px 5px; border-radius: 4px; -moz-border-radius: 4px; margin-left: 4px; }
.pagination a:hover { text-decoration: underline }
.pagination span { text-decoration: none; padding: 2px 5px; border-radius: 4px; -moz-border-radius: 4px; }
.pagination a.prev, .pagination span.prev { border-radius: 4px; -moz-border-radius: 4px; margin-left: 4px; }
div.tbl div.tbl-thead div.tbl-row div.tbl-cell div.pagination a.current { background: #1f1c27 } 

/* bookmarks */
#thread-bookmark { float: right }
#bookmark-img { cursor: pointer }

/* search */
#search-area { text-align: center; margin: 0 auto; width: 500px; }
#search-area table { padding: 0px; border: 0px; width: 100%; vertical-align: middle; }
#search-area table th { border: 0x;	}
#search-area table tr th { text-align: left; background: transparent; }
#search-area table tr th small { clear: both; float: left; }
#search-field { float: left; }
#search-btn, #close-btn { float: left; margin-left: 8px; margin-top: 2px; }
#search-area table tr th.loader { width: 40px; text-align: right; vertical-align: middle; }
#search-area input { font-size: 20px; }
#search-results { margin: 0 0 1.5em; }
#search-results p { font-size: 12px; float: right; }
#forums-advanced { font-size:11px; }
#forums-advanced, #forums-advanced-list { margin-left: 280px; }
#forums-advanced-list { display: none; }

/* preview image max width */
#image-max-width { width: 700px; }

/* div tables */
.tbl { display: table; width: 100%; margin-bottom: 16px }
.tbl-tbody { display: table-row-group; }
.tbl-thead { display: table-header-group; font-size: 16px; letter-spacing: -1px; }

.tbl-thead .tbl-row .user, .tbl-thead .tbl-row .topic, .tbl-thead .tbl-row .search-topic { background: #121016; border-bottom: 1px solid #231e2f; } /* dark */
.tbl-thead .tbl-row .content, .tbl-thead .tbl-row .views, .tbl-thead .tbl-row .w125, .tbl-thead .tbl-row .lastpost, .tbl-thead .tbl-row .posts { background: #141219; border-bottom: 1px solid #272134 } /* light */
.tbl-thead .tbl-row .w125 { text-overflow: ellipsis; overflow: hidden }
.tbl-thead .tbl-row .content { padding-left: 24px }
.tbl-tbody .tbl-row .content { padding-left: 24px }

/* borders for tables */
.rounded-left {
	-moz-border-radius-topleft: 4px;
	-webkit-border-radius: 4px 0px 0px 0px;
	border-radius: 4px 0px 0px 0px;
}
.rounded-right {
	-moz-border-radius-topright: 4px;
	-webkit-border-radius: 0px 4px 0px 0px;
	border-radius: 0px 4px 0px 0px;
}
.rounded {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;		
}

.tbl-row { display: table-row; width: 100%; padding-top:4px; padding-bottom:4px }
.tbl-cell { display: table-cell; word-wrap: break-world; overflow: auto; padding: 4px }

/* cells */
.topic { padding: 8px; float: left }
.topic-f { padding-right: 24px }
.topic-unread { padding-right: 40px }

.tbl-thead * { font-weight: normal }
.views, .posts { float: right; width: 75px; padding: 8px }
.w125 { float: right; width: 125px; padding: 8px }
.lastpost { float: right; width: 250px; padding: 8px; 
	padding-left: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.nowrap {
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}

.search-topic { width: 360px; padding-right: 28px }
.server { width: 500px; padding-right: 38px; }
.user { float: left; width: 20%; padding: 8px; text-align: center; min-height: 100%; height: 100%; line-height: 1.5em; }
.user a { margin-bottom: 4px; }
.user img { max-width: 80px; max-height: 80px; }
.content { float: left; padding: 8px; vertical-align: top; width: 75%; }
	.heighted { min-height: 150px; }
.content img { clear: both; float: left; }
.long { width: 300px; float: right; padding: 4px; }
.nowidth { float: left; padding: 4px; }
.ok { font-weight: bold; background-color: #bef4ad; padding: 4px; color: black }
.error { font-weight: bold; background-color: #ff0000; padding: 4px; color: black }
.padded { padding: 8px; }
.hidden { display: none; }
.cell-75 { width: 75%; }
.cell-50 { width: 50%; }
.cell-25 { width: 25%; }
.cell-20 { width: 20%; }
.topic-spam { font-size: 11px; font-weight: normal; float: right; }

/* modal dialogs */ 
#simplemodal-container, .modal {
	background: #16141c; padding:12px; 
	-webkit-box-shadow: 0px 0px 16px 16px rgba(210, 114, 67, 0.8);
	-moz-box-shadow: 0px 0px 16px 16px rgba(210, 114, 67, 0.8);
	box-shadow: 0px 0px 16px 16px rgba(210, 114, 67, 0.8);	
}

/* ajax loader */
#loader { padding-top: 16px; }

/* new topic form */
#post { padding: 16px; text-align: left; }
#post-form, #cancel-button { float: left; }
#title-preview { float: left; }
#topic-title { width: 50%; font-size: 18px; }

#new-topic, #cancel-button, .big-link { font-size: 18px; line-height: 18px }
#new-topic img { margin-bottom: -2px }

/* thread toolbox */
.toolbox { text-align: left; /*border-bottom: 1px solid #ccc;*/ margin-bottom: 8px; }
.toolbox .date { float: left; margin-right: 16px; }
.toolbox .edit-post, .toolbox .quote-reply { float: left; margin-right: 16px; }

/* messages and errors */
#messagewrapper { margin: 0 auto; width: 50%; overflow: hidden; position: absolute; top: 5%; left: 25%; vertical-align: middle; color: black }
#messagecontainer div { margin: 0 auto; overflow: hidden; font-weight: bold; margin: 0px; text-align: center; vertical-align: middle; padding-top: 24px; padding-bottom: 24px; opacity: 0.8; position: relative; z-index: 100; border-radius: 8px;-moz-border-radius: 8px; }
#messagecontainer .message { padding-left: 8px; background: #bef4ad;  vertical-align: middle;  }
#messagecontainer .error { padding-left: 8px; background: #ff0000; vertical-align: middle; color: #202020; }

/* Friends list */
#friends-list-target { display: none; }
#friends-list-target { position: absolute; float: right; width: 200px; max-height: 300px; padding: 4px; overflow: auto; 
	-webkit-box-shadow: 0px 0px 16px 8px rgba(232, 106, 43, 1);
	-moz-box-shadow: 0px 0px 16px 8px rgba(232, 106, 43, 1);
	box-shadow: 0px 0px 16px 8px rgba(232, 106, 43, 1);
}
#friends-list h1 { font-size: 16px; padding: 0px; padding-left: 4px; }
#friends-list h3 { font-size: 14px; padding: 0px; }
#friends-list div, #friends-list b { font-size: 11px; padding: 4px; padding-left: 12px; }
#friends-list-arrow { display: none; z-index: 99; position: absolute; background: #141219; width: 16px; height: 16px; margin-top: -16px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.friends-connected { padding-left: 12px; }
.wmm-friends-offline { 
	padding-left: 12px; 
	background-image: url(/site-images/misc/icon_offline.png);
	background-repeat: no-repeat;
	background-position: 4px 8px;
}
.wmm-friends-online { 
	padding-left: 12px; 
	background-image: url(/site-images/misc/icon_online.png);
	background-repeat: no-repeat;
	background-position: 4px 8px;
}
.friends-actions { padding-left: 12px; }
#friends-search-box { width: 80%; margin-left: 12px; }

/* Private messages */
.discussion-user { 
	height: 28px; 
	margin-top: 2px;
	margin-bottom: 2px;
}
.discussion-user:hover { -webkit-box-shadow: 0px 0px 2px 2px #E86A2B; -moz-box-shadow: 0px 0px 2px 2px #E86A2B; box-shadow: 0px 0px 2px 2px #E86A2B;  cursor: pointer; z-index: 100; }

.discussion-user h3 { margin-left: 4px; float:left; margin-top: 4px; overflow: none; width: 100px; font-size: 16px; white-space: nowrap }
.discussion-user-avatar { float: left; width: 28px; height: 28px; }
.discussion-archive { float: right; margin: 0px; padding: 0px; }
.discussion-archive input[type="submit"] {
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
	min-width: 0px;
	z-index: 1000;
	height: 16px;
	clear: right;
}
.discussion-archive input[type="submit"]:hover { cursor: pointer; }

.discussion-unread { 
	float: right; 
	font-size: 10px; 
	min-width: 16px;
	text-align: center;
	font-weight: bold; 
	margin-top: 4px;
	margin-right: 8px; 
	padding: 4px;
	-webkit-border-radius: 12px;
	border-radius: 12px; 	
	background: #e86a2b;
}

#discussions {
	width: 250px;
	padding-right: 4px;
	padding-left: 4px;
	max-height: 550px;
	overflow-x: auto;
	overflow-y: none;
	float: right;
}

#discussions h4 {
	margin-left: 40px;
}

#discussion {
	width: 664px;
	height: 550px;
	overflow-x: auto;
	overflow-y: none;
	float: left;
	padding-right: 16px;
}

.discussion-message {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 16px;
	width: 564px;
}

.discussion-avatar-self img,.discussion-avatar-other img {
	float:left;
}

.discussion-avatar-self {
	float: left; 
	margin-left: -64px;
	padding: 4px;
	margin-top: -8px;
	min-width: 32px;
	min-height: 32px;
}

.discussion-avatar-other {
	float: right; 
	margin-right: -64px;
	padding: 4px;
	margin-top: -8px;
	min-width: 32px;
	min-height: 32px;
}

.discussion-arrow-owner {
	width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #16141c;
	float: right;
	position: relative;
	margin-right: -8px;
	margin-top: 8px;
}
.discussion-arrow-other {
	width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #1c1923;
	float: left;
	position: relative;
	margin-left: -8px;
	margin-top: 8px;
}

.discussion-message-title {
	font-size: 11px;
	font-weight: bold;
}

.discussion-message-title .datetime {
	color: #363144;
}

#discussion-messageForm {
	width: 80%;
	margin-left: 10%;
/*	opacity: 0.75;*/
}

#discussion-messageForm form textarea:focus {
	opacity: 1;
/*	height: 120px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;*/
}

#discussion-messageForm form textarea {
	opacity: 0.75;
	height: 128px;
	width: 98%;
/*	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;*/
}

#discussion-messageForm form span {
	margin-left: 8px;
	margin-top: 8px;
	font-size: 11px;
}

#discussion-messageForm-loader {
	/* floating modal style */
/*	position: absolute;
	z-index: 999;
	width: 50%;
	top: 600px;
	left: 15%;*/
}

#discussion-messageForm-submit {
/*	z-index: 999;*/
}

/* bbcode editor */
textarea { float:left; clear:left; margin-top:5px; padding:5px; }
#button-preview { display: none; }
#preview { float:left; clear:left; }
#preview { min-height: 236px; }
.btn { background: transparent url('/forum-images/buttons.gif') no-repeat scroll 0 0; width:20px; height:20px; margin-right:5px; display:inline-block; float:left; }
.bold { background-position:0 0; }
.bold:hover { background-position:0 -25px; }
.italic { background-position:-25px 0; }
.italic:hover { background-position:-25px -25px; }
.underline { background-position:-50px 0; }
.underline:hover { background-position:-50px -25px; }
.link { background-position:-75px 0; }
.link:hover { background-position:-75px -25px; }
.quote { background-position:-100px 0; }
.quote:hover { background-position:-100px -25px; }
.code { background-position:-125px 0; }
.code:hover { background-position:-125px -25px; }
.image { background-position:-150px 0; }
.image:hover { background-position:-150px -25px; }
.nlist { background-position:-175px 0; }
.nlist:hover { background-position:-175px -25px; }
.blist { background-position:-200px 0; }
.blist:hover { background-position:-200px -25px; }
.litem { background-position:-225px 0; }
.litem:hover { background-position:-225px -25px; }
.back { background-position:-250px 0; display: none; }
.back:hover { background-position:-250px -25px; display: none; }
.back_disable { background-position:-250px -50px; display: none; }
.forward { background-position:-275px 0; display: none; }
.forward:hover { background-position:-275px -25px; display: none; }
.forward_disable { background-position:-275px -50px; display: none; }
.usize { background-position:-300px 0; }
.usize:hover { background-position:-300px -25px; }
.dsize { background-position:-325px 0; }
.dsize:hover { background-position:-325px -25px; }

/* profile page */
.profile { clear: both; }
.profile-cell { float: left; margin-right: 16px; }
/*.profile-signature { height: 75px; width: 350px; }*/

/* Wiki fixes */
#wiki {
	line-height: 1.5;
}

/* css spinner */
#floatingCirclesG{
position:relative;
width:64px;
height:64px;
-webkit-transform:scale(0.6);
-moz-transform:scale(0.6)}

.f_circleG{
position:absolute;
background-color:#e86a2b;
height:12px;
width:12px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:0.5599999999999999s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-moz-animation-name:f_fadeG;
-moz-animation-duration:0.5599999999999999s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear}

#frotateG_01{
left:0;
top:26px;
-webkit-animation-delay:0.20999999999999996s;
-moz-animation-delay:0.20999999999999996s}

#frotateG_02{
left:8px;
top:8px;
-webkit-animation-delay:0.27999999999999997s;
-moz-animation-delay:0.27999999999999997s}

#frotateG_03{
left:26px;
top:0;
-webkit-animation-delay:0.35s;
-moz-animation-delay:0.35s}

#frotateG_04{
right:8px;
top:8px;
-webkit-animation-delay:0.41999999999999993s;
-moz-animation-delay:0.41999999999999993s}

#frotateG_05{
right:0;
top:26px;
-webkit-animation-delay:0.48999999999999994s;
-moz-animation-delay:0.48999999999999994s}

#frotateG_06{
right:8px;
bottom:8px;
-webkit-animation-delay:0.5599999999999999s;
-moz-animation-delay:0.5599999999999999s}

#frotateG_07{
left:26px;
bottom:0;
-webkit-animation-delay:0.63s;
-moz-animation-delay:0.63s}

#frotateG_08{
left:8px;
bottom:8px;
-webkit-animation-delay:0.7s;
-moz-animation-delay:0.7s}

@-webkit-keyframes f_fadeG{
0%{
background-color:#1f1c27}

100%{
background-color:#e86a2b}

}

@-moz-keyframes f_fadeG{
0%{
background-color:#1f1c27}

100%{
background-color:#e86a2b}

}

.ext-steam {
    width: 16px; 
    height: 16px; 
    margin-bottom: -4px;    
}