/*
Hello,
So you felt like reading the css for an ugly programmer-designed site?
Whatever floats your boat.
Enjoy!
*/

body {font:14px Verdana, Helvetica, Arial, sans-serif; margin:0; padding:0 0 20px 0; background:#181818; color:#333;} /*text-shadow:#111 0 1px 1px;*/
a,a:visited {color:#9cf; text-decoration:none;}
a:hover {color:#ffc;}
a img {border:0;}
hr {width:95%; height:1px; border:0; border-bottom:1px solid #aaa;}
img {vertical-align:middle;}
td {vertical-align:top;}
p {margin:4px 0;}
table {width:100%;}
td {text-align:left;}
textarea {width:100%; height:10em;}
form {padding:0; margin:0;} /* IE fix */


.textinput, .fileinput {width:100%; border:1px solid #555; background:#161616; color:#ccc; padding:5px;}
.textinput { border-radius:4px; }
.short {width:33%;}
.veryShort {width:80px;}
.wide {width:98%;}
.thin {padding:2px;}
.textinput.disabled {background:#222; color:#888;}
.search {background:#111; color:#ccc; padding:2px; border:0; width:125px; font-weight:bold;}

#menu {width:100%; text-align:center; background:#444; padding:0; border-bottom:1px solid #555; color:#888;}
	#nav {padding:10px 0 10px 285px; line-height:30px;}
	#nav a {border:1px solid #444; color: #999; font-size:14pt; padding:6px 10px;}
	#nav a:hover {background:#a63; border:1px solid #87461F; color: #fff;}
	#nav a.current {background:#47b; border:1px solid #235A9B; color:#fff;}
	#nav a, .box, .file, .comment {border-radius:10px;}


#login {float:right; margin-right:15px; padding:5px 0 0 0; width:270px; color:#fff; text-align:right;}
#login, #login input {font-size:10pt;}
#login .textinput {width:80px; border:1px solid #ccc; margin-bottom:2px; padding:0; background:#206FA7; color:#fff;}
#login .title {text-align:center;}

#messages {	font-size:12pt; text-align:center; padding:4px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:#333;}
	.notice {background:#333; padding:5px 10px; margin:10px 0; text-align:center; border-radius:10px; }
	
	.msg.error, .msg.validation {color:#f55;}
	.msg.success {color:#9cf;}
	.msg.success a, .msg.success a:visited {text-decoration:underline;}
	.msg.warning {color:#f55;}
	
#page {width:100%; max-width: 795px; margin:0 auto;}
#pageTitle {text-align:center;}
#footer {color:#444; text-align:center; font-size:10pt;}
#footer a {color:#444; text-decoration:underline;}

.pages {text-align:center; padding:3px;}
.pages a.page, .pages .currentPage {padding:2px 4px; margin:1px; border:1px solid #777; background:#333;}
.pages a.page:hover, .pages .currentPage {background:#222;}
#files {padding:0; margin:0;}
	.file {display:block; padding:10px; margin:5px 0;}
	.fileTitle {width:100%; color:#eee; font-size:15pt; margin-bottom:0;}
	.fileScreenie {float:right; margin-top:-20px; margin-left: 20px; clear:right;}
	.fileControls {text-align:center;}
		.fileControls a, .fileControls span {position:relative; top:3px; background:#282828; padding:2px 10px; border-radius:5px; }
		.fileControls a:hover {background:#282828;}
		span.fileControl {color:#666; font-size:10pt;}
		.fileControls .greenControl {background:#040;}
.report {float:right; font-size:9pt; padding-top:6px;}
.folders {text-align:center; margin-bottom:4px;}
	.folders a {background:#282828; color:#888; font-size:14pt; padding:4px 10px; border-radius:10px; }
	.folders a.current {background:#444; color:#fff;}/* position:relative; top:2px; border:2px solid #333; border-bottom:0;}*/
	.folders a:hover {background:#a63; color:#fff;}
#downloadFooter {margin-top:15px;}

#comment {text-align:center;}
	#comment .textinput {width:90%;}
	#comment .captcha {width:64px;}


.box {padding:10px; background:#282828; color:#ccc;}/* border:2px solid #333;}*/
.parentBox {background:#444; color:#eee;}
.parentBox .box h3 {margin-top:0;}
.comment {margin: 5px 0; padding:10px;}
.comment .avatar {float:right; padding:0 0 5px 5px;}
.aboutAuthor .avatar {float:left; padding:0 15px 5px 0;}
.grid thead tr td {font-weight:bold; text-decoration:underline;}
.grid td {vertical-align:middle;}

.advert, .file.advert, .fileControl.advert, .comment.advert {min-height:100px; background:#282828; color:#ccc;}
#downloadAdvert { float:right; width:336px; height:280px; margin-left: 10px; }
#homeAdvert { float:right; width: 160px; height:600px; padding-right:6px; }
#homeVid { max-width: 100%; width: 420px; height: 315px; }

.youtubeVid {
  max-width: 420px;
  margin: 0px auto;
}
.youtubeVid > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}
.youtubeVid iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}




.left {float:left;}
.right {float:right;}
.leftText {text-align:left;}
.rightText {text-align:right;}
.centerText {text-align:center;}
.clear {clear:both; height:0px;}
.imgLeft {float:left; padding: 0 10px 10px 0;}
.imgRight {float:right; padding: 0 0 10px 10px;}
.vSpace {height:10px;}
.dialogIcon {padding:0 10px 10px 10px; float:left;}


.small {font-size:10pt;}



.folders a, .fileControls a, .fileControls span { border-bottom-left-radius:0; border-bottom-right-radius:0; }

.captcha {width:100px;}

.options {text-align:center; margin-bottom:10px; font-weight:bold; line-height:30px;}
a.option, a.button {background:#555; border:1px solid #444; color:#eee; padding:4px 8px; border-radius:4px; }
a.option:hover {background:#a63; border:1px solid #87461F; color:#fff;}
a.option.selected {background:#47b; border:1px solid #235A9B; color:#fff;}



.linkButton {padding:1px 4px; background:#555; color:#fff; border-radius:4px; }
.highlighted {background:#c42; color:#fff;}
a.linkButton {color:#fff;}
a.linkButton:hover {background:#47b;}

/* Colors */
.file, .comment, .search {background:#282828; color:#bbb;}
.search {border-radius:3px;}
h1, h2, h3 {color:#ccc;}
h3 {margin-bottom:0;}
.box h1, .box h2, .box h3 {color:#eee;}

	.problem {background:#181818; color:#fff;}
	.needsaproval {background:#142;}


#files a:hover.file {background:#352d20;}

/* Stars */
.rating{
	width:80px;
	height:16px;
	margin:0; /* 0 0 20px 0; */
	font-size:10pt; /*IE...grr */
	padding:0;
	list-style:none;
	position:relative;
	background: url(images/rating/stars.png) no-repeat 0 0;
}
.stars0 {background-position:0 0;}
.stars1 {background-position:0 -16px;}
.stars2 {background-position:0 -32px;}
.stars3 {background-position:0 -48px;}
.stars4 {background-position:0 -64px;}
.stars5 {background-position:0 -80px;}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
	-moz-outline: none;
}
ul.rating li.rate1 a {left:0}
ul.rating li.rate2 a {left:16px;}
ul.rating li.rate3 a {left:32px;}
ul.rating li.rate4 a {left:48px;}
ul.rating li.rate5 a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(images/rating/stars.png) no-repeat 0 0;
}
ul.rating li.rate1 a:hover {background-position:0 -96px;}
ul.rating li.rate2 a:hover {background-position:0 -112px;}
ul.rating li.rate3 a:hover {background-position:0 -128px;}
ul.rating li.rate4 a:hover {background-position:0 -144px;}
ul.rating li.rate5 a:hover {background-position:0 -160px;}

.halfTabs { display: none; }

.pageFooter { text-align: center; vertical-align: middle; padding-top: 10px; }

.jssocials-share-link { border-radius: 50%; }

img {
    max-width: 100%;
    height: auto;
    }

@media (max-width: 1000px){	
	#menu { float:none; margin:0; padding:0; text-align:left; width:100%;}
		#nav { padding:10px 0 10px 10px; }
}

@media (max-width: 795px) {
	#login { float:none; margin:0; text-align:center; width:100%; }
	#menu { float:none; margin:0; padding:0; text-align:center; width:100%;}
		#nav { padding:5px 0 10px 0; }
	/* .advert, .file.advert, .fileControl.advert, .comment.advert {height:65px;} */
	#downloadAdvert { display: none; } 
	#homeAdvert { display: none; } 
}

@media (max-width: 550px) {
	#pageTitle { font-size: 16pt; }
	#nav a { font-size: 11pt; }
	.folders { margin:0; line-height: 1.8; }
	.folders a { border-radius:10px; }
	.options { font-size: 10pt; }
	.ratingWrapper { position:relative; left:50%; margin-left: -40px; width: 80px; }
	.fileTitle, .fileStats, .fileScreenie { text-align: center; }
	.fileScreenie { float:none; margin: 5px; }
	.halfTabs { display: block; }
	#share { text-align: center; }
	.advert, .file.advert, .fileControl.advert, .comment.advert {height:280px;}
}