/* --------------------------------------------------------------------------------------------------
	Title:		Heavens Have Strayed CSS Document
	Author:		Squircle Inc.
	Artist:		Louis R. Stephens
	Date:		December 20, 2008
------------------------------------------------------------------------------------------------------ */

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #5eb4b2;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 150%;
	text-align: center;
	background-color: #01092d;
}

div.clearer { height: 0; line-height: 0px; clear: both; }

.print { display: none; }

/*  ---------------------------------------------------------------------------
	=Global Layout
------------------------------------------------------------------------------- */

h1 {  }
h2 { font-size: 12px; }
h3 {  }

h1 span, h2 span, h3 span { visibility: hidden; }

p { padding: 12px 0 0 0; text-align: left; }

a  { color: #11727c; text-decoration: none; }
a:hover { color: #fff; }

img { border: none; }

.finePrint { font-size: 80%; }

/* ---------- */

div.frame { width: 615px; margin: 0 auto; background: transparent url('../images/bodyBackgroundRepeat.jpg') repeat-y top center; }

div.constraint { text-align: left; background: transparent url('../images/bodyBackground2.jpg') no-repeat top left; }

div.fullColumn, div.twoColumn { width: 100%; padding-bottom: 20px; }

.sideTitle { margin-top: 25px; }

/*	=TWO COLUMN
---------------------------------------------------------------- */

div.twoColumn div.main { float: left; width: 409px; padding: 0 0 0 28px; text-align: center; }
div.twoColumn div.last { float: right; }

/*  =side & sideAlt
---------------------------------------------------------------- */

div.side { float: left; width: 24.99%; }
div.sideAlt { float: right; width: 125px; color: #00a551; padding: 35px 8px 20px 5px; }

/*	=header
---------------------------------------------------------------- */

#header .logo { float: right; margin: 33px 7px 3px 0; }

/*	=navigation
---------------------------------------------------------------- */

.navigation ul, ul#sideNav { padding: 0; list-style-type: none; }
.navigation ul li { float: left; display: block; }
.navigation ul li a { font-weight: bold; font-size: 14px; padding: 5px 0; }
.navigation ul li a span, ul#sideNav li a span { visibility: hidden; }

.navigation .L-news a { display: block; width: 50px; height: 31px; background: transparent url(../images/nav/navNews.gif) no-repeat top left; }
.navigation .L-news a:hover { background-image: url(../images/nav/navNewsOver.gif) }

.navigation .L-bio a { display: block; width: 92px; height: 31px; background: transparent url(../images/nav/navBio.gif) no-repeat top left; }
.navigation .L-bio a:hover { background-image: url(../images/nav/navBioOver.gif) }

.navigation .L-media a { display: block; width: 64px; height: 31px; background: transparent url(../images/nav/navMedia.gif) no-repeat top left; }
.navigation .L-media a:hover { background-image: url(../images/nav/navMediaOver.gif) }

.navigation .L-store a { display: block; width: 55px; height: 31px; background: transparent url(../images/nav/navStore.gif) no-repeat top left; }
/* .navigation .L-store a:hover { background-image: url(../images/nav/navStoreOver.gif) } */

.navigation .L-myspace a { display: block; width: 62px; height: 31px; background: transparent url(../images/nav/navMyspace.gif) no-repeat top left; }
.navigation .L-myspace a:hover { background-image: url(../images/nav/navMyspaceOver.gif) }

.navigation .L-pureVolume a { display: block; width: 72px; height: 31px; background: transparent url(../images/nav/navPureVolume.gif) no-repeat top left; }
.navigation .L-pureVolume a:hover { background-image: url(../images/nav/navPureVolumeOver.gif) }

/*	=sideNav
---------------------------------------------------------------- */

ul#sideNav { margin-top: 70px; }
ul#sideNav li { margin-bottom: 20px; }

ul#sideNav .L-band a { display: block; width: 80px; height: 55px; background: transparent url(../images/nav/sideNavBand.gif) no-repeat top left; }
ul#sideNav .L-band a:hover { background-image: url(../images/nav/sideNavBandOver.gif) }

ul#sideNav .L-leadVocals a { display: block; width: 80px; height: 55px; background: transparent url(../images/nav/sideNavMatt.gif) no-repeat top left; }
ul#sideNav .L-leadVocals a:hover { background-image: url(../images/nav/sideNavMattOver.gif) }

ul#sideNav .L-guitar a { display: block; width: 80px; height: 55px; background: transparent url(../images/nav/sideNavDan.gif) no-repeat top left; }
ul#sideNav .L-guitar a:hover { background-image: url(../images/nav/sideNavDanOver.gif) }

ul#sideNav .L-bass a { display: block; width: 80px; height: 55px; background: transparent url(../images/nav/sideNavJim.gif) no-repeat top left; }
ul#sideNav .L-bass a:hover { background-image: url(../images/nav/sideNavJimOver.gif) }

ul#sideNav .L-drums a { display: block; width: 80px; height: 55px; background: transparent url(../images/nav/sideNavJon.gif) no-repeat top left; }
ul#sideNav .L-drums a:hover { background-image: url(../images/nav/sideNavJonOver.gif) }

ul#sideNav .L-photos a { display: block; width: 80px; height: 47px; background: transparent url(../images/nav/sideNavPhotos.gif) no-repeat top left; }
ul#sideNav .L-photos a:hover { background-image: url(../images/nav/sideNavPhotosOver.gif) }

ul#sideNav .L-audio a { display: block; width: 64px; height: 36px; background: transparent url(../images/nav/sideNavAudio.gif) no-repeat top left; }
ul#sideNav .L-audio a:hover { background-image: url(../images/nav/sideNavAudioOver.gif) }

ul#sideNav .L-video a { display: block; width: 65px; height: 36px; background: transparent url(../images/nav/sideNavVideo.gif) no-repeat top left; }
ul#sideNav .L-video a:hover { background-image: url(../images/nav/sideNavVideoOver.gif) }

/*  textNav page indicators
--------------------------------------- */

body#home .L-news a { background-image: url(../images/nav/navNewsOver.gif) }
body#bio .L-bio a { background-image: url(../images/nav/navBioOver.gif) }
body#media .L-media a { background-image: url(../images/nav/navMediaOver.gif) }

body.bio ul#sideNav .L-band a { background-image: url(../images/nav/sideNavBandOver.gif) }
body.matt ul#sideNav .L-leadVocals a { background-image: url(../images/nav/sideNavMattOver.gif) }
body.dan ul#sideNav .L-guitar a { background-image: url(../images/nav/sideNavDanOver.gif) }
body.jim ul#sideNav .L-bass a { background-image: url(../images/nav/sideNavJimOver.gif) }
body.jon ul#sideNav .L-drums a { background-image: url(../images/nav/sideNavJonOver.gif) }

body.photos ul#sideNav .L-photos a { background-image: url(../images/nav/sideNavPhotosOver.gif) }
body.audio ul#sideNav .L-audio a { background-image: url(../images/nav/sideNavAudioOver.gif) }
body.video ul#sideNav .L-video a { background-image: url(../images/nav/sideNavVideoOver.gif) }

body#home #textNav .L-news a, 
body#bio #textNav .L-bio a, 
body#media #textNav .L-media a { background-image: none; }

/*	=footer
---------------------------------------------------------------- */

#footer { padding: 5px; margin: 15px 0 25px 0; }
#footer #textNav ul li ul { display: none; }
#footer #textNav { text-align: center; }
#footer #textNav ul { text-transform: capitalize; list-style-type: none; }
#footer #textNav li { display: inline; }
#footer #textNav a { padding: 3px 3px; }
#footer #textNav a:hover { /*background-color: #E6EBEF;*/ }
#footer #textNav .L-store a:hover { color: #11727c; }

.finePrint { padding-top: 5px; }
.finePrint .credit { padding: 5px 0 20px 0; }
.finePrint .credit a { padding: 2px; color: #fff; }
.finePrint .credit a:hover { color: #e33b20; /*background-color: #E6EBEF;*/ }

/*  ---------------------------------------------------------------------------
	=home
------------------------------------------------------------------------------- */

body#home .mainContent p { padding-bottom: 0; }

body#home .title { width: 350px; height: 77px; margin-top: 10px; background: transparent url(../images/titleNews.gif) no-repeat top left; }

body#home .albumTitle { float: left; font-size: 12px; font-weight: bold; margin-top: 20px; }
body#home .albumReleaseDate { float: right; font-size: 12px; font-weight: bold; margin-top: 20px; }

body#home .albumCoverArt { margin: 12px 0 0 0; }

/*  ---------------------------------------------------------------------------
	=bio
------------------------------------------------------------------------------- */

body#bio .title { width: 350px; height: 90px; margin-bottom: 15px; background: transparent url(../images/titleBio.gif) no-repeat top left; }

body#bio h2 { text-align: right; }

body#bio p.last { margin-bottom: 15px; }

body#bio .birthdate { float: left; text-align: left; }

body#bio .bioMember { margin: 0 auto; }

/*  ---------------------------------------------------------------------------
	=media
------------------------------------------------------------------------------- */

body#media .title { width: 350px; height: 85px; margin-top: 10px; background: transparent url(../images/titleMedia.gif) no-repeat top left; }

.photos .title { margin-bottom: 30px; }
.photos .main a { margin: 0 2px 2px 0; }
.photos .main a img { border: 1px solid #ccc; }

#media .menuheader { cursor: hand; cursor: pointer; }