/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  April 18, 2010, 8:53 pm with psd2css Online version 1.77
 *
 */

body {
  /* This is the background image to the entire page that you
   * get because of the layer 'background_bodybg_iphone_center' that you created.
   * If you would like this layer to stay static relative to the
   * browser window (you don't want it to scroll with your content)
   * just add the word 'fixed' to the line below (before the ;). */
  background: url(../img/Layer-1.png) ;
  font-family: Georgia;
  
}
    #overflow {
          background-image: url(../img/bg2.png);  
          background-repeat: repeat-y;
  width: 931px;
  min-height: 120%; 
  z-index: 1;
  margin:auto;
  overflow: visible;
  padding-bottom: 100px;
}
h3 {
    margin-bottom: 5px;
    color:white;
}
h4 {
    font-size: smaller;
    margin-bottom: 5px;
    color: black;
    font-weight: bold;
    
}

p {
    font-size:smaller;
    margin-bottom:10px;
    line-height: 1.5em;
    color:white;  
}
dt {
    
    
    margin-bottom: 3px;
    color:black;
}
/* You named this layer Frame_frame */
#frame {
  position: relative;
  background-image: url(../img/bg.png);
  height:100%;
  width: 100%;

  z-index: 2;
  padding-bottom: 400px;
  overflow: visible;
  background-repeat: no-repeat;
}



#events_index_list {
    width:75%;
    float:right;
    
    position:relative;
    text-align: right;
    padding-bottom: 200px;
}
#index_events{
      width:75%;
      float:right;
    text-align:right;
}
ul.showsIndex li{
    margin-bottom: 5px;
}
ul.updatesIndex li {
    margin-bottom: 5px;
}
ul.eventsIndexList {
    padding-top: 150px;
    width: 320px;
    text-align: right;
}

.contactList {
    margin-right:40px;
    width:40%;
    float:right;
    text-align:right;
    padding-bottom: 100px;
}
  
.contactList li {
    position:relative;
    margin-bottom: 15px;
    left: 15px;
}
/* You named this layer Devil Face */
#Layer-3 {
  position: absolute;
  left: 871px;
  top: 0;
  width: 49px;
  height: 106px;
  z-index: 3;
}

/* You named this layer home_link */
#menu_home_link {
  position:  relative;
  float:left;

}

/* You named this layer news_link */
#menu_news_link {
  position: relative;
  float:left;

}

/* You named this layer bio_link */
#menu_bio_link {
  position: relative;
  float:left;

}

/* You named this layer shows_link */
#menu_shows_link {
  position: relative;
  float:left;

}

/* You named this layer photos_link */
#menu_photos_link {
  position: relative;
  float:left;
  margin-left:20px;
}
#flickr
{
    text-align: center;
    top:1px;
    background-image: url(../img/crowd_black.png);
    width:898px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    left:6px;
    position: relative;
    background-color: black;
}
/* You named this layer shop_link */
#menu_shop_link {
  position: relative;
  float:left;
}

/* You named this layer contact_link */
#menu_contact_link {
  position: relative;
  float:left;
}

/* You named this layer - */
#Layer-11 {
  position: absolute;
  left: 165px;
  top: 0;
  width: 16px;
  height: 3px;
  z-index: 11;
}

/* You named this layer - */
#Layer-12 {
  position: absolute;
  left: 263px;
  top: 0;
  width: 16px;
  height: 3px;
  z-index: 12;
}

/* You named this layer - */
#Layer-13 {
  position: absolute;
  left: 329px;
  top: 0;
  width: 15px;
  height: 3px;
  z-index: 13;
}

/* You named this layer - */
#Layer-14 {
  position: absolute;
  left: 561px;
  top: 0;
  width: 16px;
  height: 4px;
  z-index: 14;
}

/* You named this layer - */
#dash {
  position:relative;
 float:left;
 margin-left: 7px;
 margin-right: 8px;
  width: 16px;
  height: 3px;
  z-index: 15;
}

/* You named this layer bird */
#bird {
  position: relative;
  left: 88px;
  top:-45px;
  _top:-20px;
  width: 316px;
  height: auto;
  z-index: 16;
}

/* You named this layer tweet_text */
#Tweet {
  position:relative;
  left: -50px;
  height:auto;
  width: 415px;
  
  z-index: 17;
  text-align: center;
  color:white;
}
#mp3player
{
    position:absolute;
    top:45px;
    width:180px;
    height:50px;
    padding-top:5px;
    padding-left: 2px;;
    left:745px;
    background-image:url(../img/player_bg.png);
    background-repeat: no-repeat;
    z-index: 9999;
    text-align: center;
    
}
.expand{
    width:100%;
    height:100%;
}

#bio {
    position:relative;
    width:100%;
    text-align: right;
}
/* You named this layer content_text */
#text_updates {
  position: relative;
  width: 100%;
  z-index: 19;
  text-align:left;
  margin-bottom: 10px;

}

/* You named this layer feel alive */
#label_events {
  position: relative;
  width: 100%;
  height: 22px;
  z-index: 20;
  margin-bottom: 10px;
  text-align:right;
  
  
}

/* You named this layer words, words, words */
#label_updates {
  position: relative;
  clear:both;
  padding-top: 10px;
  z-index: 21;
  margin-bottom: 10px;
}

/* You named this layer shows_text */
#shows_text {
    position: relative;

  width: 100%;
  height: auto;
  z-index: 20;
  text-align: right;


  
}
#right_col {
    position: relative;
    padding-top:10px;
    padding-right:25px;
    width:350px;
    top:-75px;
    z-index:20;
    float:right;
    
}
#left_col {
    width: 50%;
    float:left;
    vertical-align: top;
    clear:left;
    padding-left:25px;

    
}
/* You named this layer Automatic Fire */
#logo_automatic {
  position: absolute;
  left: 144px;
  top: -82px;

  z-index: 23;
}
#logo_fire {
  position: absolute;
  left: 475px;
  top: -67px;

  z-index: 23;
}
hr.ee {border: none 0; 
    border-top: 1px dotted #660000;
    border-bottom: 1px solid #990000;
    width: 100%;
    height: 2px;
    margin-bottom: 9px;
    margin-top: 1px;
    
    
    position: relative;
    }   
 hr.e {border: none 0; 
    border-top: 1px dotted #660000;
    border-bottom: 1px solid #990000;
    width: 400px;
    height: 2px;
    margin: 10px auto 0 0;
    text-align: left;
    left: -40px;
    top: -5px;
    position: relative;
    } 
     hr.eee {border: none 0; 
    border-top: 1px dotted #660000;
    border-bottom: 1px solid #990000;
    width: 98%;
    height: 2px;
    margin: 10px auto 0 0;
    text-align: left;

    top: -5px;
    position: relative;
    } 
/* You named this layer Album Cover */
#album_cover {
  position: relative;

  float:left;
  clear:left;
  width: 180px;
  height: auto;
  z-index: 24;
}

/* You named this layer Get the No Decoy EP Now! */
#album_tag {
  position: relative;
  float:left;
  padding-left:10px;
  top:101px;
  
  width: 180px;
  height: 78px;
  z-index: 25;
}

/* You named this layer Gunbrella */
#Gunbrella {
  position: absolute;
  left: 278px;
  top: -198px;
  width: 352px;
  height: 510px;
  z-index: 3;
}

/* You named this layer menu*/
#menu {
  position: relative;
    z-index:20;
  width: 100%;
  height:190px;
  z-index: 1000;
  padding-top:15px;
  padding-left: 90px;

  
  text-align: right;
}

/* You named this layer Frame Middle 1001 */
#layout_elements {
  position: relative;
  width: 100%;
  z-index: 999;
  top:-5px;
  left:2px;

}

/* You named this layer Frame Bottom 1002 */
#content {
  position: relative;
  left: 6px;
  top: 0px;
  width: 926px;
  height:75%;
  max-height: 1195px;;
  z-index: 1002;
  overflow:visible;
  clear:both;

}
 #social_icons{
     position:relative;
    padding-top: 5px;
    width:300px;
    text-align: center; 
 }
 #social_icons img {
     width: 25px;
     height:auto;
 }
 #flickr_social_icons {
     position:relative;
     margin-right: 20px;
     float:right;
     top:15px;
     left:-0px;
 }
 #flickr_social_icons img {
     width:50px;
 }
 #flickr_reverb_signup {
     margin:5px;
     width:400px;
     float:left;    
 }
 #Banner {
     position:absolute;
     left: 945px;
     width:120px;
     height:600px;
     top:0;
 }
 #reverb_signup {
     position:relative;
     float:left;
     text-align: center;
     width: 415px;
     height:107px;
     overflow:hidden;
     left:-50px;
 } 
 .expand {
     width:100%;
     height:100%;
 }
/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
}
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}
.bolder {
    font-size: larger;
}
.index_updates {
    width:90%;
    text-align: right;
    float:right;
    margin-right: 30px;
    
}
.white{
    color:white;
}
#updates_index {
     position:relative;    
    width:90%;
    float:right;
    text-align: right;
}