* { margin:0;padding:0; }

iframe,
a img,
fieldset,
form,
table { border:0; }

h6,h5,h4,h3,h2,h1,caption,th,td {
  font-size:100%;
  }

dd,dt,li,dl,ol,ul { list-style:none; }

legend{ color:#000; }

button,select,textarea,input { font-size:100%; }

table{ border-collapse:collapse; }

caption,th,td{ text-align:left }

.clear { clear:both; }

.soldoutoverlay { 
  position:absolute;
  top:100px;
  left:0;
}
  .soldoutoverlay.small {
    top:75px;
  }
  .soldOutText {
    color:red;
    font-weight:bold;
    display:block;
    text-align:center;
    font-size:150%;
  }

/* clearfix - for closing elements containing floats across browsers */
.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

html { height:100%; }
body {
  height:100%;
  margin:0;
  background:#000;
  text-align:left;
  font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size:78%;
  color:#fff;
}
p {
  margin:10px 0;
}
a, a:visited {
  color:#E1EF52;
  text-decoration:none;
}
a:active { outline: none; }
h1#logo a {
  font-size:300%;
  margin:0 auto;
  background:url(/images/venues/crocodile/header-bg.jpg) top left no-repeat;
  width:998px;
  height:201px;
  display:block;
  text-indent:-7000px;
}
h2 {
  font-size:200%;
}
h3 {
  font-size:150%;
}
#header { clear:both; margin:0 0 20px; }
#wrapper {
  width:998px;
  margin:0 auto;
  background:#546521;
}
#notice {
  float:right;
  width:440px;
  padding:10px;
  text-align:left;
  font-size:120%;
  margin:20px 0 0;
}
#nav {
  height:48px;
  background:#1d2903;
}
#nav ul {
  width:897px;
  margin:0 auto;
}
#nav ul li {
  display:inline;
}
#nav ul li a {
  float:left;
  margin:0;
  height:48px;
  overflow:hidden;
  text-indent:-7000px;
}
  #nav ul li#nav_home a {
    background-image:url(/images/venues/crocodile/nav-home.gif);
    width:64px;
  }
  #nav ul li#nav_cal a {
    background-image:url(/images/venues/crocodile/nav-calendar.gif);
    width:179px;
  }
  #nav ul li#nav_video a {
    background-image:url(/images/venues/crocodile/nav-video.gif);
    width:78px;
  }
  #nav ul li#nav_directions a {
    background-image:url(/images/venues/crocodile/nav-directions.gif);
    width:116px;
  }
  #nav ul li#nav_history a {
    background-image:url(/images/venues/crocodile/nav-history.gif);
    width:87px;
  }
  #nav ul li#nav_specs a {
    background-image:url(/images/venues/crocodile/nav-specs.gif);
    width:70px;
  }
  #nav ul li#nav_tribunali a {
    background-image:url(/images/venues/crocodile/nav-tribunali.gif);
    width:137px;
  }
  #nav ul li#nav_contact a {
    background-image:url(/images/venues/crocodile/nav-contact.gif);
    width:92px;
  }
  #nav ul li#nav_merch a {
    background-image:url(/images/venues/crocodile/nav-merch.gif);
    width:74px;
  }
  #nav ul li a {
    background-repeat:no-repeat;
    background-position:top left;
  }
    #nav ul li a:hover,
    #nav ul li a.active {
      background-position:0 -48px;
    }
.mininav {
  text-align:center;
  margin:10px;
}
#content {
  clear:both;
}
#mainLeft {
  float:left;
  width:450px;
  margin:10px;
}
#mainRight {
  float:right;
  width:350px;
  margin:10px;
}
#upcoming {
  background:url(/images/venues/crocodile/poster-bg-top.jpg) top left no-repeat;
  padding-top:10px;
  float:left;
  width:100%;
}
  body#home #upcoming {
    background:url(/images/venues/crocodile/poster-bg.jpg) top left no-repeat;
    height:347px;
  }
  div.upcomingBottomShim {
    clear:both;
    background:url(/images/venues/crocodile/poster-bg-bottom.jpg) top left no-repeat;
    height:173px;
  }
#upcoming h2 { 
  font-size:120%;
  margin-left:10px;
}
#upcoming ul {
  margin:10px 0 30px;
  font-weight:normal;
}
#upcoming ul li {
  margin:0 0 12px 12px;
  float:left;
  display:block;
  width:185px;
  height:286px;
  position:relative;
}
  #upcoming ul li a,
  a.showPoster {
    display:block;
    width:185px;
    height:286px;
    position:relative;
    border:5px solid #666;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    float:left;
  }
    a.showPoster {
      margin:0 20px 20px auto;
    }
  #upcoming ul li p.textPoster {
    text-align:center;
    margin:0;
    overflow:hidden;
  }
    #upcoming ul li p.textPoster span {
      height:20px;
      text-align:center;
      display:block;
      background:#000;
      padding:10px;
      font-size:130%;
    }
    #upcoming ul li p.textPoster a {
      display:block;
      padding:25px 10px 0;
      background:#000;
      height:221px;
      width:165px;
      font-size:120%;
    }
/* Full Calendar */
#fullCalendar h2 {
  text-align:center;
  font-size:300%;
}
#fullCalendar h3.prevMonth {
  float:left;
  margin-left:25px;
}
#fullCalendar h3.nextMonth {
  float:right;
  margin-right:25px;
}
#fullCalendar ul {
  margin:30px auto 30px;
  width:945px;
  font-weight:normal;
  clear:both;
  border-top:1px solid #dfd5a8;
}
#fullCalendar ul li {
  float:left;
  display:block;
  width:125px;
  height:193px;
  position:relative;
  padding:5px;
  background:#666;
}
  #fullCalendar ul li.calDayHeader {
    height:30px;
    padding-top:10px;
    font-size:120%;
    font-weight:bold;
    text-align:center;
    background:none;
    text-transform:uppercase;
  }
  #fullCalendar ul li.calNoDate {
    background:none;
  }
  #fullCalendar ul li a {
    display:block;
    width:125px;
    height:193px;
    position:relative;
  }
  #fullCalendar ul li p.textPoster {
    text-align:center;
    margin:0;
    overflow:hidden;
  }
    #fullCalendar ul li p.splitBill {
      height:96px;
      overflow:hidden;
      margin:0;
    }
    #fullCalendar ul li p.splitBill:last-child {
      border-top:1px solid #fff;
    }
    #fullCalendar ul li p.textPoster span {
      height:30px;
      text-align:center;
      display:block;
      background:#000;
      padding:10px;
      font-size:120%;
    }
    #fullCalendar ul li p.textPoster a {
      display:block;
      padding:0 10px;
      background:#000;
      height:143px;
      width:105px;
      font-size:100%;
    }
    #fullCalendar ul li p.calNoShow {
      background:url(/images/venues/crocodile/cal-noshow.gif) top left no-repeat;
      width:125px;
      height:186px;
      padding:10px 0 0;
      margin:0;
      text-align:center;
      font-weight:bold;
      font-size:300%;
      color:#666;
    }
strong.showDate {
  float:left;
  text-align:center;
  width:55px;
  height:45px;
  background:#e3e3e3;
  color:#000;
  font-size:80%;
}
strong.showDate span.month {
  display:block;
  background:#a4383a;
  text-transform:uppercase;
  margin-bottom:5px;
  color:#fff;
  font-size:100%;
}
a.showLink {
  display:block;
  float:left;
  width:310px;
  padding:12px 10% 14px 20px;
  background:#333 url(/images/icons/arrow-right-thin.gif) 95% 50% no-repeat;
  border-bottom:1px solid #666;
}
  a.showLink:hover {
    background-color:#222;
  }
#map {
  padding-top:40px;
}
#map #locationMapLarge,
#map #mapDirections {
  color:#222;
}
  #map #mapDirections {
    background:#fff;
  }
  #map h3 {
    margin:0 0 6px;
  }
#map #locationMapLarge a,
#map #mapDirections a {
  color:red;
}
table.calendar {
  width:600px;
  margin:10px auto;
}
  table.calendar td {
    width:100px;
    height:50px;
    background:#000;
    border:1px solid #bbb;
    text-align:center;
  }

.info {
  clear:both;
  width:600px;
  margin:20px auto;
}
  .info p {
    margin:10px 0;
    font-size:120%;
  }
  .info h2 {
    margin:20px 0 0;
  }
  .info h3 {
    font-size:150%;
    margin:10px 0 0 10px;
  }
  .info h4 {
    font-size:130%;
    margin:10px 0 0 20px;
  }
  .info ul {
    margin:0 0 0 30px;
  }
.ticketInfo {
  font-size:75%;
  width:70%;
  margin:20px auto 0;
  padding:10px;
  background:#636363;
}
  .ticketInfo h2 {
    margin:0;
  }
  .ticketInfo p {
    line-height:1.4em;
    margin:5px 0;
  }
  
  .buytickets {
    margin:10px auto;
    text-align:center;
  }
  .buytickets .multiTicket {
    background:#5C6F23;
    margin:9px;
    padding:9px;
  }
  .singleEvent p.ticketingDescription {
    padding:0 20px;
  }
  
  
#eventWrap {
  width:722px;
  margin:20px auto;
}
.singleEvent {
 width:580px;
 padding:10px;
 margin:0 0 20px;
 color:#fff;
 float:left;
 text-align:left;
 font-size:130%;
 background:#222;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 -webkit-box-shadow:0px 0px 10px #dfd6a8;
 -moz-box-shadow:0px 0px 10px #dfd6a8;
 box-shadow:0px 0px 10px #dfd6a8;
}
  .singleEvent h2 {
    color:#fff;
    font-size:180%;
    font-weight:normal;
    margin:0;
  }
    .singleEvent h2 a.prevLink {
      padding-right:60px;
    }
  .singleEvent h3 {
    padding:10px 10px 0;
    color:#fff;
    font-size:130%;
    font-weight:normal;
  }
    .singleEvent h3 small {
      font-size:80%;
    }
  .singleEvent p {
    padding:10px 20px;
  }
  .singleEvent .artistBio {
    text-align:left;
  }
#prevEventLink,
#nextEventLink {
  float:left;
  width:60px;
  margin-top:10px;
}
  #prevEventLink {
    position:relative;
    left:8px;
  }
  #prevEventLink a,
  #nextEventLink a {
    display:block;
    width:50px;
    height:75px;
    text-indent:-7000px;
  }
    #prevEventLink a {
      background:#000 url(/images/icons/arrow-left-tall.gif) top left no-repeat;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border-left:2px solid #999;
      border-top:2px solid #999;
      border-bottom:2px solid #999;
    }
    #nextEventLink a {
      background:#000 url(/images/icons/arrow-right-tall.gif) top left no-repeat;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomright: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border:2px solid #999;
      border-left-width:0;
    }
  #prevEventLink a:hover,
  #nextEventLink a:hover {
    background-position:0 -75px;
  }
#sociallinks {
  text-align:center;
  height:60px;
  padding-bottom:40px;
}
  #socialLeft {
    float:left;
    width:365px;
    text-align:center;
  }
#featuredVideo {
  width:504px;
  margin:10px auto 20px;
}
ul#videoThumbs {
  width:855px;
  margin:0 auto;
}  
  ul#videoThumbs li {
    float:left;
    width:160px;
    height:160px;
    margin:5px;
    text-align:center;
  }
  #footer {
    clear:both;
  /*  background:url(/images/venues/crocodile/footer-bg.jpg) top right no-repeat;*/
    width:998px;
/*    height:44px;*/
    margin:0 auto;
    padding:10px 0 0;
    color:#afae71;
    font-weight:bold;
    text-align:center;
  }
    #footer a { color:#afae71;font-weight:bold; }

.pastEvent {
  opacity:.5;
}
.crocMessage {
  color:#222;
  background:#fff;
  padding:10px;
}
.crocMessage a {
  color:#00229d;
  text-decoration:underline;
}
/* the video page */
ul li.foo a img {
  height:120px;
  width:160px;
}
.merchImages {
  margin:10px auto;
  width:100%;
  text-align:center;
}
  .merchImages img {
    padding:10px;
    background:#000;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
  }
