/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

html, body, #form1 {
	height: 100%;
	margin:0;
	padding:0;
}
body {
	background:#fff url(../Userfiles/template/site-bg.png);
	background-position:top center;
}
.page-wrap {
	background:url(../Userfiles/template/page-wrap-bg.png);
	background-repeat:repeat-x;
	background-position:top center;
	height:273px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
.home .page-wrap {
	background:url(../Userfiles/template/page-wrap-bg-home.png);
	height:523px;
	background-repeat:repeat-x;
	background-position:top center;
}
.container {
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
	background:url(../Userfiles/template/page-bg.png);
	background-position:top center;
	background-repeat:repeat-y;
}
.full .container {
	background:url(../Userfiles/template/page-bg-full.png);
	background-position:top center;
	background-repeat:repeat-y;
}
header {
	height:214px;
	position:relative;
	background: url(../Userfiles/template/header-bg.png);
	background-repeat:no-repeat;
z-index:3900;
position:relative;
}
.home header {
	height:464px;
	background: url(../Userfiles/template/header-bg-home.png);
z-index:3900;
position:relative;
}

nav {
	height:33px;
	position:absolute;
	top:57px;
	left:200px;
	z-index:2900;
}
#mobile-menu {
font-family:'8bitoperator_jver',Helvetica, Arial, sans-serif;
padding:8px;
position:absolute;
top:37px;
right:30px;
z-index:9900;
cursor:pointer;
font-size:40px;
display:none;
padding:30px 10px;
}

#main-nav {display:block;}

div#logo {
	width:120px;
	height:120px;
	left:40px;
	position:absolute;
	top:10px;
}
div#top-nav {
	position:absolute;
	top:0px;
	right:10px;
	z-index:200;
}
div#tagline {
	position:absolute;
	bottom:0px;
	color:#CCE2F2;
	font-size:14.5pt;
	font-style:italic;
	top:60px;
	text-align:center;
	line-height:1.3em;
	left:350px;
	z-index:90;
}
/* CONTENT */
section#content {
	background:url(../Userfiles/template/content-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
	text-align: left;
}
.full section#content {
	background:url(../Userfiles/template/content-bg-full.png);
	background-position:top center;
	background-repeat:no-repeat;
}
/* LEFT SIDE */

aside#left-side {
	background-color:#ccc;
}
/* RIGHT SIDE */
aside#right-side {
	min-height: 50px;
	height: auto !important;
	height: 50px;
}
#sidebar {
	min-height: 50px;
	height: auto !important;
	height: 50px;
	margin-left:50px;
	margin-top:30px;
	margin-right:40px;
}
/* MAIN */
article#main {
	position:relative;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}
.main-text {
	padding-left:60px;
	padding-top:35px;
}
.sticky-push {
	height: 150px;
	clear:both;
}
/* FOOTER */
#footer-wrap {
	height: 150px;
	margin: 0 auto;
	text-align:center;
	position:relative;
	background:#ccc;
	background:#ccc url(../Userfiles/template/footer-wrap-bg.png);
	background-position:top center;
background-repeat:repeat-x;
}
footer {
	margin: 0 auto;
	text-align:center;
	position:relative;
	width:940px;
	height: 150px;
	background:#ccc url(../Userfiles/template/footer-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.full footer {
	background:url(../Userfiles/template/footer-bg-full.png);
	background-position:top center;
	background-repeat:no-repeat;
}
div#credits {
	color:#666;
	position:absolute;
	text-align:left;
	left:15px;
	top:70px;
}
/* #Page Styles
================================================== */

/* SLIDESHOW */

.slideshow-wrap {
	background: url(../Userfiles/template/home-header-bg.jpg);
	position:absolute;
	top:133px;
	left:0px;
	height:320px;
	width:940px;
}
.slide-cover-left {
	background: url(../Userfiles/template/slide-cover-left.png);
	width:70px;
	height:320px;
	position:absolute;
	left:0px;
	z-index:1900;
}
.slide-cover-right {
	background: url(../Userfiles/template/slide-cover-right.png);
	width:70px;
	height:320px;
	position:absolute;
	right:0px;
	z-index:1900;
}
#slideshow {
	position:absolute;
	height:230px;
	left:95px;
	top:25px;
	width:710px;
	padding:20px;
}
#home-slider table {
	float:left;
	left:0;
	top:0;
	position:relative;
	z-index:2;
	color:#fff;
	line-height:16px;
	font-size:9pt;
}
#home-slider table img {
	position:relative;
	right:0px;
	
}

#home-slider table td ~ td img {
	position:relative;
	right:0px;
	max-height:230px;
}
#home-mask {
	overflow: hidden;
	position: absolute;
	height:230px;
	width:710px;
}
.buttons {
	height:300px;
	top:320px;
	position:absolute;
	left:50px;
	bottom:30px;
	z-index:1900;
}
.buttons .button {
	background: url(../Userfiles/template/slider-buttons.png) no-repeat 0px 0px;
	height:18px;
	display:block;
	position:relative;
	margin-bottom:5px;
	width:16px;
	cursor:pointer;
}
.buttons .active, .buttons .button:hover {
	background: url(../Userfiles/template/slider-buttons.png) no-repeat -30px 0px;
}
.gridviewHeader {
	font-weight:bold;
	line-height:2em;
}

.game-title {display:block; margin-bottom:10px; margin-right:10px;}

.game-stars {width:90px; display:block; margin-left:10px;}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {


h1.pagename {font-size:46pt;
padding-left:20px;}

 header {
 background: url(../Userfiles/template/header-bg-768.png);
background-position:top center;
 background-repeat:no-repeat;
}
 .home header {
 background: url(../Userfiles/template/header-bg-home-768.png);
 background-repeat:no-repeat;
height:400px;
}
 .container {
 background:url(../Userfiles/template/page-bg-768.png);
background-position:top center;
 background-repeat:repeat-y;
}

 .full .container {
 background:url(../Userfiles/template/page-bg-full-768.png);
background-position:top center;
 background-repeat:repeat-y;
}

#main-nav {display:block;}

/* SLIDESHOW */
.slideshow-wrap {
 background: url(../Userfiles/template/home-header-bg-768.jpg);
 height:256px;
 width:100%;
}
 .slide-cover-left {
height:256px;
}
 .slide-cover-right {
height:256px;
}
 #slideshow {
 height:180px;
 width:530px;
padding:10px;
}
 #home-slider table {
 line-height:12px;
 font-size:8pt;
}
 #home-slider table td ~ td img {
max-height:170px;
}
 #home-mask {
 height:180px;
 width:530px;
}
.buttons {
 height:300px;
top:260px;
}
 section#content {
 background:url(../Userfiles/template/content-bg-768.png);
background-position:top center;
 background-repeat:no-repeat;
}

 .full section#content {
 background:url(../Userfiles/template/content-bg-full-768.png);
background-position:top center;
 background-repeat:no-repeat;
}
 footer  {
width:748px;
 background:url(../Userfiles/template/footer-bg-768.png);
 background-repeat:no-repeat;
}

.full footer  {
width:748px;
 background:url(../Userfiles/template/footer-bg-full-768.png);
 background-repeat:no-repeat;
}
 .footer-nav {
width:300px;
}

}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

h1.pagename {font-size:26pt;
padding-left:20px;}

header {
 background: url(../Userfiles/template/header-bg-480.png);
 background-repeat:no-repeat;
}
#mobile-menu {
display:block;
}

.game-title { line-height:1em; font-size:8pt; }

nav {left:10px;}

 .home header {
 background: url(../Userfiles/template/header-bg-home-480.png);
 background-repeat:no-repeat;
height:400px;
}
 .container, .full .container {
 background: url(../Userfiles/template/page-bg-480.png);
background-position:top center;
 background-repeat:repeat-y;
}

#main-nav {display:none;}

/* SLIDESHOW */
.slideshow-wrap {
 background: url(../Userfiles/template/home-header-bg-480.jpg);
background-position:center;
 height:256px;
 width:440px !important;
}
 .slide-cover-left {
height:256px;
}
 .slide-cover-right {
height:256px;
}
 #slideshow {
 height:180px;
 width:300px;
padding:10px;
}
 #home-slider table {
 line-height:12px;
 font-size:8pt;
width:100%;
}
#home-slider td{
float:left;
	position:relative;
	z-index:2;
}

 #home-slider table td ~ td img {
display:none;
}
 #home-mask {
 height:180px;
padding:0;
margin:0;
 width:300px !important;
}
.buttons {
 height:120px;
top:260px;
left:30px;
}
 section#content, .full section#content {
 background:url(../Userfiles/template/content-bg-480.png);
background-position:top center;
 background-repeat:no-repeat;
}

.main-text {padding-right:60px;}


 footer, .full footer {
width:420px;
 background:url(../Userfiles/template/footer-bg-480.png);
font-size:8pt;
	background-repeat:no-repeat;
}
 .footer-nav {
display:block;
width:300px;
padding:0;
margin:0;
float:none;
}


nav ul#navmenu {
border:0;
border-top:1px solid #ccc;
border-bottom:1px solid #000;
width:400px;
height:100%;
top:68px;
position:relative;
z-index:2900;
}

nav ul#navmenu ul {
	display:block;
	float:none;
	padding-top:0px;
	padding-bottom:0px;
	background:#eee;
	border:0px;
	position:relative;
	top:0;
}

nav ul#navmenu li,
nav ul#navmenu ul li {
	width:100%;
	float: none; /*For IE 7 lack of compliance*/
	display: block !important;
	display: block; /*For IE*/
}

/* Root Menu */
nav ul#navmenu a {
	padding: 5px 20px;
	float: none !important; /*For Opera*/
	float: none; /*For IE*/
	display: block;
	color:#555;
	text-align:left;
	background:#eee;
	font:normal 18pt/33px '8bitoperator_jver',Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}

/* Root Menu Hover Persistence */
nav ul#navmenu a:hover, nav ul#navmenu li:hover a, nav ul#navmenu li.iehover a {
	background:#eee;
	background-repeat:repeat-x;
	color:#000;
}

nav ul#navmenu .selected {
	background:#eee;
	background-repeat:repeat-x;
	color:#333;
}

/* 2nd Menu */
nav ul#navmenu li li a {
	float: none;
	display:block;
	text-transform:capitalize;
	padding-left:50px;
	background:transparent;
	border:0;
	font:normal 11pt/33px Arial, Helvetica, sans-serif;
	color: #333;
}
nav ul#navmenu li:hover li a, nav ul#navmenu li.iehover li a {
	float: none;
	display:block;
	text-transform:capitalize;
	padding-left:50px;
	background:transparent;
	border:0;
	font:normal 11pt/33px Arial, Helvetica, sans-serif;
	color: #333;
}
/* 2nd Menu Hover Persistence */
nav ul#navmenu li:hover li a:hover, nav ul#navmenu li:hover li:hover a, nav ul#navmenu li.iehover li a:hover, nav ul#navmenu li.iehover li.iehover a {
	color:#fff;
	background-color:#8376a2;
}

/* Do Not Move - Must Come Before display:block for Gecko */
nav ul#navmenu li:hover ul ul, nav ul#navmenu li:hover ul ul ul, nav ul#navmenu li.iehover ul ul, nav ul#navmenu li.iehover ul ul ul {
	display:block;
}


}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {


h1.pagename {font-size:18pt;
padding-left:20px;}


nav {left:10px;}

#mobile-menu {
display:block;
}
.game-title { line-height:1em; font-size:8pt; }


#main-nav {display:none;}

header {
 background: url(../Userfiles/template/header-bg-300.png);
 background-repeat:no-repeat;
height:214px;
}

 .home header {
 background: url(../Userfiles/template/header-bg-home-300.png);
 background-repeat:no-repeat;
height:400px;
}
 .container, .full .container {
 background: url(../Userfiles/template/page-bg-300.png);
background-position:top center;
 background-repeat:repeat-y;
}

/* SLIDESHOW */
.slideshow-wrap {
 background: url(../Userfiles/template/home-header-bg-300.jpg);
background-position:center;
 height:256px;
 width:300px !important;
}
 .slide-cover-left {
height:256px;
}
 .slide-cover-right {
height:256px;
}
 #slideshow {
display:none;
}

.buttons {
display:none;
}
 section#content, .full section#content {
 background:url(../Userfiles/template/content-bg-300.png);
background-position:top center;
 background-repeat:no-repeat;
}

.main-text {padding-right:60px;}


 footer, .full footer {
width:300px;
 background:url(../Userfiles/template/footer-bg-300.png);
font-size:8pt;
line-height:1.3em;
	background-repeat:no-repeat;
}
 .footer-nav {
display:block;
width:280px;
padding:0;
margin:0;
float:none;
}

#credits {
width:200px;
}

nav ul#navmenu {
border:0;
border-top:1px solid #ccc;
border-bottom:1px solid #000;
width:280px;
height:100%;
top:68px;
position:relative;
z-index:2900;
}

nav ul#navmenu ul {
	display:block;
	float:none;
	padding-top:0px;
	padding-bottom:0px;
	background:#eee;
	border:0px;
	position:relative;
	top:0;
}

nav ul#navmenu li,
nav ul#navmenu ul li {
	width:100%;
	float: none; /*For IE 7 lack of compliance*/
	display: block !important;
	display: block; /*For IE*/
}

/* Root Menu */
nav ul#navmenu a {
	padding: 5px 20px;
	float: none !important; /*For Opera*/
	float: none; /*For IE*/
	display: block;
	color:#555;
	text-align:left;
	background:#eee;
	font:normal 18pt/33px '8bitoperator_jver',Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}

/* Root Menu Hover Persistence */
nav ul#navmenu a:hover, nav ul#navmenu li:hover a, nav ul#navmenu li.iehover a {
	background:#eee;
	background-repeat:repeat-x;
	color:#000;
}

nav ul#navmenu .selected {
	background:#eee;
	background-repeat:repeat-x;
	color:#333;
}

/* 2nd Menu */
nav ul#navmenu li li a {
	float: none;
	display:block;
	text-transform:capitalize;
	padding-left:50px;
	background:transparent;
	border:0;
	font:normal 11pt/33px Arial, Helvetica, sans-serif;
	color: #333;
}
nav ul#navmenu li:hover li a, nav ul#navmenu li.iehover li a {
	float: none;
	display:block;
	text-transform:capitalize;
	padding-left:50px;
	background:transparent;
	border:0;
	font:normal 11pt/33px Arial, Helvetica, sans-serif;
	color: #333;
}
/* 2nd Menu Hover Persistence */
nav ul#navmenu li:hover li a:hover, nav ul#navmenu li:hover li:hover a, nav ul#navmenu li.iehover li a:hover, nav ul#navmenu li.iehover li.iehover a {
	color:#fff;
	background-color:#8376a2;
}

/* Do Not Move - Must Come Before display:block for Gecko */
nav ul#navmenu li:hover ul ul, nav ul#navmenu li:hover ul ul ul, nav ul#navmenu li.iehover ul ul, nav ul#navmenu li.iehover ul ul ul {
	display:block;
}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {

		width: 160px; }

}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/