@import "thickbox.css";

body {
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size:12px;
	line-height:20px;
	margin:0; padding:0;
}
code { font-family: "Trebuchet MS", Helvetica, Arial; }
object { outline:none; border:none; }
a:focus, a:active, input:focus, input:active { outline: none; }
img { line-height:1px; border:0; }
a { color:#999; text-decoration:none; }
h1,h2,h3,h4 { font-weight:normal; font-size:18px; margin:0; padding:0; }

#header, ul#nav {
	padding-left:4px;
}
#header .wrap, #navigation .wrap, #subnavigation .wrap {
	width:950px;
	margin:auto;
 }
#header {
	height:80px;
	text-align:center;
	padding-top:20px;
	background-color:#8f9bab;
}
#navigation {
	background-color:#7a8797;
}
#navigation, #subnavigation {
	padding-top:5px;
}
#subnavigation a, #subnavigation a:visited {
	color: #aaa;
	font-size: 13px;
}
#header .logo {
	background-repeat:no-repeat;
	cursor:pointer;
	width:756px;
	height:63px;
	margin-left:190px;
}

#header .logo {background-image:url("/images/jsk-logo.png");}
#wrapper {
	width:950px;
	margin:auto;
	padding-top:20px;
}

ul.nav {
	list-style-type:none;
	padding:0; margin:0;
	margin-left:194px;
	height:28px;
}
.nav li { display:inline; margin-right:10px; padding:0; }
.nav li a { color:#718999; }
.nav li a img { margin-left:-1px; opacity: 0.35; }
.nav li.selected a img { opacity:1; }
#subnavigation li.selected a {color:#000;}
#content h1, #content h3.touring { margin-left:190px; margin-bottom:0px; }
#content h3.touring {margin-top:-10px;margin-bottom:10px;}
div.title {margin-top:5px;}
h3 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
	color:#000;
}

.news .item { margin-bottom:20px; }
.teaser, .ingress { font-weight:bold; }

.columno, .column {
	width:174px;
	margin-right:20px;
	float:left;
}
.columno { margin-right:0; }
.two { width:368px; }
.twono { width:348px; }
.three { width:562px; }
.threeno { width:542px; }
.four { width:736px;}
.fourno { width:716px;}
#sidebar, #extra, .tag {
	font-size:10px;
	color:#666;
	line-height:16px;
}
#sidebar h2, #sidebar h3, #extra h3 {color:#000;line-height:20px;text-transform:uppercase;}
p.tag { margin-top:0; }
h2 a { color:#000; text-decoration:none; }
.images .tag { margin-bottom:20px; }

/* tables */
table { width:368px; }
tr { background-color:#fff; }
tr.zebra { background-color:#f0f2f3; }
th, td { padding:5px; font-size:11px; color:#666; }
th { padding:0 5px; text-align:left; }
td.date, td.location { font-weight:bold; }

.productionheader {
	margin-bottom: 0 !important;
	padding: 0;
}
.productionheader h2 {
	margin-bottom: 4px;
}

/* production */
.production h2,
#production h3 {
	position:relative;
	margin-left:-2px;
}
#production h3 {
	margin-bottom:0px;
}
#production .content .two {
	margin-left:194px;
}

table.schedule tr:first-child { background-color:#686868; }
table.schedule tr:first-child th { color:#fff; }

#reviews {
	font-family: Georgia, Helvetica, Arial;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	line-height:25px;
}
.review {
	margin-bottom:20px;
}
#reviews .author {
	font-size:12px;
	font-style:normal;
}
.credits { font-size:11px; line-height:16px; }
#jo .images,
#static .images, 
#production .images {
	position:relative;
	left:-20px;
	width:388px;
	margin-top:20px;
}
#jo .images .wrap,
#static .images .wrap,
#production .images .wrap {
	margin-left:20px;
	float:left;
	width:174px;
}

/* productions */

#more, #reviews-one {
	display:none;
}

#reviews-all, #reviews-one {
	font-size:12px;
	font-style:normal;
	font-family: "Trebuchet MS", Helvetica, Arial;
}
.more:hover, .less:hover, #reviews-all:hover, #reviews-one:hover {
	cursor:pointer;
}

ul.productions {
	list-style-type:none;
	padding-left:0;
	font-size:12px;
	line-height:16px;
	margin-top:0px;
	margin-bottom:40px;
}
ul.productions li {
	margin-bottom:5px;
}
ul.productions li a {
	text-transform:capitalize;
}
#productions { margin-bottom:40px; }
#productions h3, h2 { margin-bottom:10px; }
#productions h3 { margin-left:-3px; }
.production { margin-bottom:40px; }
.image { line-height:1px; }

#productions .image {
	background-color:#eee;
	width:174px; height:124px;
	margin-bottom:20px;
}

#embed { margin:20px 0; }
table { width:100%; }
tr.future td, tr.future td.production a, tr.future td.production a:visited { 
	color: #333;
}
tr.future td.production a:hover { 
	text-decoration: underline;
}
tr.past td { 
	color: #aaa;
}
tr.next td { 
	background: #e4ecf4;
}

td.production { text-transform: capitalize; }
#production table.schedule { margin:10px 0 30px 0; }

#footer {
	clear:both;
	margin-left:194px;
	padding-top:120px;
	padding-bottom:40px;
}
#footer ul { display:inline; padding:0; list-style-type:none; }
#footer li { display:inline; }
#footer li a { text-transform:capitalize; margin-right:10px; }

td.tickets a {
	text-transform:uppercase;
	color:#457799;
}
h1.link,h1.header {
	padding-bottom:10px;
}
h1#nop {
	padding-bottom:30px;
}
#extra h3 img, #sidebar h3 img {
	margin-left:-3px;
	margin-bottom:-10px;
	position:relative;
	top:-4px;
}
/* People */
.person {
	clear: both;
	margin-bottom:2em;
}
#people .image { margin-bottom:20px; }
.person h3 {
	font-size: 16px;
	margin-bottom: 1em;
}
.person h4 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
}

#intro { padding-bottom:40px; }
.buttonhack * {	position:absolute; }
#upcoming tr.past { display:none; }
#footer { font-size:11px; color:#777; line-height:16px;}
#footer a {text-decoration:underline; color:#777;}
.static { position:relative; top:-47px; }
.touring { margin-top:30px; }
.pfix img { position:relative; left:-8px; }
.pfixsm img { position:relative; left:-3px; }
#people h2 img { margin-left:-6px; } 
#people .group h2 {margin-bottom:40px;padding-top:40px;}
#people .group:first-child  h2{padding-top:0;}
#people h3 {font-weight:bold;}
#people h3 .title {font-weight:normal;}

#albums .copyright_notice, #album .copyright_notice {
	margin-top: 40px;
	font-size: 0.9em;
}

#album .image_row {
	clear: both;
}
#album .press_photo {
	float: left;
	padding: 0 20px 20px 0;
}
#album .press_photo .byline {
	display: block;
	color: #777;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

.pagination {
	clear:both;
	margin-left:195px;
	line-height:20px;
}

/* archive */
#sidebar.archive ul {
	list-style-type:none;
	padding:0;
	font-size:12px;
	line-height:20px;
}
.archiveLink {
	display:block;
}
.static {
	margin-top:62px;
}