@font-face { font-family: 'JaySFXRegular'; font-style: normal; font-weight: normal;
  src: url('fonts/jaysfx-webfont.eot');
  src: local('☺'), url('fonts/jaysfx-webfont.woff') format('woff'), url('fonts/jaysfx-webfont.ttf') format('truetype'), url('fonts/jaysfx-webfont.svg#webfont7ZeJ857Y') format('svg');
}

/* Reset */

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, th, td, form, fieldset, legend, input, button, textarea, blockquote, code, dl, dt, dd, pre { margin: 0; padding: 0; }
:focus { outline: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }
a { color: inherit; text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
abbr, acronym { border: 0; font-variant: normal; }
button, input, optgroup, option, select, textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
button, input, select, textarea {* font-size: 100%; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
sup, sub { vertical-align: baseline; }

/* rootClear Floats */

.group:after { height: 0; clear: both; content: "."; display: block; visibility: hidden; }
.group { *min-height: 1px; /* ie7 */ _height: 1%; /* ie6 */ }

/* Defaults */

body { background: #c8be65 url(../images/interface/background.jpg) no-repeat top center; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1; }

h1 { font-family: 'JaySFXRegular'; font-size: 44px; color: #b9620d; }
h2 { font-size: 2.4em; margin-bottom: 10px; }
h3 { font-size: 1.8em; margin-bottom: 10px; }

img, object { vertical-align: bottom; }

p { font-size: 1.4em; }

/* Interface */

div#page { width: 995px; margin: 0 auto; }

div#header h4, div#header h5 { display: none; }

div#nav ul.left { float: left; }
div#nav ul.right { float: right; }
div#nav ul li { float: left; }

div#wrapper { background: transparent url(../images/interface/shadow-repeat.png) repeat-y 0 0; min-height: 600px; padding: 0 10px; }

div#content-bottom { background: transparent url(../images/interface/shadow-bottom.png) no-repeat 0 0; height: 10px; }

div#footer { color: #837b41; font-weight: bold; margin-bottom: 1em; padding: 0 10px; text-align: center; }

div#social-media { float: right; }

/* Utility Nav */

div#utility-nav { margin-top: 10px; }
div#utility-nav ul { float: right; list-style-type: none; margin: 0; padding: 0 50px 0 0; }
div#utility-nav ul li { color: #837b41; float: left; font-size: 12px; letter-spacing: 1px; margin: 0 0 0 10px; padding: 0; text-transform: uppercase; }
div#utility-nav ul li a { color: #837b41; display: block; }

/* Navigation */

div#nav { background: url(../images/interface/shadow-top.png) no-repeat 0 0; height: 25px; line-height: 25px; padding: 10px 10px 0 10px; }
div#nav ul { float: left; list-style-type: none; margin: 0; padding: 0; }
div#nav ul li { float: left; margin: 0; padding: 0; }

.divider { background: url(../images/interface/nav-divider.png) no-repeat 0 0; width: 2px; height: 25px; }

.nav-home a, .nav-subscribe a, .nav-about a, .nav-hub a, .nav-space, .nav-temporary-space, .nav-resources a, .nav-store a, .nav-account a, .nav-play a { background: transparent url(../images/interface/nav-sprites.png) no-repeat 0 0; height: 25px; display: block; text-indent: -9999px; }

.nav-home a { width: 74px; }
.nav-home a:hover, .nav-home a.selected { background-position: 0 -25px; }

.nav-subscribe a { background-position: -76px 0; width: 109px; }
.nav-subscribe a:hover, .nav-subscribe a.selected { background-position: -76px -25px; }

.nav-about a { background-position: -187px 0; width: 82px; }
.nav-about a:hover, .nav-about a.selected { background-position: -187px -25px; }

.nav-hub a { background-position: -271px 0; width: 102px; }
.nav-hub a:hover, .nav-hub a.selected { background-position: -271px -25px; }

.nav-space { background-position: -375px 0; width: 188px; }
.nav-temporary-space { background-position: -375px 0; width: 80px;}

.nav-resources a { background-position: -565px 0; width: 114px; }
.nav-resources a:hover, .nav-resources a.selected { background-position: -565px -25px; }

.nav-store a { background-position: -681px 0; width: 78px; display: none; }
.nav-store a:hover, .nav-store a.selected { background-position: -681px -25px; }

.nav-account a { background-position: -761px 0; width: 131px; }
.nav-account a:hover, .nav-account a.selected { background-position: -761px -25px; }

.nav-play a { background-position: -894px 0; width: 81px; }
.nav-play a:hover, .nav-play a.selected { background-position: -894px -25px; }

/* jQuery UI Tabs */

.ui-tabs .ui-tabs-hide { display: none; }

div#page h1 { text-align: center; }

/* More copied from Brock's stylesheet */

div#content p, ul {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

div#shipleft {
	background: url(../images/ship_left.png);
	width:217px;
	height: 77px;
	position: absolute;
	top:344px;
	left:0;
}

div#shipright {
	background: url(../images/ship_right.png);
	width:270px;
	height: 99px;
	position: absolute;
	top:194px;
	right: 0;
}

div#islands {
	background: url(../images/islands.png);
	width:438px;
	height: 212px;
	position: absolute;
	top:194px;
	left: 245px;
}

ul#options {
	position: absolute;
	top:450px;
	left:220px;
}

span.bold {
	font-weight: bold;
}

div#optionsinstructions {
	position: absolute;
	bottom: 60px;
	width:900px;
	text-align: center;
}

span.instructions {
	font-size: 15px;
	color: #308b9a;
}

ul#options li {
	float: left;
	height: 50px;
}

ul#options li a {
	background: url(../images/buttons.png);
	background-repeat: no-repeat;
	height: 50px;
	display: block;
	text-indent: -9999px;
	margin-right: 10px;
}

ul#options li a.account {
	background-position:-2px -4px;
	width: 170px;
}

ul#options li a.member {
	background-position:-180px -4px;
	width: 260px;
}

ul#options li a.play {
	background-position:-450px -4px;
	width: 90px;
}

div#agreebox {
	position:absolute;
	top:490px;
	left: 250px;
	font-size: 18px;
	color: #b9620d;
	font-weight: bold;
}

input#submit {
	width: 100px;
	height: 65px;
	display: block;
	background: url(../images/spritesheet.png);
	text-indent: -9999px;
	border: none;
	background-position: -430px -5px;
	position: absolute;
	top:474px;
	right:230px;
}

div#agreebox input {
	margin-right: 10px;
}

/*
div#content {
	padding: 126px 30px 30px 30px;
	background-color: #fff;
	background: url(../images/cloud_bg.jpg);
	position: relative;
}
*/


div#terms {
	width:700px;
	height: 250px;
	font-size:12px;
	overflow: auto;
	margin:30px 0 0 110px;
	float: left;
	display: block;
}

div#terms p {
	font-size: 12px;
}

div#terms h2, h3, h4 {
	color:#2f2f2f;
	font-size: 12px;
	font-weight: bold;
}

div#content h1 {
	margin: 0;
	line-height: 44px;
}

div#content h2 {
	text-align: center;
	color: #318b9a;
	font-size: 19px;
	margin:0;
	padding: 0;
}

span.asterick {
	color:#b9620d;
}


dl#chattingoptions {
	width:460px;
	float: left;
	display: inline;
	margin: 40px 0 0 220px;	
}


dl#chattingoptions input {
	float:left;
	margin: 3px 0; 
}


dl#chattingoptions dt {
	color:#b9620d;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

dl#chattingoptions dt, dd {
	margin-left: 30px;
}

dl#chattingoptions dd {
	margin-bottom: 30px;
}

div#yaheroes {
	background: url(../images/yaheroes.png);
	width:252px;
	height: 298px;
	position: absolute;
	left: 0;
	bottom: 0;
}

/* Resources Page Styles copied from Brock's stylesheet */

div.resources #content { background: #fff; font-size: 1.2em; margin-top: 107px; }
div.resources h1 { text-align: center; }

div.resources div#graphic {
	padding: 126px 49px 30px 47px;
	background-color: #fff;
	background: url(../images/resources_bg.jpg) no-repeat;
	background-color: #b9d8de;
	position: relative;
}

ul.listnav {
	/*margin: 0 0 0 24px;*/
	margin:0 0 0 200px;
	padding: 30px 0 10px 0;
	list-style-type: none;
}

ul.listnav li {
	border-left:  1px solid #b76430;
	padding:0 10px 0 10px;
	display: inline;
}

ul.listnav li:first-child {
	border:none;
	padding:0 10px 0 0;
}

ul.listnav li a {
	color: #b76430;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
}

ul.listnav li a:hover {
	text-decoration: underline;
}

div#content p.callout {
	font-size: 2.1em;
	color:#64a5b1;
	line-height: 1.2em;
	display: block;
	width: 650px;
	margin: 40px 0 0 24px;
}

ul.starlist {
	margin-top: 40px;
}

ul.starlist li {
	padding: 30px 24px 10px 24px;
	position: relative;
}

ul.starlist li ul li {
	padding: 0 0 0 24px;
}

ul.starlist li a {
	color: #4c97a5;
	text-decoration: underline;
}

ul.starlist li h3 {
	color:#b76430;
	font-size: 1.6em;
	padding-left: 24px;
	background: url(../images/star.png) no-repeat;
	margin-bottom: 0.8em;
}

ul.starlist li h4 {
	color:#b76430;
	font-size: 1.4em;
	padding-left: 24px;
	margin-bottom: 0.8em;
	margin-top:1.6em;
}

ul.starlist li.videos {
	height: 750px;
	display: block;
}

ul.videos {
	float: left;
	display: block;
}

li.stripe {
	background: #daedf0;
}

ul.videos li {
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	width: 170px;
	height: 180px;
}

ul.videos li a img {
	border: 1px solid #000;
}

a#giftburst, a#mediaburst {
	display: block;
	text-indent: -9999px;
	background: url(../images/resources_sprites.png) no-repeat;
	height: 170px;
	width: 168px;
}

a#giftburst {
	background-position: -514px 0;
	float: right;
	margin: 10px 16px 0 0;
}

a#mediaburst {
	background-position: -346px 0;
	float: right;
	margin:-20px 200px 0 0;
}

ul.starlist li div#rightarrow {
	background: url(../images/resources_sprites.png) no-repeat;
	width:332px;
	height:90px;
	position: absolute;
	top:9px;
	left: 170px;
}

ul.releases {
	width: 400px;
	height: 200px;
}