/**
 * Header
 */

#header {
  border-bottom: 1px solid #3a3b3d;
  height: auto;
}

#header #tott {
  margin-top: 34px;
  padding: 0;
}

#header #tott img {
  width: 425px;
  height: 57px;
}


/**
 * Pics
 */

#pics {
  display: none;
}


/**
 * Locations
 */

#home {
  margin-top: -5px;
}

#locations {
  width: 960px;
  background: url('/images/home/locations.png') center center repeat-y;
}

#locations div.location {
  position: relative;
  float: left;
  width: 240px;
  height: auto;
  font-size: 12px;
  padding-top: 23px;
}

#locations div.location h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 10px 20px 0 20px;
}

#locations div.location h3 {
  position: absolute;
  width: 200px;
  height: auto;
  top: 0;
  left: 0;
  background-image: url('/images/home/corners.png');
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: -8px 10px 0 10px;
  padding: 6px 10px;
  z-index: 50;
}

#locations div.location img {
  margin: 0 10px;
}

#locations div.location p {
  margin: 0 20px 15px 20px;
  line-height: 15px;
  font-size: 11px;
}

#locations div.location p strong {
  font-size: 13px;
}

#locations div.location ul {
  background: url('/images/home/gradient.gif') left top repeat-x;
  border-top: 1px solid #999;
  list-style: none;
  margin: 15px 20px 0 20px;
  padding: 0;
  position: relative;

}

#locations div.location ul li {
  border-bottom: 1px solid #f0f0f0;
  margin: 0;
  padding: 0;
}

#locations div.location ul li a {
  display: block;
  background: url('/images/home/arrow.gif') 2px center no-repeat;
  padding: 0px 0 4px 12px;
}

#locations div.location ul li a:hover {
  background: #f9f9f9 url('/images/home/arrow.gif') 2px center no-repeat;
}

#locations div.yelp {
  padding-left: 10px;
}

#locations .box-text {
  min-height: 90px;
}

#locations h2 {
  min-height: 35px;
}

#locations #opening-banner {
  background: url(/images/home/lowry-bg.png);
  position: absolute;
  top: 60px;
  margin-left: 10px;
  height:50px;
  width: 220px;
}

#locations #opening-banner strong {
  color: #fff;
  font-size: 17px;
  position: absolute;
  padding: 17px 18px;
  text-transform: uppercase;
}

/**
 * Location Colors
 */

#downtown a,
#downtown h2 {
  color: #584a57;
}

#downtown h3 {
  background-color: #584a57;
}


#city-park a,
#city-park h2 {
  color: #761700;
}

#city-park h3 {
  background-color: #761700;
}


#yoga-studio a,
#yoga-studio h2 {
  color: #234248;
}

#yoga-studio h3 {
  background-color: #234248;
}

#edgewater a,
#edgewater h2 {
  color: #333366;
}

#edgewater h3 {
  background-color: #333366;
}

/**
 * Sidebar
 */

#main #sidebar {
  padding-top: 15px;
}


/**
 * Training Peaks
 */

form#training-peaks {
  background: url(/images/bgs/training-peaks.jpg) no-repeat;
  height: 160px;
  padding: 20px 28px;
  text-align: center;
}

form#training-peaks fieldset {
  text-align: right;
}

form#training-peaks fieldset legend {
  color: #000;
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 4px 0 14px 0;
}

form#training-peaks fieldset label {
  display: block;
  margin-bottom: 4px;
}

form#training-peaks fieldset label input {
  width: 170px;
}

form#training-peaks fieldset a {
  font-size: 10px;
}

form#training-peaks img {
  padding-top: 10px;
}


/**
 * Twitter
 */

#twitter {
  width: 300px;
  height: 300px;
  background: url(/images/bgs/twitter.jpg) no-repeat;
  border-top: 1px solid #fff;
}

#twitter div img {
  margin: 18px 0 0 22px;
}

#twitter div a {
  color: #2698ce;
  font-size: 11px;
  margin-left: 24px;
}

#twitter-timeline ul {
  width: auto;
  height: 194px;
  background: #fcfcfc;
  border: 1px solid #ccc;
  list-style: none;
  margin: 10px 24px 5px 24px;
  padding: 2px 10px;
  overflow: auto;
}

#twitter-timeline ul li {
  border-top: 1px solid #f0f0f0;
  margin: 0;
  padding: 8px 0;
}

#twitter-timeline ul li cite {
  color: #999;
  font-size: 11px;
}


/**
 * Facebook
 */

#facebook {
  width: 300px;
  height: 75px;
}