/*@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-black-webfont.eot');
  src: url('../fonts/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black-webfont.woff') format('woff'), url('../fonts/lato/lato-black-webfont.ttf') format('truetype'), url('../fonts/lato/lato-black-webfont.svg#latoblack') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-bold-webfont.eot');
  src: url('../fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold-webfont.woff') format('woff'), url('../fonts/lato/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato/lato-bold-webfont.svg#latobold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-bolditalic-webfont.eot');
  src: url('../fonts/lato/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bolditalic-webfont.woff') format('woff'), url('../fonts/lato/lato-bolditalic-webfont.ttf') format('truetype'), url('../fonts/lato/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-italic-webfont.eot');
  src: url('../fonts/lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-italic-webfont.woff') format('woff'), url('../fonts/lato/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato/lato-italic-webfont.svg#latoitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-light-webfont.eot');
  src: url('../fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light-webfont.woff') format('woff'), url('../fonts/lato/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato/lato-light-webfont.svg#latolight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('fonts/lato/lato-regular-webfont.eot');
  src: url('fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato/lato-regular-webfont.woff') format('woff'), url('fonts/lato/lato-regular-webfont.ttf') format('truetype'), url('fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'Flat-UI-Icons';
  src: url('../fonts/Flat-UI-Icons.eot');
  src: url('../fonts/Flat-UI-Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Flat-UI-Icons.woff') format('woff'), url('../fonts/Flat-UI-Icons.ttf') format('truetype'), url('../fonts/Flat-UI-Icons.svg#Flat-UI-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  background: #e7e7e2;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -200px;
  /* Pad bottom by footer height */
  padding: 0 0 200px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 200px;
  background-color: #f5f5f5;
}

h1
{
	font: 26pt "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 700;
	color: #404040;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2, #article-container > .fancyHeader
{
	font: 18pt "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 600;
	color: #16a085;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d8d8d8;
}

h3
{
	font: 16pt "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 600;
	color: #404040;
	margin-top: 5px;
	margin-bottom: 5px;
}

body, p
{
	font: 12pt/1.5 "Lato", "Helvetica Neue", sans-serif;
}

.spacer
{
	clear:both;
}

.page-header
{
	margin-top: 30px;
	border-bottom: 1px solid #d8d8d8;
}

.pagination > li > a
{
	font-size: 10pt;
	font-weight: 500;
	border:1px solid #c8c8c8;
	padding-left: 10px;
	padding-right: 10px;
}

.quote
{
	padding-left: 10px;
	border-left: 3px solid #5d95ba;
	line-height:1.0;
}

.big-number
{
	font-family: 'Lato'; 
	font-weight: 600;
	font-size: 15pt;
}

.thin-title
{
	font: 14pt/1.0 "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 300;
}

.thin-title-sm
{
	font: 12pt/1.0 "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 300;
}

.thin-line
{
	border-color: #e5e5e5;
	width: 75%;
	margin: 0 auto;
}

.thin-line-big
{
	border-color: #e5e5e5;
	width: 84%;
	margin: 0 auto;
}

.thin-line-max
{
	border-color: #e5e5e5;
	width: 100%;
	margin: 0 auto;
}

.light-box, .tableWrapper, .simpleBox
{
	background: #f5f5f5; 
	border: 1px solid #e1e1e1; 
	padding: 15px;
}

.tableWrapper, .simpleBox
{
	margin-top:20px;
	margin-bottom:20px;
}

#article-container > h2, #article-container > .fancyHeader
{
	margin-bottom:20px;
}

#article-container > h2 > a
{
	color: #16a085;
}



/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#stencylpass
{
	vertical-align:middle;
	max-width:22px;
	max-height:22px;
	*height:22px;
	margin-top:-3px;
	*margin-top:0px;
	margin-right:6px;
	border:none;
	cursor:pointer;
	display:inline-block;
}

#wrap > .container {
  padding: 0px 15px 0;
}

#footer > .container {
  padding-left: 0px;
  padding-right: 0px; /* 15px before */
}

#sidebar > .container {
  /*padding:0px;*/
  border-left:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
}

#main-container
{
	background: #fafafa; 
	border: 1px solid #d8d8d8;
	border-top:0px;
	border-top: 0px;
}

code {
  font-size: 80%;
}

.navbar {
	background-color: #393939;
	padding: 0;
	margin: 0;
	min-height: 40px;
}

.navbar-default .navbar-brand 
{
	line-height:40px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 35px;
	margin-left: 15px;
}

.navbar-default .navbar-nav > li > a {
	font: 10.5pt "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 400;
	color: #ecf0f1;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 40px;
}

.navbar-default p {
	padding: 0;
	margin: 0;
	line-height: 40px;
	color: #525252;
	margin-right: 10px;
	margin-left: -10px;
}

.navbar-default .action-button {
	margin-top: 9px;
}

.navbar-right .navbar-nav > li > a {
	color: #c1c1c1;
}

.navbar-links > li > a:first-letter
{
	font-size: 12pt;
}

.navbar-default .navbar-nav > li > a:hover
{
	background-color: #3498DB;
	color: #ffffff;
}

.navbar-default .navbar-nav > .dropdown > li > a:hover,
.navbar-default .navbar-nav > .dropdown > li > a:focus
{
  	border-top-color: #777777;
  	border-bottom-color: #777777;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret 
{
  	border-top-color: #777777;
  	border-bottom-color: #777777;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus
{
	background-color: #393939;
	color: #ecf0f1;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.signup:hover,
.signup:focus
{
  	background-color: #3498DB;
	color: #ffffff;
}

.navbar .navbar-right > li > a:hover
{
	background-color: #393939;
	color: #F1C40F;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #3498DB;
}

.navbar
{
	border-radius: 0px;
	border: 0px;
}

#footer
{
	border-top: 1px solid #cccecf;
	background-color: #ebebeb;
}

.credit
{
	font: 10pt "Lato", "Helvetica Neue", sans-serif;
	color: #777777;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}

.credit > a
{
	color: #777777;
}

.creditbox
{
	margin-top: -20px;
	border: 1px solid #d7d8d9;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #f8f8f8;
	height: 150px;
	clear: both;
}

.creditbox > .col-xs-4
{
	padding-right: 100px;
}

.creditbox > .col-xs-4 > h1, .creditbox > .col-xs-3 > h1, .creditbox > .col-xs-2 > h1, .affixtitle
{
	font: 13pt "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 600;
	color: #676767;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	
}

.creditbox > .col-xs-4 > p
{
	font: 10.5pt/1.5 "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 500;
	color: #676767;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.btn-xs
{
	font: 10.5pt/1.5 "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px;
}

.action-button
{
	background-color: #35a09b;
	margin-right: 10px;
}

.action-button2
{
	background-color: #35a09b;
	margin-right: 0px;
}

.action-button:hover, .action-button2:hover, .btn-primary:hover
{
	background-color: #E67E22;
}

.action-button-negative
{
	background-color: #C0392B;
	margin-right: 0px;
}

.footer-links, .pedia-links
{
	font: 10.5pt/1.5 "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 500;
	list-style: none;
	margin: 0x;
	padding: 0px;
}

.gametitle
{
	font: 11pt "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 600;
	color: #676767;
}

.gameauthor
{
	font: 10pt "freight-sans-pro", "Helvetica Neue", sans-serif;
	font-weight: 400;
	font-style: oblique;
	color: #898989;
}

.author
{
	font-size: 13pt;
	font-weight: 600;
}

.subtitle
{
	font-size: 13pt;
	font-weight: 500;
	font-style: italic;
}

.subtitle-small
{
	font-size: 11pt;
	font-weight: 500;
	font-style: italic;
	color: #787878;
}

.article > p
{
	font: 12pt/1.5 "ff-tisa-web-pro", "Georgia", serif;
	font-weight: 400;
	margin-bottom:25px;
}


.body 
{
	position: relative;
}

.affix 
{
 	width: 100%;
	position: fixed;
  	top: 0px;
  	z-index: 9999;
  	background:#ffffff;
}

.affix-bottom 
{
  	width: 100%;
  	position: absolute;
  	top: auto;
  	bottom: 200px;
  	z-index: 9999;
  	background:#ffffff;
}

.affix-top 
{
	width: 100%;
	position: absolute;
  	top: auto;
  	z-index: 2;
  	background:#ffffff;
}

.btn-default {
  color: #676767;
  background-color: #ffffff;
  border-color: #BDC3C7;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #e8e8e8;
  background-color: #2980B9;
  border-color: #ffffff;
}


.nav-tabs > li > a {
  	color: #676767;
  	font-size: 13pt;
	font-weight: 300;	
  	margin-right: 30px;
}

.nav-tabs > li + li {
  	margin: 0;
  	padding: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #16A085;
  	font-weight: 400;
  	border-radius:0;
}

.pager li > a,
.pager li > span {
  	background-color: #ffffff;
  	border: 1px solid #c8c8c8;
}

.pager li > a:hover,
.pager li > a:focus {
	color:#ffffff;
  	background-color: #2980B9;
}

#new
{
	display: block; 
	position: relative; 
	top: -40px; 
	visibility: hidden;
}

.btn-primary
{
	border: 0;
}

/*@media (min-width: 768px) {
  .col-xs-4 {
    width:30%;
    margin-left:5px;
    margin-right:5px;
  }
}

@media (min-width: 992px) {
  .col-xs-4 {
    width:280px;
    margin-left:10px;
    margin-right:10px;
  }
}

@media (min-width: 1200px) {
  .col-xs-4 {
    width:300px;
    margin-left:34px;
    margin-right:34px;
  }
}*/

@media (min-width: 768px) {
  .container {
    width: 1170px !important;
  }
}

@media (min-width: 992px) {
  .container {
    width: 1170px !important;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px !important;
  }
   
  .affix {
		width: 100%;
		position: fixed;
  }
	
  .affix-bottom {
		width: 100%;
  }
	
  .affix-top {
		width: 100%;
  }
}