/*---[ Details ]---------------------------------------
Site: Destiny Quest
Author: Brad Koehler
Contact: brad.koehler@gmail.com
-------------------------------------------------------*/

/*-----------------------------------------------------
Core Elements:
[01] HTML / Body
[02] Anchors
[03] Images
[04] Headings
[05] Lists
[06] Forms
[07] Tables
[08] Phrase Elements
[09] Misc Inline
[10] Misc Block

Site Specific:
[01] Container
[02] Header
[03] Branding
[04] Navigation
[05] Content
[06] Footer
[07] Image Replacements
[08] Clearfixes
[09] Accessible Hide
[10] Misc

Page Specific:
[01] Home
[02] How to play
-------------------------------------------------------*/


/*-----------------------------------------------------
Core Elements
-------------------------------------------------------*/
	
/* [01] HTML / Body FE6
-------------------------------------------------------*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	}
	
body {
	background:url(/themes/destiny/images/bg-main.jpg) top center no-repeat #000;	
	color: #AF9A79;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
}

/* [02] Anchors
-------------------------------------------------------*/

a {
	color: #FFFFEE;
}

a:hover {
	text-decoration: underline;
}

/* [03] Images
-------------------------------------------------------*/

/* [04] Headings
-------------------------------------------------------*/

h2, h3, h4, h5, h6 {
	color: #D49148; /*#EEA81D;*/
	font-family: 'IM Fell English', Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h2 {
	font-size: 3em;
}

h3 {
	font-size: 1.5em;
	padding-top: 20px;
}

/* [05] Lists 
-------------------------------------------------------*/

/* [06] Forms
-------------------------------------------------------*/

/* [07] Tables
-------------------------------------------------------*/

/* [08] Phrase Elements
-------------------------------------------------------*/

/* [09] Misc Inline
-------------------------------------------------------*/

/* [10] Misc Block 
-------------------------------------------------------*/


/*-----------------------------------------------------
Site Specific
-------------------------------------------------------*/

/* [01] Container
-------------------------------------------------------*/
#wrapper {
	width:800px;
	margin: 0 auto;
}
/* [02] Header
-------------------------------------------------------*/
#header h1 {
	margin:0 auto;
	width:588px;
	height:245px;
	background:url(/themes/destiny/images/bg-header.png) 0 0 no-repeat;
}

#header h1 span{
	text-indent:-9999em;
	display:block;
}
/* [03] Branding
-------------------------------------------------------*/

/* [04] Navigation
-------------------------------------------------------*/
ul#navigation {
	padding:95px 0 0 15px;
	list-style-type:none;
}

ul#navigation li {
	display:block;
	float:left;
}

ul#navigation li a{
	background:url(/themes/destiny/images/spr-navigation.png) 0 0 no-repeat;
	height:30px;
	display:block;
	text-indent:-999em;
}

/* home link */
ul#navigation li a.home{
	background-position:0 0;
	width:110px;
}

ul#navigation li a.home:hover,
ul#navigation li.selected a{
	background-position:0 -30px;
}

/* how to play link */
ul#navigation li a.how-to-play{
	background-position:-110px 0;
	width:110px;
}

ul#navigation li a.how-to-play:hover,
ul#navigation li.selected a.how-to-play{
	background-position:-110px -30px;
}

/* forum link */
ul#navigation li a.forums{
	background-position:-220px 0;
	width:110px;
}

ul#navigation li a.forums:hover,
ul#navigation li.selected a.forums{
	background-position:-220px -30px;
}

/* news link */
ul#navigation li a.news{
	background-position:-330px 0;
	width:110px;
}

ul#navigation li a.news:hover,
ul#navigation li.selected a.news{
	background-position:-330px -30px;
}

/* downloads link */
ul#navigation li a.downloads{
	background-position:-440px 0;
	width:110px;
}

ul#navigation li a.downloads:hover,
ul#navigation li.selected a.downloads{
	background-position:-440px -30px;
}

/* about link */
ul#navigation li a.about{
	background-position:-550px 0;
	width:110px;
}

ul#navigation li a.about:hover,
ul#navigation li.selected a.about{
	background-position:-550px -30px;
}

/* buy link */
ul#navigation li a.buy{
	background-position:-660px 0;
	width:110px;
}

ul#navigation li a.buy:hover,
ul#navigation li.selected a.buy{
	background-position:-660px -30px;
}

/* [05] Content
-------------------------------------------------------*/
#content-head {
	background:url(/themes/destiny/images/bg-content-head.png) 0 0 no-repeat;
	height:300px;
	margin-top:5px;	
}

#content-main {
	height:597px; /*Increase/Decrease in multiples of 199px to enable bg tiling*/
	background:url(/themes/destiny/images/bg-content-repeater.png) 0 0 repeat-y;
}

#content-foot {
	background:url(/themes/destiny/images/bg-content-footer.png) 0 0 no-repeat;
	height:200px;
	z-index: -100;
}

/* variations on content-main for different sections */

body.home #content-main {
	height:398px; 
}


body.downloads #content-main {
	height: 796px;
}


body.how-to-play #content-main {
	height: 995px;
}

body.forums #content-main {
	height:2388px;
}
body.news #content-main,
body.about #content-main {
	height:1592px;
}

body.buy #content-main {
	height:199px;
}

body.terms-and-conditions #content-main {
	height: 4577px;
}
/* padding for content */

#content-head #titles,
#content-main,
#content-foot {
	padding-left: 75px;
	padding-right: 75px;
}

#content-foot {
	padding-top: 120px;
	text-align: center;
}

#content-head #titles {
	padding-top: 130px;
}

/* [06] Footer
-------------------------------------------------------*/

#content-foot {
	font-size: 0.8em;
}

/* [07] Image Replacements
-------------------------------------------------------*/
.imr {
	display: block;
	text-indent: -9999px;
	}

/* [08] Clearfixes
-------------------------------------------------------*/
/* More info at: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {
	display: block;
	}

/* [09] Accessible Hide
-------------------------------------------------------*/
.w3c {
	position: absolute;
	display: block;
	height: 0;
	
	visibility: hidden;
	left: -9999px;
	}

/* [10] Misc
-------------------------------------------------------*/
	
img.right,
img.left,
img.center {
	margin: 0 5px;
}

img.right {
	float: right;
}

img.left {
	float: left;
}

img.center {
	margin: 0 auto;
}

p.center {
	text-align: center;
}
	
/*-----------------------------------------------------
Page Specific
-------------------------------------------------------*/

/* [01] Home
-------------------------------------------------------*/

/* [02] How to play
-------------------------------------------------------*/
ul#heroes-menu {
	padding:0 0 0 20px;
	list-style-type:none;
}

ul#heroes-menu li {
	display:block;
	float:left;
}

ul#heroes-menu li a {
	height:30px;
	display:block;
	width: 100px;
	text-align: center;
	text-indent: -9999px;
	background:url(/themes/destiny/images/h2p_sprite.png) 0 0 no-repeat;
}

/* not selected mouse off*/
ul#heroes-menu li a.Maps {
	background-position:0 0;
}

ul#heroes-menu li a.Paths {
	background-position:-100px 0;
}

ul#heroes-menu li a.Careers {
	background-position:-200px 0;
}

ul#heroes-menu li a.Rewards {
	background-position:-300px 0;
}

ul#heroes-menu li a.Combat {
	background-position:-400px 0;
}

ul#heroes-menu li a.Abilities {
	background-position:-500px 0;
}

/* hover states */

ul#heroes-menu li a.Maps:hover {
	background-position:0 -30px;
}

ul#heroes-menu li a.Paths:hover {
	background-position:-100px -30px;
}

ul#heroes-menu li a.Careers:hover {
	background-position:-200px -30px;
}

ul#heroes-menu li a.Rewards:hover {
	background-position:-300px -30px;
}

ul#heroes-menu li a.Combat:hover {
	background-position:-400px -30px;
}

ul#heroes-menu li a.Abilities:hover {
	background-position:-500px -30px;
}

/* selected states */

ul#heroes-menu li.current a.Maps {
	background-position: 0 -60px;
}

ul#heroes-menu li.current a.Paths {
	background-position:-100px -60px;
}

ul#heroes-menu li.current a.Careers {
	background-position:-200px -60px;
}

ul#heroes-menu li.current a.Rewards {
	background-position:-300px -60px;
}

ul#heroes-menu li.current a.Combat {
	background-position:-400px -60px;
}

ul#heroes-menu li.current a.Abilities {
	background-position:-500px -60px;
}