/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ @font-face {font-family:"Pixel-Art Regular";src:url("pixelart.eot?") format("eot"),url("pixelart.woff") format("woff"),url("pixelart.ttf") format("truetype"),url("pixelart.svg#Pixel-Art") format("svg");font-weight:normal;font-style:normal;}


body {
	font-family: 'Denk One', sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
	/* margin-bottom: 60px;*/
 /* 60px to make the container go all the way to the bottom of the topbar */
}

html {
  position: relative;
  min-height: 100%;
}

.navbar .navbar-nav>li>a {
	font-size: 1.2em;
	line-height: 30px;
	height: 62px;
	color: #aaa;
	padding-top: 10px;
}

.navbar .navbar-nav>li>a:hover {
	color: #eee;
}

.navbar a.navbar-brand
{
	margin-top: 5px;
	font-size: 2em;
	color: #aaa;
}

.navbar a.navbar-brand:hover
{
	color: #ccc;
}

.navbar-right {
		
}

#footer {
	margin-top: 200px;
	background: #fff;
	height: 120px;
}

.hero-unit {
	background-color: transparent;
	color: white;
	font-size: 25px;
	//text-shadow: 0 0 1px rgba(0,0,0,0.3);
	float: left;
	display: block;
}

.top-bar {
	width: 100%;
	display: block;
	float: left;
}

#top-banner {
	margin-left: auto;
	margin-right: auto;
	max-height: 300px;
	display: block;
}

#screenshots {
	
	margin: auto;
	
	//width: 200px;
	//height: 300px;
	
}

#screenshots img {
	margin-right: auto;
	margin-left: auto;
}

/*66CCFF*/
#content {
	margin: auto;
	background-color: transparent;
	color: #fff;
	display: block;
	
}
#googleplay img {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	clear: both;
}

iframe {
	display: block;
	margin: auto;
	background-color: #fff;
}


#halloffame table {
	width: 100%;
	//border: 1px solid #fff;
	border-radius: 5px;
	margin-bottom: 50px;
}

#webplayer {
	width: 800px;
	height: 600px;
	background-color: #555;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.social_bullshit {
    opacity: 0.4;
}

.jumbotron {
	background-color: transparent;
}

/*
Theme Name: StanleyWP
Theme URI: http://gentsthemes.com
Description: Responsive WordPress theme with all the Twitter Bootstrap elements and features.

Author: Brad Williams & Carlos Alvarez & Carlos Alvarez
Author URI: http://gentsthemes.com
Version: 3.0.3
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, bootstrap, twitter

Copyright (C) 2011-2014 Gents Themes
License: GNU General Public License, version 3 (GPLv3)
License URI: license.txt
	
CREATE CHILD THEME.
See: http://codex.wordpress.org/Child_Themes
	
CSS Rules: Sorted alphabetically for better organization.
*/

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	background-color: #ffffff;
	color: #555;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

/* Titles */
h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Montserrat', sans-serif; font-weight: 700; }

h1 { font-size: 35px; margin-bottom: 30px; margin-top: 30px; }

.author-avatar img { -webkit-border-radius: 95px; -moz-border-radius: 95px; border-radius: 95px; }


/* Paragraph & Typographic */
p { font-size: 16px; line-height: 28px; margin-bottom: 25px; }

.centered { text-align: center; }

/* Links */
a {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	color: #1abc9c;
	transition: color 0.1s ease-in, background 0.1s ease-in;
	word-wrap: break-word;
}

a:hover,
a:focus { color: #7b7b7b; outline: 0; text-decoration: none; }

a:before,
a:after {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
}


/*
.navbar { margin-bottom: 0px; text-transform: uppercase; }

.navbar-inverse { padding-bottom: 70px; padding-top: 70px; }

.navbar-inverse { background-color: #1abc9c; border-color: #16a085; }

.navbar-inverse .navbar-nav > li > a { color: white; }

.navbar-inverse .navbar-nav > li > a:hover { color: #222222; }

.navbar-brand { font-size: 20px; font-weight: 700; letter-spacing: 2px; }

.navbar-inverse .navbar-brand { color: white; }

.navbar-inverse .navbar-toggle { border-color: transparent; }

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover { background-color: transparent; color: #222222; }

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color: transparent; color: #222222; }
*/
.progress-bar-theme { background-color: #1abc9c; }


/* noname */
.navbar .navbar-nav>li>a {
	font-size: 1.2em;
	line-height: 30px;
	height: 62px;
	color: #aaa;
	padding-top: 10px;
}

.navbar {
	margin-bottom: 0px;
}

.navbar .navbar-nav>li>a:hover {
	color: #eee;
}

.navbar a.navbar-brand
{
	margin-top: 5px;
	font-size: 2em;
	color: #aaa;
}

.navbar a.navbar-brand:hover
{
	color: #ccc;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: transparent;
}


/* Helpers */

.mt { margin-bottom: 40px; margin-top: 40px; }

.pt { padding-bottom: 50px; padding-top: 50px; }


/* +++++ WRAP SECTIONS +++++ */

#ww { background-color: #f2f2f2; padding-bottom: 70px; padding-top: 70px; }




#footer p { color: white; }

#footer h4 { color: white; padding-bottom: 20px; text-transform: uppercase; }


/* +++++ Color Wraps / Blog Page +++++ */

#grey { background-color: #f2f2f2; padding-bottom: 60px; padding-top: 60px; }

#white { background-color: #ffffff; padding-bottom: 60px; padding-top: 60px; }



/* Blog Date*/
bd {
	color: #d2d2d2;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

/* Blog Author*/
ba { font-size: 12px; padding-left: 5px; text-transform: uppercase; }

/* Blog Quote */
.bq { font-size: 22px; padding-top: 30px; }

/* Blog Tags */
bt { font-size: 12px; }

/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
/* Effects also are controled by hover.zoom.js */
.zoom { 
    display:block; 
    position:relative; 
    overflow:hidden; 
    background:transparent url(images/loader.gif) no-repeat center;
}


.zoomOverlay {
    position:absolute;
    top:0; left:0;
    bottom:0; right:0;
    display:none;
    background-image:url(images/zoom.png);
    background-repeat:no-repeat;
    background-position:center;
}

.zoom2 {
	opacity: 1;
}

.zoom2:hover {
	opacity: 0.5;
}

/* glyphicon Configuration */

.glyphicon { color: #1abc9c; font-size: 40px; }

/* WP User Avatar */

.wp-user-avatar {margin: 0;}