@import 'master.css'; 
@import 'lightbox.css'; 

html{margin-bottom:20px}

body{font-size:0.9em}

div#container{width:820px; margin:0 auto}

div#content{width:540px; margin-left:10px; float:left; padding-right:29px; border-right:2px solid #ccc}

div#sidebar{width:200px; margin-right:10px; float:right}

p.highlight{font-size:1.3em; background-color:transparent; padding-bottom:10px}

p.secondhighlight{border:2px dashed #33c; padding:10px; text-align:center; margin-bottom:18px}

div#sidebar{font-size:0.9em}

div#header{height:200px; width:100%; background:url(../images/headerphoto.jpg) no-repeat center left; margin-bottom:10px}

div#header h1{text-indent:-10000px; background:url(../images/header.gif) no-repeat center right; width:100%; height:200px; margin:0; padding:0}

ul{padding-left:0}

li{list-style-type:disc; margin-bottom:10px}

div#sidebar ul{padding-bottom:12px}

ul#ul-contact li{list-style-type:none; margin-bottom:0}

h2{background-position:center left; background-repeat:no-repeat; text-indent:-10000px}

h2#h-drama{background-image:url(../images/h-drama.gif)}

h2#h-theatre{background-image:url(../images/h-theatre.gif)}

h2#h-publications{background-image:url(../images/h-publications.gif)}

h2#h-contact{background-image:url(../images/h-contact.gif)}

h2#h-recommended{background-image:url(../images/h-recommended.gif)}

h2#h-testimonials{background-image:url(../images/h-testimonials.gif)}

h2#h-contact{margin-top:-20px}

a{color:#33c}

a:hover{text-decoration:underline}

div.highlight{background:transparent; font-size:1.05em; color:#33c; font-weight:bold; margin-bottom:10px}

div.highlight li{margin-bottom:0; margin-top:5px}

div#sidebar li{padding:0; color:#000; font-weight:normal; list-style-type:none; background:url(../images/tick.gif) no-repeat top left; padding-left:15px; margin-left:-15px}

div.highlight em{font-weight:bold; color:#33c}

div#sidebar form li, div#sidebar ul#ul-contact li{background-image:none; padding-left:0; margin-left:0}

form label{font-weight:bold}

form label em{font-weight:normal; font-size:0.9em; color:#33c}

form input, form textarea{clear:left; width:180px; border-top:2px solid #aaa; border-left:2px solid #aaa; border-bottom:2px solid #ccc; border-right:2px solid #ccc; padding:3px}

form textarea{height:60px}

form input.button{padding:0; height:25px; width:190px; font-weight:bold}

a.slideshowlink{border:1px solid #aaa; padding:5px; margin-left:10px; margin-bottom:10px; margin-top:3px}

a.slideshowlink.float-left{margin-left:0; margin-right:10px}

a.slideshowlink:hover{text-decoration:none; border:1px solid #33c}

a.slideshowlink img{border:1px solid #aaa; float:left}

a.slideshowlink span{float:left; clear:left; color:#000; font-size:0.8em; font-style:italic; margin-top:3px; width:200px}

div#mailstatus{border:2px solid red; width:100%; padding:10px; color:red; font-weight:bold; margin-bottom:20px}

div#mailstatus.success{border-color:green; color:green}

div#mailstatus h2{text-indent:0; margin-top:0; padding-top:0}

div#mailstatus ul{margin-left:20px; margin-bottom:0; padding-bottom:0}

#footer {font-size:0.8em;margin-top:20px;clear:both;padding-left:10px}

blockquote {
	font-style:italic;
  padding: 8px 25px;
  border: 1px solid #3333d1;
border-width:1px 0;
margin:0 0 20px 0;
  background:#f0f0f0 url(/images/openquote.gif) no-repeat 5px 10px;
  }
blockquote p {
	margin:0;
	padding:0;
  background: url(/images/closequote.gif) no-repeat bottom right;
}

cite {
	text-align:right;
	font-style:italic;
	margin-top:-10px;
	display:block;
	margin-bottom:20px;
	font-size:80%;
}