html{
  background-color:     #c62026;
  text-align: center;
}
body{
  background-image:     url('bg-2010.jpg');
  background-position:  top center;
  background-repeat:    no-repeat;
  background-color:     #c62026;
  text-align:           center;
  min-width: 960px;
  x-overflow: hidden;
  margin: 0 auto;
}
a{
  -webkit-transition:   all 0.3s ease-in;
}
hr,
#header,
#info h4,
#info ul,
#map a span{
  display:              none;        
}

#info,
#content{
  margin:               0 auto;
  width:                47em;
  display:              block;
  position:             relative;
}
#info{
  height:               10.5em;
}
#info a.email{
  position:             absolute;
  bottom:               .9em;
  left:                 7.9em;
  height:               .7em;
  width:                12.3em;
  overflow:             hidden;
  background-color:     #FFCC00;
  color:                #FFCC00;
  opacity:              0.0;
  border-radius:        .15em;
  -moz-border-radius:   .15em;
  -webkit-border-radius:.15em;
}
#info a.email:hover{
  opacity:              0.5;
}
#content:after{
  content:              ".";
  display:              block;
  clear:                both;
  margin-bottom:        5em;
  color:                #c62026;
  visibility:           hidden;
  line-height:          0;
  height:               0;
}
#content aside{
  float:                left;
  margin-left:          2em;
  width:                15em;
  display:              block;
}
#news,
#presale{
  background-color:     #F4F2E9;
  border-radius:        1em;
  -moz-border-radius:   1em;
  -webkit-border-radius:1em;
  box-shadow:           #999 1px 1px 0px;
  -moz-box-shadow:      #999 1px 1px 0px;
  -webkit-box-shadow:   #999 1px 1px 0px;
}
#news{
  width:                25em;
  margin-left:          5em;
  min-height:           39em;
  float:                left;
  position:             relative;
}
#news h1,
#presale h1{
  background-repeat:    no-repeat;
  background-position:  center 1.1em;
  height:               2.3em;
  font-family:          Arial, sans-serif;
  text-transform:       Uppercase;
  color:                #F4F2E9;
  padding-bottom:       1.5em;
  cursor:               default;
}
#news h1{
  background-image:     url('news.gif');      
}
#presale h1{
  background-image:     url('presale.gif');      
}

#presale{
  display:              block;
  height:               15em;
  position:             relative;
}
#presale form{
  margin:               0 1.5em 2.5em 1.5em;
  height:               11.25em;
}
#presale form p{
  padding:              0;
  line-height:          .75em;
  color:                #333;
}
#presale form p span,
#presale form p em{
  margin-top:           0em;
  display:              inline-block;
  font-size:            .6em;
  font-family:          Arial, sans-serif;
  color:                #666;
  line-height:          inherit;
  width:                100%;
  text-align:           center;
}
#presale form p span b{
  color:                #333;
  padding:              .25em;
}
#presale form p strong{
  font-size:            .75em;
  margin-bottom:        .5em;
  font-weight:          bold;
}
#presale h2{
  display:              block;
  font-family:          Georgia, serif;
  font-style:           italic;
  font-weight:          bold;
  text-shadow:          #fff 1px 1px 0px;
  font-size:            1.5em;
  margin-bottom:        .25em;
  color:                #333;
}
#presale h2 sup{
  font-size:            .75em;
  vertical-align:       top;
}
#presale div{
  font-family:          Trebuchet MS, "Trebuchet MS", Arial, sans-serif;
  background-color:     #DBD9D1;
  border-radius:        .5em;
  -moz-border-radius:   .5em;
  -webkit-border-radius:.5em;
  border-radius:        1em;
  -moz-border-radius:   1em;
  -webkit-border-radius:1em;
  -moz-border-radius-topleft:       0em;
  -moz-border-radius-topright:      0em;
  -webkit-border-top-left-radius:   0em;
  -webkit-border-top-right-radius:  0em;

  position:             absolute;
  bottom:               0;
  left:                 0;
  padding:              0;
  width:                100%;
  color:                #111;
  height:               5em;
}

#presale .qty,
#presale .submit{
  display:              block;
  width:                100%;
  line-height:          1em;
}
#presale .qty{
  margin-top: .65em;
}
/*
#presale .submit button:before{
  color:     #DBD9D1;
  content: ".";
  height: .75em;
  display: block;
  margin-bottom: -.75em;
  background-color: #DBD9D1;
  opacity: .25;
}
#presale .submit button:before, x:-moz-any-link, x:default {
  position: absolute;
  right: 0;
  left: -.25em;
  top: 0;
  top: -.25em;
}
*/
#presale .submit button{
  position:             absolute;
  bottom:               1em;
  left:                 1.5em;
  width:                12em;
  height:               1.5em;
  font-weight:          bold;
  font-size:            1em;
  letter-spacing:       .05em;
  word-spacing:         .2em;
  text-transform:       Uppercase;
  margin:               0;
  padding:              0;
  border:               none;
  border-radius:        1em;
  -moz-border-radius:   1em;
  -webkit-border-radius:1em;
  font-family:          Trebuchet MS, "Trebuchet MS", sans-serif;
  color:                #fff;
  background-color:     #c62026;
  box-shadow:           #fff 1px 1px 0px;
  -moz-box-shadow:      #fff 1px 1px 0px;
  -webkit-box-shadow:   #fff 1px 1px 0px;
  cursor:               pointer;
  display:              block;
  -webkit-transition:   all 0.15s ease-in;
}
#presale .submit button:hover{
  background-color:     #FFCC00;
  color:                #111;
}
#presale .start,
#presale .end,
#presale select{
  display:              inline-block;
  vertical-align:       middle;   
}
#presale .start,
#presale .end{
  width:                7.5em;
  font-size:            .7em;
  text-align:           left;
  color:                #c62026;
  color:                #666;
  font-weight:          bold;
  text-transform:       Uppercase;
  font-family:          Georgia, serif;
  letter-spacing:       .175em;
  -webkit-transition:   all 0.5s ease-in;
}
#presale:hover div .end,
#presale:hover div .start{
  color: #000;
}
#presale .start{
  text-align:           right;
  margin:               0 .9em 0 0;
}
#presale .end{
  margin:               0 0 0 .9em;
}
#presale select{
 width:                 60px;
 margin:                0;
 text-align:            center;
}

#presale .hidden{
  display:              none;
}
#presale .visible{
  display:              inline;
}

#map{
  display:              block;
  margin-top:           1em;
}
#map a{
  display:              block;
  padding-top:          3em;
  opacity:              1.0;    /* IE */     
}
#map a:hover{
  opacity:              .50;    /* IE */
}
#map a img{
  margin-left:          -1px;
}
#flickr{
  display:              block;
  margin-top:           -.2em;
  width:                15em;
  overflow:             hidden;
}
#flickr h1{
  font-family:          Arial, sans-serif;
  text-transform:       Uppercase;
  display:              block;
  overflow:             hidden;
  height:               5.4em;
  font-size:            .5em;
  background-repeat:    no-repeat;
  background-position:  center 2em;
  background-image:     url('flickr.gif');
  color:                #c62026;
  cursor:               default;
}
#flickr ul{
  width:                16em;
}
#flickr li{
  float:                left;
  height:               93px;
  width:                7em;
  margin-right:         1em;
}
#flickr a{
  display:              block;
  opacity:              1.0;
}
#flickr a:hover{
  opacity:              .50;
}
#sponsors{
  display:              block;
  padding-top: 1.25em;
}
#sponsors h1{
  height: 32px;
  background-image: url('sponsors.gif');
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -300em;
  margin-bottom: .5em;
}
#sponsors ul{
  background-image: url('logos.gif');
  height: 110px;
  background-repeat: no-repeat;
  background-position: top center; 
}
#sponsors ul li{
  float: left;

}
#sponsors ul li a{
  display: block;
  height: 50px;
  width: 90px; 
  overflow:hidden;
  color:   #c62026;
  text-indent: -300em;
  opacity: .0;
  background-color:   #c62026;
}
#sponsors ul li.volcano a,
#sponsors ul li.ranger a,
#sponsors ul li.squad a,
#sponsors ul li.merchsquad a{
  width: 105px;
}
#sponsors ul li.volcano a,
#sponsors ul li.redhot a,
#sponsors ul li.ranger a{
  height: 65px;
}
#sponsors ul li.squad a,
#sponsors ul li.glue a,
#sponsors ul li.merchsquad a{
  height: 50px;
}
#sponsors ul li a:hover{
  opacity: .50;
}

article{
  display:              block;
  margin:               0 1.5em 2.5em 1.5em;
  text-align:           left;
  position:             relative;
}
article h2{
  font-family:          Trebuchet MS, "Trebuchet MS", Arial, sans-serif;
  font-size:            1.25em;
  margin-right:         2.5em;
  font-weight:          bold;
  color:                #c62026;
  text-shadow:          #F4F2E9 0px 0px 2px;        
}
article footer{
  font-family:          Trebuchet MS, "Trebuchet MS", Arial, sans-serif;
  font-size:            .45em;
  position:             absolute;
  top:                  .3em;
  right:                0;
  line-height:          1em;
  color:                #999;
  text-transform:       Uppercase;
}
article p{
  font-family:          Georgia, serif;
  font-size:            .75em;
  line-height:          1.33em;
  margin-top:           1.33em;
  color:                #333;
}
article ul,
article ol{
  font-family:          Georgia, serif;
  font-size:            .75em;
  line-height:          1.33em;
  margin-top:           1.33em;
  color:                #333;
  margin-left: 1.33em;
}
article ul li{
  list-style-type:      disc;
  list-style-position:  outside;
  margin-bottom:        .5em;
}
article ol li{
  list-style:           decimal;
}

article p a,
article li a{
  color:                #000;
  text-decoration:      underline;
}
article p a:hover,
article li a:hover{
  color:                #c62026;
  text-decoration:      none;
}
article img{
  max-width:            100%;
  width:                100%;
  height:               auto;
  margin:               0 0 1.33em 0;
  float:                right;
  outline:              1px solid #999;
}

article object{
  display:              block;
  margin:               1em 0;
}

article a img{
  outline:              1px solid #c62026;
  box-shadow:           #c62026 0px 0px 5px;
  -moz-box-shadow:      #c62026 0px 0px 5px;
  -webkit-box-shadow:   #c62026 0px 0px 5px;
}
article p b,
article li b,
article li strong,
article p strong{
  font-family:          Trebuchet MS, "Trebuchet MS", sans-serif;
  font-weight:          bold;
}
article p em,
article li em,
article li i,
article p i{
  font-weight:          bold;
  font-style:           italic;
  color:                #111;
}
.paging{
  background-color:     #DBD9D1;
  display:              block;
  height:               3.5em;
  position:             absolute;
  bottom:               0;
  left:                 0;
  right:                0;
  border-radius:        1em;
  -moz-border-radius:   1em;
  -webkit-border-radius:1em;
  -moz-border-radius-topleft:       0em;
  -moz-border-radius-topright:      0em;
  -webkit-border-top-left-radius:   0em;
  -webkit-border-top-right-radius:  0em;
}
.paging .group{
  display:              block;
  margin-top:           -1em;
}
.paging a,
.paging del{
  height:               2em;
  border-radius:        1em;
  -moz-border-radius:   1em;
  -webkit-border-radius:1em;
  display:              inline-block;
  line-height:          2em;
  width:                6.5em;
  font-family:          Trebuchet MS, "Trebuchet MS", sans-serif;
  text-transform:       Uppercase;
  font-weight:          bold;
  letter-spacing:       .1em;
}
.paging a{
  color:                #fff;
  background-color:     #FFCC00;
  box-shadow:           #fff 1px 1px 0px;
  -moz-box-shadow:      #fff 1px 1px 0px;
  -webkit-box-shadow:   #fff 1px 1px 0px;
}
.paging a:hover{
  background-color:     #c62026;
}
.paging del{
  color:                #DBD9D1;
  background-color:     #F4F2E9;      
}
#spacer{
  height:               3.5em;
  display:              block;
}
.paging b,
.paging span{      
  text-shadow:          #F4F2E9 1px 1px 0px;
  display:              inline-block;
  font-size:            .75em;
  font-weight:          normal;
}
.paging span{
  width:                1.333em;
  font-family:          Georgia, times, serif;
  font-style:           italic;
  color:                #5C1012;
}
.paging b{
  width:                2.5em;
  font-family:          Trebuchet MS, "Trebuchet MS", sans-serif;
  color:                #333;
}
b[rel=current]{
 text-align:            right;
 padding-right:         .825em;
}
b.total{
 text-align:            left;
 padding-left:          .825em;
}

p.benefit{
  display: block;
  display: none; /* temporary hide */
  position: absolute;
  width: 62px;
  top: 29em;
  z-index: 100;
}
.benefit strong{
  display: none;
}
p.benefit a{
  display: block;
  position: relative;
  background-image: url("boots-breeches.gif");
  height: 9em;
  width: 62px;
  background-repeat: no-repeat;
  text-indent: -300em;
  overflow: hidden;
  opacity: 1.0;
}
p.benefit a:hover{
  opacity: .50;
}