*{
margin:0;
padding:0;
}

body{
	text-align:center;
	font-size: 12pt;
background-color: #f3ecd2;	
color: #FCF7DE;
color: #333;	
font-family: Helvetica, Verdana, Arial, sans-serif;
	}

a:link { color: #333; }
a:visited { color: #666; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #3366CC; }
a img{ border:none; }

ul, li {
margin: 0 12px;
}

p.announce {
text-align: center;
font-size: 14pt;
padding: 5px;
}

/* tables */

table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #fff;
color: #A79A73;
color: #746740;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}

table tr th a:link, 
table tr td a:link,
table tr td a:visited,
table tr th a:visited,
table tr th a:hover,
table tr td a:hover
{ color: #a60;}

th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: left;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: left;
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 400px;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}


/* forms */
form {
margin-top: 2em;
background-color: #fff;
width: 500px;
padding: 10px;
color: #000;
}

form div{
vertical-align: text-top;
margin-bottom:2em;
clear: left;

}
form div.date{
margin-left: 0em;
}
label {
display: block;
font-size: 16px;
padding-right: 20px;
float: left;
clear: left;
width: 150px;
height: 50px;
}

span.explanation {
  font-size: smaller;
  font-weight: normal;
}
input[type=text], textarea {
  width: 290px;
}

textarea {
  height: 120px;
}

div.checkbox label {
	clear: none;
	width: auto;
	height: auto;
}
div.checkbox span.explanation {
	display: block;
	clear: left;
}

input[type=checkbox] {
display: block;
float: left;
clear: left;
margin: 2px 6px 7px 2px;
background-color: #eee;
height: 100px;
border: 1px solid #f00;
}
input, textarea {
display:block;
font-size: 14px;
font-family: inherit;
}
select {
vertical-align: text-bottom;
font-size: 14px;
font-family: inherit;
}
option {
font-size: 14px;
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
}
div.required {
color:#222;
font-weight:bold;
}
div.optional {
color:#555;
}
div.submit {
margin-top: 40px;
margin-left: 140px;
}


/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre {
padding: 1em;
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 14px;
background-color: #eee;
margin: 8px 0px;
font-weight: bold;
padding: 10px;
border: 2px solid #5252ff;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

.message a:link,
.message a:visited,
.message a:hover {
	color: #c93;
}

/* layout */

div#header, div#footer {
  padding: 10px;
  font-weight: bold;
}


div#footer {
   clear: both;
  text-align: right;
  font-size: 10pt;
}

div#container {
 width: 900px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
}

div#content {
  position: relative;
  padding: 5px 20px;
}

p {
  margin: 10px auto;
}



/* headers */
h1{
margin:0.3em 0;
font-size: 180%;
}

h2{
padding-top: 1em;
margin:0.3em 0;
font-size: 180%;
}

h3{
padding-top:2em;
font-size: 140%;
}

h4{
padding-top:0.5em;
font-weight:normal;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
  color: #878A53;
}

h1 {
  color: #a06f23;
}

h2 {
  margin: 5px 0;
  padding: 0;
}
h3 {
  margin: 15px 0;
  padding: 0;
}


div#title {
	display: none;
    margin-bottom: 20px;
}

div#title h1, div#title h2, div#title h3, div#title h4 {
  margin: 5px 0;
  padding:0;
  display: auto;
}

div#title {
background-color: #dd9;
padding: 20px;
}

input[type=text], textarea, input[type=password] {
  padding: 5px;
background-color: #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


/* formatting tweaks */
td {
 padding-top: 5px;
}

td.label {
 font-weight: bold;
}



img.show_image {
   width: 425px;
}

/* front page */
img#front_logo {
	margin-bottom: 20px;
       border: 1px solid #512d70;
}

/* venue page */
img.venue_image {
  width: 500px;
}

div#map_canvas {
	width: 500px;
	height: 300px;
	margin-top: 20px;
	border: 1px solid #000;
}

div.flickrpic {
	float: left;
	padding: 10px;
}

div.listen {
	background-color: #aca;
	padding: 10px;
	border: 5px solid #e3d7bd;
}

/* venues and schedule */
div#venues_list {
	margin-left: auto;
	margin-right: auto;
	padding: 10px 5px 20px 0;
}

#full_schedule {
	clear: both;
	position: relative;
	margin-top: 0;
	margin-bottom: 20px;
	width: 700px;
}

#part_schedule {
  position: relative;
  margin-top: 0;
  margin-bottom: 20px;
}

div.user_show_heading {
	height: 50px;
	width: 146px;
}

div.times_heading {
  height: 50px;
  width: 92px;
}

div.user_show_heading h3,
div.user_show_heading h3 a,
div.times_heading h3
{
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 0;
}

div.user_show {
    width: 146px;
	font-size: 12pt;
	background-color: #fff;
	border-top: 1px solid #666;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	border-left: 1px solid #666;
	color: #333;
	overflow: hidden;
	margin-bottom: 0;
}

span.also {
  font-size: 9pt;
}

div.user_slug {
	border-top: 1px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 1px solid #fff;
    width: 146px;
}

div.part {
	width: auto;
}
div.user_show a {
	text-decoration: none;
	font-weight: normal;
}

div.user_minutes15 { height: 19px; font-size: 9pt; }
div.user_minutes30 { height: 42px; font-size: 11pt;}
div.user_minutes45 { height: 66px; }
div.user_minutes60 { height: 90px; }
div.user_minutes90 { height: 138px; }
div.user_minutes120 { height: 180px; }

div.user_times {
	width: 92px;
	height: 17px;
	font-size: 11pt;
	border-top: 1px solid #ccc;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 1px solid #fff;
}

div.venue1 { background-color: #C2C3E3; }
div.venue2 { background-color: #E3BDCF; }
div.venue3 { background-color: #C7E3BD; }
div.venue4 { background-color: #E3D7BD; }
div.venue5 { background-color: #C2C3E3; }

div.user_show_highlight {
  background-color: #F4FBFF;
}

table.venue_schedule {
  width: 400px;	
  font-size: 12pt;
}

div.theater_cleaning {
  background-color: #aaa;
}

div.theater_cleaning .also,
span.hidden {
  display: none;
}

table#venue_wrap,
table#venue_wrap td
{
  border: 0;
}

div.venue_info {
  width: 300px;
}
div.venue_info img {
	width: 295px;
}

td.newday {
	font-weight: bold;
	font-size: 18pt;
	padding: 5px;
	text-align: center;
}

/* more info (deprecated) */
div#more_info {
  display: none;
  position: absolute;
  text-align: left;
	border-top: 1px solid #666;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	border-left: 1px solid #666;
  background-color: #FFF8EA;
  padding: 5px 15px 5px 5px;
  width: 200px;
}

div#more_info h3 {
 margin: 0 2px;
 font-size: 14pt;
border-bottom: 1px dashed #000;
}
div#more_info p.title {
	font-size: 12pt;
}
div#more_info p {
  font-size: 11pt;
  margin: 5px 2px;
}
div#more_info p.more_title {
	margin-bottom: 0;
	padding-bottom: 0;
}
div#more_info p.also {
	margin-top: 0;
	padding-top: 0;
	font-size: 10pt;
}


div.special {
border: 1px solid #666;
padding: 10px;
background-color: #aaf;
color: #333
}

table#full_schedule,
table#full_schedule td {
  border: 0;
  padding: 0;
  margin: 0;
}


span.showtime {
	display: block;
	float: left;
	width: 130px;
}

.mobile {
  visibility: hidden;
  height: 0;
  width: 0;
}

