/*   
Theme Name: alternative. 
Theme URI: http://alternativegames.net
Description: A minimalist responsive HTML5 mobile first theme.
Author: Alter Native Games
Author URI: http://alternativegames.net
Version: 1
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700');

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}									
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }

a:focus { outline: none; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0.5em 0; padding: 0 0 0 20px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
img, object, embed {width:auto!important;max-width: 100%!important;height:auto;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;}
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
html{height:100%;font-weight: 100%;background: #1a1a1a;}
body{background: #1a1a1a url('gfx/body-bg.png') 50% 0% no-repeat;color:#292929;font: normal 1rem/1.5rem Georgia, serif; height:100%;min-height:100%;}


body * {-webkit-box-sizing: border-box;box-sizing: border-box;}

.page-wrap {max-width: 1245px;margin: 0 auto;}
#header-section {padding: 40px 20px;}
#site-title a {float: left;width: auto;padding-top: 15px;color: #fff;font-size: 1.215rem;font-weight: 300;text-transform: uppercase;}
#site-title a span {font-weight: 700;}
.site-logo {position: absolute;left: 50%;margin-left: -30px;width: 62px;height: 47px;}
.site-logo svg {display:block;max-width: 100%;}
.main-navi {float: right;width: auto;font-family:'Open Sans', sans-serif;font-size: 1.125rem;}
.main-navi li  {float: left;width: auto;padding-left: 5px;}
.main-navi li a {float: left;width: auto;padding: 15px;color: #c0c0c0;font-weight: 400;text-decoration: none;}
.current-menu-item a, .current-post-ancestor a, .current-menu-parent a, .current-post-parent a {color:#292929!important;background: #efefef;border-radius: 2px;}

#footer-section {overflow: hidden;width: 100%;max-width: 1440px;padding: 20px;clear: both;color:#666;font-family:'Open Sans', sans-serif;font-size: 1.125rem;text-align: right;}
::selection{ background: #353535; color: #fff; text-shadow: none; }

h1, h2 {font-family:'Open Sans', sans-serif;color:#292929;}
h3, h4 {font-family:'Open Sans', sans-serif;color:#292929;}
p {margin:1.215rem 0;}
a {color:#ffc600;}
h1 a, h2 a, h3 a, h4 a {text-decoration:none;color:#212121;}

ul {list-style:none;margin: 0;padding: 0;}
.description-holder {float:left;}
.description {display:none;}
.category-description-holder {padding: 20px;margin-bottom: 15px;background: #303031;box-shadow: 0px 1px 5px rgba(0,0,0,.5);font-size:1rem;color: #c0c0c0;font-weight: 400;}
.category-description-holder h2 {color: #c0c0c0;font-weight: 400;}
.category-description-holder h2 a {color: #ffc600;font-weight: 400;}
.category-description-holder p {margin: 0;}
.category-description-holder .tag-list {float:none;margin-top:10px;padding-bottom:10px;border-top: 1px dashed #E6DDD8;overflow:hidden;}
.category-description-holder .tag-list a {margin:5px 5px 0 0;font-style:normal;}

.category-description-holder p strong {font-style:normal;}
#title {margin:0;}
#title a {display:block;height:65px;line-height:50px;width:130px;text-indent:-9999px;color:#fff;background: transparent url("gfx/logo.png") 50% 0 no-repeat;}

h2.archive-title {}
h2.archive-title span{}
.description {}
.description-holder:hover .description {}
.single .entry-content {padding: 20px;background: #eaeaea;}
.single .entry-content  a {color: #076794;}
.entry-content .entry-title {font-size: 1.125rem;padding-top: 15px;text-transform: uppercase;font-weight: 700;}

.news-holder, .blog-post-holder {float: left;width:100%;}
.news-holder li, .blog-post-holder li {overflow: hidden;}

.single .post .featured-image a, .single .post .featured-image a img {display: block;}

.news-posts {
  float: left;
  width: 100%;
} 

.news-posts .post {
  float: left;
  width: 33.333%;
  padding: 7px;
}
.news-posts .post .post-inner {
  background: #ededed;overflow: hidden;
}
.news-posts .post .news-item-body {
  padding: 15px 20px;
}
.news-posts .post_format-post-format-aside {
  width: 66.666%;
}

.news-posts .format-standard {
  width: 33.333%;
}
.news-posts .format-aside {
  width: 66.666%;
}
.news-posts .format-aside .featured-image {
  float:left;
  width: 50%;
}
.news-posts .format-aside .news-item-body {
  float:left;
  width: 50%;
}
.blog-posts {
  float:left;
  width: 100%;
} 
.blog-posts .grid-sizer {width: 100%;}

.blog-posts .post {
  padding: 7px;
  float:left;

}
.blog-posts .format-aside, .blog-posts .format-standard {min-height: 364px;}

.blog-posts .format-quote .post-inner h2 a {color:#ededed;} 
.blog-posts .format-aside h2 a {color:#927a26;font-weight: normal;font-size: 1.4rem;padding: 10px 0;text-indent:-9999px;display:none;}
.blog-posts .post_format-post-format-aside {
  width: 100%;
}
.blog-posts .format-aside .featured-image {
  float:left;
  width: 100%;
}
.blog-posts .format-aside .news-item-body {
  float:left;
  width: 100%;
}

.blog-posts .post .post-inner {
  background: #f1f1f1;overflow: hidden;
  box-shadow: 0px 1px 3px rgba(0,0,0,.35);
}
.blog-posts .format-quote .post-inner {background: #303030;color:#ededed;text-align: center;}
.blog-posts .format-quote .post-inner .post-content p {color:#999999;}
.blog-posts .format-quote .post-inner .post-content p a {color:#ffc600;}
.blog-posts .post .news-item-body {
  padding: 15px 20px;
}
.blog-posts .news-item-body h2 {
  text-transform: uppercase;
  font-size: .9rem;
}
.blog-posts .format-aside  .news-item-body {
  padding: 45px 20px 15px;
}
.blog-posts .format-aside .news-item-body h2 {
  font-family: Georgia, serif;
  font-size: 1.325rem;
  font-weight: bold;
  text-transform: none;
}
.blog-posts .post .news-item-body .post-content a {
  color: #076794;
}
.masonry-brick .post-content p {margin: 6px 0 0;}
.post.masonry-brick .category-name {display: none;}
.format-image.masonry-brick .category-name {display:block;position: absolute;left: 7px;right:7px;bottom: 7px;text-align: center;background: rgba(0,0,0,.65);color:#fff;padding: 3px 8px;}
.format-image.masonry-brick .category-name a {text-decoration: none;text-transform:uppercase;color:#ededed;font-family:'Open Sans', sans-serif;font-weight: 400;font-size: .895rem;}
.format-image.masonry-brick .category-name a.reference-title {font-weight:600;}

.moretag {padding-left: 8px;}
.category .post {float: left;width: 100%;margin: 0 0 5px;background: #ededed;box-shadow: 0px 1px 5px rgba(0,0,0,.65);}
.category .post .entry-image {float: left;width: 100%;background: #303031;}
.category .post .entry-image a {display: block;}
.category .post .entry-image img {display: block;margin: 0 auto;}
.category .post .entry {float: left;width: 100%;padding: 25px 15px 20px;}
.category .post .entry .meta {padding-bottom: 10px;}
.category .post .entry a {color: #076794;}
.category .post .entry h2 a {color: #212121;text-transform: uppercase;font-size:.925rem;}

.blog-posts .format-image .featured-image {float: left;width: 100%;}
.blog-posts .format-image .news-item-body {display:none;}

.blog-posts .format-standard .news-item-body {text-align: center;}

.archive-title span {color: #ffc600;}
.featured-image {background:#303031;background:#2a435d;overflow: hidden;}
.blog-posts .format-aside .featured-image {animation: colorchange 20s;
      -webkit-animation: colorchange 20s;
    animation-iteration-count:infinite;}

@keyframes colorchange
    {
      0%   {background: #303031;}
      50%  {background: #2a435d;}
      100% {background: #303031;}
    }

@-webkit-keyframes colorchange
    {
      0%   {background: #303031;}
      50%  {background: #2a435d;}
      100% {background: #303031;}
    }
.featured-image img {margin: 0 auto;display:block;}

#sidebar .widget_search {border-top: 1px solid #444;padding-top: 15px;}
#sidebar .widget_search .screen-reader-text {display: none;}
#sidebar .widget_search #s {padding: 0 10px;height: 36px;line-height: 36px;color:#eee;background:#444;border: 1px solid #232323;}
#sidebar .widget_search #searchsubmit {background: #ffc600;color:#222;height: 36px;line-height: 36px;border: none;margin-top: 1px;border-radius: 3px;font-weight: 400;text-shadow: 0px 1px 1px rgba(255,255,255,.6);}
.entry {}
.home .entry {}
.home .entry-image {}
.entry-image {}
#slideshow-specimen .entry-image {}
.entry-content {}

.content-wrap .post {background: #f5f5f5;}

.meta {}
.meta em {color:#464646;}
.meta .authorname {color:#000;}
.updated {}
.postmetadata {margin-top:25px;padding-top:7px;border-top:1px solid #efefef;font-size:12px;float: left;
width: 100%;}
.tags-holder {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color:#f6f5f0;padding:5px;margin:8px 0;}
.tagcloud {padding-left:10px;}
#sidebar {overflow:hidden;padding: 20px 20px 20px 10px;}
#sidebar .sidebar-inner {overflow:hidden;padding: 20px;background: #303031; box-shadow: 0px 1px 7px rgba(0,0,0,.65);border-radius: 2px;}
#sidebar h2 {color:#fff;font-weight: 600;text-transform: uppercase;font-size: .9rem;margin: 15px 0 0;}
#sidebar a {color:#ffc600;text-decoration: none;}
.post-date {color: #bdbdbd;padding-left: 10px;}

#sidebar .widget ul {padding: 20px 0;}
#sidebar .widget ul li {padding: 8px 0 0;}

.content-wrap {padding: 20px 10px 20px 20px;}
.content-wrap > h2 {font-weight: 400;color:#eee;}
.single .meta {}

.search .post, .search .page {float: left;width: 100%;padding: 10px 15px;margin: 10px 0 0;background-color: #303031;border-radius: 2px;box-shadow: 0px 1px 5px rgba(0,0,0,.75);color:#eee;}
.search .post h2, .search .page h2 {font-weight: 600;}
.search .post h2 a, .search .page h2 a {color:#ffc600;}
.search .post .entry-holder, .search .page .entry-holder {padding-top: 10px;color:#eee;}
.search .post .meta em, .search .page .meta em {color:#777;}
.search .term {color:#ffc600;}

a.comments-link {}
ol.commentlist {list-style: none;padding-left:0;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border:1px solid #e6ddd8;padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.depth-2, ol.commentlist li.comment ul.children li.depth-4 {background-color:#F6F5F0;border:1px solid #fff;}
 ol.commentlist li.comment ul.children li.depth-3, ol.commentlist li.comment ul.children li.depth-5 {background-color:#fff;border:1px solid #E6DDD8;}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;display:block;margin:3px 0;}
ol.commentlist li.odd {margin:3px 0;background: #fff;display:block;}
ol.commentlist li.parent {border-left: 5px solid #E6DDD8;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}



@media only screen and (min-width: 480px) {
.push {height:0;}
}

@media only screen and (min-width: 640px) {
.alignleft {float: left;margin: 0 15px 15px 0;}
.alignright {float:right;margin: 0 0 15px 15px;}
}
@media only screen and (max-width: 768px){
	#site-title {display:none;}
  .site-logo {float:left;position:static;margin-left: 0;width:45px;height:auto;}
  #header-section {padding: 20px;}
  .main-navi li a {padding: 5px 10px;}
	 #menu-btn {
 	display:block;
 	}
.content-wrap, #sidebar {padding: 15px;}
}
@media only screen and (min-width: 768px) {
#menu-btn {
 	display:none;
 	}
  .blog-posts .grid-sizer {width: 33.333%;}

.blog-posts .post {
  width: 33.333%;
  padding: 7px;
}

.blog-posts .post_format-post-format-aside {
  width: 66.666%;
}
.blog-posts .format-aside .featured-image {
  width: 50%;
}
.blog-posts .format-aside .featured-image a {
  display: block;
}
.blog-posts .format-aside .featured-image img {
  max-height: 350px;
}
.blog-posts .format-aside .news-item-body {
  width: 50%;
}
.category .post {float: left;width: 100%;}
.category .post .entry-image {width: 30%;min-width: 100px;}
.category .post .entry-image img {margin: 0 auto;}
.category .post .entry {width: 70%;}
.blog-posts .format-aside, .blog-posts .format-standard {min-height: 0;} 
}
@media only screen and (min-width: 960px) {
.content-holder #sidebar {
  float: right;
  width: 33.5%;
}
.content-holder .content-wrap{
  float: left;
  width: 66.5%;
}

}

@media only screen and (min-width: 1140px) {
.blog-posts .format-aside, .blog-posts .format-standard {min-height: 364px;} 
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* print styles */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}