/*-------------------------------------------------------
ACT - Anglicists' Contemporary Theatre
English Speaking Theatre at the Universität des Saarlands
Saarbrücken, Germany
---------------------------------------------------------
*********************************************************
---------------------------------------------------------
(c) Stylesheet
Re-Design, Implementation, Alterations by Achim Loch, M.A.
October 2010
Some ideas were taken from and inspired by
webdesignerwall.com
-------------------------------------------------------*/
body
{ margin: 0;
  padding: 0;
  font: 0.8em Arial, Helvetica, sans-serif;
  color: #FFF;
  background-color: #4f4320;
  line-height: 1.5em;
  background:url(../media/black.jpg) center top repeat;
  /*background-attachment: fixed;*/
}
blockquote
{ padding-left: 2em;
  padding-bottom: .5em;
  padding-right: 2em;
  padding-top: 0.25em;
  background: #ebeae3;
  margin: 1em 0 1em 0;
}

blockquote table TH { background: none }
blockquote h1 { color: #c0627c }
blockquote h4
{ padding: 1em;
  border-bottom: 1px dotted #006c76;
  border-top: 1px dotted #006c76;
  font: 1.75em Georgia, Times, serif;
  color: #444444;
}
blockquote p
{ color: #656461;
}
img { border: none }
/*-------------------------------------------------------
ROUND CORNERS
-------------------------------------------------------*/
.bn-home, 
.bn-past, 
.bn-current, 
.bn-community,
.bn-cast, 
.bn-about,
.center,
.nav,
.tickets,
blockquote
{  	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
/*-------------------------------------------------------
CURRENT PAGE
-------------------------------------------------------*/
body#home a#homenav,
body#about a#aboutnav,
body#castandcrew a#castandcrewnav,
body#community a#communitynav,
body#past a#pastnav,
body#current a#currentnav
{ background: #172022;
  color: #aa4667;
  font-weight: bold;
}
/*-------------------------------------------------------
THREE HOMEPAGE COLUMNS
-------------------------------------------------------*/
.welcome_bottom
{ float: left;
  display: inline;
  width: 1000px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #fff;
  height: auto;
}
.welcome_bottom h1 { text-align: center }
.welcome_bottom_left
{ float: left;
  width: 264px;
  min-height: 300px;
  padding: 20px;
  display: inline;
  overflow: hidden;
  margin: 0 24px 0 0;
  border-bottom: 1px dashed #AF9767;
  border-top: 2px solid #B07021;
}
.welcome_bottom_right
{ width: 264px;
  min-height: 300px;
  padding: 20px;
  float: right;
  display: inline;
  overflow: hidden;
  margin: 0;
  border-bottom: 1px dashed #AF9767;
  border-top: 2px solid #B07021;
}
.welcome_center
{ clear: both;
  float: left;
  width: auto;
  height: 100%;
  padding: 25px;
  margin: 25px 0;
  color: #E4D2A2;
  border-top: 1px dashed #E4D2A2;
}
.welcome_center p,
.welcome_center h2
{ text-align: center;
  color: #E4D2A2;
}
/*-------------------------------------------------------
PARAGRAPH AND HEADINGS
-------------------------------------------------------*/
p,
h1,
h2,
h3 
{ background: none;
}
p
{ margin-bottom: .25em;
  color: #222222;
  font: 1.25em Arial, Helvetica, sans-serif;
  line-height: 150%;
}
h1
{ padding: 0;
  color: #657a81/*#006c76*/; font: 2.5em 'Arvo', arial, serif;
  text-align: center;
}
.uberschrift h1
{ font-size: 5em;
  font-weight: bold;
  color: #cecece;
  margin:0;
  padding: 0;
}
.tickets h1
{ font-size: 5em;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  margin:0;
}
h2
{ color: #635644;
  font: 1.5em Georgia, serif;
  font-style: italic;
  font-weight: 100;
  padding: 0;
  text-align: center;
}
h3
{ color: #324449;
  font: 1.25em Helvetica, Arial, sans-serif;
  font-weight: bold;
  padding: 0;
}
hr
{ border: 0;
  height: 1px;
  color: #999;
  background-color: #999;
}
/*-------------------------------------------------------
ANNOUNCEMENT HEADING
-------------------------------------------------------*/
h4
{ padding: .5em;
  border-bottom: 1px dotted #655643;
  border-top: 1px dotted #655643;
  font: 1.75em Georgia, Times, serif;
  color: #111111;
  text-align: center;
  font-style: italic;
  margin: 0;
}
/*-------------------------------------------------------
NAVIGATION
-------------------------------------------------------*/
.nav
{ margin-bottom: 5px;
  padding: 0 2em;
  font: 67.5% 'Arvo', arial, serif;
  font-size: 1.5em;
  background: #aa4667;
  color: white;
}
.nav ul
{ background: none;
  height: 50px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.nav li
{ float: left;
  padding: 0px;
}
.nav li:hover li a
{ background: none;
  border-bottom: none;
}
.nav li:hover ul 
{ display: block 
}
.nav li ul
{ background: none;
  display: none;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  width: 200px;
  z-index: 200;
}
.nav li ul a
{ display: block;
  height: 50px;
  font-size: 12px;
  margin: 0;
  padding: 0 10px 0 15px;
  text-align: left;
}
.nav li a
{ color: white;
  display: block;
  font-weight: normal;
  line-height: 50px;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  border-bottom: none;
  /*border-right: 1px solid #ee1a67;*/
}
.nav li a:hover,
.nav ul li:hover a
{ color: white;
  background: #657a81;
}
.nav p { clear: left }
/*-------------------------------------------------------
TOP AND CONTENT
-------------------------------------------------------*/
.top
{ background: none;
  width: 1000px;
  height: 100px;
  margin: 0;
  padding: 0;
}
.content
{ color: #000000;
  margin: 0 auto;
  padding: 0;
  width: 1000px;
  background: none;
}
/*-------------------------------------------------------
BANNERS
-------------------------------------------------------*/
.bn-home, 
.bn-past, 
.bn-current, 
.bn-community,
.bn-cast, 
.bn-about
{ background: none;
  width: 1000px;
  height: 300px;
  margin: 0 auto 5px auto;
  padding: 0;
  text-align: right;
}
.bn-past
{ background: url(../media/reel/reel_3.png) bottom left no-repeat;
}
.bn-current
{ background: url(../media/reel/current.png) bottom left no-repeat;
}
.bn-community
{ background: url(../media/reel/reel_2.jpg) bottom left no-repeat;
}
/*-------------------------------------------------------
CENTER
-------------------------------------------------------*/
.center
{ float: left;
  width: 100%;
  height: 100%;
  font-size: 100%;
  padding: 0;
  margin: 0;
  color: #111111;
  background: #f5f5f5 url(../media/watermark.gif) bottom right no-repeat;
  list-style: url(../media/brown.png);
}
.center li a
{ color: #aa4667;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  border-bottom: 1px dotted #558187;
}
.center li a:hover
{ border-bottom-color: #ff8cd3; color: #75d9e2;
  border-bottom: 1px dotted;
}
.center hr
{ width: 100%;
  padding-top: .5em;
  margin-top: 2em;
  background: none;
  border-top: 1px solid #D3D0A7;
  border-bottom: 1px dashed #D3D0A7;
}
.center p,
.right p
{ font: 1.25em Arial, Helvetica, sans-serif;
  margin-bottom: .5em;
  line-height: 140%;
  padding: 0;
}
a
{ color: #ff1b6d;
  text-decoration: underline;
}
a:hover
{ color: #75d9e2;
  text-decoration: underline;
  border-bottom: none;
}
/*-------------------------------------------------------
LEFT AND RIGHT
-------------------------------------------------------*/
.left
{ float: left;
  width: 615px;
  padding: 0 1.5em 1em 1.5em;
  margin: 10px 0 10px 10px;
}
.right
{ font-size: 95%;
  float: right;
  width: 285px;
  margin: 10px 10px 10px 3px;
  padding: 0 1.5em 1em 1.5em;
  list-style: url(../media/brown.png);
  border-left: 1px solid #D3D0A7;
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
.footer
{ clear: both;
  color: white;
  background: url(../media/adding-drama-to-life.png) bottom center no-repeat;
  height: auto;
  margin: 2em 0 1em 0;
  padding: 1em 0 4em 0;
  text-align: center;
}
.footer h2 { color: #657a81 }
.footer a
{ color: white;
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}
.footer a:hover
{ color: #75d9e2;
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  border-bottom: 1px solid #f5f5f5;
}
.footer p
{ color: white;
  margin: 0;
  font-size: 1em;
}
/*-------------------------------------------------------
EMPHASIS AND OTHER CLASSES
-------------------------------------------------------*/
.bg-welcome
{ min-height: 200px;
  background: none;
  width: 448px;
  text-align: left;
}
.tickets 
{ background: #cecece;
}
.map
{ background: #ffffff;
  border: 2px solid #ffffff;
  text-align: center;
  padding: 0.5em;
}
.pic
{ border: none;
  padding: 0.5em;
  margin: 0 1em 2em 1em;
  float: right;
  text-align: center;
}
.frame img
{ margin: 0 1em 2em 1em;
  padding: .5em;
  border: 1px solid #80BCA3;
}
/*-------------------------------------------------------
TABLES AND FORMS
-------------------------------------------------------*/
TABLE
{ border: none;
  margin: 0;
  width: 100%;
  padding: 0;
}
TABLE TH
{ margin: none;
  text-align: right;
  padding: .25em;
  font-size: .75em;
}
TABLE TR
{ margin: none;
  padding: 0;
}
TABLE TR TD
{ padding: .25em;
  margin: 0;
  border: 0;
}
input[type="text"]
{ padding: 0.25em;
  font-size: 1.25em;
  font-weight: bold;
  color: #655643;
  background: #ffffff;
  border:2px solid #A4A4A4;
}
input[type="text"]:focus { background: #f5f5f5; border:2px solid #B65C7B; }
input[type="submit"] {border:none;}
input[type="reset"] {border:none;}
input[name="LastName"] { width: 95%; }
input[name="FirstName"] { width: 95%; }
input[name="Email"] { width: 95% }
input[name="tickets"] { width: 20%; }
select
{ width: 100%;
  font-size: 1em;
}
/*-------------------------------------------------------
BUTTON
-------------------------------------------------------*/
.button
{ margin: 0 auto;
  color: #ffffff;
  width: auto;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 1em 'Arvo', arial, serif;
  padding: .5em;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  white-space: nowrap; 
  overflow: visible; 
  position: relative; 
  zoom: 1;
  display: inline;
  vertical-align:baseline;
}
p.button {text-align: center}
.button simple {text-align: center}
.button:active { position: relative }
.button:hover { text-decoration: none }
/*-------------------------------------------------------
SIMPLE BUTTON COLOR
-------------------------------------------------------*/
.simple { background: #aa4667 }
.simple:hover { background: #657a81 }