@charset "UTF-8";

/* Custom fonts */
@font-face {font-family:'LacunaRegular'; font-style:normal; font-weight:normal; src:url('../fonts/lacuna-webfont.eot'); src:url('../fonts/lacuna-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/lacuna-webfont.woff') format('woff'),url('../fonts/lacuna-webfont.ttf') format('truetype'),url('../fonts/lacuna-webfont.svg#LacunaRegular') format('svg');}
@font-face {font-family: 'LacunaItalicRegular';font-style: normal;font-weight: normal;src: url('../fonts/lacuna-italic-webfont.eot');src: url('../fonts/lacuna-italic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/lacuna-italic-webfont.woff') format('woff'),url('../fonts/lacuna-italic-webfont.ttf') format('truetype'),url('../fonts/lacuna-italic-webfont.svg#LacunaItalicRegular') format('svg');}
/* End custom fonts */

/* Global tags and classes */
html,body {background:#1f1f1f; color:white; font-family:LacunaRegular; font-size:16px; height:100%; width:100%;}
h2 {width:570px; margin:20px auto; padding:10px; font-size:25px; text-align:center; background:#226cc2; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; -webkit-box-shadow:0 1px 5px #222; -moz-box-shadow:0 1px #222; box-shadow:0 1px #222;}
h1 {padding:20px; font-size:30px; font-weight:bold; text-align:center;}
h3 {width:auto; margin:40px 0 10px 0; text-align:left; font-size:22px;}

input[type=text], input[type=password], textarea, input[type=file], select {width:100%; height:40px; font-family:LacunaRegular; font-size:22px; line-height:40px; text-indent:5px; border:1px solid #eee; background:rgb(211,211,211); background:-moz-linear-gradient(top,  rgba(211,211,211,1) 0%, rgba(242,242,242,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,1)), color-stop(100%,rgba(242,242,242,1))); background:-webkit-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(242,242,242,1) 100%); background:-o-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(242,242,242,1) 100%); background:-ms-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(242,242,242,1) 100%); background:linear-gradient(to bottom,  rgba(211,211,211,1) 0%,rgba(242,242,242,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#f2f2f2',GradientType=0 ); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
select {width:auto;}
textarea {text-indent:0;}
input[type=submit], a.button {height:46px; margin:0 5px 0 0; font-family:LacunaRegular; padding:8px 20px; color:#555; font-size:18px; line-height:18px; text-shadow:1px 1px 1px white; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); cursor:pointer;} input[type=submit]:hover, a.button:hover {background: rgb(207,232,40); background: -moz-linear-gradient(top,  rgba(207,232,40,1) 0%, rgba(126,180,31,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,232,40,1)), color-stop(100%,rgba(126,180,31,1))); background: -webkit-linear-gradient(top,  rgba(207,232,40,1) 0%,rgba(126,180,31,1) 100%); background: -o-linear-gradient(top,  rgba(207,232,40,1) 0%,rgba(126,180,31,1) 100%); background: -ms-linear-gradient(top,  rgba(207,232,40,1) 0%,rgba(126,180,31,1) 100%); background: linear-gradient(to bottom,  rgba(207,232,40,1) 0%,rgba(126,180,31,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe828', endColorstr='#7eb41f',GradientType=0 );}
input[type=submit]:hover, a.button:hover {color:white; text-shadow:0 -1px 1px #45992B;}
textarea {height:450px; font-size:16px; line-height:26px; resize:none;}

a {color:#398FF3; text-decoration:none;}
a:hover {color:#65c4ff;}

.flip-horizontal {-webkit-transform:scaleX(-1); -moz-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1);}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}
.top {vertical-align:top;}
.global {width:960px; margin: auto;}
.topArea {height:416px; position:relative;}
.blue {color:#226cc2;}
.space {width:960px; height:70px; margin:auto;}
.error {margin:auto; padding:10px 15px; display:inline-block; font-family:LacunaItalicRegular; font-size:18px; text-align:center; line-height:22px; color:#841b1b; text-shadow:1px 1px 1px #f27474; background:#c66363; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
	.error a {color:#773900;}
	.error a:hover {color:#ffb36d;}
.quote {padding:5px 0; font-family:LacunaItalicRegular; font-size:16px; color:#eee; line-height:20px;}
.status {margin:auto; padding:10px 15px; display:inline-block; font-family:LacunaItalicRegular; font-size:24px; line-height:28px; text-align:center; color:#2f871c; text-shadow:1px 1px 1px #8af473; background:#77c964; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.note {margin-top:10px; font-family:LacunaItalicRegular; font-size:14px; color:#eee; line-height:18px !important; text-indent:0px;}
.invisible {display:none;}
.label {font-size:22px; line-height:30px;}
/* End global tags and classes */
	
#wrapper {padding-top: 17px;}
/* Header */
header {height:50px; background:url('../images/headerBG.png') repeat-x; -moz-box-shadow:0 3px 3px #111; -webkit-box-shadow:0 3px 3px #111; box-shadow:0 3px 3px #111; width:100%;}
	header nav {width:960px; height:50px; margin:auto; padding-top:5px;}
		header nav ul li {position:relative; float:left;}
			header nav ul li a {display:block; font-family:LacunaRegular; font-size:22px; color:white; line-height:40px; padding:0 10px;}
			header nav ul li a:hover {background:#0c3d6f; color:#d9d9d9; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius: 10px;}
			header nav ul li #navArrow {width:222px; height: 33px; position:absolute; left:35px; top:62px; z-index:1; background:url('../images/navArrow.png');}
			header nav ul li ul {position:absolute; top:40px; z-index:10; background:#226cc2; -moz-box-shadow:0 2px 5px #111; -webkit-box-shadow: 0 2px 5px #111; box-shadow:0 2px 5px #111; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
			header nav ul li:hover > ul {display:block;}
				#authorsMenu, #userMenu, #categoryMenu, #dlCategoryMenu {display:none; opacity:0;}
				header nav ul li ul li {float:none; padding:5px;}
					header nav ul li ul li a {font-size:18px; line-height:36px; white-space: nowrap;}
				header nav ul li ul li.arrow {height:0;}
					header nav ul li ul li.arrow div {width:32px; height:13px; position:absolute; left:50%; top:-12px; margin-left:-16px; background:url('../images/navTopArrow.png') no-repeat;}
				#loginFrame {width:300px; height:auto; position:absolute; top:40px; right:0; z-index:10; display:none; opacity:0; background:#226cc2; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 2px 5px #111; -moz-box-shadow:0 2px 5px #111; box-shadow:0 2px 5px #111;}
					#loginFrame .arrow {width:32px; height:13px; position:absolute; top:-12px; right:20px; background:url('../images/navTopArrow.png') no-repeat;}
					#loginFrame table {width:95%; margin:5px auto;}
						#loginFrame table td {padding:3px 0px;}
						#loginFrame input[type=text], #loginFrame input[type=password] {width:285px;}
						#loginFrame input[type=submit] {margin-right:0;}
/* End header */

/* Homepage */
#logo {width:517px; height:265px; position:absolute; top:54px; left:320px; background:url('../images/logo.png') no-repeat;}
#info {width:100%; background:#2869bc; border-bottom:1px solid #388bf4; border-top:1px solid #388bf4; -webkit-box-shadow:0 3px 3px #111; -moz-box-shadow:0 3px 3px #111; box-shadow:0 3px 3px #111;	}
#question {padding:15px 0; font-size:30px;} 
#answer {padding:10px; font-size:20px; line-height:25px; text-align:center;}
#mugenDesc {padding:15px 10px; margin-top:10px; font-style:italic; line-height:20px; letter-spacing:1.3px;}
#latest {width:960px; margin:auto auto 50px auto;}
	/*#latest h1 {padding:20px; font-size:40px; text-shadow:0 2px 10px #111;}*/
	#latest p {margin-bottom:10px; font-size:16px;}
	#latest #title {font-size:20px; text-align:let;}
	#latest #dlCount {padding: 10px 0; font-family: LacunaItalicRegular; font-size: 12px;}	
#gallery {width:970px; height:486px; position:relative; margin:auto; cursor:pointer;}
	#gallery .galleryImg {width:154px; height:480px; display:block; float:left; border:3px solid white;}
	#gallery #img1 {width:640px; border-right:3px solid white; background:url('../images/preview1.png'); z-index:3; background-position:center;}
	#gallery #img2 {border-left:none; border-right:3px solid white; background:url('../images/preview2.png'); z-index:2; background-position:center;}
	#gallery #img3 {border-left:none; background:url('../images/preview3.png'); z-index:1; background-position:center;}
/* End homepage */
	
/* Footer */
footer {width:960px; height:35px; position:relative; margin:auto; font-size:22px;}
	#footerArrow {width:138px; height:26px; position:absolute; top:-30px; left:463px; background:url('../images/footerArrow.png') no-repeat;}
/* End footer */

/* News */
#newsLogo {width:476px; height:325px; position:relative; top:51px; left:312px; font-weight:bold; background:url('../images/newsLogo.png') no-repeat;}
	#newsLogo .month {width:265px; height:80px; position:absolute; top:53px; left:13px; color:white; line-height:80px; text-align:center; font-family:"Century Gothic",sans-serif; font-size:50px; -webkit-transform:rotate(-11deg); -moz-transform:rotate(-11deg); transform:rotate(-11deg); -webkit-transform-origin:0 0; -moz-transform-origin:0 0; transform-origin:0 0;}
	#newsLogo .date {width:265px; height:170px; position:absolute; top:143px; left:30px; color:#494949; line-height:170px; text-align:center; font-family:"Century Gothic",sans-serif; font-size:130px; -webkit-transform:rotate(-11deg); -moz-transform:rotate(-11deg); transform:rotate(-11deg); -webkit-transform-origin:0 0; -moz-transform-origin:0 0; transform-origin:0 0;}
.post {margin-top:45px; padding:10px; color:#444; text-shadow:1px 1px 1px white; background:#eee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	.post span {font-size:16px; color:#808080;}
	.post p, #about p {padding:24px 0; font-size:18px; line-height:24px;}
	.post hr {height:1px; border:none; background:#666;}
/* End news */

/* About */
#aboutLogo {width:675px; height:280px; position:absolute; top:116px; left:143px; background:url(../images/aboutLogo.png) no-repeat;}
#translation1 {width:230px; height:95px; position:absolute; top:135px; left:57px; display:none; background:url(../images/translation1.png) no-repeat; opacity:0;}
#translation2 {width:176px; height:109px; position:absolute; top:225px; left:669px; display:none; background:url(../images/translation2.png) no-repeat; opacity:0;}
/* End about */

/* Downloads */
#downloadsLogo {width:795px; height:183px; position:absolute; top:135px; left:84px;background:url(../images/downloadsLogo.png) no-repeat;}
#authorContent {width:762px;}
.download {width:180px; height:140px; position:relative; display:inline-block; margin:10px 10px 0 0; overflow:hidden; text-align:center; line-height:138px; background:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 1px 5px #111; -moz-box-shadow:0px 1px 5px #111; box-shadow:0px 1px 5px #111;}
.download:hover {background:#0053a0;}
.download:hover > .title {display:block;}
.download.nohover:hover {background:#333;}
.download.nohover:hover > .mask {display: block;}
	.download.last {margin-right:0;}
	.download img {max-height:140px; max-width:180px; border:none; vertical-align: middle}
	.download .overlay {width:180px; height:140px; position:absolute; top:0; left:0; z-index:2; background:url(../images/downloadOverlay.png) no-repeat; opacity:.5;}
	.download .mask {width:180px; height:140px; position:absolute; top:0; left:0; z-index:2; background:url(../images/downloadMask.png) no-repeat;}
	.download .title {width:110px; position:absolute; left:20px; bottom:20px; display:none; padding:10px 15px; font-size:12px; color:#eee; line-height:16px; background:rgba(0,0,0,.75); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	.download .new {width:48px; height:48px; position:absolute; top:0px; left:0px; z-index:2; background:url('../images/new.png') no-repeat;}
	.download .updated {width:46px; height:46px; position:absolute; top:0px; right:0px; z-index:2; background:url('../images/updated.png') no-repeat;}
/* End downloads */

/* Download Details */
#detailsArea {position:relative;}
#details {width:508px; margin:0 auto 60px auto; padding:20px; position:relative; font-size:20px; color:#222; text-shadow:1px 1px 1px white; line-height:25px; background-color:#cfcfcf; background-image:url('../images/commentBG.png'); background-repeat:repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#detailsTail {width:131px; height:55px; position:absolute; bottom:-55px; left:90px; background:url('../images/detailsTail.png') no-repeat;}
#moreImages {width:920px; margin:auto;}
#dlWrapper {width:548px; height:140px; position:relative; margin:auto;}
#clickMe {width:84px; height:57px; position:absolute; top:52px; right:-90px; background:url('../images/clickMe.png') no-repeat;}
#downloadAmount {position:absolute; top:-22px; right:4px; text-align:right;}
#bigDownloadBTN {width:360px; height:140px; display:block; margin:10px 0 0 4px; padding:0; line-height:140px; text-align:center; font-size:60px;}
#readme {padding:30px 20px; margin:10px; font-size:20px; line-height:25px;}
.mImg {width:278px; margin: 0 30px 30px 0; display:inline-block; border:3px solid white; text-align:center; line-height:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#eee; -webkit-box-shadow:0 1px 5px #111; -moz-box-shadow:0 1px 5px #111; box-shadow:0 1px 5px #111;}
.mImg img {max-width:278px; max-height:207px; vertical-align:center;}
.mImg.noright {margin-right:0;}
#plusOne {position:absolute; top:20px; left:60px; z-index:10; opacity:0}
/* End download details */

/* Comments */
#commentArea {width:776px;}
.comment {width:100%; margin-bottom:30px; padding-bottom:10px; overflow:hidden;}
	.comment .info {margin-bottom:10px; font-family:LacunaItalicRegular; font-size:12px; color:#ccc;}
	.comment .profilePic {margin:0 15px 15px 0; float:left;}
	.comment p {min-height:180px; margin-left:110px; padding:10px; position:relative; color:#444; text-shadow:1px 1px 1px white; font-size:18px; line-height:22px; background-image:url('../images/commentBG.png'); background-repeat:repeat-x; background-color:#cfcfcf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	.comment p .commentTail {width:52px; height:50px; position:absolute; top:110px; left:-52px; background:url('../images/commentTail.png') no-repeat;}
#Comment {margin-bottom:10px;}
.statusRow {width:100%; margin:30px 0 30px 0; text-align:center;}
/* End comments */

/* Login */
#loginLogo {width:755px; height:375px; position:absolute; top:42px; left:118px; background:url('../images/loginLogo.png') no-repeat;}
#loginArea form, #loginArea table {width:600px; margin:auto;}
	#loginArea table tr td:first-child {width:5%;}
	#loginArea table tr td {padding:5px; text-align:right;}
	#loginArea input[type=text], #loginArea input[type=password] {width:464px;}
/* End login */

/*Private messages */
#pmLogo {width:309px; height:327px; position:absolute; top:61px; left:328px; background:url('../images/pmLogo.png') no-repeat;}
#pmArea table, #profileArea table {width:600px; margin:50px auto 0 auto;}
	#pmArea table tr td {padding:5px;}
		#pmArea table tr td p {font-family:LacunaItalicRegular; line-height:30px;}
	#selectAllBTN {width:24px; height:24px; margin:0; display:block; vertical-align:middle; background:url('../images/badge-circle-check-24.png') no-repeat;}
		#selectAllBTN.remove {background:url('../images/badge-circle-cross-24.png') no-repeat;}
/* End private messages */

/* Profile */
#profileLogo {width:573px; height:363px; position:absolute; top:40px; left:301px; background:url('../images/profileLogo.png') no-repeat;}
#profileArea table {width:600px; margin:auto; font-size:18px;}
#profileArea table tr td {padding:5px;}
#profileArea ul {margin-top:20px;}
	#profileArea ul li {margin-bottom:10px;}
	.profilePic, .profilePicCrop {width:100px; height:100px; position:relative; text-align:center; line-height:113px; cursor:pointer; background:#333; -moz-box-shadow:0px 2px 5px #111; -webkit-box-shadow:0px 2px 5px #111; box-shadow:0px 2px 5px #111;}
	.profilePicCrop {cursor:default;}
	.profilePic .overlay, .profilePicCrop .overlay {width:100px; height:100px; position:absolute; top:0; left:0; z-index:2; background:url('../images/profileOverlay.png') no-repeat; pointer-events:none;}
		.profilePic .mask, .profilePicCrop .mask {width:100px; height:100px; position:absolute; top:0; left:0; z-index:2; background:url('../images/profileMask.png') no-repeat; pointer-events:none;}
	#profilePicForm {display:none;}
	#uploadStatus {display:none; margin-bottom:10px;}
	#cropArea {overflow:hidden;}
	#cropWrapper {height:0; display:none; position:relative; opacity:0;}
	#cropBoundary {position:absolute; pointer-events:none;}
	.buttons {height:48px; margin-top:10px;}
		#applyBTN, #applyCropBTN {width:48px; height:48px; display:inline-block; background:url('../images/checkBTN.png') no-repeat;}
		#cancelBTN, #cancelCropBTN {width:48px; height:48px; display:inline-block; background:url('../images/crossBTN.png') no-repeat;}
/* End profile */

/* Register */
#registerLogo {width:497px; height:342px; position:absolute; top:55px; left:156px; background:url('../images/registerLogo.png') no-repeat;}
#registerArea table {width:700px; margin:auto; font-size:18px;}
	#registerArea table tr td {padding:5px;}
	#registerArea table tr .captchaRow input {width:176px;}
.captchaRow img {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#registerArea ul {margin-top:20px;}
	#registerArea ul li {margin-bottom:10px;}
/* End register */

/* Enter email */
#emailLogo {width:636px; height:391px; position:absolute; top:16px; left:284px; background:url('../images/forgotLogo.png') no-repeat;}
#emailArea table {width:600px; margin:30px auto; font-size:18px;}
/* End enter email */

/* Reset password */
#resetArea table {width:700px; margin:auto; font-size:18px;}
	#resetArea table tr td {padding:5px;}
	#resetArea table tr td:first-child {width:10%; white-space:nowrap;}
/* End reset password */

/* Error */
#errorLogo {width:452px; height:330px; position:absolute; top:65px; left:367px; background:url('../images/errorLogo.png') no-repeat;}
#errorArea p {line-height:30px; text-indent:30px;}
/* End error */

/* FAQs */
#faqLogo {width:343px; height:350px; position:absolute; top:59px; left:263px; background:url('../images/faqLogo.png') no-repeat;}
#faqArea {line-height:22px;}
#faqArea ul {padding:0 17px;}
#faqArea ul li {list-style:circle; line-height:25px;}
/* End faqs */

/* Maintenance */
#maintenanceLogo {width:271px; height:195px; position:absolute; top:88px; left:324px; background:url('../images/maintenanceLogo.png') no-repeat;}
#maintenanceArea {line-height:22px;}
/* End maintenance */