/*  
Theme Name: CrescentMoonTheme
Theme URI: http://crescentmoongames.com
Description: Crescent Moon Games theme by Gian Paolo Vernocchi.
Version: 1.0.0
Author: Gian Paolo Vernocchi
Author URI: http://destinybit.com
*/

/* ============== CUSTOM RESET INTO 50/50 MIXUP ============================================ */
* {
	padding:0;
	margin:0;
}
body,html {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
}
ul,ol {
	list-style:none;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,p {
    font-family: 'open_sansregular';
	font-weight:normal;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5 {		
}
img {
	border:none;	
}
.clear {
	clear:both;
}
h1 {
	font-size:48px;
}
h2 {
	font-size:32px;
}
p {
	font-size:14px;
}
.clear {
    clear:both;
    height:0px;
}

/* ============== FONT-FACE ============================================ */
@font-face {
    font-family: 'open_sansbold';
    src: url('inc/opensans-bold-webfont.eot');
    src: url('inc/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/opensans-bold-webfont.woff') format('woff'),
         url('inc/opensans-bold-webfont.ttf') format('truetype'),
         url('inc/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('inc/opensans-extrabold-webfont.eot');
    src: url('inc/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/opensans-extrabold-webfont.woff') format('woff'),
         url('inc/opensans-extrabold-webfont.ttf') format('truetype'),
         url('inc/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('inc/opensans-light-webfont.eot');
    src: url('inc/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/opensans-light-webfont.woff') format('woff'),
         url('inc/opensans-light-webfont.ttf') format('truetype'),
         url('inc/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('inc/opensans-regular-webfont.eot');
    src: url('inc/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/opensans-regular-webfont.woff') format('woff'),
         url('inc/opensans-regular-webfont.ttf') format('truetype'),
         url('inc/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('inc/opensans-semibold-webfont.eot');
    src: url('inc/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/opensans-semibold-webfont.woff') format('woff'),
         url('inc/opensans-semibold-webfont.ttf') format('truetype'),
         url('inc/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ============== HTML ============================================ */
body {
    background:#000;
	text-align:center;
	color:#444;
    font-family:'open_sansregular', sans-serif;
    font-weight:normal;
}

/* ============== PAGE STRUCTURE ============================================ */
#container {
	width:100%;
	margin:0 auto;
}
#header {
	width:100%;
	height:100%;
	margin:0 auto;	
}
#content {
	width:100%;
	margin:0 auto;
	clear:both;
}
#footer {
	width:100%;
	margin:0 auto;
	background:#222;
}

/* ============== HEADER ============================================ */
#header-home {
	width:100%;
	height:505px;
    overflow:hidden;
}
#header-container {
    width:100%;
    margin:0 auto;
}
#header-top {
    width:960px;
    height:75px;
    margin:0 auto;
}
#logo {
    width:191px;
    height:56px;
    float:left;
    margin:10px 0 0 10px;
}
#menu {
    float:right;
    height:75px;
    margin:0 10px 0 0;
    line-height:75px;
    font-family: 'open_sanssemibold', sans-serif;
    letter-spacing:-1px;
}
#menu li {
    float:left;
    margin:0 20px 0 0;
    font-size:14px;
}
#menu li:last-child {
    margin:0;   
}
#menu a {
    text-transform:uppercase;
    color:rgba(255,255,255,0.6);
    text-shadow:0px 0px 6px rgba(0,0,0,0.55);
}
#menu a:hover {
    color:rgba(255,255,255,1);
    transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}

/* ============== SLIDESHOW ============================================ */
#slideshow-background {
    width:100%;
    margin:0 auto;
	height:505px;
    position:absolute;
	top:0;
	left:0;
	z-index:-100;
    background-size: cover !important;
    background:#000;
}
#slideshow-shadow {
    width:960px;
    margin-left:-480px;
	height:330px;
	z-index:-90;
    position:absolute;
    top:75px;
    left:50%;
    box-shadow:0 0 21px rgba(0,0,0,0.35);
}
#slideshow-wrapper {
    width:960px;
    height:430px;
    margin:0 auto;
    clear:both;
    position:relative;
}
#slideshow-container {
    width:960px;
    height:430px;
    margin:0 auto;
    clear:both;
}
#slideshow-container h1 {
    text-shadow:2px 2px 1px rgba(0,0,0,0.45);
    font-size:32px;
    margin:0 0 -4px 0;
    color:#FFF;
}
#slideshow-container h1>a {
    color:#FFF; 
}
#slideshow-container h1>a:hover {
    text-decoration:underline;   
}
#slideshow-container p {
    color:#FFF;
    text-shadow:1px 1px 1px rgba(0,0,0,0.45);
    font-size:14px;
    line-height:120%;
}
#slideshow-container p>span {
    font-family:'open_sansbold', sans-serif;   
}
#slideshow-container p>a {
    color:#FFF;   
}
#slideshow-container p>a:hover {
    text-decoration:underline;
}
#slideshow-forward {
    background:url(img/forward.png) top center no-repeat;
    width:50px;
    height:50px;
    position:absolute;
    top:140px;
    right:20px;
    z-index:100;
    display:block;
}
#slideshow-forward:hover {
    background:url(img/forward.png) bottom center no-repeat;
}
#slideshow-back {
    background:url(img/back.png) top center no-repeat;
    width:50px;
    height:50px;
    position:absolute;
    top:140px;
    left:20px;
    z-index:100;
    display:block;
}
#slideshow-back:hover {
    background:url(img/back.png) bottom center no-repeat;
}
.slideshow-banner-image img {
    width:960px;
    height:330px;
}
.slideshow-background-banner-image img {
    width:100%;
    height:505px;
}
.slideshow-game-description {
    text-align:left;
    margin:10px 0 0 10px;
    width:560px;
    height:90px;
    float:left;
}
.slideshow-game-links {
    float:right;
    margin:20px 10px 0 0;
}
.slideshow-game-links li {
    float:left;
    margin:0 20px 0 0;
    width:173px;
    height:60px;
}
.slideshow-game-links li:last-child {
    margin:0;   
}
/* ============== CONTENT ============================================ */
#content {
    width:100%;
    background:#FFF;
    text-align:center;
    padding:10px 0 10px 0;
}
#content-main {
    width:940px;
    margin:0 auto;
    text-align:left;
}

/* ============== GAMES BLOCKS ============================================ */
#games-blocks {
    margin:0 0 20px 0;
    clear:both;
}
#games-blocks:first-child {
    padding:0 0 20px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);   
}
#games-blocks a {
    font-family:'open_sansbold',sans-serif;
    color:#3991A5;    
}
#games-blocks a:hover {
    text-decoration:underline;   
}
#games-blocks li {
    width:300px;
    float:left;
    margin:0 20px 0 0;
}
#games-blocks li:last-child {
    margin:0;   
}
#games-blocks h2 {
    font-family:'open_sansbold', sans-serif; 
    font-size:20px;
    letter-spacing:-1px;
}
#games-blocks h2>span {
    font-family:'open_sanslight', sans-serif;   
}
.game-minibanner {
    width:300px;
    height:103px;
}
.game-minibanner img {
    width:300px;
    height:103px;
}
.game-list li {
    font-family:'open_sansbold', sans-serif;
    font-size:14px;
    padding:8px 0 8px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
    line-height:16px;
}
.game-list li:last-child {
    border-bottom:none;   
}
.game-list img {
    width:16px;
    height:16px;
    float:left;
    margin:0 8px 0 0;
}
.game-list-genre {
    color:#AAA;
    font-family:'open_sansregular', sans-serif;
    float:right;
}

/* ============== GAMES BLOCKS ============================================ */
#game-list {
    margin:20px 0 20px 0;
}
#game-list li {
    width:60px;
    height:60px;
    margin:0 10px 20px 10px;
    float:left;
}
#game-list img {
    width:60px;
    height:60px;
}
.full-title {
    font-size:32px;   
}

/* ============== SIDEBAR ============================================ */
#sidebar {
    float:right;
    width:300px;
}
#sidebar a {
    color:#3991A5;    
}
#sidebar a:hover {
    text-decoration:underline;   
}
#sidebar h1,#sidebar h2 {
    font-size:20px;
    letter-spacing:-1px;
}
#sidebar p {
    font-size:14px;
    line-height:140%;
}
.widget {
    padding:0 0 20px 0;
    margin:0 0 20px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
}
.widget:last-child {
    border-bottom:none;
    padding:0;
}
.widget li {
    font-size:14px;
    line-height:140%;
}

/* ============== MAIN CONTENT ============================================ */
#main {
    width:620px;
    clear:both;
    float:left;
}
.post {
    padding:0 0 20px 0;
    margin:0 0 20px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
    clear:both;
}
.post:last-child {
    border-bottom:none;   
}
.post h1 {
    font-size:28px;
}
.post h1>a {
    font-family: 'open_sansregular', sans-serif;   
}
.post-title {
    color:#3991A5;
    font-size:28px;
    margin:0 0 15px 0;
    padding:0 0 10px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
}
.post a {
    font-family:'open_sansbold',sans-serif;
    color:#3991A5;   
}
.post a:hover {
    text-decoration:underline;   
}
.post-data {
    color:#AAA;
    margin:0 0 5px 0;
}
.post-share {
	float:left;
	margin:10px 0 0 0;
}
.post-share .fb-like {
	float:left;
	margin:0 35px 0 0;
}
.post-share .reddit {
	float:left;
	margin:2px 0 0 0;
}
.post-share .twitter-share-button {
	float:left;	
}
.post-share .gplus {
	float:left;
}
.post-share .twitter-share-button {
	float:left;
}
.post-share .fb-like {
	float:left;
}
.post-share .reddit-button {
	float:left;
	margin:1px 10px 0 0;
}
.post p {
	line-height:140%;
	margin:0 0 20px 0;
}
.post *:last-child {
	margin-bottom:0;
}
.post ul,ol {
	margin:0 0 20px 0;	
}
.post ul {
	list-style:square;
}
.post ol {
	list-style:decimal;
}
.post li {
	margin:0 0 0 20px;
	line-height:140%;
	font-size:14px;
}
.post input {
	font-family:'open_sansregular', sans-serif;
	font-size:14px;
	padding:10px;
	width:300px;
	border:1px solid rgba(0,0,0,0.35);
	margin:0 0 10px 0;
}
.post textarea {
	font-family:'open_sansregular', sans-serif;
	font-size:14px;
	padding:10px;
	width:360px;
	border:1px solid rgba(0,0,0,0.35);	
}
.post input[type=submit] {
	display:block;
	background:#3991A5;
	color:#FFF;
	font-weight:bold;
	padding:10px;
	width:90px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	margin:20px 0 0 0;
	margin-bottom:0;
	border:none;
}
.post input[type=submit]:hover {
	background:#49BBD5;	
}
.post blockquote {
	background:rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.2);
	padding:20px;
	margin:0 0 20px 0;
	font-size:14px;
}
.post blockquote>*:last-child {
	margin-bottom:0;
	padding-bottom:0;	
}

/* ============== COMMENTS ============================================ */
#comments {
	margin:0 0 20px 0;
}
#comments a {
	color:#3991A5;
	font-family:'open_sansbold',sans-serif;
}
#comments a:hover {
	text-decoration:underline;
}

/* ============== PAGINATION ============================================ */
.navigation {
	float:right;
    margin:0 0 20px 0;
}
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate li:last-child>a {
	margin-right:0;
}
.wp-paginate a {
	background:#3991A5;
	color:#FFF;
	margin-right:8px;
	padding:4px 8px;
	text-align:center;
}
.wp-paginate a:hover, .wp-paginate a:active {
	background:#49BBD5;
	color:#FFF;
}
.wp-paginate .title {color:#EEE; margin-right:6px;}
.wp-paginate .gap {color:#999; margin-right:6px;}
.wp-paginate .current {
	font-weight:bold;
	color:#FFF;
	background:#49BBD5;
	margin-right:8px;
	padding:4px 8px;
}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* ============== FOOTER ============================================ */
#footer {
    width:100%;
    height:120px;
    background:#222;
    text-align:center;
}
#footer-content {
    width:940px;
    margin:0 auto;
    padding:10px 0 0 0;
}
#footer-content p {
    color:#FFF;
    font-size:14px;
    line-height:140%;
}
#footer-content li {
    width:300px;
    margin:0 20px 0 0;
    float:left;
    text-align:left;
}
#footer-content li:last-child {
    margin:0;   
}
#footer h2 {
    font-family:'open_sansbold', sans-serif;
    color:#FFF;
    font-size:20px;
    letter-spacing:-1px;
}
#footer h2>span {
    font-family:'open_sanslight', sans-serif;
}
#footer-social li {
    float:left;
    margin:5px 20px 0 0;
    width:60px;
    height:60px;
}
#footer-social li:last-child {
    margin:5px 0 0 0;
}