/*
Theme Name: moacube
Theme URI: http://ixolite.info
Description: Awesome MoaCube site theme
Version: 0.1
Author: Łukasz Andrzejowski
Author URI: http://ixolite.info
Tags: moacube
*/

/*
	Colours:
	
	Logo red: #d51c0e;
	Logo brown: #5a4a42;
	Logo tan: #c2b59b;
	Game tan: #d7be85;
	Game navy black: #161924;
	Site background: #493b32;
	Content Background: #2c231e;
	Blockquote background: #ada08a;
	Blockquote border: #a39581;
	Content-area border: #8e8168;
	Comment-textarea: #8e806f;
*/


/* RESET
---------------------------------------------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET
---------------------------------------------------------------------------- */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* TYPOGRAPHY
---------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:bold }

/* Wordpress generated styles
---------------------------------------------------------------------------- */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }


/* Utility classes
---------------------------------------------------------------------------- */
.about {
	padding-right: 15px;
	padding-bottom: 15px;
	}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clearboth {
	clear: both;
}

.hidden {
	display: none !important;
}

/* Layout
---------------------------------------------------------------------------- */

html { 
	height: 100.1%; 
	margin-bottom: 1px;
	min-height: 100.1%;
	}
	
body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0 0 0 0;
	/*background: #493b32 url(images/backdrop.jpg); */
	background: #000;
	background-attachment: fixed;
	font-family: Trebuchet, Tahoma, Arial, sans-serif;
}

div#wrapper  { 
	overflow: hidden; 
	width: 960px;
	margin: 0 auto;
	padding-top: 30px;
	padding-right: 20px;
	/* background-color: black; */
	/* background-image: url(images/content-shade70.png); */
}

div#header-space {
	width: 790px;
	height: 200px;
}

div#content-area {
	width: 790px;
	float: right;
	background: #000 url(images/forest_bd.jpg) no-repeat;
	background-position: center top;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border: solid  #8e8168 1px;
	padding-bottom: 20px;
}

		div#posts {
			width: 540px;
			float: left;
			margin: 0 35px;
		}

		div#sidebar{
			width: 160px;
			float: right;
			margin: 0;
			margin-top: -20px;
			margin-right: 20px;
		}

div.temp {
 width: 500px;
 height: 300px;
 }

div#archives-left, div#archives-right{
	width: 245px;
	float: left;
}

div#archives-right{
	float: right;
}
 
 
/* Common posts formatting
---------------------------------------------------------------------------- */

div#page-title {
	text-align: center;
	background-color: #5a4a42;
	border: 1px solid black;
	border-bottom: none;
	height: 30px;
}

div#posts div#page-title h1 {
	margin-top: -8px;
	font-size: 22px;
	font-smooth: auto;
/*	text-shadow:  0.09em 0.09em 0.1em #000;  */
	color: #c2b59b;
}

div#posts blockquote {
	margin: 20px auto;
	padding: 20px;	
	padding-left: 45px;
	width: 420px;
	background: #ada08a url(images/quotes.png) no-repeat;
	background-position: 5px 5px;
	border: 1px solid #a39581;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	}
	
	div#posts blockquote p {
		margin-top: 15px;
		font-style: italic;
		}
	
	div#posts blockquote p:first-child {
		margin-top: 0;
		}
		
div#posts code {
	font-family: Consolas, "Lucida Console", Monaco, monospace;
	font-size: 12px;
	display: block;
	margin: 20px auto;
	padding: 10px;	
	width: 460px;
	background-color: #ada08a;
	border: 1px solid #a39581;
	white-space: pre;
	overflow: auto;
}

div#posts div.post ul, div#posts div.post ol, div#posts div.post-games ul, div#posts div.post-games ol, div#posts div.page ul, div#posts div.page ol {
	padding-top: 5px;
	padding-left: 25px;
	line-height: 1.4;
	text-indent: 0px;
}

div#posts div.post ul li, div#posts div.post-games ul li, div#posts div.page ul li{
	margin: 5px 15px;
	list-style:	disc;
}

div#posts div.post ol li, div#posts div.post-games ol li, div#posts div.page ol li {
	margin: 5px 15px;
	list-style:	decimal;
}

div#posts h1, div#posts h2, div#posts h3, div#posts h4, div#posts h5, div#posts h6 {
	padding: 10px 0;
	}

div#posts h1 { font-size: 20px; }
div#posts h2 { font-size: 18px; }	
div#posts h3 { font-size: 17px; }
div#posts h4 { font-size: 16px; }
div#posts h5 { font-size: 15px; }
div#posts h6 { font-size: 14px; }


.border {
	border: 1px solid #5a4a42;
	}

hr {
	color: #5a4a42;
	background-color: #5a4a42;
	height: 1px;
	border: none;
}
	
/* Posts styling
---------------------------------------------------------------------------- */

div.post, div.page, div.post-games, div.page-archives {
	padding: 15px;
	background-color: #c2b59b;
	color: #5a4a42;
	font-size: 15px;
	line-height: 22.5px; /* Line height for all posts and pages */
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

div.page, div.page-archives {
	border: 1px solid black;
	margin-bottom: 30px;	
	}
	
div.page-archives {
	float: left;
	width: 508px;
	}	

div.post a, div.page a, div.post-games a, div.page-archives a {
	color: #d51c0e;
	text-decoration: none;
	}
	
div.post a:hover, div.page a:hover, div.post-games a:hover, div.page-archives a:hover {
	color: white;
	}


div.post-games {
	padding-top: 10px;
	}

	div.post-head {
			font-size: 12px; 
		}


div.post h2, div.post-games h2 {
	clear: both;
	}
	
		#posts h2 a, #posts h2.single-title {
			font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
			font-size: 20px;
			display: block;
			text-decoration: none;
			color: #d51c0e;
			margin-top: -5px;
			margin-bottom: 10px;
			cursor: pointer;
		}
			
		#posts h2.single-title {
			cursor: default;
		}
				
				#posts h2 a:hover {
					color: #5a4a42;
				}
				
div.post-footer{
	height: 15px;
	background-color: #5a4a42;
	margin-bottom: 40px;
	padding: 5px 15px;
	font-size: 12px;
	color: #c2b59b;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	clear: both;
	}


		span.post-comments-bottom, span.post-data {
			float: right;
		}
		
		span.post-comments-bottom a, span.post-edit a {
			width: 110%;
			text-align: center;
			display: block;
			color: inherit;
			cursor: pointer;
			text-decoration: none;
		}
				span.post-edit a{
					display: inline;
				}

		span.post-data a {
			text-align: center;
			color: inherit;
			cursor: pointer;
			text-decoration: none;
}
		
		span.post-comments-bottom a:hover, span.post-edit a:hover, span.post-data a:hover, div.comments-pagination-wrap a:hover{
			color: #5a4a42;
			background-color: #c2b59b;
		}

/* Comments
---------------------------------------------------------------------------- */
div.comments-head {
	background-image: url(images/comments-shade75.png);
	border: 1px solid black;
	border-bottom: none;
	padding-left: 15px;
	color: #5a4a42;	
}
	
div.comments-wrap {
	background-image: url(images/comments-shade50.png);
	color: #5a4a42;
	font-size: 14px;
	line-height: 21px; /* Comments body line height (excludes the 'meta' comment header) */
	border: 1px solid black;
/*	border-top: none; */
}

div.comments-wrap a {
	color: #d51c0e;
	text-decoration: none;
}
		div.comments-wrap a:hover{
			color:  #5a4a42;	
		}
		
div.comments-wrap ol {
	text-indent: 0px;
}

div.comments-wrap ol li{
	background-image: url(images/comments-shade50.png);
	padding: 20px 15px;
	margin: 1px 0;
}

div.comments-wrap ol li:first-child{
	margin-top: 0;
}

div.comment-avatar {
	float: left;
	padding-top: 2px;
	padding-right: 15px;
	margin-bottom: -5px;
}

div.comment-avatar img {
	border: none;
}

div.comments-wrap ol li.comment-author-teegee {
	background-image: url(images/comments-shade75.png);
	}
	
	
p.comment-meta {
	font-size: 10px;
	text-transform: uppercase;
	padding-bottom: 15px;
	line-height: 1;
}

.comment-body p {
	margin: 16px 0;
	}
	
.comment-body p:first-child, .comment-body p:nth-child(2), .comment-body p:last-child{
	margin: 0 0;
	}
	
/* Post Comments Form */

div.comments-wrap div#respond {
	float: left;
	width: 100%;
	background-color: #5a4a42;
	color: #c2b59b;
	line-height: 1;
	}

	div.comments-wrap div#respond a{
		color: #c2b59b;
	}
	
	div.comments-wrap div#respond a:hover{
		color: #5a4a42;
		background-color: #c2b59b;
	}

#reply-title {
	margin-left: 15px;	
	}
#commentform {
	padding: 15px;
	float: left;
	width: 510px;
	}
	
#commentform p{
	margin: 8px 0;
	height: 20px;
	}

#commentform p.comment-notes, #commentform p.logged-in-as{
	padding-bottom: 20px;
}

#commentform p.comment-form-comment {
	height: 210px;
}

#commentform label {
	float: left;
	clear: both;
	}
	
#commentform input, textarea {
	float: right;
	border: none;
	height: 18px;
	background: none;
	background-color: #8e806f;
	color: #5a4a42;
	}
	
#commentform textarea {
	width: 510px;
	height: 200px;
	overflow: auto;
	resize: none;
	background-image: url(images/your_comment.png);
	background-repeat: no-repeat;
	background-position: 170px 90px;
	line-height: 1.3;
	}

#commentform textarea:focus, #commentform textarea:active {
	background-image: none;
}

	
#commentform p.form-submit {
	clear: both;
	float: right;
	margin: 0;
	margin-bottom: 15px;
	}
	
#commentform span.required {
	color: #d51c0e;
	font-weight: bold;
	font-size: 16px;
	margin: 0 5px;
	}
	
	
#commentform span.required-heart{
	font-weight: bold;
	font-size: 0;
	padding: 10px 6px 0px 6px;
	margin: 0 5px;
	background-image: url(images/heart.png);
	background-repeat: no-repeat;
	white-space: pre;
	}

#commentform div.required{
	width: 12px;
	height: 10px;
}
	
#commentform input#submit {
	width: 75px;
	height: 30px;
	background-color: #c2b59b;
	color: #5a4a42;
	border: none;
	font-size: 15px;
	}

#commentform input#submit:hover {
	background-color: #5a4a42;
	color: #c2b59b;
	border: 1px solid #c2b59b;
}

/*
div.comments-pagination-wrap {
	height: 15px;
	background-color: #5a4a42;
/*  margin-bottom: 40px; 
	padding: 5px 15px;
	font-size: 12px;
	color: #c2b59b;
	clear: both;
}

span.comments-pagination-newer {
	float: right;
}

span.comments-pagination-older {
	float: left;
}

span.comments-pagination-older a, span.comments-pagination-newer a{
			width: 110%;
			text-align: center;
			display: block;
			color: #c2b59b;
			cursor: pointer;
			text-decoration: none;
}
*/




		
/* Sidebar
---------------------------------------------------------------------------- */

ul.primary-sidebar > li {
	margin: 3px 0;
	background-image: url(images/comments-shade-d50.png); /* tło menu w sidebarze */
	float: left;
	margin: 20px 0;
	}
	
ul.primary-sidebar > li:first-child {
	margin-top: 0;
	}
	
ul.primary-sidebar > li#sidebar-search {
	margin-bottom: -20px;
	background-image: none;
	}		

ul.primary-sidebar h4 {
	clear: both;
	color: #c2b59b;
	text-decoration: none;
	text-shadow: 1px 1px 0 black;
	text-align: center;
	margin-bottom: 10px;
	background-image: url(images/comments-shade25.png);
	}

ul.primary-sidebar a {
	display: block;
	width: 155px;
	color: #c2b59b;
	text-decoration: none;
	text-shadow: 1px 1px 0 black;
	padding-left: 5px;
	}

ul.primary-sidebar a:hover {
	background-image: url(images/comments-shade25.png);
	text-shadow: none;
	}
	
ul.primary-sidebar a.archives {
	background-repeat: no-repeat;
	background-image: url(images/calendar.png);
	background-position: 138px 2px;
	}
	
ul.primary-sidebar a.archives:hover {
	background-color: #c2b59b;
	color: #5a4a42;
	}	

li#blog-tags {
	clear: both;
	float: left;
	display: block;
	}

.catch-menu-header ul, .games-menu-header ul {
	float: left;
	}

.catch-menu-header ul {
	width: 152px;
	margin-left: 8px;
	}	
	
.catch-menu-header ul li{
	display: inline;
	}
	
.catch-menu-header ul li a{
	width: 24px;
	height: 26px;
	padding: 3px;
	margin: 0;
	float: left;
	text-indent: -99999px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}
	
.catch-menu-header ul li a:hover{
	background-color: transparent;
	margin-top: -2px;
	}

	
	

.games-menu-header ul li {
	margin: 0 0 8px 0;
	float: left;
	}
	
.sub-menu, .sub-menu li {
	margin: 0 !important;
	padding: 0 !important;
}
	
.games-menu-header ul li a {
	display: block;
	clear: both;
	text-indent: -9999px;
	}

.games-menu-header ul li a:hover {
	display: block;
	clear: both;
	text-indent: -9999px;
	background-color: transparent;
	color: white;
	}	
	
.games-menu-header ul li ul li:hover {
	background-image: url(images/comments-shade25.png);
}

.games-menu-header ul li.nav-coming-soon-static a{
	background-image: none;
	height: 20px;
	text-indent: 0px;
	text-align: center;
	background-image: none;
}
.games-menu-header ul li.nav-coming-soon-static a:hover { color: #c2b59b; }
.games-menu-header ul li.nav-coming-soon-static:hover{	background-image: none;	}

.games-menu-header ul li.nav-coming-soon a {
	height: 20px;
	text-indent: 0px;
	text-align: center;
	background-image: none;
/*	background-image: url(images/coming-soon.png); */
	}
.coming-14 {	font-size: 14px;}
.coming-12 {	font-size: 12px;}


/********************************************************/
/* Righthand sidebar menu game specific buttons classes */
/********************************************************/

/* Common attributes, add corresponding class here when creating new button */
li.nav-cinders a, li.nav-arcmagi a, li.nav-magi a, li.nav-coop a, li.nav-bonfire a, li.nav-solstice a {
	width: 160px;
	height: 60px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin: 0 0;
	padding: 0 0;
	}

li.nav-cinders a:hover, li.nav-arcmagi a:hover, li.nav-magi a:hover, li.nav-coop a:hover, li.nav-bonfire a:hover, li.nav-solstice a:hover { 
	background-position: 0px -2px; 
}
/* END OF Common attributes */


/* Bottom padding for game button + platforms/custom text container */
/* Add corresponding class here when creating a new button - the bottom padding value will set the empty space that comes after game buttons */
/* li.nav-magi ul, li.nav-cinders ul, li.nav-bonfire ul, li.nav-solstice ul { padding-bottom: 10px; } */
/* li.nav-coop ul, li.nav-arcmagi ul { padding-bottom: 10px; } */
/* END OF Bottom padding */

/* Game button image - add a corresponding class here when creating a new button */
li.nav-cinders a, li.nav-cinders a:hover { background-image: url(images/cinders-button.png); }
li.nav-arcmagi a, li.nav-arcmagi a:hover { background-image: url(images/arcmagi-button.png); }
li.nav-magi a, li.nav-magi a:hover { background-image: url(images/magi-button.png); }
li.nav-coop a, li.nav-coop a:hover { background-image: url(images/coop-button.png); }
li.nav-bonfire a, li.nav-bonfire a:hover { background-image: url(images/bonfire-button.png); }
li.nav-solstice a, li.nav-solstice a:hover { background-image: url(images/solstice-button.png); }
/* END OF Game button image */

/************** END OF game specific buttons classes ************/



.games-menu-header ul li.nav-win a, .games-menu-header ul li.nav-win a:hover, .games-menu-header ul li.nav-mac a, .games-menu-header ul li.nav-mac a:hover {
	display: block;
	width: 80px;
	height: 20px;
	text-indent: 35px;
	background-image: url(images/nav-win.png);
	background-position: 10px 0;
	}

.games-menu-header ul li.nav-mac a, .games-menu-header ul li.nav-mac a:hover{
	background-image: url(images/nav-mac.png);
	background-position: 55px 0;
	text-indent: 25px;
	}
.nav-disabled { display: none; }
	
li.nav-twitter a, li.nav-twitter a:hover {
	background-image: url(images/twitter24.png);
}

li.nav-facebook a, li.nav-facebook a:hover {
	background-image: url(images/facebook24.png);
}

li.nav-email a, li.nav-email a:hover {
	background-image: url(images/mail24.png);
}

li.nav-youtube a, li.nav-youtube a:hover {
	background-image: url(images/youtube24.png);
}

li.nav-rss a, li.nav-rss a:hover {
	background-image: url(images/rss24.png);
}

div#archives-search .search-input {
	border: 1px solid #5a4a42;
	width: 200px;
	margin-left: 154px;
}
	
.search-input {
	background-image: url(images/comments-shade50.png);
	background-color: transparent;
	height: 20px;
	width: 160px;
/*	border: 1px solid black; */
	border: none;
	color: #c2b59b;
/*	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; */
	text-align: center;
	}

.search-input:focus {
	outline: 1px solid #c2b59b;
	
	}

.search-input::-o-placeholder{
	text-align: left;
	color: #c2b59b;
	}
	
.search-input::-moz-placeholder {
	text-align: left;
	color: #c2b59b;
	}
	
.search-input::-webkit-input-placeholder{
	text-align: left;
	color: #c2b59b;
	}

.search-input::input-placeholder{
	text-align: left;
	color: #c2b59b;
	}

	
	
/* Navigation
---------------------------------------------------------------------------- */

div#nav-main {
	position: fixed; 
	margin: 0 auto; 
	float: left; 
	width: 160px; 
	background: none;
	text-align: center;
	clear: both;
}
	#nav-main > ul {
		z-index: 10;
	}
		a#moa-logo {
			background: url(images/moacube_logo.png) no-repeat;
			display: block;
			width: 117px;
			height: 202px;
			margin-left: 21px;
			overflow: hidden;
			text-indent: -9999px;
			position: relative;
			top: -9px;
		}

div.menu-header {
	width: 107px;
	margin: 10px auto;
}

div.menu-header a{
	margin: 10px auto;
	display: block;
	width: 107px;
	height: 20px;
	text-decoration: none;
	color: #c2b59b;
	text-indent: -9999px;
	background-image: url(images/menu.png);
	overflow: hidden;
}

div.menu-header a:hover{
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	background-color: #c2b59b;
}

		li.nav-games a { background-position: 0 0;	}
		li.nav-games a:hover { background-position: 0 -80px; }	
		li.nav-blog a { background-position: 0 -20px; }		
		li.nav-blog a:hover { background-position: 0 -100px; }		
		li.nav-forum a { background-position: 0 -40px;	}		
		li.nav-forum a:hover {	background-position: 0 -120px; }	
		li.nav-about a { background-position: 0 -60px;	}	
		li.nav-about a:hover {	background-position: 0 -140px; }
		li.nav-resources a  { background-position: 0 -160px; }
		li.nav-resources a:hover {	background-position: 0 -180px; }
		li.nav-press a  { background-position: 0 -200px; }
		li.nav-press a:hover {	background-position: 0 -220px; }
		
		li.nav-special a {
			margin-top: 25px;
			background-image: url(images/special.png);
			width: 107px;
			height: 107px;
		}
		li.nav-special a:hover { 
			background-position: 0 107px;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			background-color: transparent;
		}


.main-menu-bg {
    background: url(images/menu-bg.png) no-repeat scroll 0 0 transparent;
	width: 278px;
    height: 530px;
    position: absolute;
	left: -105px;
    top: -25px;
    z-index: -10;
}		
		
span.pages-older, span.pages-newer {
	float: left;
	font-size: 12px;
	margin-top: -20px;
	background-image: url(images/content-shade.png);
}
span.pages-older a, span.pages-newer a{
	display: block;
	padding: 5px;
	color: #c2b59b;
	text-decoration: none;
}

span.pages-older a:hover, span.pages-newer a:hover{
	color: #d51c0e;
	background-color: #c2b59b;
}

span.pages-newer {
	float: right;
}


/* Footer
---------------------------------------------------------------------------- */

div#footer {
	clear: both;
	text-align: right;
	width: 960px;
	padding-top: 30px;
	padding-bottom: 15px;
	color: #c2b59b;
	font-size: 12px;
}

#footer a {
	font-size: 12px;
	color: #c2b59b;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #5a4a42;
	background-color: #c2b59b;
	}