/*  


This is the main CSS stylesheet for the DBG v3.0 website


*/

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px asuto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 10px 10px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 0.9em;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}




/*
	--------------------
	- Site-wide styles -
	--------------------
*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DDDDDD;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../../img/load.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
.admin-bar .site-header {
  top: 46px;
}
@media screen and (min-width: 819px) {
  .admin-bar .site-header {
    top: 32px;
  }
}
body {
	background:
		url(../../img/dbg-bg.gif) repeat grey;
	background-attachment: fixed;
	font-family: 'Raleway', sans-serif;
	margin: 0px;
	overflow:hidden;
}
a:link {
	color:#000000;
	text-decoration: underline;
}
a:visited {
	color:#000000;
}
#sitecon {
  max-width:800px;
  overflow:hidden;
  position:relative;
	margin: 0px auto;
  border: solid 1px black;
}
.body-con {
  /*padding: 5px 15px 5px 15px;*/
  position:relative;
  overflow:hidden;
  padding-top:49px;
}
/* Start of Column CSS */
#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
@media only screen and (max-width: 818px) {
	#col1 {
		float:left;
		max-width:800px;
		left: 200px;
		position:relative;
		overflow:hidden;
	}
	#col2 {
		display: none;
	}
	#container1 {
		background-color: transparent;
	}
	#container2 {
		background-color: transparent;
	}
}
@media only screen and (min-width: 819px) {
	#col1 {
		float:left;
		width:600px;
		left: 200px;
		position:relative;
		overflow:hidden;
	}
	#col2 {
	  display:inline;
	}
	#container1 {
		background-color: #ffffff;
	}
	#container2 {
		background-color: #ffffff;
	}
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:200px;
}

#col2 {
	float:left;
	width:200px;
	left: 200px;
	position:relative;
	overflow:hidden;
}
.subhead1 {
  font-size:1em;
  font-weight: bold;
}
.subhead2 {
  font-size:0.8em;
  font-weight: bold;
}
.subhead3 {
  font-size:0.9em;
  font-weight: bold;
}
.subhead4 {
  font-size:0.9em;
  font-style: italic;
}
.avatar {
	padding:5px;
}
.avatar img {
	border-radius: 50%;
	width:150px;
	padding: 1px;
	border: 1px solid #B3B3B3;
}
/*
	---------------------
	- Header Bar Styles -
	---------------------
*/

@media only screen and (max-width: 818px) {
  #head-center {
	position:static;
	display:inline-block;
  }
  #head-con {
	z-index:15;
	position:fixed;
	width:100%;
	max-width:800px;
	padding:0px;
	margin:-1px auto;
	height:55px;
	overflow:hidden;
  }
  #head-left {
	width:auto;
	height:100%;
	float:left;
	background:url(../../img/head-side.png) repeat;
	overflow:hidden;
	background-size: auto 55px;
  }
  #head-right {
	position: absolute;
	width:auto;
	float:right;
	height:100%;
	background:url(../../img/head-side.png) repeat;
	overflow:hidden;
	background-size: auto 55px;
	display:inline-block;
  }
}

@media only screen and (min-width: 819px) {
	#head-con {
		position:fixed;
		width:800px;
		margin: -1px auto;
		height:55px;
		z-index:50;
		background:url(../../img/head-side.png) repeat;
		background-size: auto 55px;
	}
	#head-center {
		width:206.25px;
		margin: auto;
		overflow:hidden;
	}
	#head-left {
		visibility: hidden;
	}
	#head-right {
		visibility: hidden;
	}
}

#head-center a {
	padding:0px;
	margin:0px;
}
#head-center img {
	height:55px;
	width:auto;
}

.latestpod {
	width:100%;
	margin: -2px auto;
	padding: 5px 0px 10px;
	z-index:2;
	font-size:0.8em;
	background-color: #DDDDDD;
	text-align:center;
}
.podcast, .latestpod audio {
    width: 90%;
}
.podcast {
	width:100%;
	margin: auto;
	z-index:2;
	padding-top:5px;
	font-size:0.8em;
	background-color: #FFFFFF;
}
@media only screen and (max-width: 818px) {
  .menu-icon {
    position:absolute;
    display: inline-block;
    z-index:11;
    margin: 10px;
  }
  .menu-icon img {
    height: 25px;
    width:auto;
  }
}
@media only screen and (min-width: 819px) {
  .menu-icon {
    display:none;
  }
  .menu-icon img {
    height: 25px;
    width:auto;
  }
}

.search-icon {
	position:absolute;
	display: inline-block;
	z-index:11;
	top: 10px;
	right: 10px;
}
.search-icon img {
	height: 25px;
	width:auto;
}

/*
	---------------
	- Menu Styles -
	---------------
*/

/* ----- WRAPPER OBJECT ----- */
.o-wrapper {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}
@media only screen and (min-width: 819px) {
	.o-wrapper {
		padding-top:35px;
	}
}
/**
 * Menu overview.
 */
.c-menu {
  position: fixed;
  z-index: 50;
  background:url(../../img/menu-bg.png) repeat;
  background-size: auto 35px;
  border-bottom: #cccccc thick;
  overflow:hidden;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.c-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-menu__items a {
	text-decoration: none;
}
.c-menu--slide-top {
	text-align: center;
	overflow:hidden;
	color:#ffffff;
	margin-top:48px;
	z-index:9;
	height:35px;
}
@media only screen and (max-width:799px) {
	.c-menu--slide-top {
	  vertical-align: middle;
	  width: 100%;
	  max-width:800px;
	}
}
@media only screen and (min-width:800px) {
	.c-menu--slide-top {
		position:fixed;
		width:800px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (max-width: 479px) {
	.c-menu__item_large {
		display: none;
	}
}
@media only screen and (min-width: 480px) {
	.c-menu__item_large {
		display: inline;
	}
}
.c-menu--slide-top .c-menu__items {
  display: inline-block;
  text-align: center;
}

.c-menu--slide-top .c-menu__item {
  display: inline-block;
  line-height: 35px;
  margin: 0px 5px;
}

.c-menu--slide-top .c-menu__link {
  display: block;
  padding: 0 1px;
  font-size:0.6em;
  text-transform: uppercase;
  font-family: 'Press Start 2P', cursive;
  color:#ffffff;
  text-shadow: 2px 2px 1px #000000;
	letter-spacing:0px;
}

.c-menu--slide-search {
  vertical-align: middle;
  width: 100%;
  max-width:800px;
  height: 35px;
  z-index:9;
  margin-top:48px;
  text-align: right;
  overflow:hidden;
  color:#ffffff;
}

.c-menu--slide-search .c-menu__items {
  display: inline-block;
  text-align: center;
}

.c-menu--slide-search .c-menu__item {
  display: inline-block;
  line-height: 30px;
  text-transform: uppercase;
  font-family: 'Press Start 2P', cursive;
  color:#ffffff;
  text-shadow: 2px 2px 1px #000000;
  letter-spacing:0px;
}
.c-menu--slide-search .c-menu__link {
  display: block;
  padding: 0;
}

/**
 * Slide/Push Menu Top.
 */
@media only screen and (max-width: 818px) {
  .c-menu--slide-top {
    top:0;
    left: 0;
    -webkit-transform: translateY(-35px);
        -ms-transform: translateY(-35px);
            transform: translateY(-35px);
  }
  .c-menu--slide-top.is-active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
@media only screen and (min-width: 819px) {
  .c-menu--slide-top {
	top:0;
    left: auto;
	 right: auto;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  #c-menu--slide-search {
	visibility:hidden;
  }
  .search-icon {
	visibility:hidden;
  }
}

.c-menu--slide-search {
  top:0;
  left: 0;
  -webkit-transform: translateY(-35px);
      -ms-transform: translateY(-35px);
          transform: translateY(-35px);
}

.c-menu--slide-search.is-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.c-menu__close:focus {
  outline: none;
}

body.has-active-menu {
  overflow: hidden;
}
@media only screen and (max-width:799px) {
	.c-mask {
	  position: fixed;
	  z-index: 8;
	  top: 0;
	  left: 0;
	  overflow: hidden;
	  width: 0;
	  height: 0;
	  background-color: #000;
	  opacity: 0;
	  -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
	  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
	}

	.c-mask.is-active {
	  top:45px;
	  width: 100%;
	  height: 100%;
	  opacity: 0.7;
	  -webkit-transition: opacity 0.3s;
	          transition: opacity 0.3s;
	}
}
::-webkit-input-placeholder { /* Chrome */
  color: #909090;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #909090;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #909090;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #909090;
  opacity: 1;
}
.dbgsearch input[type="text"] {
  margin: 0px;
  font-family: Raleway;
  width:250px;
  padding:2px;
  border: solid 1px #353535;
  background-color: #ffffff;
  border-radius: 5px;
}
.c-search {
  padding-right:10px;
}

/*
	---------------
	- Sidebar Styles -
	---------------
*/
div.search-side {
  padding: 10px 0px;
  margin: 0px 0px 0px 4px; ;
}
.search-side #dbgsearch {
  width:178px;
}
.reviews {
	text-align: center;
	padding: 10px;
	margin: 10px 15px 5px 5px;
	background-color:#FFFFFF;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3), 0 5px 19px 0 rgba(0, 0, 0, 0.29);
}
.reviews a {
	font-size: 0.9em;
}
.reviews-main-con {
	text-align:center;
	overflow:hidden;
	color:#000000;
	background-color:#ffffff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
  width: 320px;
	padding:0px 0px 10px;
	margin: -10px auto 20px auto;
  clear:both;
}
@media only screen and (min-width: 820px) {
  .reviews-small {
    display:none;
  }
}
.review-con {
	width: 170px;
	padding:5px 5px 10px;
	font-size: 0.8em;
  position: relative;
	margin: 0px auto 0px -10px;
}
.reviews-page {
  padding: 10px;
  font-size: 0.9em;
}
.rev-small {
  float:left;
	width: 150px;
	padding:0px 0px 5px;
	font-size: 0.8em;
	margin: 0px 5px 10px 5px;
}
.rev_small_single {
  width:85px;
  float:left;
	margin: 0px 5px 10px 0px;
}
.review-score {
	margin-top: 3px;
}

.game-title {
	font-weight: bold;
}
.side-head {
	text-align:center;
	margin: 0px auto;
}

/*
	---------------
	- Post Styles -
	---------------
*/
.center {
	text-align:center;
}
.em {
  font-style: italic;
}
.clear {
  clear:both;
}
#share-buttons {
  text-align: center;
}
#share-buttons img {
width: 20px;
padding: 5px 0px 0px;
border: 0;
box-shadow: 0;
  margin-bottom: -10px;
}
#share-buttons a {
  text-decoration:none;
}
.post-con {
	width:95%;
	text-align:center;
	margin: 10px auto 30px;
	overflow:hidden;
	color:#000000;
	background-color:#ffffff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
}
.post-head {
	height:auto;
	font-weight:bold;
	padding-top: 5px;
}
.index-head {
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
  height:auto;
  font-weight:bold;
  background-color: #ffffff;
}
.page-head {
	margin-top:5px;
  margin-bottom:5px;
	height:auto;
	font-weight:bold;
}
.page-head a, .post-head a {
  text-decoration:none;
}
.post-info {
	font-size:0.7em;
}
.post-type {
	font-weight: bold;
}
.post-date {
	font-weight: normal;
	font-style:italic;
}
.post-excerpt {
	line-height:1.5em;
}
.post-body {
	padding: 0px 15px 0px 15px;
	font-size:0.8em;
	text-align:justify;
}
.post-img {
	width:100%;
	padding:0px;
}
.post-tags {
	font-size:0.8em;
}
.tags-con {
  display:inline-block;
  line-height: 0.9em;
  padding-top: 1em;
  padding-bottom: 1em;
}
.vid-frame {
	width:100%;
	margin:auto;
	position:relative;
	height:0;
	overflow:hidden;
}
.post_nav_con {
  margin-bottom: 20px;
}
.prev_post, .next_post {
  margin: 0px 20px;
  font-weight:bold;
  font-size: 0.9em;
}
/* 16x9 Aspect Ratio */
.vid-frame-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.vid-frame-4x3 {
  padding-bottom: 75%;
}
 
.vid-frame iframe {
  padding-top:5px;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
	-----------------
	- Navlinks Styles -
	-----------------
*/

.nav-con {
	max-width:290px;
	height: 65px;
	margin: auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
	background-color:#DFDFDF;
	margin-bottom: 10px;
}
.nav-center {
	clear:both;
	overflow:hidden;
	padding: 5px;
	width:100%;
	text-align:center;
	
	font-size: 0.8em;
}
.post_nav_con {
  width: 100%;
  clear:both;
}
.prev_post {
  float: left;
  overflow:hidden;
}
.next_post {
  float:right;
  overflow:hidden;
}
.pagination {
padding:3px 0px 0px;
margin-top: 6px;
position:relative;
font-size:15px;
line-height:13px;
}
.single-pagination {
  text-align: center;
  font-size: 1.5em;
}
.pagination span, .pagination a {
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #428A4B;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #428A4B;
color:#fff;
}

/*
	-----------------
	- Info Styles -
	-----------------
*/

.info {
  clear: both;
  width: 100%;
  overflow:hidden;
  background-color: #428A4B;
  margin: 0px auto;
  padding-bottom: 10px;
}
.info-head {
  font-weight:bold;
  font-size:1.1em;
  padding: 10px 0px 5px 0px;
}
.info-wrap {
  margin: 0 auto;
}
.info-con {
  color:#000000;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
  overflow:hidden;
  text-align:center;
}
.info-head img {
		width: 280px;
}

@media only screen and (min-width:650px) {

  .info-wrap {
		width:620px;
  }
	.info-con {
		width:280px;
		height: 350px;
		float:left;
		margin: 10px 15px 20px;
		padding-top: 10px;
	}
}
@media only screen and (min-width:480px) and (max-width:649px){
	.info-wrap {
		width:440px;
	}
	.info-con {
		width:200px;
		height: 400px;
		float:left;
		margin: 10px;
		padding-top: 10px;
	}
}
@media only screen and (max-width:479px){
	.info-con {
		width:85%;
		margin: 0px auto 25px;
		padding: 10px 0px 20px;
  }

}
@media only screen and (max-width:550px){
 img.alignnone {
    max-width: 95%;
    height: auto;
  }
  .post-excerpt iframe {
    width: 95%;
    height: auto;
    max-width: 500px;
  }
}

/*
	-----------------
	- Review Styles -
	-----------------
*/
.reviewmeta{float:right;width:150px;border:1px dotted #325627;font-family:Verdana,Geneva,sans-serif;font-size:10px;text-align:center;padding:5px;margin:5px 0px 5px 10px;line-height:13px;}.reviewhead{font-size:12px;font-weight:bold;text-decoration:underline}.reviewtopic{font-weight:bold;margin:2px;padding:2px;}.reviewscore{font-size:11px;font-weight:bold;border:1px dotted #325627;width:130px;margin-left:auto;margin-right:auto;padding:2px}.revbreak{line-height:5px}.reviewscore img{margin:0;padding:0}.reviewsite a{font-size:11px;font-weight:bold}
/*
	-----------------
	- Closing Styles -
	-----------------
*/ 
.closing {
	background: #222222;
	color: rgba(255,255,255,0.5);
	padding: 10px;
	text-align:center;
	font-size: 0.8em;
}
.close-head {
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0px;
}
.close-text a {
	color: #FFFFFF;
	font-style: italic;
}

/*
	-----------------
	- Footer Styles -
	-----------------
*/
#footer {
	clear: both;
	position: relative;
	text-align: center;
    font-size: 0.8em;
	background-color:black;
	color: #DDDDDD;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer a {
	color: #DDDDDD;
}
.social-cont {
  margin:0px auto;
  clear:both;
  text-align:center;
}
.social-icon {
  text-align:right;
}
.social-icon img {
  vertical-align:middle;
}
.social-link {
  text-align:left;
  margin: auto;
}


/*
	--------------------------
	- Podcast Archive Styles -
	--------------------------
*/
.pod-archive {
	color:#000000;
	background-color:#ffffff;
  overflow:hidden;
  border: solid 1px black;
  padding: 5px;
  margin: 0px 5px 5px 5px;
}
.pod-archive a {
  text-decoration: none;
}
.pod-player {
  float:left;
  height: 1em;
  padding-right: 0.5em;
}
.pod-player img {
  height: 100%;
  vertical-align: middle;
  padding-bottom: 2px;
}
.pod-name {
  font-size: 1em;
  font-weight:bold;
}
.pod-excerpt {
  font-size: 0.9em;
  padding-bottom:5px;
}
.pod-info {
  font-size: 0.8em;
  font-style:italic;
}
.pod-head {
  padding-bottom: 5px;
}


/*
	-----------------------
	- Contact Page Styles -
	-----------------------
*/
.dbg-cont p {
  margin:0px;
  padding:0px;
}
.cont-wr {
	overflow:hidden;
	padding:10px;
	text-align:center;
	margin: auto;
}
.contact-form input {
  width: 100% !important;
}
.contact-form textarea {
  width: 100% !important;
  overflow:hidden;
}
.error{
  padding: 5px 9px;
  border: 1px solid red;
  color: red;
  border-radius: 3px;
}
#respond {
  padding-top:5px;
}
.success{
  padding: 5px 9px;
  border: 1px solid green;
  color: green;
  border-radius: 3px;
}
.g-recaptcha {
 display: inline-block;
}
.dbg-cont input[type=text], .dbg-cont textarea {
 border: solid 2px #959595;
 width: 95%;
}
.dbg-cont input[type=text]:hover, .dbg-cont textarea:hover {
 border: solid 2px #49B0E9;
}
.dbg-cont { font-family: "raleway", sans-serif; overflow: hidden; padding:5px; }

.cont-r { float:left; width:70%; padding-left: 5px; text-align:left;  }
.cont-l { float:left; width:25%; margin:0; text-align:right; }
  
.dbg-cont input[type=submit] {
 font-family: "raleway", sans-serif;
 background-color:inherit;
 border: solid 1px black;
 border-radius: 5px;
}
.dbg-cont input[type=submit]:hover {
 background-color:white;
 border: solid 1px black;
}