/*
Theme Name: Golden Plains 2010
Theme URI: http://www.goldengrouse.com/
Description: The Third One
Version: 1.0
Author: John McLennan
Author URI: http://goldengrouse.com/

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}


body {
  background: #FAEB8E url('../images/_mta/bottom-footer.jpg') no-repeat center bottom;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;	
  top:0;
  bottom:0;
  height:100%;
  text-align:center;
}

.hurdle {
  clear:both;
}

a img {
  border: none;
}


a {
  text-decoration:none;
}

  a:hover {
    text-decoration:underline;
  }

p.more {
  text-align:right;  
}

p.more a {
  font-weight:bold;
  text-decoration:none;
}

/*-----------------------------------------------------
                     >> Layout <<
-----------------------------------------------------*/

#wrapper {
  background: transparent url('../images/_mta/top-header.jpg') no-repeat center top;
  top:0;
  bottom:0;
}

.whole {
  min-width: 984px;
  position: relative;
  text-align: center;
  text-align:left;
}

#bottom {
  bottom: 0;  
  height: 350px;  
  
  z-index: 1;
  clear: both;
  width:100%;
}

.left_decoration_top {
  background: url('../images/side-illo-left-trans.png') top left no-repeat;
  top: 0;
  width: 419px;
  height: 183px;
  position: fixed;
  left: 0;
  z-index: 150;
}
  
  .left_decoration_bottom {
    background: url('../images/side-illo-left-trans.png') 0 -183px no-repeat;
    top: 183px;
    width: 200px;
    height: 772px;
    position: fixed;
    left: 0;
    z-index: 150;
  }

.right_decoration_top {
  position: fixed;
  top: 0;
  right: 0;
  width: 419px;
  height: 183px;  
  z-index: 151;
  background: url('../images/side-illo-right-trans.png') top right no-repeat;
}
  .right_decoration_bottom {
    position: fixed;
    top: 183px;
    right: 0;
    width: 200px;
    height: 772px;  
    z-index: 151;
    background: url('../images/side-illo-right-trans.png') -219px -183px no-repeat;
  }

.top_layer { /* Content sits in this layer, above the decorative elements */
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.masthead {
  /*margin-top: 15px;*/
}
.masthead a {
  background: url("../images/_mta/logo-byline-mta-trans.png") 50% 230px no-repeat;
  width: 440px;
  height: 275px;
  display: block;
  margin: 0 auto;
  text-indent: -5000px;
}

.masthead a:focus {
  border: 0;
}

.content {
  position:relative;
  margin: 0 auto;
  width: 784px;  
  overflow: hidden;
  color: #6A4508;
  text-shadow: #FCEDB4 1px 1px 2px;
  /*background:transparent url('../images/_mta/content-bg-mta-trans.png') no-repeat 0px 355px;*/
  z-index:600;
}

#button {
  position:absolute;
  right:30px;
  top:222px;/*175*/
  z-index:600;
}

#button a {
  display:block;
  width:155px;
  height:38px;
  background:transparent url('../images/_mta/buttons/button-survey.png') no-repeat top left;
  text-indent:-999em;
}
  
#button a:hover {
  background-position:bottom left;
}

#button-left {
  position:absolute;
  left:30px;
  top:222px;/*175*/
  z-index:600;
}

#button-left a {
  display:block;
  width:155px;
  height:38px;
  background:transparent url('../images/_mta/buttons/btn-subscribe-small.png') no-repeat top left;
  text-indent:-999em;
}

#button-left a:hover {
  background-position:bottom left;
}

.text {
/*  float: left;*/
  text-align: left;  
  width:584px;
  margin: 0 auto 0;
}

/*---------------------------------------------------*\
                  >> Band list <<
\*---------------------------------------------------*/

#band-list {
  border-top:1px solid #EFD67F;
  border-bottom:1px solid #EFD67F;
  padding:20px 0;
  letter-spacing:0.1em;
  line-height:1.5;
  font-weight:bold;
}

#whos-playing h4, #whats-cooking h4 {
  /*padding-top:60px !important;*/
}

.band-buttons {
  display:block;
  clear:both;
  margin: 1em auto;
  height:100%;
  margin-bottom:30px;
}

.band-buttons a {
  text-indent:-999em;
  width:200px;
  height:38px;
  display:block;
  float:left;
}

  .band-buttons a:hover {
    background-position:bottom left;
  }

.btn-band {
  background:transparent url('../images/buttons/btn-bands-website.png') no-repeat top left;
}

.btn-youtube {
  background:transparent url('../images/buttons/btn-watch-on-youtube.png') no-repeat top left;
}

.btn-myspace {
  background:transparent url('../images/buttons/btn-listen-on-myspace.png') no-repeat top left;
}

.btn-listen {
  background:transparent url('../images/buttons/btn-listen.png') no-repeat top left;
}

/*---------------------------------------------------*\
                  >> Navigation <<
\*---------------------------------------------------*/

ul.nav {
  z-index:700;
  /*position:absolute;*/
  width:776px;
  overflow: hidden;
  margin:0 auto;
  padding:0;
  display:block;
}

ul.nav li {
  display:inline;
  height:77px;
}

ul.nav li a {
  display: block;
  float:left;
  height: 77px;
  background-image:url("../images/_mta/nav-trans.png");
  background-repeat:no-repeat;
  background-color:transparent;
  text-indent:-999em;
}
ul.nav li a:focus {
  border: 0;
}

li.nav0 a {
  background-position:0 0;
  width: 154px;
}
  li.nav0 a:hover {
    background-position:0 -77px;
  }
  
li.nav1 a {
  background-position: -154px 0;
  width: 108px;
}
  li.nav1 a:hover {
    background-position:-154px -77px;
  }
  
li.nav2 a {
  background-position: -262px 0;
  width: 166px;
}
  li.nav2 a:hover {
    background-position:-262px -77px;
  }

li.nav3 a {
  background-position: -428px 0;
  width: 121px;
}
  li.nav3 a:hover {
    background-position:-428px -77px;
  }

li.nav4 a {
  background-position: -549px 0;
  width: 102px;
}
  li.nav4 a:hover {
    background-position:-549px -77px;
  }

li.nav5 a {
  background-position: -651px 0;
  width: 125px;
}
  li.nav5 a:hover {
    background-position:-651px -77px;
  }

#sidebar {
  float: right;
  width: 140px;
}

#sidebar ul {
  width: 140px;
  text-align: center;
  /*float: right;*/
  margin: 0 0 0 0;
  list-style-type: none;
  padding: 0;
}
  
  #sidebar ul.subnav li {
    
    margin-bottom: 40px;
  }

  #sidebar ul.subnav li a {
    display: block !important;
    text-indent: -999em;
    height: 20px;
    width: 140px;
  }

  #sidebar ul.subnav li.subnav0 a {
    background: transparent url(images/subnav_tickets.gif) center top no-repeat;
  }

  #sidebar ul.subnav li.subnav1 a {
    background: transparent url(images/subnav_subscribe.gif) center top no-repeat;
  }

  #sidebar ul.subnav li.subnav2 a {
    background: transparent url(images/subnav_survey.gif) center top no-repeat;  
  }
  
     #sidebar ul.subnav li.subnav2 a {
       height:40px;
     }



/*-----------------------------------------------------
                     >> Typography <<
-----------------------------------------------------*/

h2 {
/*  font-size:11px;*/
  font-size:22px;
  margin: 10px 0 15px 0;
  color:#FF8800;
	text-transform:uppercase;
/*  font-family: Verdana, sans-serif;
  text-transform:uppercase;
  font-weight: normal;*/
  letter-spacing: 0.05em;
	text-align:center;
}

h3 {
  color: #f5396c;
  font-size: 11px;
  font-family: Verdana, sans-serif;
  letter-spacing: 0.1em;
  font-weight: normal;
  text-transform: uppercase;
  margin:10px 0;
  line-height: 1.4;
}

  #home .text h2 {
    display:none;
  }

h4 {
  padding:30px 0 10px;
  color: #733231;
  font-size: 22px;
  font-family: Verdana, sans-serif;
  letter-spacing: 0.05em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 20px 0 5px 0;
  line-height: 1.4;
  text-align:center;
}

h5 {
  color: #DF6C0F;
  font-size: 12px;
  letter-spacing: 0.1em;
  font-weight: normal;
  text-transform: uppercase;
  font-weight:bold;
  margin:10px 0;
  line-height: 1.4;
  clear:left;
}



p {
  margin: 0 0 17px 0;
  line-height: 1.4;
  font-size: 13px;
}

  p.question {
    margin: 17px 0 0 0;
    font-style:italic;
    color:#ED9330;
  }

.text a, #sidebar a {
  color:#A1260D;
}

.text h4 a {
  color:#69152F;
}

.text ul, .text ol {
  list-style-type: disc;
  list-style-position: outside;
  font-size:13px;
  line-height: 1.4;
}
  .text li {
    margin:0 0 1em 1em;
  }


#sidebar .widget_links {
  font-size:11px;
  font-family: Verdana, sans-serif;
}

  .widget_links h2 {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:0.2em;
    text-align:center;
  }
  
  .widget_links a {
    text-decoration:none;
    color:#D8396C !important;
    
  }
  
  .widget_links li {
    margin-bottom:10px;
  }

#footer {
  font-size:10px;  
  text-align:center;
  color:#CE9D1C;
  padding:100px 0 10px;
  letter-spacing:0.1em;
}

  #footer a {
    color:#CE9D1C;
  }
  
    #footer a:hover {
      color:#E5C228;
      text-decoration:none;
    }

#tickets table {
  margin-bottom:30px;
}

/*-----------------------------------------------------
                     FAQS
-----------------------------------------------------*/

.faq ol {
  
}



.faq li {
  border:none;
  list-style:none;
  margin:0;
/*  float:left;
  display:block;
  clear:none;*/
}

  .faq li:hover {
    background-color:#5D1229;
  }
  .faq li a {
    display:block;
    clear:none;
    float:left;
    height:35px;
    width:174px;
    padding-right:20px;
    padding-bottom:10px;
    line-height:12px;
    font-size:11px;
    text-transform:uppercase;
    color:#FF8800;
    letter-spacing:0.1em;
    font-weight:bold;
    text-shadow:#fff 1px 1px 2px;
  }
  
    .faq li a:hover {
      /*text-decoration:underline;*/
      color:#FC6200;
    }


