/* 
Festival of the Arts
Mobile stylesheet
*/

/** =baseline
************************************************************/
a {
  color: #cb2524;
  text-decoration: none;
}
a:focus,
a:hover {
  background-color: #fff9c1;
  color: #ad0100;
}


/** =layout
************************************************************/
body {
  background: #fff url(/assets/images/bg-noise.png);
}
.center,
.nav-mobile {
  margin: 0 auto;
}
body.mobile-home {
  padding: 15px 0 0;
}


/** =image replacement
************************************************************/
.nav-mobile li a,
h1  {
  text-indent: -999em; display: block; font-size: 1px; overflow: hidden;
}

/** =fonts
************************************************************/
h2,
.serif{
  font-family: Baskerville, Georgia, "Times New Roman", Times, serif;
  letter-spacing: 0;
  font-weight: normal;
  line-height: 1.38;
}
body,
h2 a{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #6c6759;
}

/** =home
************************************************************/
h1 {
  background: url(/assets/images/mobile/logo-festival-sm.png) no-repeat scroll top left;
  width: 320px;
  height: 40px;
}
.mobile-home h1 {
  background: url(/assets/images/mobile/logo-festival.png) no-repeat scroll top left;
  width: 320px;
  height: 139px;
  margin-bottom: 24px;
}

/** =nav-mobile
************************************************************/
.nav-mobile {
  margin-bottom: 20px;
}
.nav-mobile,
.nav-mobile li a,
.nav-mobile li {
  width: 110px;
  list-style: none;
}
.nav-mobile li a{
  display: block;
  height: 34px;
  background: no-repeat;
}
.nav-mobile li a:hover,
.nav-mobile li a:active{
  background-position: 0 -34px;
}
.nav-mobile li.li-1 a { background-image: url(/assets/images/mobile/btn-schedule-sprite.png); }
.nav-mobile li.li-2 a { background-image: url(/assets/images/mobile/btn-food-sprite.png); }
.nav-mobile li {
  margin-bottom: 5px;
}
/** =footer
************************************************************/
.footer { 
  text-align: center;
}
.by-fusionary a {
  background: none;
}
.by-fusionary {
  margin-top: 8px;
}
.mobile-home .by-fusionary{
  margin-top: 30px;
}

/** =schedule
************************************************************/
.heading {
  background: #cb2524;
  color: #fff;
  padding: 5px;
}
h2 {
  font-size: 18px;
}
table {
  margin-bottom: 18px;
}
.recordset {
  background: #fff;
  margin-bottom: 0;
}
.recordset thead th,
caption {
  background: #000;
  color: #fff;
  font-weight: bold;
  padding: 10px;
}
caption {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
.recordset tbody td,
.recordset tbody th {
  border-bottom: 1px solid #cec7af;
  padding: 20px 14px;
}
.recordset .date-heading td.time{
  font-size: 12px;
  color: #6a6558;
  font-weight: bold;
}
.recordset tr.past td.time{
  color: #d7d7d7;
}
h4 { color: #000; }

/** =food
************************************************************/
table.food td.type{
  color: #6c6759;
  font-weight: bold;
}
table.food td.number{
  padding-right: 10px;
}
table.food td.event-info{
  padding-left: 0;
}
.marker{
  background: url(/assets/images/circle-red.png) no-repeat;
  display: block;
  width: 23px; /* actual width is 22px, extra pixel centers text */
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 22px;
  font-size: 14px;
  text-shadow: #cb2524 0 0 1px;
}

/** =framed
************************************************************/
img.framed,
a.framed,
p.framed img { border: 2px solid #d9d5ca; }
img.framed-alt,
a.framed-alt,
p.framed-alt img {
  border: 3px solid #d9d5ca;
  background: #fff;
  padding: 1px;
}
.framed img,
.framed-alt img{
  display: block;
}
.map {
  background: #fff;
}
h2, .map {
  margin: 0;
  overflow: hidden;
}
.heading h2 {
  float: left;
}
.heading a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
  float: right;
  line-height: 24px;
  background: none;
}