/* ELEMENTS */
body {font-family:"Lucida Grande","Lucida Sans", helvetica, arial, sans-serif; font-size:0.9em; color:#666666; margin:10px;}
body em{font-family:"Lucida Sans", helvetica, arial, sans-serif;}

dl {}
dt {margin:0; color:#005137; font-weight:bold; font-size:0.8em; padding:10px 0 3px 0;}
dd {margin:0; color:#666666; font-weight:normal; font-size:0.8em; padding:0 0 10px 0;}
h1 {margin:10px 0 0 0; text-align:left;}
h2 {margin:0; padding:10px 0 0 0; font-weight:bold; font-size:1.1em; letter-spacing:-1px; color:#005137;}
h3 {margin:0; padding:10px 0 0 0; font-weight:normal; font-size:1.1em; letter-spacing:-1px; color:#005137;}
h4  {color:#666666; font-weight:normal; font-size:1.2em; line-height:1.5em; letter-spacing:-1px;}
h4 a {color:#005137;}
h4 a:link {text-decoration:none;}
h4 a:visited {text-decoration:none;}
h4 a:active {text-decoration:underline;}
h4 a:hover {text-decoration:underline;}
h5 {margin:0; color:#005137; font-weight:normal; font-size:0.8em; padding:5px 0;}

input {border:1px solid #999999;}
p {font-size:0.8em; font-weight:normal; line-height:20px; margin: 5px 0; padding:0;}
p a {color:#005137; text-decoration:none;}
p a:link {}
p a:visited {}
p a:hover {text-decoration:underline;}
p a:active {text-decoration:underline;}

#main ul {font-size:12px; list-style-image:url('../images/arrow.gif'); margin:0 0 0 10px; padding:0;}
#main ul li {margin:10px; color:#444444;}
#main ul li a {color:#005137; text-decoration:none;}
#main ul li a:hover {text-decoration:underline;}
#main ul li a:active {text-decoration:underline;}
#main ul ul {font-size:12px; margin:0; padding:0;}
#main ul ul li a {}
#main ul ul ul {font-size:12px; margin:0; padding:0;}
#main ul ul ul li a {color:#005137; text-decoration:none;}
#main ul ul ul ul {font-size:12px; margin:0; padding:0;}
#main ul ul ul ul li a {color:#005137; text-decoration:none;}

textarea {border:1px solid #999999;}

dl#contact-form {float:none; clear:both; width:580px; font-size:0.8em;}
dl#contact-form dt {clear:left; float:left; width:180px; margin:5px 0; padding:0;}
dl#contact-form dd {float:left; width:400px; margin:5px 0; padding:0;}

.Thumbnail {float:left; padding:5px; width:260px; margin:0 5px 5px 0;}
.Thumbnail img {}
.PhotoCaption {height:30px; font-size:10px; text-transform:uppercase; letter-spacing:1px; margin-top:5px;}

/* CLASSES */
img.photo {margin: 10px 0;}
img.logo {margin:10px; float:left;}
img.desc {margin:60px 10px 10px 10px; float:right;}
.headerphoto {width:846px; height:214px; background-repeat:none; margin-left:7px; background-image:url('/random.php');}
.headerphoto p {right:10px; top:185px; font-size:10px; text-transform:uppercase; color:#ffffff; text-align:right;}
.headerphoto p em {font-style:normal;}
.alert {color:#ff0000;}
.post-item {padding: 10px 0; background:url('../images/dot.gif') bottom repeat-x;}
.post-date {text-transform:uppercase; font-size:10px; color:#444444;}
.post-date ul li {display:inline; font-size:10px; color:#444444;}
.post-links {text-transform:uppercase; font-size:9px; list-style:none; list-style-image:none; display:inline; margin:0;padding:0;}
.post-links li {text-transform:uppercase; font-size:9px; margin:0; padding:0;}
.form-item label {margin:0; padding:10px 0 0 0; font-weight:bold; font-size:1em; letter-spacing:-1px; color:#005137;}
.post-item ul.links {display:inline; margin:0; padding:0; float;left;}
.post-item ul.links li {margin:0; padding:0; float;left; text-indent:0;}
.post-links ul.links {display:inline; margin:0; padding:0; float;left;}
.post-links ul.links li {margin:0; padding:0; float;left; text-indent:0;}

#comments {font-family:"Lucida Sans", helvetica, arial, sans-serif; }
#comments .comment {background:#f9f9f9; margin:5px 0; padding:5px;}
#comments .comment h3.title {margin:0 0 5px 0;}
#comments .comment h3.title a {font-style:italic; font-size:13px; font-weight:bold; color:#666666;}
#comments .comment h3.title a:link {font-style:italic; font-size:13px; font-weight:bold; color:#666666;}
#comments .comment h3.title a:visited {font-style:italic; font-size:13px; font-weight:bold; color:#666666;}
#comments .comment h3.title a:active {font-style:italic; font-size:13px; font-weight:bold; color:#666666;}
#comments .comment h3.title a:hover {font-style:italic; font-size:13px; font-weight:bold; color:#666666;}
#comments .comment .submitted {text-transform:uppercase; font-style:italic; font-size:10px; color:#999999;}
#comments .comment .content p {font-size:12px; color:#666666; font-style:italic;}
#comments .links {font-family:"Lucida Sans", helvetica, arial, sans-serif; font-style:italic; text-transform: uppercase; font-size:10px;}

.pager {font-size:9px; font-weight:bold; margin-top:20px; text-transform:uppercase;}
.pager-current {background:#555555; color:#ffffff;}

.form-text {height:18px; width:170px; padding:0;}
.form-submit {height:20px; background:#005137; color:#ffffff; font-size:9px; letter-spacing:1px; text-transform:uppercase; padding:0;}
#right h2 {margin-top:10px;}
#right .item-list ul {margin:0; padding:0; list-style:none; list-style-type:none;width:100%;}
#right .item-list ul li {margin:0; padding:5px 0 0 0; list-style:none; list-style-type:none;}
#right .item-list ul li a {text-decoration:none; text-transform:uppercase; font-size:10px; color:#888888;}
#right .item-list ul ul {margin:0; background-color:#F0F0F0;}
#right .item-list ul ul li {padding:0; margin:0;}
#right .item-list ul ul li a {display:block; margin:0; padding:5px; voice-family:"\"}\""; voice-family:inherit; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-decoration:none; color:#888888;} 
#right .item-list ul ul li a:hover {background-color:#FAFAFA; text-decoration:none; color:#888888;}
#right .item-list ul ul ul {margin:0; padding:0}
#right .item-list ul ul ul li {margin:0; padding:5px 5px 5px 15px; border-bottom:none; font-size:10px; text-transform:uppercase; color:#999999;}
#right .item-list ul ul ul li a {margin:0; padding:0; voice-family: "\"}\""; voice-family:inherit; text-decoration:none;} 
#right .item-list ul ul ul li a:hover {margin:0; padding:0; voice-family: "\"}\""; voice-family:inherit; text-decoration:none; background-color:#F2F2F2;} 
#right label {font-size:11px;}

/* IDs */
#bottom {height:1px; width:846px; float:none; clear:both;}
#content {margin:0 13px; position:relative; float:none; clear:both; text-align:left; background:url('../images/backgrounds/content.gif') repeat-y; width:846px;}
#content a {color:#005137;}
#content a:link {text-decoration:none;}
#content a:visited {text-decoration:none;}
#content a:active {text-decoration:underline;}
#content a:hover {text-decoration:underline;}

#footer {width:872px; height:40px; margin:0 auto; padding:10px 0 0 0px; clear:left; background:url('../images/bd_be.gif') top no-repeat;}
#footer h6 {margin:5px 0; padding:0; font-weight:normal; font-size:11px; color:#777777; text-indent:30px;}
#footer h6 a {color:#005137;}
#footer h6 a:link {text-decoration:none;}
#footer h6 a:visited {text-decoration:none; color:#666666;}
#footer h6 a:active {text-decoration:underline;}
#footer h6 a:hover {text-decoration:underline;}

#header {position:relative; background:url('../images/bd_te.gif') top no-repeat; padding:7px;}
#header h1 {margin:0; height:108px; width:235px; text-indent:-999em; background:url('../images/stp_logo.gif') top left no-repeat;}
#header h2.title {display:none;}
#header h3 {position:absolute; height:25px; width:300px; top:35px; right:20px; text-indent:-999em; background:url('../images/stp_strap.gif') top left no-repeat;}

#main {float:left; width:580px; min-height:400px; padding:7px 7px 20px 7px;}
#main-wide-pw {float:left; width:832px; height:704px; background:#ffffff url('../images/backgrounds/bench.jpg') no-repeat; padding:0 7px 20px 7px; text-align:right;}
#main-wide {float:left; width:832px; padding:7px 7px 20px 7px; background-color:#f3f3f3;}

#header .menu {font-size:0.9em; clear:both; width:839px; height:25px; margin:7px; padding:0; list-style-type:none; background-color:#005137;}
#header .menu li {display:block; float:left; height:20px; margin:0; padding:5px 0 0 5px; color:#E4EDE9; font-weight:bold;}
#header .menu li a {display:block; float:left; margin:0; padding:0; color:#CCdddd; text-decoration:none;}
#header .menu li a:link {}
#header .menu li a:visited {}
#header .menu li a:hover {color:#FFFFFF; text-decoration:none;}
#header .menu li a:active {color:#FFFFFF; text-decoration:none;}

#header .menu li ul {position:absolute; z-index:1; margin:20px 0 0 -3px; padding:0; background-color:#E4EDE9; width:180px; left:-999em;}
#header .menu li ul li {width:180px; display:block; height:20px; margin:0; padding:0; text-transform:none; text-decoration:none; letter-spacing:0; text-align:left; background-color:#E4EDE9; border-top:1px solid #FFFFFF;}
#header .menu li ul li a {display:block; width:180px; height:18px; margin:0; padding:3px 0 0 5px; color:#005137; font-weight:normal; font-size:11px; text-decoration:none; text-align:left;}
#header .menu li ul li a:link {}
#header .menu li ul li a:visited {}
#header .menu li ul li a:hover {width:175px; background-color:#005137;}
#header .menu li ul li a:active {width:175px; background-color:#005137;}

#header .menu li ul ul {margin:5px 0 0 175px; padding:0;}

#header .menu li:hover ul ul, #header .menu li:hover ul ul ul, #header .menu li.sfhover ul ul, #header .menu li.sfhover ul ul ul {left:-999em; }
#header .menu li:hover ul, #header .menu li li:hover ul, #header .menu li li li:hover ul, #header .menu li.sfhover ul, #header .menu li li.sfhover ul, #header .menu li li li.sfhover ul {left:auto; z-index:2;}

#right {width:231px; float:left; margin:0 0 0 7px; padding:7px 7px 20px 7px;}

#strapline {width:846px; height:85px; margin:0 7px 7px 13px; background: #C8C8C8 url('../images/stp_quote.gif') no-repeat;}
#strapline2 {width:846px; height:66px; margin:0 7px 7px 13px; background:#FF0000;}
#strapline2 a img {border:none;}

#wrapper {width:872px; margin-left:auto; margin-right:auto; padding:0 0 7px 0; background:url('../images/bd_main.gif') repeat-y;}

#title-400 {background-image:url('../images/titles/400.gif');}
#title-401 {background-image:url('../images/titles/401.gif');}
#title-403 {background-image:url('../images/titles/403.gif');}
#title-404 {background-image:url('../images/titles/404.gif');}
#title-500 {background-image:url('../images/titles/500.gif');}

#page-about-us .headerphoto {background-image:url('../images/headers/header_04.jpg');}
#page-current-production .headerphoto {background-image:url('../images/headers/header_02.jpg');}
#page-our-friends .headerphoto {background-image:url('../images/headers/header_05.jpg');}
#page-contact-us .headerphoto {background-image:url('../images/headers/header_18.jpg');}
#page-previous-productions .headerphoto {background-image:url('../images/headers/header_07.jpg');}
#page-other-projects .headerphoto {background-image:url('../images/headers/header_27.jpg');}
#page-really-useless-theatre-company-the-dinner-party .headerphoto {background-image:url('../images/headers/header_28.jpg');}	  
#page-really-useless-theatre-company-the-max-factor .headerphoto {background-image:url('../images/headers/header_29.jpg');}
#page-previous-productions-people-watching .headerphoto {background-image:url('../images/headers/header_pw.jpg');}
#page-previous-productions-people-watching-about-the-project .headerphoto {background-image:url('../images/headers/header_09.jpg');}
#page-previous-productions-people-watching-cast-and-crew .headerphoto {background-image:url('../');}
#page-previous-productions-people-watching-stills .headerphoto {background-image:url('../images/headers/header_30.jpg');}
#page-previous-productions-people-watching-success-and-reviews .headerphoto {background-image:url('../images/headers/header_06.jpg');}
#page-previous-productions-people-watching-supporters .headerphoto {background-image:url('../images/headers/header_08.jpg');}

#menu-home a {width:65px;}
#menu-about-us a {width:85px;}
#menu-current-production a {width:145px;}
#menu-previous-productions a {width:165px;}
#menu-diary a {width:65px;}
#menu-media a {width:65px;}
#menu-contact-us a {width:85px;}
#menu-our-friends a{width:85px;}