@import url("cakedebug.css");

* {
	margin:0;
	padding:0;
}
a img {
	border:none;
}
body {
	font:75% 'Trebuchet MS', Verdana, sans-serif;
	color:#444;
}
a.abs {
	color:#999;
	position:absolute;
	text-decoration:none;
	font-weight:bold;
	z-index:100; /*make sure the link is always clickable*/
}
a.abs:hover {
	color:#f26649;
}
a {
	color:#999;
}
a {
	outline-color:#999;
}
h1, h2, h3, h4, h5 {
	font-size:1em;
}
ul {
	list-style:none;
}
.title {
	font-weight:bold;
	color:#f26649;
}
.subtitle {
	font-weight:bold;
	color:#999;
}

#wrapper {
	width:900px;
	margin:0;
}
#wrapper.lines {
	background:url(../img/other/nothingplaying.jpg) no-repeat top left;
	overflow:auto;
}
#left_col {
	float:left;
	width:200px;
	margin-right:10px;
	height:600px;
	background:url(../img/other/gray.gif) repeat-y center top;
	position:relative;
	text-align:center;
}
#left_col.noline, #wrapper.lines #left_col {
	background:none;
}
#left_col.bios {
	height:320px;
}
#dangler, #bioDangler {
	width:80px;
	height:90px;
	position:absolute;
	border:2px solid #999;
	left:58px;
	bottom:0;
}
#bioDangler {
	bottom:auto;
	top:200px;
	width:auto;
	height:auto;
}
#bioDangler img {
	display:block; /*removes strange space from bottom of image in FireFox*/
}

#right_col {
	float:left;
	width:690px;
}

div.line {
	position:absolute;
	width:2px;
	height:2px;
	background:#999;
	z-index:0;
}


#header {
	margin-top:50px;
}
a#logo {
	width:487px;
	height:24px;
	display:block;
	background:url(../img/other/logo.gif) no-repeat bottom left;
}
a#logo:hover {
	background-position: top left;
}
a#presslogo {
	width:622px;
	height:24px;
	margin-left:10px;
	display:block;
	background:url(../img/other/presslogo.gif) no-repeat bottom left;
}
a#presslogo:hover {
	background-position: top left;
}

#menu {
	margin-top:10px;
	height:1%;
	overflow:hidden;
}
#menu li {
	float:left;
}
#menu li a {
	border:2px solid #999;
	border-left:none;
	display:block;

	color:#999;
	font-weight:bold;
	text-decoration:none;
	
	height:25px; /*matches the background image height*/
	
	text-align:center;
}
#menu li a span {
	display:none;
}
#menu li a:hover, #menu li a.focus {
	background-position:center top;
}
#menu li.first a {
	border-left:2px solid #999;
}
#menu li a.bio {
	border-color:#fff;
	border-left:none;
	border-right:none;
	border-bottom:none;
	margin-left:125px;
}
/*menu widths*/
#about {
	width:65px;
	background:url(../img/menu/about.gif) no-repeat center bottom;
}
#current {
	width:75px;
	background:url(../img/menu/current.gif) no-repeat center bottom;
}
#next {
	width:50px;
	background:url(../img/menu/next.gif) no-repeat center bottom;
}
#press {
	width:55px;
	background:url(../img/menu/press.gif) no-repeat center bottom;
}
#store {
	width:55px;
	background:url(../img/menu/store.gif) no-repeat center bottom;
}
#supporters {
	width:100px;
	background:url(../img/menu/supporters.gif) no-repeat center bottom;
}
#work {
	width:50px;
	background:url(../img/menu/work.gif) no-repeat center bottom;
}
#contribute {
	width:100px;
	background:url(../img/menu/contribute.gif) no-repeat center bottom;
}
#av {
	width:40px;
	background:url(../img/menu/av.gif) no-repeat center bottom;
}

#content {
	min-height:500px;
	/*make sure it's above the orange line*/
	position:relative;
	z-index:1;
}

/*general lists*/
ul.list {
	position:relative;
	border-left:2px solid #f26649;
	padding:20px 0;
	padding-left:10px;
	padding-bottom:15px;
	width:350px;
}
ul.list li {
	padding-bottom:3px;
}
ul.list a {
	font-weight:bold;
	text-decoration:none;
	color:#999;
}
ul.list a:hover {
	color:#f26649;
}
ul.list a.title {
	color:#f26649;
}

/*press*/
ul.press {
	left:380px;
}
table.press {
	margin:10px;
}
table.press th {
	text-align:left;
	padding:2px 10px 2px 0;
}
img.press {
	margin:5px 10px;
}

/*a/v*/
ul.audio {
	top:35px;
	left:230px;	
}
ul.audio li {
	margin-bottom:10px;
}
ul.photos {
	top:70px;
	left:30px;	
}
p.caption {
	font-size:.9em;
}

/*store*/
ul.store {
	padding-top:15px;
	top:54px;
	left:280px;	
}
ul.store img.storeImage {
	border:2px solid #f26649;
}
ul.store p.title {
	color:#f26649;
	font-weight:bold;
}
ul.store p.price {
	color:#999;
	font-weight:bold;
}
ul.store a {
	clear:both;
}

ul.book {
	left:290px;
	top:200px;
	border-left:none;
}
ul.dvds {
	left:20px;
	top:90px;
}
ul.scripts {
	left:15px;
	top:30px;
}
ul.music {
	left:420px;
	top:0;
}
ul.tshirts {
	left:420px;
	top:0;
}


/*supporters*/
ul.grants {
	left:200px;
	top:100px;
}
ul.co-producers {
	left:120px;
	top:100px;
}
/*about*/
div.about {
	position:relative;
	top:30px;
	left:120px;
	width:500px;
}
div.about p {
	margin-bottom:10px;
}
p.smaller {
	font-size:.9em;
}
ul.bios {
	position:relative;
	left:24px;
}
ul.bio {
	position:relative;
	left:144px;
}
#bios {
	position:relative;
	top:10px;
}

#footer {
	position:relative;
	color:#666;
	font-size:.9em;
}
#footer a {
	position:absolute;
	right:0;
	color:#ccc;
	text-decoration:none;
}
#footer a:hover {
	color:#666;
}

/*works previous*/
ul.works {
	left:0;
	top:20px;
	width:200px;
	
	border-left:none;
	padding-left:0;
	padding-right:10px;
	border-right:2px solid #f26649;
	text-align:right;
}
ul.works a.focus {
	color:#f26649;
}

/*work view*/
ul.work {
	position:absolute;
	padding-top:10px;
	left:210px;
	top:20px;
}
ul.work li {
	padding-bottom:15px;
}
ul.work li a {
	color:#f26649;
}
ul.work li a:hover {
	text-decoration:underline;
}
ul#workList {
	position:absolute;
	width:200px;
	top:196px;
	text-align:right;
}
ul#workList a {
	text-decoration:none;
	font-weight:bold;
}
ul#workList a.focus {
	color:#f26649;
}
ul#workList a:hover {
	color:#f26649;
}
#workImage {
	border:2px solid #999;
	display:none;
}

/*works next*/
ul.next {
	top:0px;
	width:400px;
	left:170px;
	padding-top:25px;
}
ul.next li {
	margin-bottom:10px;
}
ul.next a.person {
	font-weight:normal;
	text-decoration:underline;
	color:inherit;
}

/*works photos*/
a.workTitle {
	position:relative;
	top:74px;
	color:#f26649;
	text-decoration:none;
	font-weight:bold;
}
div.slideshow {
	position:relative;
	top:65px;
	left:20px;
}
div.slideshow img {
	border:2px solid #999;
}
div.slideshow div.actions {
	color:#999;
	margin-bottom:5px;
}
div.slideshow a.next, div.slideshow a.previous {
	text-decoration:none;
	font-weight:bold;
}
div.slideshow a.next:hover {
	color:#f26649;
}
div.slideshow div.circles {
	height:8px;
	width:auto;
	/*width set by php*/
	position:absolute;
	bottom:0;
	right:0;
}
div.slideshow div.circles a img {
	border:none;
}
h1.workTitle {
	margin-top:25px;
	margin-bottom:10px;
	margin-left:10px;
}
h1.workTitle a {
	color:#f26649;
	text-decoration:none;
}
h1.workTitle a:hover {
	text-decoration:underline;
}

/*works current*/
#currentImage {
	border:2px solid #999;
}
div.current {
	margin-top:30px;
}
div.current h3.title {
	margin:5px 0;
}
a#ticketsandshowtimes {
	display:block;
	margin:10px 0;
}
#nothingPlaying {
	font-size:1.2em;
	font-weight:bold;
	color:#f26649;
	position:absolute;
	top:120px;
	left:155px;
}
#nothingPlayingNext {
	position:absolute;
	top:170px;
	left:500px;
}

/*contribute*/
ul.donate {
	position:relative;
	left:100px;
	top:140px;
	width:500px;
}
ul.donate p {
	margin-left:50px;
	margin-bottom:10px;
}
#thankYou {
	font-size:1.1em;
	font-weight:bold;
	color:#f26649;
	padding-top:10px;
}
p.volunteer {
	font-weight:bold;
	color:#999;
	position:absolute;
	top:150px;
	left:270px;
	width:270px;
}


/*for background-changing blocks*/
span.blank {
	display:none;
}

.cake-sql-log {
	/*
	display:none;
	*/
	
	display:block;
	
	color:#fff;
	
	float:left;
	clear:both;
	width:1000px;
	margin:20px;
	margin-top:50px;
}
.cake-sql-log:hover {
	color:#666;
}

/*users*/
fieldset.user {
	margin:20px;
	width:16em;
}
fieldset.user legend {
	padding:5px;
	color:#393;
	font-weight:bold;
}
fieldset.user div.input {
	margin:10px;
	margin-top:0;
}
fieldset.user input[type=text], fieldset.user input[type=password] {
	width:190px;
}
fieldset.user label {
	display:block;
}

div.message {
	font-weight:bold;
	margin:10px 0;
	color:#42C1C6;
}

.ltgray {
	color:#999;
}