@charset "utf-8";
/* CSS Document
 *
 * copyright.php
 * Created on August 26, 2010
 *
 * Author: Stacey Harrell
 * 
 * Copyright © 2010, Stacey Harrell, All Rights Reserved
 * 
 */

div, span, img, a , p{
  padding: 0;
  margin: 0;
  border: none;
}

h1, h2, h3 {font-weight: bold;}
h1 {font-size: large;}
h2 {font-size: medium;}
h3 {font-size: small;}

div.hr {margin-top:1em;}

body {
  background: #000 url(/images/stage.jpg) no-repeat center top;
  font: normal 11px Verdana, sans-serif;  
  background-attachment: fixed;
  color: #4e4a41;  
  padding: 0;
  margin: 0;
}

#container {
  position: absolute;
  margin-left: -477px;
  left: 50%;
}

/* Navigation */

#nav {
  background: url(/images/header_hover.png) no-repeat;
  height: 400px;
  width: 954px;
}  

#nav a.ir {
  background: url(/images/header.png) 0px 0px no-repeat;
  display: block;
}

#home, #band, #tour, #store, #media, #press, #history {position: relative; top: 41px;}

a.ir#home {height: 73px; width: 301px; background-position: 0 -41px;}
a.ir#band {height: 49px; width: 100px; left: 110px; background-position: -110px -114px;}
a.ir#tour {height: 38px; width: 95px; left: 110px; background-position: -110px -163px;}
a.ir#store {height: 42px; width: 95px; left: 108px; background-position: -108px -201px;}
a.ir#media {height: 51px; width: 114px; left: 101px; background-position: -101px -243px;}
a.ir#press {height: 43px; width: 92px; left: 108px; background-position: -108px -294px;}
a.ir#history {height: 60px; width: 133px; left: 95px; background-position: -95px -337px;}

a.ir:hover#home,
a.ir:hover#band,
a.ir:hover#tour,
a.ir:hover#store,
a.ir:hover#media,
a.ir:hover#press,
a.ir:hover#history {background: none;}

a.bookmark {
  background: url(/images/bookmark_off.gif) no-repeat;
  position: absolute;
  height: 15px;
  width: 100px;
  left: 825px;
  top: 5px;
}

a.bookmark:hover {background: url(/images/bookmark_on.gif) no-repeat;} 

a.hdr_tp {
  position: absolute;
  left: 925px;
  top: 310px;
}

/* End Navagation */

#wrapper {
  background-color: #000;
  padding: 0 2px;
  width: 954px;
  height: 100%;
}

/*****  Home Page *****/
/* CD/Music/Social Banner */

#cd {
  background: url(/images/cd_inline.gif) no-repeat;
  margin-left: 5px;
  height: 114px;
  width: 900px;
}

a#cd_cover {
  background: url(/images/cd_cover.gif) no-repeat;
  cursor: default;
  display: block;
  height: 114px;
  width: 114px;
}

a#cdbaby, a#itunes {
  position: relative;
  display: block;
  float: left;
  height: 40px;
  width: 125px;
  left: 400px;
  top: -104px;
}

a#itunes {left: 555px;}

#player {
  position: relative;
  float: left;
  height: 89px;
  width: 114px;
  left: 570px;
  top: -100px;
}

#social {
  background: url(/images/follow_inline.gif) no-repeat;
  background-position: 50px 0;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  top: -40px;
  left: -160px;
  height: 40px;
  width: 485px;
}

a.socnav {
  background-repeat: no-repeat;
  margin-left: 10px;
  display: block;
  float: right;
  height: 40px;
  width: 30px;
}

a#twitter {background: url(/images/twitter.gif) no-repeat; width: 24px;}
a#facebook {background: url(/images/fb.gif) no-repeat;}
a#myspace {background: url(/images/myspace.gif) no-repeat;}
a#reverbnation {background: url(/images/reverbnation.gif) no-repeat;}
a#youtube {background: url(/images/youtube.gif) no-repeat;}

/* End CD/Music/Social Banner */

/* Latest News */

#news_top, #news_btm  {
  margin: 20px 0 0 20px;
  height: 60px;
  width: 616px;
}

#news_top {background: url(/images/news_top.gif) no-repeat;}
#news_btm {background: url(/images/news_btm.gif) no-repeat; margin-top: 0;}

#news {
/*  overflow: auto;*/
  background-color: #DADBDD;
  margin-left: 20px;
  padding: 10px;
  height: 726px;
  width: 596px;
}

#news p {
  text-indent: 1em;
  margin-top: 5px;
}
  

/* End Latest News */

/* Twitter/YouTube/Flickr */

#tweet-top, div#utube-top, div#flickr-top, #tweet, #utube, #flickr, .share {
  position: absolute;
  float: right;
  right: 20px;
}
	
#tweet, #utube, #flickr {
  background-color: #DADBDD;
  padding: 5px 10px;
  height: 156px;
  width: 250px;
}

#tweet-top, #utube-top, #flickr-top, .share {
  background-repeat: no-repeat;
  background-color: #000;
  text-align: center;  
  height: 60px;
  width: 270px;
}

#tweet-top {background: url(/images/tweet_top.gif) no-repeat; top: 533px;}
#utube-top {background: url(/images/youtube_top.gif) no-repeat; top: 829px;}
#flickr-top {background: url(/images/flickr_top.gif) no-repeat; top: 1125px;}
.share {background: url(/images/share_btm.gif) no-repeat;}

#tweet {top: 593px;}
#utube {top: 889px; text-align:center;}
#flickr {top: 1185px;}
#tweet-btm {top: 749px;}
#utube-btm {top: 1045px;}
#flickr-btm {top: 1341px;}

/** Twitter Ticker **/
a.tweetnew, a.tweetold, a.ffollow {
  font: normal 9px Verdana, sans-serif;
  text-decoration: none;
  position: relative;
  color: #4e4a41;  
  top: 0;
}

a.tweetold {right: -162px;}
a.ffollow { right: -85px;}

a.tweetnew:hover, a.tweetold:hover, a.ffollow:hover {
  text-decoration: underline;
  color: #000;
}

#twitter_update_list {clear: both;}

p#tweets {
  position: relative;
  height: 120px;
  top: 10px;  
}

a.twitter {
  background: url(/images/twitter_off.gif) no-repeat;
  display: inline-block;  
  position: relative;
  bottom: -0;
  float: right;
}

a.twitter:hover {background: url(/images/twitter_on.gif) no-repeat;}

.small, .fss {
  position: relative;
  bottom: -0;
  font: normal 9px Verdana, sans-serif;
  color: #4e4a41;
}

/** End Twitter Ticker **/
/* End Twitter/YouTube/Flickr */
/***** End Home Page *****/

/********** Sub-Pages **********/
/* Content */
.content {
  position: relative;
  background: #DADBDD;
  padding-top: 60px;
  min-height: 750px;
  width: 910px;
  margin: 0 20px;
}

.content p {
  text-indent: 1em;
  padding: 10px;
}
/* End Content */

/* CMS */

.cmsBtn {border: 1px solid #858585;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin: 1px;
} 

.odd {
  float: left;
  margin-right: 2em;
}

.even {
  float: right;
  margin-left: 2em;
}

.clearit {
  clear: both;
}       

/* End CMS */

/* Headers */

#band_page, #tour_page, #store_page, #media_page, #press_page, #history_page, #error_page, #smap_page, #discography_page, #page_bottom, #playground_page, #ringtones_page, #videos_page {background-repeat: no-repeat;} 

#band_page{background-image: url(/images/band_content_top.gif);}
#tour_page{background-image: url(/images/tour_content_top.gif);}
#store_page{background-image: url(/images/store_content_top.gif);}
#media_page{background-image: url(/images/media_content_top.gif);}
#press_page{background-image: url(/images/press_content_top.gif);}
#history_page{background-image: url(/images/history_content_top.gif);}
#playground_page{background-image: url(/images/playground_content_top.gif);}
#smap_page{background-image: url(/images/sitemap_content_top.gif);}
#error_page{background-image: url(/images/blank_content_top.gif);}
#discography_page{background-image: url(/images/discography_content_top.gif);}
#ringtones_page{background-image: url(/images/ringtones_content_top.gif);}
#videos_page{background-image: url(/images/video_content_top.gif);}
#page_bottom {background-image:url(/images/content_btm.gif); padding: 0; min-height: 60px;}

/* End Headers */
/***** End Sub-Pages *****/

/***** Band Page *****/

#pic_nav, #pic_nav a {
  background: url(/images/band_nav_hover.gif) no-repeat;
  height: 200px;
  width: 900px;
}
  
#pic_nav a {   
  text-decoration: none;
  color: #4e4a41;
  padding: 0 8px;
  display: block;
  width: 125px;
  float: left;
}

#pic_nav a div {cursor: default;}
#pic_nav a:hover div {visibility: visible;}
#pic_nav a:active div {visibility: visible;}

a#dwain, a#jon, a#aaron, a#james, a#blain {background: url(/images/band_nav.gif) no-repeat;}

a#dwain {margin-left: 100px; background-position: -100px 0;}
a#jon {background-position: -241px 0;}
a#aaron {background-position: -382px 0;}
a#james {background-position: -523px 0;}
a#blain {background-position: -664px 0;}

a#dwain:hover ,
a#jon:hover,
a#aaron:hover,
a#james:hover, 
a#blain:hover {background-image: none;}

.bio {
  background: #DADBDD;
  position: absolute;
  visibility: hidden;
  height: 550px;
  width: 910px;
  top: 265px;
  left: 0;
}

.bio p {
  line-height: 150%;
  text-indent: 0;
  font-size: 125%;
  height: 25px;
}

#dwain_bio {z-index:1;}
#jon_bio {z-index:2;}
#aaron_bio {z-index:3;}
#james_bio {z-index:4;}
#blain_bio {z-index:5;}

div#default_bio {visibility: visible;}

a#tp {
  position: absolute;
  display: block;
  z-index: 3010;
  height: 60px;
  width: 60px;
  top: 705px;
  left: 0;
}

/***** End Band Page *****/

/***** Tour Page *****/
div#tour_page {padding-top:25px;}

#tour ul {
  margin:0 0 0 40px;
  width: 910px;
  clear:both;
  padding:0;
}

#tour li {
  list-style-type: none;
  text-align: center;
  padding: 0 0 10px 0;
  font-weight: bold;
  width: 160px;
  float: left;
}

#tour li a {color: #4e4a41;}
#tour li a:hover {color: #db0000;}

/***** End Tour Page *****/

/***** Store Page *****/

.store-item {
  border: 1px solid #000;
  margin: 5px 5px 0 5px;
  clear: both;
}

div.store-item > div.prdDisc {
  height:300px;
  float: right;
  position: relative;
  width: 490px;
  padding: 20px 0;
  text-align: left;
}

.product-attr-custom, .googlecart-add-button {
  position: relative;
  float: left;
  top:200px;
}

.googlecart-add-button {
  left: 5px;
}

/***** End Store Page *****/

/***** Media Page *****/

#mlinks {
  background: url(/images/media_hover.png) no-repeat;
  height: 750px;
  width: 910px;
}

#mlinks a.ir {
  background: url(/images/media.png) no-repeat;
  display: block;
}

#photos, #rtones, #music, #videos {position: absolute; top: 62px; height: 370px; width:451px;}

a.ir#photos {left:0;background-position: 0 0;}
a.ir#rtones {top:442px;left:0;background-position: 0 -381px;}
a.ir#music {left:460px;background-position: -460px 0;}
a.ir#videos {top:442px;left:460px;background-position: -460px -381px;}

a.ir:hover#photos,
a.ir:hover#rtones,
a.ir:hover#music,
a.ir:hover#videos {background: none;}

#photos_pg, #rtones_pg, #music_pg, #videos_pg {
  position: absolute;
}

/*** Disography ***/

#discography {
  padding-top:25px;
}

/*** End Discograpyh ***/

/*** Videos ***/

#videos {
  padding:50px 5px;
}

/*** End Videos ***/    

/***** End Media Page *****/

/***** Press Page *****/

#press_page p {
  line-height: 150%;
}
  
.cmsForm {
  margin-left: 8px;
}

/***** End Press Page *****/

/***** History Page *****/

#history_page h3 {text-indent: 16px;}

#history_page form {
  margin-left: 5px;
}

/***** End History Page *****/

/***** Error Page *****/

#error_page p, h1, hr {
  margin: 10px;
  color: #000;
}  

/*****End Error Page *****/

/***** Footer *****/

#footer {
  background:#000 url(/images/footer.png) no-repeat;
  position: absolute;
  text-align: center;
  width: 954px;  
  height: 36px;
}
  
#footer a {color: #fff; font: normal 11px Verdana, sans-serif;}

#Mgmt {
  background: url(/images/mgmt_bg.png) no-repeat;
  visibility: hidden;
  position: absolute;
  overflow: auto;
  z-index: 1050;
  height: 400px;
  width: 301px;
  top: -400px;
  left: 300px;
} 

#Mgmt div {
  font-size: 1em !important;
  text-indent: 10px;
  text-align: left;
  overflow: hidden;
  margin: 75px 0 10px 0;
  padding: 0 46px;
}  

#Mgmt div h3 {
  font-size: 1.25em !important;
  /*overflow: inherit;  */
  text-align: center;
  text-indent: 0;
}

#Mgmt a, #Mgnt div a {
  text-decoration: none;
  color: blue;
}

#Mgmt a:hover, #Mgnt div a:hover {
  text-decoration: underline;
} 

a#close {
  text-decoration: underline;
  text-align: center;
}

/***** End Footer *****/