/*   
Theme Name: Arras.Theme - Gaming Edition
Theme URI: http://www.zy.sg/
Description: Build your gaming website using WordPress and this theme.
Author: Melvin Lee
Author URI: http://www.zy.sg/
Version: 1.1.1
Tags: fixed width, widgets, two columns, gaming, admin panel, thumbnails
.
	You are NOT allowed to sell this theme without 
	permission of the author. 
	
	The number of websites allowed to be used with this 
	theme depends on the license purchased.
	
	If you require any support feel free to 
	email at zy[at]zy[dot]sg.
.
*/

/**** Global Settings ****/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background: url(images/background.jpg) repeat-x #252221;
	font: 12px Arial, Helvetica, sans-serif;
	color: #ccc;
}

/**** Headings ****/
.head {
	float: left;
	background: url(images/icons/logo.png) no-repeat;
	text-indent: -9000px;
	width: 660px;
	height: 100px;
	margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h1 {
	float: left;
	background: url(images/icons/logo.png) no-repeat;
	text-indent: -9000px;
	width: 300px;
	height: 20px;
	margin: 20px;
}
	h1 a {
		display: block;
		width: 300px;
		height: 20px;
	}
h2, .featured-article-content .title, .featured-mini-content .title {
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}
	h2 a:link, h2 a:visited {
		text-decoration: none;
	}
	h2 a:hover {
		text-decoration: none;
	}
h3 {
	font-size: 1em;
	font-weight: bold;
}

/***** Common Formatting *****/
p, ul, ol {
	margin: 0;
	padding: 0 0 1.25em 0;
	line-height: 1.5em;
}
ul, ol {
	padding: 0 0 1.25em 2.5em;
}
blockquote {
	clear: both;
	margin: 1.25em;
	padding: 1.25em 1.25em 0 1.25em;
	border-left: 2px solid #f5f5f5;
	border-right: 2px solid #f5f5f5;
} 
small {
	font-size: 0.85em;
}
img {
	border: 0;
}
sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
acronym, abbr {
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
}

/**** Links ****/
a, a:link, a:visited {
	color: #ccc;
	text-decoration: underline;
}
a:focus {
	-moz-outline-style: none;
}
a:hover {
	color: #fff;
}

/**** Forms ****/
form {
	margin: 0;
	padding: 0;
	display: inline;
}
input, select, textarea {
	font: 12px Arial, Helvetica, sans-serif;
}
textarea {
	width: 100%;
	line-height: 1.25;
}
label {
	cursor: pointer;
	color: #666;
}

/**** Tables ****/
table {
	border: 0;
	margin: 0 0 1.25em 0;
	padding: 0;
}
table tr td {
	padding: 2px;
}

/**** Global Classes ****/
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}
.textJustify {
	text-align: justify;
}

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.underline {
	border-bottom: 1px solid;
}
.highlight {
	background: #ffc;
}

.imgLeft {
	float: left;
	margin: 4px 10px 4px 0;
}
.imgRight {
	float: right;
	margin: 4px 0 4px 10px;
}

.nopadding {
	padding: 0 !important;
}
.noindent {
	margin-left: 0;
	padding-left: 0;
}
.nobullet {
	list-style: none;
	list-style-image: none;
}
.nobg {
	background: none !important;
}
.sub {
	color: #999;
	font-size: 11px;
}
.headline-sub {
	color: #999;
	padding-bottom: 8px;
	font-size: 11px;
}
.padding-content {
	padding: 10px;
}

/**** ClearFix Hack ****/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/**** Wrapper ****/
.wrapper {
	width: 980px;
	margin: 0 auto;
}
#container {
	min-height: 100%;
	position: relative;
}
#page {
	padding-bottom: 170px;
	/*background: url(images/grid.png) no-repeat center;*/
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 160px; /* Height of the footer */
	background: #322E2C;
}
.left {
	float: left;
	width: 660px;
}
.right {	
	float: right;
	width: 320px;
}

/**** Common Classes ****/
.see-all-link {
	float: right;
	display: block;
	background: url(images/header.jpg) repeat-x top;
	font-weight: bold;
	padding: 8px 15px 0 0;
	text-decoration: none !important;
}
.content {
	padding: 10px;
	margin-top: 10px;
}

.more-articles-link {
	display: block;
	background: #252221;
	padding: 6px; 
	color: #fff !important;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
}
	.more-articles-link:hover {
		border: none !important;
	}

.archive-title {
	background: #322E2C;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	padding: 6px 10px;
	display: block;
	margin-bottom: 10px;
}

.archive-title, .module, .featured, .single {
	margin-right: 10px;
}

.archive-listing {
	float: right;
	margin: 2px 15px 0;
	font-size: 11px;
}

.navigation a {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	background: #322E2C;
	display: block;
	padding: 5px;
	margin: 0 10px 0 0;
	border: 1px solid #292624;
}

/**** Top Navigation / Header ****/
#top-navigation, #top-navigation-bottom {
	background: url(images/topnav.jpg) repeat-x;
	height: 30px;
}
	#top-navigation ul, #top-navigation-bottom ul {
		list-style: none;
		margin: 0;
		padding: 0 15px;
	}
	#top-navigation li, #top-navigation-bottom li {
		float: left;
		text-transform: uppercase;
		display: inline;
	}
	#top-navigation a:link, #top-navigation a:visited,
	#top-navigation-bottom a:link, #top-navigation-bottom a:visited {
		display: block;
		margin-right: 25px;
		color: #333;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		height: 23px;
		padding-top: 4px;
		border-top: 2px solid #f2f2f2;
		float: left;
		clear: left;
	}
	#top-navigation ul li:last-child a, #top-navigation-bottom ul li:last-child a {
		margin-right: 0;
	}
	#top-navigation a:hover {
		border-top: 2px solid #D20000;
	}
	#top-navigation-bottom a:hover {
		border-bottom: 2px solid #D20000;
		border-top: 2px solid #f2f2f2 !important;
	}

#bar {
	background: #322E2C;
	height: 5px;
}
#infobar {
	float: right;
	background: #322E2C;
	width: 300px;
	height: 26px;
	overflow: hidden;
	padding: 10px;
}
	#infobar #searchform #s {
		width: 227px;
		padding: 2px;
		border: 1px solid #ccc;
	}
	#infobar #searchform #searchsubmit, #commentform #sbutt {
		background: url(images/submit.jpg) repeat-x;
		border: 2px solid #ccc;
	}
	#infobar a {
		text-decoration: none;
	}
	#infobar a:hover {
		text-decoration: underline;
	}

.rss li {
	background: url(images/rss.png) no-repeat;
	background-position: 0 6px;
	padding: 0 0 0 23px;
}

/**** Sidebar ****/
#sidebar {
}
	#sidebar ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#sidebar ul li, .module, .single {
		background: #322e2c;
		margin-bottom: 10px;
		font-size: 11px;
	}
	#sidebar ul * ul {
		margin-left: 20px;
	}
	#sidebar ul * li, #bottom-content ul * li {
		list-style: circle;
		background: none;
		padding: 4px 3px;
		margin: 0;
		width: auto;
		color: #999;
	}
	#sidebar h2, .module h2, #bottom-content h2 {
		background: none;
		color: #fff;
		font-size: 10px;
		text-transform: uppercase;
		padding: 8px 15px 4px;
	}
	#sidebar ul * li a:link, #sidebar ul * li a:visited, #multi-sidebar a:link, #multi-sidebar a:visited {
		color: #ccc;
		text-decoration: none;
		font-weight: bold;
	}
	#sidebar ul * li a:hover {
		border-bottom: 1px dotted #635957;
		color: #fff;
	}
	#sidebar ul.children li {
		padding: 4px 8px;
	}
	#sidebar .widget-content {
		padding: 0 10px 10px;
		margin: 0 auto;
	}

#multi-sidebar {
	background: none !important;
	margin-bottom: 10px;
}
	#multi-sidebar div ul li {
		list-style: none !important;
		margin: 0;
	}
	#multi-sidebar div ul {
		margin: 0;
		padding: 0 15px;
	}
	#multi-sidebar .ui-tabs-nav {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#multi-sidebar .ui-tabs-nav li {
		float: left;
		list-style: none;
		margin: 1px 0 0;
		padding: 8px 11px;
		border: none;
		min-width: 45px;
		text-align: center;
		font-size: 12px;
	}
	#multi-sidebar ul.ui-tabs-nav li a {
		color: #fff;
	}
	#multi-sidebar ul.ui-tabs-nav li a:hover,
	#multi-sidebar a:hover {
		border-bottom: 1px dotted #fff;
		color: #fff;
	}
	#multi-sidebar ul .ui-tabs-selected {
		background: #322E2C;
	}
	#multi-sidebar .ui-tabs-panel {
		background: #322E2C;
		padding: 10px 5px;
	}
	#multi-sidebar .ui-tabs-panel li {
		padding-bottom: 5px;
	}
	#multi-sidebar .ui-tabs-hide, .hide {
		display: none;
	}

/**** Widget-Specific Classes ****/
#s-tags a {
	text-decoration: none;
	font-weight: normal !important;
}
#s-tags a:hover {
	text-decoration: none;
}
#wp-calendar {
	width: 100%;
	margin: 0;
}
	#wp-calendar th, #wp-calendar td {
		text-align: center;
	}
.square-btn {
	float: left;
	margin: 0 10px 10px 0;
	border: 3px solid #322e2c;
}
.recentcomments a {
	font-size: 11px;	
}
.textwidget, .ngg-widget {
	padding: 10px !important;
}

/**** Featured Articles ****/
.featured {
	background: #322e2c;
	padding: 10px;
	margin-bottom: 10px;
}

#controls {
	position: absolute;
	float: left;
	z-index: 1000;
	width: 630px;
	padding-top: 75px;
}
	#controls #next, #controls #prev {
		text-indent: -9000px;
		width: 30px;
		height: 30px;
		display: block;
	}
	#controls #prev {
		background: url(images/prev.png) no-repeat;
		float: left;
	}
	#controls #next {
		background: url(images/next.png) no-repeat;
		float: right;
	}

#featured-slideshow {
	position: relative;
	width: 630px;
	height: 250px;
}

.featured-article {
	display: block;
	width: 630px;
	height: 250px;
	text-decoration: none !important;
}
.featured-article-content, .featured-mini-content {
	position: relative;
	top: 165px;
	overflow: hidden;
	background: url(images/overlay.png);
	height: 85px;
	color: #a7a7a7;
	padding: 0;
	display: block;
}
	.featured-article-content .title {
		color: #fff;
		padding: 10px 15px 5px;
		display: block;
	}
	.featured-article-content span {
		padding: 0 15px;
		margin: 0;
		display: block;
	}
.featured-mini {
	width: 200px;
	height: 100px;
	display: block;
	text-decoration: none !important;
}
.featured-mini-content {
	top: 55px;
	height: 45px;
	display: block;
}
	.featured-mini-content .title {
		color: #fff;
		font-size: 14px;
		padding: 5px 10px;
		display: block;
	}

/**** Latest Reviews / Latest Previews ****/
#bottom-content {
	margin: 10px 0;
	font-size: 11px;
}
	#bottom-content ul {
		list-style: none;
		padding: 0;
		margin-bottom: 10px;
	}
	#bottom-content li {
		float: left;
		width: 320px;
		margin: 0 10px 10px 0;
		background: #322E2C;
		color: #635957;
		overflow: hidden;
	}
	#bottom-content * ul {
		margin: 10px 0 10px 28px;
	}
	#bottom-content ul * li {
		padding: 0 15px 5px 2px;
		float: none;
		list-style: circle;
		overflow: visible;
		height: auto;
	}
	#bottom-content a:link, #bottom-content a:visited {
		color: #ccc;
		text-decoration: none;
	}
	#bottom-content a:hover {
		border-bottom: 1px dotted #635957;
		color: #fff;
	}
	#bottom-content .see-all-link {
		background: none;
		padding: 8px 15px 0 0;
	}
		#bottom-content .see-all-link:hover {
			border: 0;
			color: #fff;
		}	
.platform-sub {
	float: right;
	color: #999;
	font-size: 11px;
}
	
/**** Headlines ****/
#post p {
	line-height: 1.75em;
}

.posts {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 11px;
}
	.posts li {
		background: #322E2C;
		float: left;
		width: 190px;
		height: 220px;
		margin: 0 10px 10px 0;
		padding: 10px;
		overflow: hidden;
	}
	.posts li:hover {
		background: #373331;
	}
	.posts h2 {
		display: block;
		margin: 5px auto;
		font-size: 12px;
		padding: 0;
	}
	.posts h2 a {
		color: #fff;
	}
	.posts h2 a:hover {
		text-decoration: none;
		border-bottom: 1px dotted #fff;
	}
.percat {
	width: 220px;
	float: left;
	overflow: hidden;
}
.percat .category {
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	margin: 0 10px -5px 0;
	padding: 5px 10px;
	background: url(images/arrow.gif) no-repeat;
	background-position: 200px center;
}

/**** Single Post ****/
.single {
	background: #322e2c;
}
	.single p {
		line-height: 1.8em;
		font-size: 12px;
		color: #999;
	}
	.single h2 {
		margin: 10px 10px 0;
	}

.scoreboard {
	float: right;
	border: 1px solid #e5e5e5;
	margin: 0 0 10px 10px;
	background-color: #373331;
	border: 1px solid #292624;
	padding: 5px 15px;
	color: #333 !important;
}
	.scoreboard p {
		font-size: 11px;
		padding: 0;
		margin: 10px 0;
		line-height: 100%;
	}
	.scoreboard p.title {
		font-weight: bold;
		margin-bottom: 0;
	}
	.scoreboard p.score {
		font-size: 36px;
		text-align: center;
		font-weight: bold;
		margin-top: 8px;
		color: #f0f0f0;
	}
	.scoreboard .details {
		border-left: 1px solid #292624;
		padding-left: 10px;
		float: right;
		margin-left: 10px;
		max-width: 200px;
	}
	.details strong {
		color: #fff;
	}

.social-links {
	float: right;
}
	.social-links .sociable {
		margin: 0 !important;
		padding: 0 !important;
	}
	.social-links a {
		opacity: 0.5;
		padding-right: 3px;
	}
	.social-links a:hover {
		opacity: 1;
	}

.postmeta, .commentmeta {
	color: #999;
	padding-bottom: 5px;
	border-bottom: 1px dotted #635957;
	margin: 0 10px 5px;
}
.break {
	border-bottom: 1px dotted #635957;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.author {
	font-weight: bold;
	color: #999;
	padding-right: 10px;
}

/**** Comments ****/
.commenttext-admin {
	padding: 0 20px;
}
.commenttext {
	padding: 0 20px;
}
.standard {
	background: #373331;
}
.nocomments {
	padding: 10px 15px;
}
.singlecomment {
	padding: 5px 10px;
}

.about-author {
	border: 1px solid #272423;
	padding: 10px 15px;
	margin: 0 15px 10px;
	line-height: 1.5em;
	background: #373331;
}
	.about-author h2 {
		font-size: 10px;
		margin: 0 0 10px;
		text-transform: uppercase;
		color: #fff;
	}
	.about-author img, .commenttext img, .commenttext-admin img {
		float: left;
		margin: 0 10px 10px 0;
		border: 2px solid #ccc;
	}

#commentsform {
	padding: 10px 15px;
	overflow: hidden;
}
	#commentsform textarea {
		width: 97%;
		height: 100px;
		padding: 5px;
	}
	
#commentlist {
	list-style: none;
	background: #322e2c;
	margin: 0 0 10px;
	padding: 10px 5px;
}
	#commentlist li {
	
	}
	
label.error {
	display: block;
	font-weight: bold;
	color: #cc0000;
}

/**** Footer ****/
#footer {
	font-size: 11px;
	color: #ccc;
	overflow: hidden;
}
	#footer ul {
		list-style: none;
		margin: 0;
		padding: 0 10px;
	}
	#footer li {
		float: left;
		padding-right: 25px;
		min-width: 100px;
		max-width: 300px;
	}
	#footer li ul {
		margin: 5px 0 0 13px;
		padding: 0;
	}
	#footer li ul li {
		float: none;
		padding: 1px 0;
		list-style: square;
	}
	#footer li h2 {
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
		font-size: 10px;
	}
	#footer a:link, #footer a:visited {
		color: #ccc;
		text-decoration: none;
	}
	#footer a:hover {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	#footer .footer-message {
		float: right;
		padding-left: 15px;
		border-left: 1px solid #2d2928;
		height: 130px;
	}