/*
  Override default refinery application CSS below.
  Formatting applies to all frontend.

  COLORS
  ================
  Background:
    - brown: #beb6ac
    - darker_brown: #aba196
    - white: #ffffff
    - box-shadow: #b3aba6
  Text:
    - normal: #5e5850
    - dark: #00000
    - menu: normal
    - menu-selected: normal

*/

html {
  background: #beb6ac url(/images/bg.png) repeat-x center top;
  height: 100%;
}

body {
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  color: #5e5850;
  min-height: 100%;
}

body.visit { background-image: url(/images/visit.jpg); }
body.about, body.southwestern-seminary { background-image: url(/images/about_swbts.jpg); }
body.exhibit, body.exhibition { background-image: url(/images/exhibit.jpg); background-color: #000; }
body.lectures, body.lectures-page { background-image: url(/images/lectures2.jpg); background-color: #000; }
body.contact { background-image: url(/images/contact.jpg); }
body.donate { background-image: url(/images/donate.jpg); }
body.news, body.news-page { background-image: url(/images/news.jpg); }
body.educational-resources { background-image: url(/images/resources.jpg); }
body.search-results { background-image: url(/slides/2-sunburst/sunburst.jpg); }
body.tickets { background: #040406 url(/images/dark_cave.jpg) fixed left top no-repeat}

body.about a, body.southwestern-seminary #subnav a,
body.exhibit #subnav a, body.exhibition #subnav a,
body.lectures #subnav a { color: #fff }

#page_container > header {
  background: url(/images/header.png);
  width: 819px;
  height: 149px;
  position: relative;
  left: -6px;
  padding: 6px;
  z-index:1000;
}

h1#logo {
  margin: 0 auto;
  width: 290px;
  height: 125px;
  float: left;
  position: relative;
  top: -3px;
}

h1#logo a {
  display: block;
  background: url(/images/logo.png);
  width: 290px;
  height: 125px;
  text-indent: -9999px;
}

.top_menu {
  font-family: minerva-modern, Optima, Georgia, serif;
  line-height: 1.5;
}

.top_menu .menu {
  list-style: none;
  float: left;
  padding: 12px 12px;
}

.top_menu .menu li {
  float: none;
}

.top_menu .small.menu {
  float: left;
  width: 60px;
}

.top_menu .small.menu.right {
  width: 82px;
  font-size: 13px;
  padding-right: 0;
  padding-top: 14px;
}

.top_menu .large.menu {
  float: left;
  width: 158px;
}

.top_menu strong, .top_menu b {
  font-weight: 700;
}

#main_menu .tickets {
  position: relative;
  left: -17px;
  padding-left: 16px;
  padding-right: 12px;
  width: 50px;
  padding-top: 2px;
  height: 25px;
  top: -2px;
  margin-bottom: -5px;
}

#main_menu .tickets:hover, #main_menu .tickets.selected {
  background-position: left top;
}

#main_menu .tickets a {
  display: block;
}

#main_menu .tickets.selected a {
  font-weight: normal;
}

#connect_menu .large.menu {
  width: 148px;
  padding-right: 4px;
}

.menu li a {
  text-decoration: none;
  color: #5e5850;
}

.menu li a:hover {
  color: #000;
}

.menu li.selected a {
  color: #000;
}

.top_menu .menu .social {
  margin-top: 38px;
}

.top_menu .menu .social li {
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  float: left;
  padding-right: 0;
  margin-right: 2px;
}

.social li a {
  background: url(/images/social.png) no-repeat left bottom;
  display: block;
  width: 16px;
  height: 16px;
}

.social .rss a         { background-position: 0 top; }
.social .twitter a     { background-position: -18px top; }
.social .facebook a    { background-position: -36px top; }
.social .flickr a      { background-position: -54px top; }
.social .tripadvisor a { background-position: -72px top; }
.social .yelp a        { background-position: -90px top; }
.social .gowalla a     { background-position: -108px top; }
.social .foursquare a  { background-position: -126px top; }

.social .rss a:hover         { background-position: 0 bottom; }
.social .twitter a:hover     { background-position: -18px bottom; }
.social .facebook a:hover    { background-position: -36px bottom; }
.social .flickr a:hover      { background-position: -54px bottom; }
.social .tripadvisor a:hover { background-position: -72px bottom; }
.social .yelp a:hover        { background-position: -90px bottom; }
.social .gowalla a:hover     { background-position: -108px bottom; }
.social .foursquare a:hover  { background-position: -126px bottom; }

#connect_menu .hours {
  margin-top: 1em;
  padding-right: 7px;
  padding-left: 12px;
  width: 80px;
  font-size: 13px;
}

.hours .title {
  font-weight: bold;
  font-size: 13px;
}

form#search {
  position: relative;
  top: -13px;
}

form#search input {
  border: none;
  background: url(/images/blank.gif);
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-size: 13px;
  padding: 5px 10px;
  color: #a7917e;
  width: 230px;
}

form#search input::-webkit-input-placeholder {
  color: #a7917e;
}

form#search button {
  border: none;
  background: transparent url(/images/magnifier.png);
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  cursor: pointer;
  position: relative;
  top: -1px;
}

#subnav {
  float: left;
  list-style: none;
  padding: 0 0 0 13px;
  position: relative;
  top: -40px;
  width: 160px;
  line-height: 1;
}

#subnav li { margin-bottom: 0.5em; }

#subnav a {
  text-decoration: none;
}

#subnav .selected a {
  color: #000;
  font-weight: bold;
}

#page_container {
  width: 820px;
  padding: 0 20px;
  margin: 0 auto;
}

#page {
  width: 820px;
}

#body_content {
  background: #fff;
  width: 511px;
  min-height: 600px;
  padding: 20px;
  margin-left: 269px;
  margin-top: 5px;
  box-shadow: 0 0 5px #b3aba6;
  position: relative;
  z-index: 999;
}

#body_content_title { display: none; }

#body_content_left {
  width: 510px;
}

#body_content_left p,
#body_content li,
#body_content blockquote,
#body_content td {
  color: #8A8175;
}

#body_content_left strong {
  color: #5e5850;
}

#body_content_left table {
  width: 100%;
  font-size: 12px;
}

#body_content_left table td {
  vertical-align: top;
}

/* Search results */
#search_results {
  list-style: none;
  padding: 0;
  margin: 0;
}

#search_results dt {
  margin-top: 1em;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

#search_results dt a {
  text-decoration: none;
}

#search_results dt span.result_type {
  float: right;
  font-weight: 100;
}

#search_results dd {
  margin-left: 0;
}

#search_results dd .result_url  {
  font-size: 80%;
  line-height: 1;
}

#search_results dd .result_url a { color: #ABA196; }

ul.performances {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.performances li {
  clear: both;
  border-bottom: 1px solid #ccc;
  padding: 1em;
}

ul.performances li:hover {
  background-color: #eae6de;
}

ul.performances span.purchase, ul.performances span.sold_out {
  float: right;
}

ul.performances span.sold_out {
  color:#fff;
  padding:3px 17px;
  display:inline-block;
  position:relative;
  background:#939393;
  text-align:center;
}

ul.performances .performance-time {
  text-decoration: none;
}

ul.performances .sold-time
{
  color:#5E5850;
}

ul.performances .additional_info
{
  width:355px;
  display:none;
  font-size:13px;
}

ul.performances .more
{
  font-weight:bold;
  font-family:Times;
}

ul.performances .additional_info img
{
  margin-right:5px;
}

#body_content_left table.tickets-calendar {
  float: left;
  width: 225px;
  margin-right: 50px;
  margin-bottom: 2em;
}

#body_content_left table.tickets-calendar.odd {
  margin-right: 0;
}

#body_content_left table.tickets-calendar caption {
  font-family: minerva-modern;
  font-size: 18px;
}

#body_content_left table.tickets-calendar td {
  text-align: right;
}

#body_content_left table.tickets-calendar td.closed {
  padding: 3px 4px;
  width: 1.5em;
  text-decoration: none;
  color: #ccc;
}

#body_content_left table.tickets-calendar td .closed
{
  display:inline-block;
  width: 1.5em;
  padding: 3px 4px;
  text-decoration: none;
  color: #ccc;
}

#body_content_left table.tickets-calendar td a {
  display: block;
  background-color: #eae6de;
  padding: 3px 4px;
  width: 1.5em;
  text-decoration: none;
}

#body_content_left table.tickets-calendar td a:hover {
  background-color: #b84505;
  color: #fff;
}

#page_container > footer {
  background: url(/images/footer_promos.png) no-repeat;
  width: 820px;
  text-align: center;
  height: 86px;
  padding: 6px;
  padding-bottom: 24px;
  margin-top: 12px;
  position: relative;
  z-index: 888;
  left: -6px;
  font-size: 12px;
}

footer #footer_promos {
  float: left;
  width: 100%;
  height: 58px;
  margin-bottom: 6px;
}

#footer_promos .promo {
  float: left;
}

.closing
{
  position:relative;
  top:-19px;
  left:-16px;
}

.pagination
{
  margin-top:10px;
}

/* IE7 Fixes */
html.ie7 .top_menu .menu { margin: 1em 0 0; }
html.ie7 #search { top: -44px; }
html.ie7 #subnav { top: -20px; margin: 0; }