/*
Theme Name:      DarkZero 2014
Theme URI:       http://darkzero.co.uk
Description:     2014 edition
Version:         1.0
Author:          Ben Knowles
Author URI:      http://www.digitalgarden.co
*/

html { background: #202020; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }
body { margin: 0; padding: 0; color: #aaa; background-color: transparent; }

strong { color: #ccc; }
blockquote { font-size: 14px; color: #666; border-left: 4px solid #666; }

/* Navbar */
header { margin-bottom: 30px; }
header .navbar { font-size: 15px; padding: 0; background: transparent; border-top: 0; border-bottom: 0; text-align: right; }
header .navbar .navbar-collapse { margin: 0 -15px 0 0; padding: 0; border: 0; box-shadow: none; text-align: right; float: right; clear: right; }
header .navbar .navbar-nav { margin: 0; border: 0; }
header .navbar a.navbar-brand { width: 100px; padding: 0; height: 100px; margin-left: 0 !important; }
header .navbar a { text-decoration: none; }
header .navbar a:hover { text-decoration: underline; }
header .navbar .navbar-toggle { margin: 8px 0 0; padding: 5px 15px; background: #333; color: #fff; border: 0; border-radius: 0; clear: right; }
header .navbar .navbar-toggle .pull-left { margin-top: 4px; margin-right: 7px; }
header .navbar .navbar-toggle .icon-bar { background: #fff; }
header .navbar .social { margin: 18px 10px 0 0; float: right; }
header .navbar .social a.img { display: inline-block; margin: 0 3px 0 5px; }
header .navbar .social small { color: #666; }
header .navbar .navbar-form { margin: 15px -15px 10px 0; padding: 0 15px; border: 0; box-shadow: none; float: right; }
header .navbar .navbar-form .form-group { position: relative; }
header .navbar .navbar-form .form-control { color: #ddd; background-color: #111; border: 0; border-radius: 0; }
header .navbar .navbar-form .form-control:hover { background-color: #000; }
header .navbar .navbar-form .btn { background-color: #333; color: #9D9D9D; border: 1px solid #333; position: absolute; top: 0; right: 0; border-radius: 0; }
header .navbar .navbar-form .btn:hover { background-color: #444; }
@media (max-width: 767px) { /* Mobile only */
  header { margin-bottom: 15px; }
  header .navbar a.navbar-brand { width: 90px; height: 90px; }
  header .navbar .navbar-collapse { width: 100%; margin: 0; padding: 0; text-align: center; float: left; }
  header .navbar .social { display: none; }
  header .navbar .navbar-form { margin-top: 10px; margin-bottom: 10px; }
  header .navbar .navbar-form .form-control { width: 150px; }
}

.home-content > div { padding-left: 10px; padding-right: 10px; }

section { margin: 0; }
.page-header { margin: 0 0 20px; padding: 0; border-bottom: 1px solid #333; }
h1 { margin-top: 0; }

img { border: 0; }
article img { margin: 20px auto 17px; max-width: 100%; height: auto; display: block; }
article .header img { margin: 0; }
.img-responsive { width: 100%; }
.wp-caption { margin: 20px auto 14px; max-width: 100%; }
.wp-caption img { margin: 0 auto; }
.wp-caption-text { margin: 7px 10% 0; color: #666; font-size: 13px; line-height: 15px; text-align: center; }
.gallery-item { margin: 0 !important; }
.gallery-item img { padding: 5px; border: 0 !important; margin: 0 0 10px !important; }
.gallery-item .gallery-caption { margin: -5px 10% 15px; }
@media (max-width: 767px) { /* Mobile only */
  .gallery-item { width: 100% !important; }
}

table { margin: 20px 0; border-top: 1px solid #222; border-right: 1px solid #222; }
table th { padding: 10px 14px; border-left: 1px solid #222; border-bottom: 1px solid #222; background: #292929; }
table td { padding: 6px 14px; border-left: 1px solid #222; border-bottom: 1px solid #222; }

a, a:visited, a:focus { color: #fff; outline: 0 !important; text-decoration: none; }
a:hover { color: #fff !important; text-decoration: none; }
a:hover img { opacity: 0.8; }
article a, article a:visited, article a:focus { color: #00a9dc; text-decoration: none; }
.arrow:after { content: "›"; color: #FF009B; padding: 0 0 0 4px; text-decoration: none; }
.arrow-blue:after { color: #00a9dc; }
a:hover h2 { color: #ddd; }
a:hover h2 span { color: #FF0099 !important; }
a.img { text-decoration: none !important; }

/* Audio */
.wp-audio-shortcode { margin: 20px 0 2px; }

/* Categories & Tags */
.taxonomies { width: 100%; float: left; clear: both; margin: -20px 0 0; }
.categories { font-size: 12px; margin: 0 0 20px; padding: 0; float: right; width: 48%; }
.tags { font-size: 12px; margin: 0 0 40px; padding: 0; float: left; width: 48%; }
.categories a, .tags a { background: #333; margin: 10px 5px 0 0; padding: 2px 8px; border-radius: 8px; display: inline-block; }
.categories a:hover { color: #FF009B !important; }
.tags a:hover { color: #00FFFF !important; }
.categories h2, .tags h2, .share h2 { font-size: 16px; margin: 0; padding: 0 0 10px; }
.categories h2 { border-bottom: 1px solid #FF009B; }
.tags h2 { border-bottom: 1px solid #00FFFF; }
@media (max-width: 768px) { /* Mobile only */
  .taxonomies { margin: 0 0 40px; }
  .categories, .tags { width: 100%; float: left; }
}

/* Sharing */
.share { margin: 10px 0 50px; }
.share h2 { margin: 0; }
.share a { margin-right: 7px !important; }
 
/* Comp */
.comp { margin: 25px 0 45px; background: #333 url('img/stars.png') left center no-repeat; background-size: 80px; padding: 0 17px 0 110px; border: 15px solid #333; border-left-width: 25px; }
.comp h3 { font-size: 18px; }
.comp a { color: #00a9dc; }
.comp a:hover { color: #fff; }

/* Forms */
fieldset { border: 1px solid #666; }
legend { color: #ddd; width: auto; border: 0; margin: 0; padding: 5px; } /* without bootstrap we can remove width and border (maybe) */
input, select, option, textarea { color: #ddd; }
input, select, textarea { padding: 4px 10px; background: #222; border: 1px solid #444; border-radius: 0; }
button, .button { margin: 0 0 10px; padding: 4px 20px; color: #fff !important; background: #00a9dc; border: 1px solid #00a9dc; border-radius: 0; }
button:hover, .button:hover { border-color: #fff; text-decoration: none; }

.block-grid, .block-list { margin: 0; padding: 0; }
.block-grid .item { width: 33.33%; padding: 0 1px 1px 0; list-style: none; display: block; float: left; }
.block-grid.double .item { width: 50%; }
.block-list .item { width: 100%; padding: 0 0 10px 0; list-style: none; display: block; float: left; }
.header { width: 100%; line-height: 0; }
@media (min-width: 992px) and (max-width: 1199px) { /* Landscape */

  /*.block-grid .item { padding: 0 7px 14px; }*/
}
@media (min-width: 768px) and (max-width: 991px) { /* Portrait */

  .block-grid .item { width: 50%; /*padding: 0 7px 14px;*/ }
  .block-grid.double .item { width: 100%; }
}
@media (max-width: 767px) { /* Mobile */

  .block-grid .item { width: 100%; /*padding: 0 7px 14px;*/ }
  .block-grid.double .item { width: 100%; }
}
.header img { width: 100%; height: auto; }
.header a { display: block; }
.header a:hover { opacity: 0.7; color: #fff; text-decoration: none; }
.header .type { background: #111; margin: 0; padding: 20px 15px 10px; color: #777; display: block; }
.header .title { background: #111; margin: 0; padding: 0 15px 17px; font-size: 17px; line-height: 100%; text-decoration: none; display: block; }

time { display: inline; }
article.single { background: #111; margin: 0 0 50px; }
article.single .header { margin-bottom: 0; }
article.single .header .title { padding: 30px 30px 8px; font-size: 30px; }
article.single .header .type { padding: 30px 30px 0; }
article.single .text { margin: 0 30px; padding: 8px 0 25px; border-top: 1px solid #333; }
.byline { margin-bottom: 25px; font-size: 12px; color: #666; line-height: 100%; }
.byline strong { color: #888; font-size: 12px; }
@media (max-width: 767px) { /* Mobile */
  article.single .header .title { padding: 15px 15px 8px; font-size: 20px; }
  article.single .header .type { padding: 15px 15px 0; }
  article.single .text { margin: 0 15px; }
  .byline { line-height: 10px; margin: 0 0 10px; }
  .byline * { display: block; }
}

@media (min-width: 768px) { /* Desktop */
  .alignLeft { float: left; margin: 4px 20px 8px 0 !important; }
  .alignRight { float: right; margin: 4px 0 8px 20px !important; }
  .alignCenter { display: block; margin: 4px auto 5px !important; }
}

/* review */
#details { height: 250px; }
#details p { font-size: 13px; line-height: 135%; margin: 0 0 10px; padding: 0; }
#details span { color: #666; text-transform: none; display: block; }
#details img { max-width: 150px; height: auto; float: right; margin: 0 0 0 30px; }
.score { text-align: right; }
.score img { margin: -20px 0 10px; display: inline-block; }
small, .small { color: #666; font-size: 13px; line-height: 15px; }

h1, h2, h3, h4 { color: #fff; }
h2 { line-height: 100%; letter-spacing: -0.5px; padding: 0; margin: 20px 0 10px; font-size: 22px; }
h3 { font-size: 18px; }

.nav-tabs { margin-top: 15px; margin-bottom: 15px; }
.nav-tabs > li > a:hover { background-color: #888; border-left-color: #888; border-top-color: #888; border-right-color: #888; }
.nav-tabs > li.active > a:hover { color: #666 !important; }

.pager { width: 100%; float: left; }
.pager li a, .pager li a:visited, .pager li a:focus { background: transparent; }
.pager li a:hover { background-color: #888; }

/* required? */
#extras { display: none; border-left: 1px solid #111; padding: 20px 0 0 20px; color: #555; width: 180px; float: left; text-align: left; }
#extras p { padding-bottom: 15px; }
.embed-responsive { margin: 10px auto; }
.item_date { margin: 0 0 5px; color: #555; font-size: 11px; }
.item_date a { color: #555; }
/* /required? */

iframe { margin: 0 auto; padding: 0; background: transparent; border: 0; display: block; max-width: 100%; }
.recent { float: left; margin: 0 50px 30px 0; }
.system_select { float: right; text-align: right; }
.system_select li { text-align: right; list-style-type: none; color: #333; padding: 0 0 6px 0; }
.side_archive { width: 300px !important; };
.archive { width: 600px; padding: 0 0 10px 0; margin: 0; }
.archive li { list-style: none; padding: 0 !important; margin: 0 !important; }
	.archive .divider { margin: 15px 0 5px 0 !important; font-size: 10px; color: #fff; padding: 1px 10px 1px 10px !important; background-color: #191919; }
.no-border { border: 0 !important; }
.wp-smiley { margin: 0; display: inline-block; }
hr { border: 0; height: 1px; background: #333; margin: 20px 0 25px; }

/* Subscribe - RENAME THIS TO PANEL AFTER BOOTSTRAP REMOVED */
.subscribe { height: 250px; margin: 0 0 30px; padding: 1px 20px; background: #333; }
  .bbPress .subscribe { height: auto; }
.subscribe img { margin: 0 10px 5px 0; }
.subscribe ul { margin: 0; padding: 3px 0 20px; list-style: none; }

/* Notice */
.notice { border-left: 4px solid #00FFFF; margin: 0 0 30px; padding: 0 0 0 16px; }
.notice a:hover { color: #FF009B !important; }
.notice-blue { border-left: 4px solid #FF009B !important; }
.notice-blue a:hover { color: #00FFFF !important; }

/* GOTY */
.goty img { margin: 25px 0 -12px; border: 1px solid #333; width: 100%; }
.goty h2 { background: #222; border: 1px solid #333; margin: 0 0 15px; padding: 20px 0 0 0; }
.goty h2:after { content: " "; display: block; clear: both; }
.goty h2 img { margin: -20px 20px 0 0; width: 60px; border: 0; float: left; }
@media (max-width: 767px) { /* Mobile */
  .goty h2 { font-size: 16px; padding-top: 10px; }
  .goty h2 img { width: 50px; margin: -10px 10px 0 0; }
}

/* Article Game List */
.panel-list h2 { background: #222; border: 1px solid #444; margin: 20px 0 15px; padding: 12px 2%; }
.panel-list h2:after { content: " "; display: block; clear: both; }
.panel-list h2 strong { color: #FF009B; font-weight: 300; background: #000; display: block; float: left; margin: -12px 1.5% -12px -2%; padding: 11px 10px 9px; width: 46px; height: 46px; text-align: center; }
.panel-list h2 em { color: #777; font-size: 70%; line-height: 70%; font-weight: normal; font-style: normal; padding-left: 4px; white-space: nowrap; }
.panel-list img { width: 104%; margin: -12px -2% 12px; max-width: none; }
.panel-list br { display: none; }
@media (max-width: 767px) {
  .panel-list h2 { font-size: 16px; }
}

/* Filters */
.filters { margin: 0 0 20px; width: 100%; clear: both; float: left; }
.filters a, .filters a:visited { padding: 5px 15px 5px 15px; background: #444; color: #999; margin: 0 10px 0 0; border-radius: 2px; display: block; float: left; }
.filters a.active, .filters a.active:hover { background: #888; color: #fff; }
.filters a small { color: #000; padding-left: 5px; display: none; }

/* utility */
.inline-block { display: inline-block; }
.icon-bullets { list-style: none; margin: 20px 0; padding: 0; }
.icon-bullets li { margin: 6px 0; }
aside h2 { font-size: 20px; }

/* ad banners */
.ad { margin: 20px 0; float: left; width: 100%; text-align: center; }
.ad-wide { margin: 40px 0 0; }

/* footer */
footer { font-size: 11px; color: #555; margin-bottom: -55px; }
footer .copyright { margin: 82px 0 20px; text-align: right; text-transform: uppercase; }
footer .thanks { padding-top: 25px; }
footer .thanks div { color: #777; }
footer .thanks a { margin: 20px 25px 25px 0; display: inline-block; }
footer .affiliates { color: #333; margin-top: 20px; }
footer .affiliates strong { color: #777; font-weight: normal; padding: 0 5px 0 0; }
footer .affiliates a { color: #555; }
footer .affiliates a:hover { color: #bbb; }
@media (max-width: 767px) { /* Mobile only */
  footer { text-align: center; }
  footer .thanks a { margin-right: 0; display: block; }
  footer .copyright { margin: 30px 0; text-align: center; }
  footer .affiliates strong { margin: 30px 0 10px; display: block; }
}

/* n4g */
#n4g { margin: 30px 0; }
#n4g input, #n4g textarea, select { color: #666; background: #111; }
#n4g .inline-block { width: auto; }

/* avatars */
.avatar-28 { width: 14px; height: 14px; } /* Small retina */
.avatar-160 { width: 80px; height: 80px; } /* Medium retina */
.avatar-300 { width: 150px; height: 150px; } /* Large retina */

/* admin bar */
#wpadminbar a span { color: #ddd !important; } 
#wpadminbar a span span { color: #333 !important; }

/* bbPress temp */
.bbp-breadcrumb:nth-child(2), .bbp-pagination:nth-child(1), .bbp-search-form { display: none; }
.bbp-footer { display: none; }
#bbp_search { width: 130px; }