/*
Theme Name: LeetPress
Description: A Premium Gaming Theme
Author: Sebastian R
Author URI: http://wpmaniac.com
Version: 1.0
*/

@import url("css/reset.css");
@import url("css/jquery.fancybox-1.3.4.css");

/***
	Index
	=================
	1. General Styles
	2. Header
		2.1. Top Navigation
		2.2. Navigation
		2.3. Search
	3. Featured Section
	4. Main Section
		4.1. News
		4.2. Videos
		4.3. Updates
	5. Sidebar
		5.1. Review widget
	6. Footer Section
		6.1. Footer top
		6.2. Footer
	7. Post
		7.1. Review
		7.2. Comments
		7.3. Screenshots
		7.4. HTML Styling 
	8. Archives
		8.1. Review Archive
		8.2. Video + Screenshot archive
	9. Fontface
	=================
***/

/***     1. General Styles     ***/
body { background:#000; font: 12px Arial, sans-serif; color: #6c6c6c; }
body.bgr1 {background: #000 url(slides/1.jpg) no-repeat center 0;}
a { color:#bf7400; text-decoration:none; }
a:hover { text-decoration:underline; }
body #post h1, body #post h2, body #post h3, body #post h4 {color: #A8784E;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/***     2. Header     ***/
#header-wrapper { background:url(images/header.png) repeat-x center 0; height:125px; position:relative; z-index:2;}
#header-wrapper.inner { background:url(images/header_inner.png) repeat-x center 0; height:125px; position:relative; z-index:2;}
#header { width:960px; margin:0 auto;}
#logo {float: left; margin-top:10px; margin-left:120px; }
#logo a {width: 251px; height: 62px; display: block;}
#header-banner { position:absolute; right:0; top:63px; }
#social-media { float:right; padding-top:7px; }

	/*     2.2. Navigation     */
	#navigation-wrapper { float: right; }
	
	#navigation { height:46px; margin: 15px 0;float:right; }
	#navigation li { display:block; float:left; margin-right:30px; position:relative; padding-top:13px; height:46px; text-shadow: 1px 1px 1px #000; }
	#navigation li a { font-size:17px; color:#FFF; font-weight:bold } #navigation li a.act {color: #edc6a8;}
	#navigation li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
	
	#navigation li ul { left:-999px; position:absolute; z-index:1; top:45px; border:1px solid #000; border-top:none; width:140px; }
	#navigation li ul li { float:none; background:url(images/nav-item-bg.png) repeat-x; height:25px; margin:0; padding:9px 0 0 10px; text-shadow: 1px 1px 1px #000; }
	#navigation li ul li a { font-size:12px; }
	#navigation li:hover ul { left:0; }
	
	#navigation li ul li ul { top:-999px; }
	#navigation li ul li:hover ul { left:140px; top:0; }
	
	#navigation li ul li ul li ul { top:-999px; }
	#navigation li ul li ul li:hover ul { left:140px; top:0; }
	
	/*     2.3. Search     */
	#search { float:right; width:163px; height:25px; background:url(images/search-bg.png) no-repeat; margin-top:7px; padding:6px 0 0 9px; }
	#search input { background:none; border:none; color:#555555; width:130px; }
	
/***     3. Featured Section     ***/
.slider-bgr { position:relative; height: 377px; width: 100%;}
.slider { z-index:1;position:absolute; height: 765px; z-index: 0; width: 100%;top: -23px;}
.sliderContent { overflow:hidden; height:765px; position:relative; }
.featured-inner { width:960px; margin:0 auto; position:relative;}
.featured-arrows { background:url(images/featured-arrows.png) no-repeat; height:52px; width:39px; position:absolute; top:160px; }
.featured-inner h1 { position:absolute; top:160px; left:39px; background:#000; color:#FFF; font-size:34px; padding:7px 10px 3px 10px; font-family:"BebasNeueRegular"; }
.featured-inner h1 a { color:#FFF; }
.featured-meta { background:url(images/featured-meta.png) repeat-x; height:26px; left:0; top:211px; position:absolute; color:#8e8e8e; text-shadow: 1px 1px 1px #000; text-transform: uppercase; padding:8px 10px 0 10px; }
.top-overlay { background:url(images/top-overlay.png) repeat-x; width:100%; position:absolute; top:0; height:30px; }
.bottom-overlay { background:url(images/bottom-overlay.png) repeat-x; width:100%; position:absolute; bottom:0; height:30px; }
.sliderArrows a { display:block; text-indent:-9999px; outline:none; z-index:9999; background-image:url(images/prev_next.png); width:42px; height:43px; position:absolute; top:15%; margin-top:-34px; }
.prev { background-position:0 0; left:10px; }
.prev:hover { background-position:0 -44px; }
.next { right:10px; background-position:-44px 0; }
.next:hover { background-position:-44px -44px; }

.content-top {width: 100%; height: 282px; position: absolute; z-index: 9900;top: 95px; background: url(images/content-top.png) no-repeat center 0; }
.content-top .inner-top {width: 984px; margin: 0 auto; height: 300px; position: relative;}

/***     4. Main Section     ***/
.main-bgr {background:url(images/content.png) repeat-y center 0;position: relative; z-index: 1;}
#main-wrapper { width:920px; margin:0 auto; padding:20px; overflow:hidden;}
#main { width:600px; min-height: 600px; margin-right:20px; float:left; position: relative;}
#main.wider {width: 100%;}
.section-title {padding:9px 9px 25px 9px; text-align: center; margin-bottom:30px; font-size:28px; color: #a8784e; background: url(images/h3.jpg) no-repeat center bottom;}

.form input { background: #0a0a0a; width:200px; font-size:15px; padding:8px; border:1px solid #1b1b1b; margin-right:12px; font-family:Arial; color: #999999; }


.form option {margin: 5px 0;border: 1px solid black;}
.form input:focus, textarea:focus, select:focus {background: #222;border: 1px solid #BF7400;outline: 0; box-shadow: 0 0 10px #BF7400;}
.form input[type="button"], #comment-form input[type="submit"] {background: #dd8a0d; border: 1px solid #915700;font-family: Morpheus; font-size: 20px; border-radius: 4px;box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;color: black;}
.form input[type="button"]:hover, #comment-form input[type="submit"]:hover {box-shadow: 0 0 10px #BF7400;cursor: pointer;}



	/*     4.1. News     */
	#news-wrapper { margin-bottom:24px; }
	.news-item { border-bottom:1px solid #222; margin-bottom:30px; padding-bottom:25px; }
	.news-thumb-wrapper { position:relative; }
	.news-thumb-wrapper h1 { position:absolute; color:#FFF; left:0px; top:220px; background:url(images/bgr_trans.png) repeat 0 0; padding:10px 15px 9px 15px; font-size:24px; font-family:BebasNeueRegular; }
	.news-thumb-wrapper h1 a { color:#FFF; }
	.news-thumb { border:1px solid #CCC; margin-right:12px; float:left; }
	.news-arrows { position:absolute; left:0; top:220px; height:44px; width:40px; background:url(images/news-arrows.png) no-repeat; }
	.news-meta-wrapper {height:25px; border-bottom:1px solid #222; margin-top:-3px; padding:9px 9px 0 9px; margin-bottom:10px; }
	.news-meta-wrapper span {font-weight:bold; text-transform: uppercase; letter-spacing:1px; }
	.news-meta { color:#777; float:left; }
	.news-cats { float:right; }
	.news-item p { line-height:18px; }

/***     5. Sidebar     ***/
#sidebar { width:300px; float:right; }
.widget-wrapper { margin-bottom:20px; }
.widget { margin-bottom:20px; }
.widget-title {color:#A8784E; height:32px; padding:8px 0 0 0px; text-shadow: 1px 1px 1px #000; margin-bottom:20px; font-family:"BebasNeueRegular"; font-size:22px; }
.widget-title.tabs { margin-bottom:0; background: url(images/h4.jpg) no-repeat center bottom; text-align: center; padding-bottom: 15px;}
.widget-banner { margin-bottom:20px; overflow:hidden; }
.widget-banner-content { margin-bottom:30px; margin-top:20px; overflow:hidden; text-align:center;}

.widget.screenshot img {width: 100%;}
.widget.screenshot a {display: block; border-bottom: 1px solid #111; padding-bottom: 10px; margin-bottom: 15px;}
.widget.screenshot a span {text-decoration: none; color: grey; font-style: italic;display: block; margin: 5px 0 0;font-size: 17px;}

.server {padding: 20px; background: url(images/bgr_noise_darker.jpg) repeat 0 0;margin-bottom: 20px;}
.server .column {float: left; width: 270px; margin-right: 10px;  line-height: 20px;}
.server .column .l, .server .column .r {float: left; width: 100px; color: #666;}
.server .column .r {width: 170px; color: #d5d5d5; font-size: 15px;}
.server .column p {border-bottom: 1px solid #111; padding: 5px 0;}
.server h3 {font-size: 35px; margin-bottom: 15px;} .server h4 {font-size: 20px;} .server ul {margin: 5px 0;}
.server a.btn {margin-top: -15px;}
.mirrors {border-bottom: 1px solid #111; margin-bottom: 15px;}


.side-item { float:none !important; clear:both; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #222; overflow:hidden; width:300px; position:relative; }
.side-item.last { margin-bottom:0 }
.side-item h4 { font-size:18px; font-weight:bold; margin-bottom:4px; }
.side-item-meta { color:#888; font-size:11px; font-style:italic; }
.side-item-cat { color:#666; margin-bottom:2px; display:block; width:262px; }
.side-item-thumb { float:left; margin-right:10px; margin-bottom:10px; border:1px solid #CCC; height:60px; }
.panel-wrapper { height:22px; padding:7px 0 0 2px; margin-bottom:20px; text-align: center;}
.panel-wrapper a { margin-right:9px; color:#777;}
.panel-wrapper a.selected { font-weight:bold; color:#A8784E; }
#mask { width:300px; overflow:hidden; margin:0 auto; position:relative; }
#panel div { float:left; width:300px; }

	/*     5.1. Review widget     */
	.side-score { position:absolute; top:0; right:10px; width:30px !important; height:21px; text-align:center; padding-top:5px; color:#FFF; font-weight:bold; text-shadow: 1px 1px 1px #444; }
	.side-score.green { background:url(images/small-rating-green.png) no-repeat; }
	.side-score.darkgreen { background:url(images/small-rating-darkgreen.png) no-repeat; }
	.side-score.yellow { background:url(images/small-rating-yellow.png) no-repeat; }
	.side-score.darkred { background:url(images/small-rating-darkred.png) no-repeat; }
	.side-score.red { background:url(images/small-rating-red.png) no-repeat; }

/***     6. Footer Section     ***/
	/*     6.2. Footer     */
	#footer-wrapper { background:url(images/ftr.jpg) no-repeat center 0; height: 278px; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #000;  }
	#footer { width:580px; margin:0 auto; padding-top:80px; padding-left: 380px;}
	.footer-widget { width:560px; margin-bottom: 20px;}
	.footer-widget a { color:#fff;  }
	.footer-widget p { color:#fff; line-height:18px; }
	.footer-widget.left { float:left; margin-right:20px; }
	.footer-widget.middle { float:left; margin-right:20px; }
	.footer-widget.right { float:right; }
	.footer-widget h3 { color:#FFF; text-shadow: 1px 1px 1px #000; padding-bottom:6px; margin-bottom:20px; font-size:30px; text-align: right;}
	.footer-widget li { margin-bottom:10px; background:url(images/footer-bullet.png) no-repeat left; padding-left:16px; }
	.footer-widget .box {float: left; width: 180px; margin-right: 20px;text-shadow: 0 0 1px black;} .footer-widget .box.last {margin: 0;}
	.footer-widget .box.withsep {width: 130px; margin-right: 30px;}
	.footer-widget small {display: block; text-align: right;} h3 small {font-size: 20px;color: #bcbb94;}

	.footer-widget a.social {width: 34px; height: 35px; display: block; float: left; background: url(images/social.png) no-repeat 0 0; margin-right: 10px;}
	.footer-widget a.social:hover {background-position: 0 -35px;}
	.footer-widget a.social.facebook {background-position: -34px 0;} .footer-widget a.social.facebook:hover {background-position: -34px -35px;}
	.footer-widget a.social.rss {background-position: -68px 0;} .footer-widget a.social.rss:hover {background-position: -68px -35px;}
	.footer-widget a.social.email {background-position: -102px 0;} .footer-widget a.social.email:hover {background-position: -102px -35px;}

	.footer-widget .box.copyright {float: none; margin-left: 160px; width: 380px; clear: both; position: relative;}
	.footer-widget .copyright p {font-size: 12px; color: #bcbb94; display: block;}
	.footer-widget .copyright img {float: right; position: absolute; bottom: 0px; right: 0;}
	 
/***     7. Post     ***/
.post-meta { color:#989898; font-style:italic; margin-bottom:14px; }
.post-header { font-size:36px; margin-bottom:14px; color:#fff; }
.post-thumb { background:url(images/img-bg.png) repeat; padding:10px 0 10px 0; margin-bottom:20px; }
.post-entry { margin-bottom:10px; overflow:hidden; }
.post-entry p { font-size:14px; line-height:20px; margin-bottom:20px; }
.post-share { border-top:1px solid #111; border-bottom:1px solid #111; padding:10px 0 8px 10px; margin-bottom:60px; }
.post-share p { float:left; font-weight:bold; font-size:14px; color:#4f4f4f; padding-top:8px;}
.post-share ul { padding-left:22px; overflow:hidden; }
.post-share li { float:left; margin-right:8px; }

	/*     7.1. Review     */
	.post-review { overflow:hidden; padding: 20px; background: #222; margin-bottom: 20px;}

	.review-thumb { float:left; margin-right:20px; border:1px solid #DDD; }
	.review-score { border-bottom:1px dashed #CCC; overflow:hidden; padding-bottom:15px; margin-bottom:15px;}
	.overall-score { width:102px; height:102px; float:left; position:relative; }
	.overall-text { color:#777; position:absolute; left:19px; top:20px; font-size:10px; }
	.the-score { color:#333; font-family:"BebasNeueRegular"; text-shadow: 1px 1px 1px #FFF; font-size:54px; position:absolute; width:100%; top:29px; text-align:center; }
	.overall-score.green { background:url(images/big-rating-green.png) no-repeat; }
	.overall-score.darkgreen { background:url(images/big-rating-darkgreen.png) no-repeat; }
	.overall-score.yellow { background:url(images/big-rating-yellow.png) no-repeat; }
	.overall-score.darkred { background:url(images/big-rating-darkred.png) no-repeat; }
	.overall-score.red { background:url(images/big-rating-red.png) no-repeat; }
	.other-score { overflow:hidden; }
	.score-item { margin-bottom:3px; overflow:hidden; position:relative; background:#FFF url(images/score-bg.png) no-repeat; height:32px; }
	.score-label { position:absolute; left:10px; top:8px; text-shadow: 1px 1px 1px #FFF; color:#666; }
	.score-bg { height:32px; display:none; width:200px; position:absolute; left:131px; }
	.score { color:#777; text-shadow: 1px 1px 1px #FFF; position:absolute; left:94px; top:8px; font-weight:bold; }
	.pros { background:url(images/pros.png) no-repeat; overflow:hidden; padding:3px 0 3px 36px; margin-bottom:12px; }
	.pros p { color:#555; line-height:18px; }
	.pros span { color:#BBB; margin:0 2px 0 2px; }
	.cons { background:url(images/cons.png) no-repeat; overflow:hidden; padding:0 0 3px 36px; }
	.cons p { color:#555; line-height:18px; }
	.cons span { color:#BBB; margin:0 2px 0 2px; }
	
	/*     7.2. Comments     */
	#comments h3 { font-size:14px; border-bottom:1px dotted #d5d5d5; padding-bottom:6px; margin-bottom:30px; }
	.comment { margin-bottom:25px; overflow:hidden; border-bottom:1px solid #DDD; padding-bottom:20px; }
	.avatar { float:left; margin-right:20px; }
	.comment-details { float:right; width:520px; }
	.comment-details p { line-height:18px; margin-top:10px; }
	.author { font-weight:bold; }
	.date { color:#989898; }
	.reply { float:right; }
	
	#comments ol li ul .comment{ margin-left:80px; }
	#comments ol li ul .comment-details { width:440px; }
	
	#comments ol li ul li ul .comment{ margin-left:160px; }
	#comments ol li ul li ul .comment-details { width:360px; }
	
	#comment-form input, textarea, select { background: #111; padding:8px; border:1px solid #000; margin-right:12px; font-family:Arial; color: grey; }
	#comment-form option {margin: 5px 0;border: 1px solid black;}
	#comment-form input:focus, textarea:focus, select:focus {background: #222;border: 1px solid #BF7400;outline: 0; box-shadow: 0 0 10px #BF7400;}
	#comment-form input[type="button"], #comment-form input[type="submit"] {background: #dd8a0d; border: 1px solid #915700;font-family: Morpheus; font-size: 20px; border-radius: 4px;box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;color: black;}
	#comment-form input[type="button"]:hover, #comment-form input[type="submit"]:hover {box-shadow: 0 0 10px #BF7400;cursor: pointer;}
	#comment-form p { margin-bottom:18px; }
	#comment-form .required { color:#838383; }
	
	/*     7.3. Screenshots     */
	.post-screenshot ul { overflow:hidden; }
	.post-screenshot li { float:left; margin:4px; }
	.post-screenshot li img { border:1px solid #222; }
	
	/*     7.4. HTML Styling     */
	.post-entry h1 { font-size:28px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
	.post-entry h2 { font-size:24px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
	.post-entry h3 { font-size:20px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
	.post-entry h4 { font-size:18px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
	.post-entry h5 { font-size:16px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
	.post-entry h6 { font-size:14px; margin-bottom:14px; font-family:"BebasNeueRegular"; }
	.post-entry hr { border:0; background-color: #DDD; height:1px; margin-bottom:14px; color:#DDD; }
	.post-entry .highlight1 { background:yellow; }
	.post-entry .highlight2 { background:#000; color:#CCC; }
	.post-entry ul { margin-left:14px; margin-bottom:14px; }
	.post-entry ul li{ background:url(images/ul-dot.png) no-repeat; padding-left:10px; margin-bottom:6px; }
	.post-entry ol { margin-left:28px; margin-bottom:14px; }
	.post-entry ol li { list-style-type: decimal; margin-bottom:6px; }
	.post-entry .alignright { float:right; margin:0 0 4px 10px; }
	.post-entry .alignleft { float:left; margin:0 10px 4px 0; }
	.post-entry blockquote { background:url(images/quote.png) no-repeat; padding-left:32px; padding-top:3px; margin-left:25px; color:#777; }
	
/***     8. Archives     ***/
#pagination { margin-bottom:20px; clear:both; }
#pagination span { background:#111	; padding:5px 8px 5px 8px; border:1px solid #222; margin-right:3px;}
#pagination .current { font-weight:bold;  }

	/*     8.1. Review archive     */
	#review-archive { margin-bottom:30px; }
	.review-item { border-bottom: 1px solid #282828; padding:20px; }
	.review-item.second.last { border-bottom:1px solid #282828; }
	.review-item-thumb { float:left; margin-right:20px; border:1px solid #333333; }
	.review-item h5 { font-family:"BebasNeueRegular"; font-size:23px; margin-bottom:6px; }
	.review-item h5 a { /* color:#fff; */ }
	.review-item h5 small { color:#e6e6e6; font-size:14px; font-family:Arial; text-shadow: 1px 1px 1px #FFF; }
	.review-item p { line-height:18px; color:#777; overflow:hidden; }

	.review-item .l {width: 65%;}
	.review-item .r {width: 32%;}
	.review-item .r a {float: left;}

	.archive-score { float:left; width:30px; height:21px; margin-right:10px; text-align:center; color:#FFF; font-weight:bold; text-shadow: 1px 1px 1px #444; padding-top:5px; }
	.archive-score.green { background:url(images/small-rating-green.png) no-repeat; }
	.archive-score.darkgreen { background:url(images/small-rating-darkgreen.png) no-repeat; }
	.archive-score.yellow { background:url(images/small-rating-yellow.png) no-repeat; }
	.archive-score.darkred { background:url(images/small-rating-darkred.png) no-repeat; }
	.archive-score.red { background:url(images/small-rating-red.png) no-repeat; }
	
	/*     8.1. Video + Screenshot archive     */
	#media-wrapper { margin-bottom:10px; overflow:hidden; }
	.media-item { float:left; width:290px; margin:0 20px 20px 0; }
	.media-item.last { float:right; margin:0; }
	.media-arrows { background:url(images/media-arrows.png) no-repeat; width:30px; height:29px; position:absolute; top:100px; left:1px; }
	.media-item h4 { margin-bottom:4px; position:absolute; top:100px; left:31px; color:#FFF; background:#000; font-size:14px; padding:6px; font-family:"BebasNeueRegular"; }
	.media-item h4 a { color:#FFF; }
	.media-thumb { position:relative; margin-right:12px; float:left; }
	.media-thumb img { border:1px solid #CCC; }
	.video-icon { background:url(images/video-icon.png) no-repeat; height:21px; width:24px; position:absolute; right:8px; top:8px; }
	.screenshot-icon { background:url(images/screenshot-icon.png) no-repeat; height:21px; width:24px; position:absolute; right:8px; top:8px; }
	.media-meta-wrapper { background:url(images/section-title.png) repeat; height:25px; border-bottom:1px solid #CCC; margin-top:-3px; padding:9px 9px 0 9px; }
	.media-meta-wrapper span { text-shadow: 1px 1px 1px #FFF; font-weight:bold; text-transform: uppercase; letter-spacing:1px; }
	.media-meta { color:#777; float:left; }
	.media-cats { float:right; color:#777; }

	#main table {width: 100%;}
	#main table tr {border-bottom: 1px solid #111;}
	#main table tr:nth-child(even) {background: url(images/bgr_noise_lighter.jpg) repeat 0 0;}
	#main table tr td {padding: 10px 5px 10px 10px;}
	#main table tr th {padding: 10px 10px 15px 10px; font-size: 25px; color: #A8784E;cursor: pointer;}
	#main table tr td span.online {color: lightgreen;} #main table tr td span.offline {color: red;}

	body .l {float: left;}
	body .r {float: right;}

.btn {background: url(images/btn1.png) no-repeat 0 0; width: 154px; height: 18px; display: block; font-size: 15px; color: #fff; 
padding: 20px 5px; text-align: center;}
.btn.two {background-image: url(images/btn2.png); width: 94px;}
.btn:hover, .btn.two:hover {background-position: 0 -57px!important;}
body .abs {position: absolute; z-index: 9999;top: -97px; right: -30px;}

.left_info {position: absolute; left: 5px; top: -30px;}
.left_info a {font-size:17px; margin-bottom: 10px; color: #ffffff; }

.right_info {position: absolute; right: 10px;}
.right_info h3 {font-size:15px; color: grey; }





/* Additional */
.spoiler {
	display: none;
	border: 1px dotted;
	padding: 10px;
}

.overlap img {
max-width:550px;
}