/*--------------------------------------------
kenbentley.co.uk
Stylesheet: screen.css
Author: Ken Bentley
Version: 4
Date: September 2009
---------------------------------------------*/

/*--------------------------------------------
1.  RESET
---------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset {
	border: 0;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
 
abbr,acronym {
	border: 0;
}

a:link, a:active, a:hover, a:visited {
	outline: none;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

/*--------------------------------------------
BODY
---------------------------------------------*/

/* Force vertical scrollbar */
html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	/* height: 3000px; */
	text-align: left;
	font: 13px/1.538em Helvetica, Arial, sans-serif;
	color: #292421;
	background-color: #F8F8FF;
}

/*--------------------------------------------
TYPOGRAPHY
---------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 3.230em;
	line-height: 1.428;
	letter-spacing: -0.02em;
	word-spacing: -0.1em;
}

#header h1 {
	font-size: 1.615em;
	line-height: 1.428;
	letter-spacing: -0.015em;
	word-spacing: -0.05em;
}

h2 {
	font-size: 2.615em;
	line-height: 1.411;
	letter-spacing: -0.015em;
	word-spacing: -0.1em;
}

h3 {
	font-size: 2em;
	line-height: 1.538;
	letter-spacing: -0.015em;
	word-spacing: -0.05em;
}

h4 {
	font-size: 1.615em;
	line-height: 1.428;
	letter-spacing: -0.015em;
	word-spacing: -0.05em;
	margin: 0 0 0.476em 0;
}

#cv h4 {
	margin: 0 0 -0.476em 0;
}

h5 {
	font-size: 1.230em;
	line-height: 1.5;
	margin: 0 0 1em 0;
}

h6 {
	font-size: 1em;
	line-height: 1.538;
	margin: 1.538em 0 0 0;
}

#production_information .reviews h6 {
	font-style: italic;
	margin: 0;
}

p {
	letter-spacing: 0.004em;
	word-spacing: -0.05em;
	margin: 1.538em 0 0 0;
}

p.firstpara {
	margin: 0;
}

cite {
	text-transform: uppercase;
}

blockquote * {
	font-style: italic;
}

blockquote > *:before {
	content: '\201C';
	margin-left: -0.3em;
}

blockquote > *:after {
	content: '\201D';
}

.current_location,
.stars {
	color: #FF3300;
}

#main_introduction .standfirst {
	font-size: 1.615em;
	line-height: 1.428;
	letter-spacing: -0.02em;
	word-spacing: -0.05em;
	font-weight: bold;
	margin: 1.428em 0 0 0;
	color: #292421;
}

#main_introduction .standfirst.firstpara {
	margin: 0;
}

#production_information .author {
	font-weight: bold;
	margin: -0.769em 0 0.769em 0;
}

#production_information .starring {
	font-weight: bold;
	margin: 0;
	color: #8B8B83;
}

#production_information .release_date,
#production_information .venue {
	margin: 0;
	color: #8B8B83;
}

#production_information .review_firstpara {
	margin: 0;
	font-style: italic;
}

#production_information .review_para {
	margin: 0;
	padding: 0;
	text-indent: 1.538em;
	font-style: italic;
}

#production_information .review_credit {
	color: #8B8B83;
	margin: 0 0 1.538em 0;
}

#credits .credit,
#copyright {
	color: #8B8B83;
}

/*--------------------------------------------
PAGE LAYOUT
---------------------------------------------*/

#container {
	width: 960px;
	margin: 0 auto;
	/* height: 100%;
	background: url(../global_images/baseline_grid.jpg); */
}

#header {
	position: absolute;
	top: 40px;
	width: 210px;
	height: 49px;
	border-bottom: #292421 solid 1px;
}

#top_menu {
	position: absolute;
	top: 129px;
	width: 210px;
	padding: 2.23em 0 0 0;
	border-top: #292421 solid 1px;
}

#twitter_update {
	position: absolute;
	top: 269px;
	width: 210px;
	height: 250px;
	padding: 2.23em 0 0 0;
	border-top: #292421 solid 1px;
	border-bottom: #292421 solid 1px;
	background: url(../global_images/kb.jpg) bottom right no-repeat;
}

#navbar {
	width: 710px;
	margin: 89px 0 0 0;
	padding: 0.692em 0 0.769em 0;
	border-top: #292421 solid 1px;
	border-bottom: #292421 solid 1px;
	float: right;
}

#contents {
	width: 710px;
	min-height: 419px;
	float: right;
}

#footer {
	width: 710px;
	padding: 0.692em 0 0 0;
	border-top: #292421 solid 1px;
	float: right;
	clear: both;
}

/*--------------------------------------------
PAGE CONTENT
---------------------------------------------*/

#main_introduction {
	width: 460px;
	padding: 2.23em 0 3.846em 0;
	float: left;
}

#latest_news {
	width: 210px;
	padding: 2.23em 0 3.846em 0;
	float: right;
}

#general_info {
	width: 710px;
	float: left;
	padding: 2.23em 0 0.769em 0;
}

#theatre_production_list {
	width: 210px;
	float: left;
	padding: 2.23em 0 3.846em 0;
}

#audio_production_list {
	width: 210px;
	margin: 0 0 0 40px;
	padding: 2.23em 0 3.846em 0;
	float: left;
}

#profile,
#contact,
#error_report {
	width: 460px;
	padding: 2.23em 0 3.846em 0;
}

#cv {
	width: 710px;
	padding: 2.23em 0 3.846em 0;
}

#production_information {
	width: 460px;
	padding: 2.23em 0 3.846em 0;
	float: left;
}

.playwright,
.synopsis {
	margin: 3.076em 0 0 0;
}

.reviews {
	margin: 3.076em 0 -1.538em 0;
}

#credits {
	width: 210px;
	margin: 0 0 0 500px;
	padding: 0.692em 0 3.846em 0;
}

#footer_nav,
#networking,
#colophon {
	width: 85px;
	margin: 0 40px 1.538em 0;
	float: left;
}

#copyright {
	width: 210px;
	margin: 0 0 1.538em 125px;
	float: left;
}

img {
	margin: 1.538em 0 0 0;
}

img.outline{
	border: #EDEDED solid 1px;
}

/*--------------------------------------------
LINKS
---------------------------------------------*/

#top_menu a:link,
#top_menu a:visited {
	color: #292421;
	text-decoration: none;
}

#top_menu a:hover,
#top_menu a:active {
	color: #FF3300;
	text-decoration: none;
}

a:link,
a:visited {
	color: #292421;
	text-decoration: none;
}

a:hover,
a:active {
	color: #FF3300;
	text-decoration: none;
}

#contents a:link,
#contents a:visited {
	color: #292421;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#contents a:hover,
#contents a:active {
	color: #FF3300;
	text-decoration: none;
	border-bottom: dotted 1px;
}

/*--------------------------------------------
LISTS
---------------------------------------------*/

#navbar ul {
	margin: 0;
	padding: 0;
}

#navbar li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#navbar li:before {
	content: "> ";
	padding: 0 0.5em;
}

#navbar li:first-child:before {
	content: "";
	padding: 0;
}

/*IE browsers workaround*/
* html #navbar li {
	padding: 0 0 0 0.5em;
	margin: 0 0.5em 0 -0.5em;
}
/*End IE browsers workaround*/

#theatre_production_list ul,
#audio_production_list ul,
#film_production_list ul {
	margin: -0.769em 0 0 0;
}

#credits ul.cast,
#credits ul.creative_team {
	margin: 0 0 1.538em 0;
}

#credits ul.production_team {
	margin: 0;
}

#credits ul.isbn {
	margin: 1.538em 0 0 0;
}

#credits li {
	list-style-type: none;
}

#contents li,
#footer li {
	list-style-type: none;
}

/*--------------------------------------------
TABLES
---------------------------------------------*/

table.cv {
	border-collapse: collapse;
	text-align: left;
}

table.cv.section_end {
	margin-bottom: 3.076em;
}

table.cv tr.tint {
	background-color: #EDEDED;
}

table.cv td.production,
table.cv td.title,
table.cv td.author {
	width: 210px;
	padding: 0 40px 0 0;
	vertical-align: top;
}

table.cv td.production_info,
table.cv td.position {
	width: 210px;
	vertical-align: top;
}

table.cv td.writing_description {
	width: 460px;
	vertical-align: top;
}

table.cv td.additional_information {
	width: 710px;
	vertical-align: top;
}
