body {
	background-color: #FFDBAA;
	margin-top:55px;
	font-family: 'Lato', arial, sans-serif;
	color: #553100;
}
p {
	font-family: "nexa_lightregular";
	font-size: 18px;
}
h1 {
	font-family: "Oswald";
	font-weight: bold;
	text-transform:uppercase;
	font-size: 50px;
    display: inline;
}
h1.alternative {
	font-family: "pacificoregular";
	font-weight: normal;
	text-transform: none;
    display: inline;
    line-height: 75px;
}
h2 {
	font-family: "nexa_lightregular";
	font-weight: normal;
	text-transform: none;
}
h3 {
	font-family: "nexa_lightregular";
	font-weight: normal;
	text-transform: none;
}
table.filled {
	margin: 40px;
	background-color: #F0CC9B;
}
table.filled th {
	padding: 5px 0px 0px 0px;
	background-color: #AA791B;
	color: #553100;

	font-family: "Oswald";
	font-weight: bold;
	text-transform:uppercase;
	text-align: center;
	font-size: 50px;

	-webkit-border-top-left-radius: 10px;
	    -moz-border-radius-topleft: 10px;
	        border-top-left-radius: 10px;

	-webkit-border-top-right-radius: 10px;
	    -moz-border-radius-topright: 10px;
	        border-top-right-radius: 10px;
}
table.filled tr td.underbar {
	color: #553100;
	padding: 0px 5px 0px 0px;
}

.game_cell {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 30px 15px 0px 15px;
	text-align: center;
	z-index: 0;

	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	        border-radius: 7px;
}

.game_cell  div {
	text-align: center;
	padding: 0px;
}
.game_cell  div  p{
	color: #FFDBAA;
	padding: 10px;
}
.game_cell  div  a{
	font-weight: bold;
	color: #AAA039;
}

.previewable .invis {
	width: 300px;
	padding: 0px 5px 0px 5px;
	max-width: 300px;
	max-height: 0;
	overflow:hidden;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

	-webkit-transition: all 200ms ease-in-out; 
	   -moz-transition: all 200ms ease-in-out; 
	     -o-transition: all 200ms ease-in-out; 
	        transition: all 200ms ease-in-out; /* easeInOutCubic */

	-webkit-transition-timing-function: ease-in-out; 
	   -moz-transition-timing-function: ease-in-out; 
	     -o-transition-timing-function: ease-in-out; 
	        transition-timing-function: ease-in-out; /* easeInOutCubic */
}
.previewable:hover .invis {
	padding: 5px 5px 0px 5px;
	max-height: 500px;
}
.game_cell div img {
	padding: 5px;
	height: 300px;
	width: 300px;
	margin-left: auto;
    margin-right: auto;

	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;

	-webkit-transition: all 200ms ease-in-out; 
	   -moz-transition: all 200ms ease-in-out; 
	     -o-transition: all 200ms ease-in-out; 
	        transition: all 200ms ease-in-out; /* easeInOutCubic */

	-webkit-transition-timing-function: ease-in-out; 
	   -moz-transition-timing-function: ease-in-out; 
	     -o-transition-timing-function: ease-in-out; 
	        transition-timing-function: ease-in-out; /* easeInOutCubic */

}
.game_cell:hover div img {
	width: 300px;
	height: 300px;
}

.game_header {
	text-align: center; 
	padding: 0px; 
	border: 0px; 
	font-family: Oswald;
}

.game_cell .previewable .invis .header {
	text-align: center;
	font-size: 32px;
	font-family: Oswald;
	color: #FFDBAA;
}

.jam {
	background-color: #553100;
}

.jam .previewable .invis .header:after {
	content: "Jam game";
}

.aaa {
	background-color: #553100;
}

.aaa .previewable .invis .header:after {
	content: "AAA game";
}

.wip {
	background-color: #553100;
}

.wip .previewable .invis .header:after {
	content: "WIP";
}

.release {
	background-color: #553100;
}

.release .previewable .invis .header:after {
	content: "Release";
}

.proto {
	background-color: #553100;
}

.proto .previewable .invis .header:after {
	content: "Prototype";
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}
#slot0, #slot1, #slot2{
    display: inline;
}
#titleSlot{
	color: #AAA039;
	line-height: 70px;
}
#titleSlot:hover{
	color: #BAB049;
	font-weight:normal;
}

.hideUntilLoaded{
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	transition-timing-function:ease-out;
	white-space:nowrap;
}

.navbar-nav > li > p
{
	display: none;
}
.nav > li > p
{
	display: inline;
}

.navbar {
	background-image: none;
	background-repeat: no-repeat;
}

.navbar-fixed-top {
	top: 0;
	border-width: 0 0 0;
}

.navbar-default {
	background-color: rgba(170,121,27, 0.98);
}
.navbar-default .navbar-toggle {
	border-color: transparent;
	background-color: transparent;	
}
.navbar-default .navbar-toggle:focus {
	background-color: transparent;	
}
.navbar-default .navbar-toggle:hover {
	background-color: transparent;
	color: #BAB049;
}
.navbar-default .navbar-toggle:active span.dropshadow.icon {
	color: #BAB049;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
	background-color: #AA7939;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
	background-color: #553100;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
	background-color: #AA7939;
}
.navbar-default .navbar-collapse {
	border-color: transparent;
	border-top-width: 0px;
}
.underbar	{
	float: right;
	height: 5px;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	background-color: #553100;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.15);
}

.bottombar {
	float: right;
	height: 5px;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	background-color: #553100;
}

.dropshadow {
	height: 50px;
	text-shadow: -3px 3px 2px rgba(0,0,0,0.85);
}
.dropshadow:hover {
	height: 50px;
	text-shadow: -3px 3px 1px rgba(0,0,0,0.50);
}

.icon > .text {
	color: #AAA039;	
	font-family: "pacificoregular";
	text-align: right;
	font-size: 24px;
}

.icon > .text:hover {
	color: #BAB049;
}

.icon {
	color: #AAA039;
}

.icon:hover {
	color: #BAB049;
}

a:link, a:visited {
	color: #AAA039;
}
a:active, a:hover {
	font-weight:bold;
	color: #AAA039;
}

hr.modified {
	border: 0;
	height: 1px;
	background: black;
	background-image: -webkit-ease-in-out-gradient(left, #FFDBAA, #999, #FFDBAA); 
	background-image:    -moz-ease-in-out-gradient(left, #FFDBAA, #999, #FFDBAA); 
	background-image:     -ms-ease-in-out-gradient(left, #FFDBAA, #999, #FFDBAA); 
	background-image:      -o-ease-in-out-gradient(left, #FFDBAA, #999, #FFDBAA); 
}

hr.modified_two {
	border: 0;
	height: 1px;
	background: black;
	background-image: -webkit-ease-in-out-gradient(left, #FFF7AA, #999, #FFF7AA); 
	background-image:    -moz-ease-in-out-gradient(left, #FFF7AA, #999, #FFF7AA); 
	background-image:     -ms-ease-in-out-gradient(left, #FFF7AA, #999, #FFF7AA); 
	background-image:      -o-ease-in-out-gradient(left, #FFF7AA, #999, #FFF7AA); 
}

#logo_txt span {
	font-family: 'pacificoregular';
	font-size: 40px;
	color: #AAA039;
	font-weight: normal;
	padding: 20px;
}
#logo_txt:hover span {
	font-family: 'pacificoregular';
	font-size: 40px;
	color: #BAB049;
	font-weight: normal;
	padding: 20px;
}
