/*   
Theme Name: Jordan King
Theme URI: www.jordanking.co.uk
Description: Jordan King Website Theme
Author: Den Odell, denodell@me.com
Author URI: http://www.denodell.com/
Version: 1.0
.
.
*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

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

body.loaded {
/*	background: #10100f url(assets/images/background.jpg) top center no-repeat;*/
}

h1 {
	position: absolute;
	top: -999px;
	left: -999px;
}

a,
a:link {
	color: #1c96fa;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.hide {
	position: absolute!important;
	top: -999px!important;
	left: -999px!important;
}

/* LAYOUT */

#page {
	width: 930px;
	margin: 0 auto;
}

/* HEADER */

#header {
	margin-top: -15px;
	height: 103px;
	margin-bottom: 5px;
}

#header-inner {
	height: 73px;
	background: url(assets/images/nav-bg-rpt.png) repeat-x;
}

.header-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 82px;
	height: 73px;
	background: url(assets/images/nav-bg-left.png) no-repeat;
}

.header-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 358px;
	height: 73px;
	background: url(assets/images/nav-bg-right.png) no-repeat;
}

#navigation {
	position: absolute;
	top: 55px;
	left: 17px;
	overflow: hidden;
	height: 11px;
}

#navigation li {
	margin-left: -16px;
	display: block;
	float: left;
	padding: 0 27px 0 16px;
	background: url(assets/images/nav-links.png) top left no-repeat;
}

#navigation a {
	display: block;
	height: 11px;
	text-indent: -10000px;
	background-image: url(assets/images/nav-links.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#navigation .nav-home a {
	background-position: 0 -11px;
	width: 35px;
}

#navigation .nav-home a.selected,
#navigation .nav-home a:hover {
	background-position: 0 -22px;
}

#navigation .nav-about a {
	background-position: 0 -33px;
	width: 43px;
}

#navigation .nav-about a.selected,
#navigation .nav-about a:hover {
	background-position: 0 -44px;
}

#navigation .nav-calendar a {
	background-position: 0 -55px;
	width: 66px;
}

#navigation .nav-calendar a.selected,
#navigation .nav-calendar a:hover {
	background-position: 0 -66px;
}

#navigation .nav-news a {
	background-position: 0 -77px;
	width: 36px;
}

#navigation .nav-news a.selected,
#navigation .nav-news a:hover {
	background-position: 0 -88px;
}

#navigation .nav-gallery a {
	background-position: 0 -99px;
	width: 55px;
}

#navigation .nav-gallery a.selected,
#navigation .nav-gallery a:hover {
	background-position: 0 -110px;
}

#navigation .nav-sponsors-links a {
	background-position: 0 -121px;
	width: 118px;
}

#navigation .nav-sponsors-links a.selected,
#navigation .nav-sponsors-links a:hover {
	background-position: 0 -132px;
}

#navigation .nav-career a {
	background-position: 0 -143px;
	width: 49px;
}

#navigation .nav-career a.selected,
#navigation .nav-career a:hover {
	background-position: 0 -154px;
}

/*
 * FOOTER
 */

#footer {
	margin-top: 20px;
	height: 57px;
}

#footer-inner {
	position: relative;
	padding-top: 11px;
	height: 31px;
	background: url(assets/images/footer-bg.png) repeat-x;
}

#footer p {
	position: relative;
	font-size: 1.75em;
	line-height: 0.8;
	letter-spacing: -1px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 11px;
	height: 13px;
}

#footer p .special-1 {
	color: #8a8a8a;
	font-weight: normal;
	padding: 0 2px;
}

#footer p a {
	display: block;
}

#footer p a:hover {
	text-decoration: none;
}

#footer .sponsors {
	position: absolute;
	top: 0;
	right: 0;
	height: 36px;
	overflow: hidden;
}

#footer .sponsors li {
	display: block;
	float: left;
	margin-left: 5px;
}

#footer .sponsors img {
	height: 36px;
}

/*
 * CONTENT
 */

.section {
	position: relative;
	width: 930px;
}

.section-inner {
	width: 900px;
	position: absolute;
	background: #000;
	top: 15px;
	left: 15px;
}

.section-inner h2 {
	position: absolute;
	top: 20px;
	left: 20px;
	text-indent: -10000px;
	letter-spacing: -1px;
	word-spacing: -6px;
	font-size: 5.2em;
	color: #fff;
	line-height: 0.9;
	text-transform: uppercase;
}

.section-inner h2 span {
	color: #1c96fa;
}

.section-content {
	position: absolute;
	left: 493px;
	top: 17px;
	width: 378px;
	height: 207px;
	padding: 3px 8px 9px 4px;
	background: url(assets/images/home/content-box-bg.png) no-repeat;
}

.section-content-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

#content .section-inner {
	background: #000 url(assets/images/content-background.png) top left repeat-x;
}

#content .section-inner-extra {
	background: url(assets/images/content-background-bottom.png) bottom left repeat-x;
}

.border {
	opacity: .55;
	filter: alpha(opacity=55);
	-ms-filter: "alpha(opacity=55)";
	-khtml-opacity: .55;
	-moz-opacity: .55;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	width: 100%;
	height: 100%;
}

/* SIDEBAR */

#sidebar {
	float: right;
	margin-right: 20px;
	width: 201px;
	margin-top: 15px;
}

#sidebar .search-box {
	width: 183px;
	height: 24px;
	background-image: url(assets/images/news/search-bg.png);
	background-position: 0 -34px;
	border: 0;
	padding: 10px 10px 0 10px;
}

#sidebar .search-box:focus,
#sidebar .search-box:hover,
#sidebar .search-box.populated {
	background-position: 0 0;
}

#sidebar .submit {
	margin-left: 1px;
	margin-bottom: 20px;
}

#sidebar .section {
	width: 202px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	text-align: center;
	background: url(assets/images/news/sidebar-section.png) bottom no-repeat;
}

#sidebar .section h2 {
	text-indent: -10000px;
	margin: 0;
	padding: 0;
	width: 202px;
	height: 30px;
	margin-bottom: 15px;
	background-image: url(assets/images/news/sidebar-section.png);
}

#sidebar .section.categories h2 {
	background-position: 0 0;
}

#sidebar .section.news-archive {
	padding-bottom: 10px;
}

#sidebar .section.news-archive h2 {
	background-position: 0 -30px;
}

#sidebar .section.news-archive ul {
	padding-bottom: 10px;
}

#sidebar .section.links h2 {
	background-position: 0 -60px;
}

#sidebar .section li {
	margin-bottom: 5px;
}

#sidebar .section li a {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#sidebar .section h3 {
	font-size: 1em;
}

#sidebar .section h3 a {
	display: block;
	text-decoration: none;
	font-size: 1.7em;
	color: #000;
	margin-bottom: 5px;
}

#sidebar .section h3 a img {
	border: 0;
}

#sidebar .section a:hover {
	text-decoration: underline;
}
