/* 
SCR Stylesheet
by Alec Espie
using CSS3
*/

A:link, A:visited, A:active {
	text-decoration: none;
	color: #790000
}
	
a:hover {
	text-decoration: none;
	color: #777777;
}

img {
	display: block;
}


/* Page Structural Elements */

#page_header {
	max-width: 1000px;
	min-width: 755px;
	width: 80%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

#page_container {
	max-width: 1000px;
	min-width: 755px;
	width: 80%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

#page_lmenu {
	width: 150px;
	float: left;
}

#page_body {
	width: auto;
	margin-left: 160px;
}

#latest_dl {
	width: auto;
	margin-left: 160px;
}

#latest_dl ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#latest_dl ul li {
	vertical-align: middle;
}

#page_footer{
	width: 100%;
	text-align: center;
	clear: both;
}

#banner{
	text-align: center;
	width: auto;
	min-width: 90px;
	max-width: 755px;
	height: 90px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#no_ads{
	text-align: center;
	width: auto;
	min-width: 150px;
	max-width: 755px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #CDCDCD;
	color: #7C7C7C;
	font-size: 14px;
	border-radius: 5px;
}

#page_disclosures {
	width: 700px;
	border-radius: 5px;
	text-align: center;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #CDCDCD;
	padding: 5px;
	clear: both;
}

/* Global Style Elements*/

.copyright {
	color: #000000;
	font-size: 12px;
	font-family: Verdana,Helvetica,Arial,serif;
	font-weight: bold
}
	
.bodybox {
	color: #000000;
	background-color: #FFFFFF;
	padding: 3px;
	font-size: 12px;
	font-family: Verdana,Helvetica,Arial,serif;
	border: #790000 solid 1px;
	overflow: hidden;
}

.headerbox {
	color: #FFFFFF;
	background-color: #940c0f;
	background: linear-gradient(#9F4242, #940C0F);
	border-radius: 5px 5px 0px 0px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	font: bold 12px/20px Verdana,Helvetica,Arial,sans-serif;
	border: #790000 solid 0px;
	height: 20px;
	max-height: 20px;
	overflow: hidden;
}

.headerbox A:link,
.headerbox A:visited,
.headerbox A:active {
	color: #FFFFFF;
}

.headerbox A.active {
	color: #CDCDCD;
}

.headerbox A:hover {
	color: #777777;
}

#page_lmenu  > .headerbox {
	cursor: pointer;
}

.footerbox {
	color: #FFFFFF;
	background-color: #940c0f;
	background: linear-gradient(#940C0F, #790000);
	border-radius: 0px 0px 5px 5px;
	padding: 0px 5px;
	margin-bottom: 5px;
	font-size: 12px;
	font-family: Verdana,Helvetica,Arial,serif;
	font-weight: bold;
	border: #790000 solid 0px;
	height: 10px;
}

.datebox {
	color: #A7A7A7;
	background-color: #EEEEEE;
	background: linear-gradient(#F0F0F0, #EEEEEE);
	border-radius: 5px 5px 0px 0px;
	border-collapse: separate;
	margin: 0px;
	padding: 0px;
	font: bold 10px/20px Verdana,Helvetica,Arial,serif;
	text-align: center;
	max-height: 20px;
	height: 20px;
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
}

.bannerbox {
	color: #EEEEEE;
	border-radius: 5px;
	background-color: #940c0f;
	background: linear-gradient(#9F4242, #940C0F);
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	overflow: hidden;
	width: 100%;
	height: 100px;
	position: relative;
}

.socmedbox {
	float: right;
	margin: 10px;
}

.socmedbox img{
	display: inline;
}

.socmedbox a {
	margin-right: 15px;
}

.socmedbox a:last-child{
	margin-right: 0px;
}

.linkbox {
	color: #A7A7A7;
	background-color: #EEEEEE;
	background: linear-gradient(#EEEEEE, #F0F0F0);
	border-radius: 5px 0px 0px 0px;
	border-collapse: separate;
	margin: 0px;
	padding-top: 0px;
	float: right;
	font: bold 12px/20px Verdana,Helvetica,Arial,serif;
	text-align: center;
	height: 20px;
	min-width: 300px;
	width: 65%;
	overflow: hidden;
	vertical-align: middle;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.linkbox ul {
	display: inline;
}

.linkbox li + li:before {
	content: "|";
}

.linkbox a:link, .linkbox a:visited, .linkbox a:active {
	color: #790000;
	font: bold 10px/20px Verdana,Helvetica,Arial,serif;
}

.linkbox a:hover {
	color: #777777;
	font: bold 10px/20px Verdana,Helvetica,Arial,serif;
}

.userpanel {
	width: 700px;
	border-radius: 5px;
	text-align: center;
	margin: auto;
	background-color: #CDCDCD;
	padding: 5px;
}

.editbar{
	position: absolute;
	top: 10px;
	right: 10px;
}

.editbar img {
	display: inline;
	vertical-align: middle;
	margin: 2px;
	position: relative;
	top: -2px;
}

.editbar li {
	display: inline;
	vertical-align: middle;
	border: 0px;
	height: 20px;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
	margin: 0px 2px;
	padding: 5px;
	text-align: center;
}

.editbar a:link, .editbar a:visited, .editbar a:active {
	color: #CDCDCD;
}

.editbar a:hover {
	color: #940C0F;
}

.userpanel ul, #page_disclosures ul, .editbar ul {
	display: inline;
	padding: 0;
}

.userpanel li, #page_disclosures li {
	display: inline;
	margin: 0px 2px;
	padding: 0px;
	border: 0px;
	color: #790000;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
	text-align: center;
}

.userpanel li a:link, .userpanel li a:visited, .userpanel li a:active {
	color: #790000;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
	padding: 5px 5px;
}

.userpanel li a:hover {
	color: #777777;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
	border-radius: 5px;
	padding: 5px 5px;
	background-color: #ADADAD;
}

.userpanel form {
	display: inline-block;
}

.userpanel .button {
	display: inline-block;
	position: relative;
	top: -1px;
	background-color: #940C0F;
	background: linear-gradient(#940C0F, #790000);
	border-radius: 5px;
	border: 0px;
	height: 20px;
	width: 60px;
	color: #FFFFFF;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
	text-align: center;
}

.userpanel input[type="submit"], .userpanel input[type="button"] {
	background-color: #940C0F;
	background: linear-gradient(#940C0F, #790000);
	border-radius: 5px;
	border: 0px;
	height: 20px;
	width: 60px;
	color: #FFFFFF;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
	text-align: center;
	
}

#hello {
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
}

.userPanelTooltip {
	display: inline-block;
	position: absolute;
	left: -999px;
	z-index: 100;
	font: bold 8px/10px Verdana,Helvetica,Arial,sans-serif;
	background-color: #790000;
	color: #FFFFFF;
	padding: 0px 2px;
	border-radius: 3px;
}

.registerForm {
	width: 90%;
	margin: auto;
}

.registerForm label {
	display: inline-block;
	width: 50%;
}

/* News Elements */

.newsitem {
	color: #000000;
	/*background-color: #F8F8F8;*/
	padding: 3px;
	font-size: 11px;
	font-family: Verdana,Helvetica,Arial,serif;
	border: #790000 solid 0px;
	clear: both;
	position: relative;
}

.newsitem:nth-of-type(odd) {
	background-color: #FFF;
}

.newsitem:nth-of-type(even) {
	background-color: #F8F8F8;
}

.newsitem h1 {
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
}

.newsbreak {
	width: 80%;
	height: 1px;
	background-color: #CDCDCD;
	background: linear-gradient(to right, #F8F8F8, #CDCDCD, #F8F8F8);
	margin: auto;
	margin-top: 10px;
}

.newsbody {
	color: #000000;
	border: #808080 dotted 0px;
	/*width: 100%;*/
	margin: 0px 5px;
	font-family: verdana;
	font-size: 10px;
}

.newsbody a {
	font-size: 10px;
}

.newsbody img {
	float: right;
	margin: 5px;
}

.tutcontainer {
	position: relative;
	padding: 8px;
}

.tutcontainer > h1 {
	color: #000000;
	font: bold 16px Verdana,Helvetica,Arial,sans-serif;
	text-decoration: underline;
}

.tutcontainer > h2, .bodybox > h2 {
	color: #000000;
	font: bold 14px Verdana,Helvetica,Arial,sans-serif;
}

.tutcontainer > h3, .bodybox > h3 {
	color: #808080;
	font: bold 13px Verdana,Helvetica,Arial,sans-serif;
}

.tuttable {
	border-collapse: collapse;
}

.tuttable th:first-of-type {
	border-radius: 5px 0px 0px 0px;
}

.tuttable th:last-of-type {
	border-radius: 0px 5px 0px 0px;
}

.tuttable th {
	background-color: #940C0F;
	background: linear-gradient(#940C0F, #790000);
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	font: bold 12px Verdana,Helvetica,Arial,sans-serif;
}

.tuttable td {
	padding: 5px;
	text-align: left;
}

.tuttable tr:nth-child(even) {
	background-color: #f2f2f2;
}

.tutbutton {
	background-color: #940C0F;
	background: linear-gradient(#940C0F, #790000);
	border-radius: 5px;
	border: 0px;
	height: 20px;
	width: 75px;
	color: #FFFFFF;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
	text-align: center;
	margin: 5px;
}

.tutbutton a:link, .tutbutton a:visited, .tutbutton a:active, .userpanel .button a:link , .userpanel .button a:visited, .userpanel .button a:active {
	color: #FFFFFF;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
}

.tutbutton a:hover, .userpanel .button a:hover {
	color: #DADADA;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
}

/* Download Elements */

.pagenav {
	color: #000000;
	font-size: 12px;
	text-align: center;
	padding: 5px;
	display: inline-block;
	width: 100%;
}

.pnbutton_l {
	background-color: #940C0F;
	background: linear-gradient(#940C0F, #790000);
	border-radius: 5px 0px 0px 5px;
	height: 20px;
	padding: 5px 10px;
	color: #600000;
	text-align: center;
	font: bold 12px/20px Verdana,Helvetica,Arial,sans-serif;
	display: inline-block;
}

.pnbutton {
	background-color: #940C0F;
	background: linear-gradient(#940C0F, #790000);
	height: 20px;
	padding: 5px 10px;
	color: #600000;
	text-align: center;
	font: bold 12px/20px Verdana,Helvetica,Arial,sans-serif;
	
	display: inline-block;
}

.pnbutton_r {
	background-color: #940C0F;
	background: linear-gradient(#940C0F, #790000);
	border-radius: 0px 5px 5px 0px;
	height: 20px;
	padding: 5px 10px;
	color: #600000;
	text-align: center;
	font: bold 12px/20px Verdana,Helvetica,Arial,sans-serif;
	
	display: inline-block;
}

.pnbutton_l a:link, .pnbutton_l a:visited, .pnbutton_l a:active,
.pnbutton a:link, .pnbutton a:visited, .pnbutton a:active,
.pnbutton_r a:link, .pnbutton_r a:visited, .pnbutton_r a:active {
	color: #FFFFFF;
	font: bold 12px/20px Verdana,Helvetica,Arial,sans-serif;
}

.pnbutton_l a:hover, .pnbutton a:hover, .pnbutton_r a:hover {
	color: #DADADA;
	font: bold 12px/20px Verdana,Helvetica,Arial,sans-serif;
}

.tagfilter {
	color: #000000;
	background-color: #FFF;
	width: 90%;
	margin: auto;
	font-size: 11px;
	vertical-align: top;
	text-align: center;
	
}

.tagfilter div {
	display: inline-block;
	text-align: left;
}

.filterbutton {
	background-color: #940C0F;
	background: linear-gradient(#940C0F, #790000);
	border: 0px none;
	border-radius: 5px;
	height: 20px;
	width: 75px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
	padding: 0px;
	position: relative;
	top: -40px;
	display: block;
}

.filterbutton:hover {
	color: #DADADA;
}

.dltitle {
	color: #000000;
	font: bold 12px/20px Verdana,Helvetica,Arial,sans-serif;
	padding-left: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.dlversion {
	display: inline;
	color: #AAAAAA;
	font: italic 12px Verdana,Helvetica,Arial,sans-serif;
	padding-left: 5px;
}

.dlpic {
/*	float: left;*/
	margin: 2px;
/*	margin-right: 5px;*/
	border-radius: 5px;
}

.dlpicfloat {
	float: left;
	margin-right: 5px;
}

.dlpic:hover {
	opacity: 0.9;
	box-shadow: 0px 0px 3px;
}

.dlbody {
	color: #000000;
	background-color: #FFFFFF;
	border: #F0F0F0 solid 1px;
	border-radius: 5px;
	width: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 5px;
	font-family: verdana;
	font-size: 10px;
	overflow: hidden;
}

.dlextras {
	float: left;
	padding: 2px;
	width: 155px;
	/*display: block;*/
}

.dlextras a {
	display: inline-block;
}

.dlextra {
	display: block;
}

.dlcomment {
	margin: 5px;
	margin-right: 90px;
	margin-left: 160px;
}

.dlnotice {
	color: #000000;
	background-color: #F5D5D7;
	font: bold 12px Verdana,Helvetica,Arial,sans-serif;
	text-align: center;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	animation: dlnotice_flash 5s infinite;
}

@keyframes dlnotice_flash {
	50% {background-color: #F8F8F8;}
}

.projcomment {
	margin: 5px;
}

.cp_extim {
	text-align: center;
	margin: auto;
	width: 385px;
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px;
}

.cp_extim img {
	display: inline-block;
	margin: 1px;
	vertical-align: middle;
	border-radius: 5px;
	opacity: 0.8;
}

.cp_extim img:hover {
	opacity: 1;
	box-shadow: 0px 0px 3px;
}

.dlsidebar {
	float: right;
	width: 100px;
	text-align: center;
}

.dlbutton {
	background-color: #940C0F;
	background: linear-gradient(#940C0F, #790000);
	display: inline-block;
	border-radius: 5px;
	height: 20px;
	width: 75px;
	color: #FFFFFF;
	text-align: center;
	margin: 5px;
}

.dlbutton a:link, .dlbutton a:visited, .dlbutton a:active {
	color: #FFFFFF;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
}

.dlbutton a:hover {
	color: #DADADA;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
}

.dlworkshop {
	background-color: #292929;
	background: linear-gradient(#4F4F4F, #292929);
}

.dlfilesize {
	display: inline-block;
	color: #222222;
	font: bold 10px/20px Verdana,Helvetica,Arial,sans-serif;
	height: 20px;
	text-align: center;
	margin: 5px;
	margin-top: -5px;
	cursor: default;
}

.prt_formats {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.prt_formats img {
	display: inline-block;
}

.game-shorthand {
	font: bold 10px Verdana,Helvetica,Arial,sans-serif;
	cursor: help;
}

.star-rating-box{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	height: 15px;
}

.star-rating, .star-rating-click {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	background: url("/images/rate_empty.gif");
}

.star-full {
	background: url("/images/rate_full.gif");
}

.star-rating-box:hover > .star-rating-click {
	background: url("/images/rate_hover.gif");
}

.star-rating-click:hover ~.star-rating-click {
	background: url("/images/rate_empty.gif");
}

.rating-urate {
	position: relative;
}

.rating-remit {
	width:15px;
	height:15px;
	background-color: #FFFFFF;
	position: absolute;
	right: -2px;
	bottom: 0px;
	z-index: 100;
}

/* Message Elements */
.message-inbox-table {
	
}

.message-inbox-table th {
	background-color: #940c0f;
	color: #FFFFFF;
}

.message-inbox-table tr:nth-child(2n+3) {
	background-color: #DADADA;
}

/* Slushpile Elements */

.slush_file {
	background-color: #FFFFFF;
	background-image: none;
	padding: 2px;
	border: #DADADA dotted 1px;
	color: #8E8E8E;
	font-size: 10px;
	font-family: Verdana,Helvetica,Arial,serif;
	font-weight: normal;
}

.slush_head {
	background-color: #9E0B0E;
	background-image: none;
	padding: 2px;
	border: #790000 solid 1px;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana,Helvetica,Arial,serif;
	font-weight: bold;
}

.form_field {
	font-family: Arial,Verdana;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	border: dotted 1px;
	border-color: #DADADA;
}

.form_button {
	font-family: Arial,Verdana;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #790000;
	border: solid 0px;
}