/*SITE STYLING*/
html {
	height: 100%;
}  
body
{
	background:url(../images/bg2.jpg) #151515 repeat-x left top;
	margin: 0;

	color:#333;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*HEADER STLYING*/
a
{
	color:forestgreen;
}
a:hover
{
	color:#89D300;
}
.header
{
	padding-bottom:30px;
}

.logo
{
	height:150px;
	margin-right:auto;
	margin-left:auto;

	display:block;

	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
.title
{
	color:#fff;
	float:left;
	display:none;
}
.title h1
{
	font-weight:bold;
	font-size:4em;
	letter-spacing:-.04em;
}
.title p
{
	float:right;
	font-weight:bold;
	letter-spacing: -0.05em;
	font-size: 1.2em;
}
.title span
{
	color:#AAFF00;
}

/*NAVBAR STYLING*/
.navbar .nav{
	float: none;
	text-align: center;
}
.navbar .nav > li{
	float: none;
	display: inline-block;
}
/*navbar link styling*/
.navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a {
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 1em;
	font-weight: bold;
	text-transform:uppercase;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	/*color:#9d9d9d;*/
	color:#98ea00;
}
.navbar-inverse .navbar-brand
{
	color:#fff;
}
/*FOOTER STYLING*/
.footer
{
	padding-top: 4em;
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.footer .row
{
	margin-left: auto;
	margin-right: auto;
}
.social
{
	display:inline-block;
	width:55px;
	height:50px;
	padding-right:5px;
}
.social_div
{
	display:block;
	width:165px;
	margin-left: auto;
	margin-right: auto;
}
.frclogo
{
	padding-top:2em;
	padding-bottom:2em;
	width:200px;
	padding-left:10px;
	margin-left: auto;
	margin-right: auto;
}
/*PAGE CONTENT STLYING*/
.content_img
{
	width:100%;
	height:auto;
}
.subtitle
{
	font-size: 1.71em;
	letter-spacing: -.04em;
}
.page
{
	max-width:60em;
}

.page img
{
	width:100%;
	height:auto;
}
.page-wide
{
	max-width:70em;
}

/*FOR DEV*/
#tablet{
	display:none;
}
#desktop{
	display:none;
}

/*HOME PAGE STLYING*/
.content{
	background-color:#fff;
	padding:20px;
	border-radius:5px;
}
.content img{
	display: block;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;

	width: 100%;
	max-width: 27em;
	max-height: 100%;

	padding-top:1em;
}

.container-fluid {
	padding-top: 1.25em; 
	padding-bottom:2em;
	width: auto;
	height: auto;
	background-color: #fff;
}
div.container-fluid
{
	border-radius:.5em;
}
img {
	margin-left: auto;
	margin-right: auto;
	max-height: 400px;
	max-width: 600px;
	display:block;
}

.carousel
{
	margin-bottom:1.5em;
	max-width:600px; /*the size of the pictures*/

	margin-left:auto;
	margin-right:auto;
}
.content /*just the content of the homepage*/
{
	font-size:1.1em;
}
.quick_links
{
	padding-top:2em;
}
.quick_links ul
{
	display:inline;
	float:left;
}
/*SPONSOR PAGE STYLING*/
.sponsor_row img
{
	margin-right: auto;
	margin-left: auto;
	display: block;

	max-width:250px;
	height:auto;
	padding:1.6em;
}
.sponsor_txt
{
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
}
.tiertitle
{
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 500px;

	padding-bottom: 25px;
	padding-top: 25px;
}
.tiertitle p
{
	margin-right: 1.3em;
	margin-left: 1.3em;

	color: darkgreen;
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	text-align: center;
}

/*DONATE PAGE*/
.page_txt
{
	padding: 0px 25px 25px 25px;
}


/*NEWS PAGE*/
.news-content
{
	padding:0 25px 25px 25px;
}

/*Community Page*/
.community img
{
	border-radius:5px;
	max-width:350px;
	max-height:233px;
}

.community .row
{
	padding-bottom:25px;
	padding-top:30px;
}

.community li{
	width:33%;
}

/*GAMES PAGE*/
.games 
{
	max-width:65em;
	padding-bottom:25px;
}
.games .row
{
	padding-left:25px;
	padding-right:25px;
}
.games img
{
	max-width:100%;
	height:auto;
}
.data_table
{
	text-align: center;
}
.data_table th
{
	background-color: #bada55;
}
.data_table, .data_table th, .data_table td
{
	border:1px solid #000;
}
.data_table, .data_table th, .data_table tr{
	padding: 0px 5px 0px 5px
}

table.desktop{
	display:none;
}
table.mobile
{
	margin-bottom:15px;
}
.sub_txt
{
	font-size:12px;
}

.nobotpad /*no bottom padding, if you were wondering*/
{
	padding-bottom:0px;
}

/*==========  MEDIA QUERIES  ==========*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.logo
	{
		float:right;
		margin-right:5%;
	}
	.navbar-default
	{
		margin-top:145px;
	}
	.title
	{
		display:inline;
		margin-left:5%;
	}
	.subtitle
	{
		padding:15px;
	}
	.content
	{
		margin-right:auto;
		margin-left:auto;

		max-width:700px;
	}
	.container-fluid {
		margin-left:3em;
		margin-right:3em;
	}

	/*FOR DEV*/
	#phone{
		display:none;
	}
	#desktop{
		display:none;
	}
	#tablet{
		display:inline;
	}

	/*CUSTOM WIDTHS for each page*/
	.sponsor{
		max-width: 70em;
	}

	p#sponsor_us
	{
		float: right;
		margin-top: -5em;
		padding-right: 20px;
	}

	.community ul{
		margin-right:50px;
		margin-left:50px;
	}
	.community .tab-content
	{
		margin-right:50px;
		margin-left:50px;
	}

	table.mobile
	{
		display:none;
	}
	table.desktop
	{
		display:table;
	}

	.games img
	{
		max-width:60%;
		height:auto;
		padding-top:30px;
	}

	.social
	{
		display:inline-block;
		padding-right:5px;
		float:left;
	}
	.social_div
	{
		float:left;
	}
	.frclogo
	{
		padding-top:0em;
		width:200px;
		display:inline-block;
		padding-left:10px;
		float:right;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.logo
	{
		margin-right:15%;

		-webkit-transition:all 1s ease;
		-moz-transition:all 1s ease;
		-o-transition:all 1s ease;
		transition:all 1s ease;
	}
	.title
	{
		margin-left:20%;
	}
	.content{
		max-width:900px;
	}
	.content img{
		padding-top:0em;
	}

	#intro {
		display: inline;
		/*float: left;*/
	}
	.carousel {
		float: right;
		margin-left:1.25em;
	}
	.content
	{
		margin:0;
	}

	.container-fluid {
		margin-left:auto;
		margin-right:auto;
	}
	.carousel
	{
		max-width:500px;
	}

	/*FOR DEV*/
	#tablet{
		display:none;
	}
	#phone{
		display:none;
	}
	#desktop{
		display:inline;
	}

	.sponsor_row
	{
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}

	.sponsor_row img
	{
		margin-right: auto;
		margin-left: auto;
		display: block;

		max-width:300px;
		height:auto;
		padding:1.6em;
	}

	/*NEWSLETTER ARCHIVE PAGE*/
	img.newsletter{
		margin-top:-4em;
	}
	/*COMMUNITY PAGE*/
	p.com_txt
	{
		padding-top:25px;
	}

	.games img
	{
		max-width:100%;
		height:auto;
		padding-top:30px;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1250px) {
	.logo
	{
		margin-right:20%;
	}
	.title
	{
		display:inline;
		margin-left:25%;
	}
	.container-fluid {
		padding-top: 0em; 
		padding-bottom:0em;	
	}
	.carousel
	{
		margin-bottom:0em;
		margin-right:-1.2em;
		max-width:600px;
	}
	.home{
		max-width: 86em;
	}

	img.newsletter{
		width: 600px;
		height: 400px;
		margin-top: -86px;
	}
	.container-fluid .games{
		padding-bottom: 25px;
	}
}

#big_img /*for logos that are bigger than the rest*/
{
	max-width:225px;
}