/*
Theme Name: New Theatre 
Theme URI: http://www.newtheatre.org.uk
Description: A new look for New Theatre, slick, professional and open-armed.
Version: 2.0
Author: Ali Blackwell
Author URI: http://www.aliblackwell.com
Tags: 
*/

iframe {
background: transparent;
}

/*********************************
Resets and Hacks
**********************************/
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	list-style: none;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
strong {
font-weight: bold;
}

#post-65 h2 {
display: none;
}
#gal, #map {
margin: 0;
padding: 0;
position: absolute;
}

/*********************************
Begin Typography & Colors
**********************************/
body {
font-family:   
             "Trebuchet MS",
Candara,
Futura,
             Tahoma,
             "Lucida Sans Unicode",
             Arial,
             "Lucida Sans",
             "Lucida Grande",
             Verdana,
             sans-serif;
color: #ffffff;
background: #444444;
margin: 0;
padding: 0;
	}
#page {
width: 965px;
position: relative;
margin: 0px auto;
}

#header {
width: 965px;
height: 200px;
margin: 0px 0px 0px 0px;
padding: 0px;	
	}

#contentsidebarwrapper {
width: 965px;
margin: 0px 0px 0px 0px;
padding: 0px;	
position: relative;
	}


#newtheatrehub {
width: 250px;
height: 200px;
background: black;
margin: 0px 15px 0px 0px;
float: left;
padding: 0px;
position: absolute;
}

#newtheatrebanner {
float: right;
position: absolute;
width: 700px;
height: 200px;
padding: 0px;
margin: 0px 0px 0px 265px;
}

.banner img {
display: none;
}

.newtheatrebannerhome{
background: url('images/newtheatrehome.jpg'); 
}
.newtheatrebanneracting{
background: url('images/newtheatreacting.jpg');
}

.newtheatrebannerwriting{
background: url('images/newtheatrewriting.jpg');
}

.newtheatrebannerdirecting{
background: url('images/newtheatredirect.jpg');
}
.newtheatrebannerproducing{
background: url('images/newtheatreproduce.jpg');
}
.newtheatrebannertech{
background: url('images/newtheatretech.jpg');
}
.newtheatrebannerdesign{
background: url('images/newtheatredesign.jpg');
}
.newtheatrebannercostume{
background: url('images/newtheatrecostume.jpg');
}
.newtheatrebannercurrent{
background: url('images/newtheatrecurrentproductions.jpg');
}
.newtheatrebannerworkshops{
background: url('images/newtheatreworkshops.jpg');
}
.newtheatrebannerfestivals{
background: url('images/newtheatreedinburgh.jpg');
}
.newtheatrebannercontact{
background: url('images/newtheatrecontact.jpg');
}
.newtheatrebannerwhereweare{
background: url('images/newtheatredesign.jpg');
}
.newtheatrebannerresources{
background: url('images/newtheatreresources.jpg');
}
.newtheatrebannersponsor{
background: url('images/newtheatresponsor.jpg');
}
.newtheatrebannerhistory{
background: url('images/newtheatrehistory.jpg');
}
.newtheatrebannergallery{
background: url('images/newtheatregallery.jpg');
}

.newtheatrebanneraccess{
background: url('images/access.jpg');
}
.newtheatrebanneredinburgh{
background: url('images/newtheatregallery.jpg');
}
.newtheatrebanneronlyonewing{
background: url('uploads/passport-sized-photo.jpg');
}

#newtheatrebanner img {
float: right;
position: absolute;
width: 700px;
height: 200px;
padding: 0px;
}

.newtheatrenavcontainer {
width: 700px;
position: absolute;
float: right;
height: 30px;
background: black;
margin: 165px 0px 0px 265px;
padding: 0;
}


#contentwrapper,
#contentwrapperwo,
#contentwrapperau,
#contentwrappergi,
#contentwrapperimpinfo {
width: 680px;
margin: 15px 0px 15px 0px;
position: relative;
float: right;
background: #ececec;
color: #212121;
padding: 10px 10px 0px 10px;
}

#contentwrappermap {
width: 700px;
margin: 15px 0px 15px 0px;
position: relative;
float: right;
background: #ececec;
color: #212121;
padding: 0px;
}

#contentfacebookwrap {
position: relative;
width: 700px;
float: right;
padding: 0;
}

#homepagecontentwrapper {
width: 415px;
margin: 15px 15px 0px 0px;
float: left;
background: #ececec;
color: #212121;
padding: 10px 10px 0px 10px;
}

#facebookholder {
width: 250px;
height: 900px;
margin: 15px 0px 0px 0px;
float: right;
background: black;
padding: 10px 0px 15px 0px;
}

img#nsdf {
float: left;
margin: 0px;
z-index: 10;
clear: both;
}

#facebookholder h2 {
padding: 0px 0px 0px 10px;
}

#sidebar {
background: black url('http://www.newtheatre.org.uk/uploads/newlogowide.jpg') no-repeat bottom center;
width: 250px;
margin: 15px 15px 0px 0px;
padding: 10px 0px 15px 0px;
float: left;
position: absolute;
}

.sidebarcontent {
padding: 0px 10px 0px 10px;
width: 230px;
}
#iefix1 {
display: none;
}
#iehide {
position: absolute;
width: 250px;
height: 50px;
background: transparent;
z-index: 10;
margin: 389px 0px 0px 0px;
}

#iehide h2 {
padding: 14px 0px 0px 10px;
}

.content {
}

a#ntlink {
width: 250px;
height: 40px;
position: absolute;
margin: 130px 0px 0px 0px;
padding: 0;
display: block;
background: url('images/newtheatre.png');
z-index: 10;
}

a#ntlink:hover {
background-position: 0 -91px; 
}

#mainnav {
float: left;
position: absolute;
width: 250px;
height: 18px;
margin: 174px 0px 0px 0px;
list-style: none;
padding: 0px;
background: black url('images/newtheatrenav2.png') no-repeat;
}
#mainnav li {
float: left; margin: 0; padding: 0; list-style: none; top:0; 
}

#mainnav li, #mainnav li a {
text-indent: -10000em;
height: 18px;
display: block;
}

.linkhomelink {
left: 0px;
width: 44px;
height: 18px;
}
.linkhomelink  a:hover {
background: url('images/newtheatrenav2.png');
background-position: 0 -204px;
}

.linkgilink  {
left: 0px;
width: 78px;
height: 18px;
}
.linkgilink  a:hover {
background: url('images/newtheatrenav2.png');
background-position: -44px -136px;
}

.linkwolink  {
left: 0px;
width: 65px;
height: 18px;
}
.linkwolink  a:hover {
background: url('images/newtheatrenav2.png');
background-position: 128px -272px; 
}

.linkaulink  {
left: 0px;
width: 63px;
height: 18px;
}
.linkaulink  a:hover {
background: url('images/newtheatrenav2.png');
background-position: 63px -68px; 
}



ul.secondnav {
width: 700px;
height: 30px;
list-style: none;
padding: 0px;
display: inline;
float: left;
margin: 0px;
position: absolute;
}

.secondnav li {
float: left;
}

#navgi, #navgi2 {
height: 35px;
background: url('images/navgi.png') no-repeat;
}
#navwo, #navwo2 {
height: 35px;
background: url('images/navwo.png') no-repeat;
}
#navau, #navau2 {
height: 35px;
background: url('images/navau.png') no-repeat;
}


#navgi li a, 
#navgi2 li a {
height: 33px;
display: block;
margin: 0px 10px 0px 0px;
padding: 0; 
text-indent: -10000em;
background: url('images/sprites/navgi.png') no-repeat;
}

#navgi li a.linkact, #navgi2 li a.linkact { width: 79px; background-position: 0 0; }
#navgi li a.linkact:hover, #navgi2 li a.linkact:hover, #navgi li.theone a.linkact, #navgi2 li.theone a.linkact 
{ width: 79px; background-position: 0 -85px; }

#navgi li a.linkdirect, #navgi2 li a.linkdirect { width: 110px;  background-position: -88px  0; }
#navgi li a.linkdirect:hover, #navgi2 li a.linkdirect:hover, #navgi li.theone a.linkdirect, #navgi2 li.theone a.linkdirect  
{ width: 110px; background-position: -88px -85px; }

#navgi li a.linkproduce, #navgi2 li a.linkproduce { width: 140px; background-position: -209px  0; }
#navgi li a.linkproduce:hover, #navgi2 li a.linkproduce:hover, #navgi li.theone a.linkproduce, #navgi2 li.theone a.linkproduce 
{ width: 140px; background-position: -209px -85px; }

#navgi li a.linktech, #navgi2 li a.linktech { width: 95px;  background-position: -359px  0;}
#navgi li a.linktech:hover, #navgi2 li a.linktech:hover, #navgi li.theone a.linktech, #navgi2 li.theone a.linktech
{ width: 95px; background-position: -359px -85px;}

#navgi li a.linkwrite, #navgi2 li a.linkwrite { width: 105px;  background-position: -461px  0; }
#navgi li a.linkwrite:hover, #navgi2 li a.linkwrite:hover, #navgi li.theone a.linkwrite, #navgi2 li.theone a.linkwrite 
{ width: 105px; background-position: -461px -85px; }


#navgi li a.linkdesign, #navgi2 li a.linkdesign { width: 110px; background-position: -576px 0px;}
#navgi li a.linkdesign:hover, #navgi2 li a.linkdesign:hover, #navgi li.theone a.linkdesign, #navgi2 li.theone a.linkdesign
{ width: 110px; background-position: -576px -85px; }



#navwo li a,
#navwo2 li a {
height: 33px;
text-indent: -10000em;
display: block;
margin: 0px 10px 0px 0px;
background: url('images/sprites/navwo.png') no-repeat;
padding: 0;
}

#navwo li a.linkcurrent, #navwo2 li a.linkcurrent{ width: 284px; background-position: 0 0; }
#navwo li a.linkcurrent:hover, #navwo2 li a.linkcurrent:hover, #navwo li.theone a.linkcurrent, #navwo2 li.theone a.linkcurrent
{ width: 284px; background-position: 0 -85px;}

#navwo li a.linkworkshops, #navwo2 li a.linkworkshops{ width: 183px; background-position: -290px 0; }
#navwo li a.linkworkshops:hover, #navwo2 li a.linkworkshops:hover, #navwo li.theone a.linkworkshops, #navwo2 li.theone a.linkworkshops
{ width: 183px;  background-position: -290px -85px;}

#navwo li a.linkfestivals, #navwo2 li a.linkfestivals{ width: 175px; background-position: -484px 0; }
#navwo li a.linkfestivals:hover, #navwo2 li a.linkfestivals:hover, #navwo li.theone a.linkfestivals, #navwo2 li.theone a.linkfestivals
{ width: 175px;  background-position: -484px -85px;}

#navau li a,
#navau2 li a { 
height: 35px; 
text-indent: -10000em; 
display: block; 
margin: 0px 5px 0px 0px;
background: url('images/sprites/navau.png') no-repeat;
 padding: 0; 
}

#navau li a.linkcontact, #navau2 li a.linkcontact{ width: 100px; background-position: 0 0; }
#navau li a.linkcontact:hover, #navau2 li a.linkcontact:hover, #navau li.theone a.linkcontact, #navau2 li.theone a.linkcontact
{ width: 100px;  background-position: 0 -85px;}

#navau li a.linkwhereweare, #navau2 li a.linkwhereweare{ width: 163px; background-position: -103px 0; }
#navau li a.linkwhereweare:hover, #navau2 li a.linkwhereweare:hover, #navau li.theone a.linkwhereweare, #navau2 li.theone a.linkwhereweare
{ width: 163px;  background-position: -103px -85px;}

#navau li a.linkresources, #navau2 li a.linkresources{ width: 120px;  background-position: -272px 0; }
#navau li a.linkresources:hover, #navau2 li a.linkresources:hover, #navau li.theone a.linkresources, #navau2 li.theone a.linkresources
{ width: 120px; background-position: -272px -85px; }

#navau li a.linksponsor, #navau2 li a.linksponsor{ width: 104px;  background-position: -397px 0; }
#navau li a.linksponsor:hover, #navau2 li a.linksponsor:hover, #navau li.theone a.linksponsor, #navau2 li.theone a.linksponsor
{ width: 104px;  background-position: -397px -85px; }

#navau li a.linkhistory, #navau2 li a.linkhistory{ width: 90px;   background-position: -504px 0;}
#navau li a.linkhistory:hover, #navau2 li a.linkhistory:hover, #navau li.theone a.linkhistory, #navau2 li.theone a.linkhistory
{ width: 90px;  background-position: -504px -85px;}

#navau li a.linkgallery, #navau2 li a.linkgallery{ width: 88px;  background-position: -598px 0;}
#navau li a.linkgallery:hover, #navau2 li a.linkgallery:hover, #navau li.theone a.linkgallery, #navau2 li.theone a.linkgallery
{ width: 88px;  background-position: -598px -85px;}

#footer {
height: 135px; 
margin: 0px 0px 0px 0px; 
text-align: center; 
width: 965px;
position: absolute;
clear: both;
padding: 15px 0px 0px 0px;
background: black;
	}

ul#flickrfooter {
}

#footerleft {
}

#footerright{
}

/*******************************
Typography
*******************************/

small {
color: #727272;
font-size: 13px;
line-height: 24px;
	}

h1 {
font-size: 28px;
}

h2 {
font-size: 24px;
line-height: 24px;
margin-bottom: 10px;
}

h3 {
font-size: 18px;
margin-bottom: 10px;
}

p, li {
font-size: 15px;
line-height: 24px;
margin: 0px 0px 10px 0px;
}

td, li {
font-size: 15px;
line-height: 24px;
}

ul {
margin: 0px 0px 14px 0px;
}

a {
padding: 0px;
color: #aa00ff;
text-decoration: none;
}

a:hover {
color: #ff6600;
text-decoration: underline;
}

a:visited{
color: #ff6600;
text-decoration: none;
}
#footer p {
line-height: 18px;
}

#footer a {
color: white;
text-decoration: none;
}

#footer a:hover {
color: white;
text-decoration: underline;
}

/* End Typography & Colors */





.clear {
	clear: both;
}




/* End Structure */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
border: solid #333333 1px;
background: #cccccc;
	}

img.alignright {
	padding: 4px;
border: solid #333333 1px;
background: #cccccc;
	margin: 0px 0px 2px 7px;
	display: inline;
float: right;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
float: left;
border: solid #333333 1px;
background: #cccccc;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/***********************************
What's On
***********************************/
#whatson .disappearside {
display: none;
}

#contentwrapperwo .disappearmain {
display: none;
}

#sidebar img {
margin: 0px 0px 20px 0px;
}

#whatson {
text-align: center;
}
#whatson h2 {
font-size: 24px;

}
#whatson img {
width:163px;
}
.odd {color: #aa00ff; }
.odd a {color: #aa00ff; }
.odd a:hover {color: #aa00ff; text-decoration: underline;}
.even {color: #ff6600; }
.even a {color: #ff6600; }
.even a:hover {color: #ff6600; text-decoration: underline;}
#whatson p {
text-align: justify;
}

p, li {font-size: 13px;}
#whatson #ntpresents {display: none;}

#contentwrapperwo h2#thisweek {
display: none;
}

#contentwrapperwo #showimage {
float: left;
width: 350px;
margin: 0px 15px 0px 0px;
}

#contentwrapperwo #whatsontext {
float: right;
width: 315px;
display: block;
}

h2.widgettitle {display: none;}

#impinfo  { text-align: center;}

.columns img {
max-width: 680px;
}

ul.nsdfawards li {
font-weight: bold;
padding: 0px 0px 0px 30px;
link-style: disc;
}