/* Layout */
body{text-align:center;}
#wrapper {width:960px;margin:0 auto;text-align:left;background:url(../images/dots.png) no-repeat top center;padding-top:30px;margin-top:15px}

/*header {background:url(../images/dot.png) repeat-x bottom left;padding-bottom:25px;} */
header {background:url(../images/dots.png) no-repeat bottom center;padding-bottom:25px;}

header h1 {margin:0;width:293px}
header h1 a { display: block; background-image: url(../images/logo.gif); background-repeat: no-repeat; padding-top: 203px; height: 0 !important; height /**/: 203px; overflow: hidden;}

/* -------- Background header + side images */

nav {padding-top:200px;}
#side{padding-top:540px}
nav, #side {background-repeat:no-repeat;}
nav {background-position:top left}
#side {background-position:0 20px}
body.home nav {background-image:url(../images/header-home.jpg)}
body.home #side {background-image:url(../images/side-bg-what.png)}


/* Who */
body.page-id-9 nav {padding-top:26px}
body.page-id-9 #side {background-image:url(../images/side-bg-who.png)}

/* Where */
body.page-id-8 nav {background-image:url(../images/header-where.jpg)}
body.page-id-8 #side {background-image:url(../images/side-bg-where.png)}

/* Press (same as where atm) */
body.page-id-10 nav {background-image:url(../images/header-where.jpg)}
body.page-id-10 #side {background-image:url(../images/side-bg-press.png)}

/* When */
body.page-id-7 nav {background-image:url(../images/header-when.jpg)}
body.page-id-7 #side {background-image:url(../images/side-bg-when.png)}

/* -------- */

#book {background:url(../images/book-tickets.png) no-repeat top left;padding-top:90px}


/* ------- NAV -------------- */



nav ul	{
width: 592px;
height: 14px;
background: url(../images/nav.png) no-repeat;
position:relative;
}

nav ul li {
list-style: none;
position: absolute;
top: 0;
}

nav ul li, nav a	{
height: 12px;
display: block;
}

nav ul li a {
text-indent: -9999px; 
text-decoration: none;
}

#nav1 {left: 0; width: 87px;}
#nav2 {left: 119px; width: 87px;}
#nav3 {left: 247px; width: 134px;}
#nav4 {left: 413px; width:98px;}
#nav5 {left: 547px; width: 47px;}

#nav1 a:hover, body.home #nav1 a{background: transparent url(../images/nav.png) 0 -14px no-repeat;}
#nav2 a:hover, body.page-id-7 #nav2 a {background: transparent url(../images/nav.png) -119px -14px no-repeat;}
#nav3 a:hover, body.page-id-9 #nav3 a {background: transparent url(../images/nav.png) -247px -14px no-repeat;}
#nav4 a:hover, body.page-id-8 #nav4 a {background: transparent url(../images/nav.png) -413px -14px no-repeat;}
#nav5 a:hover, body.page-id-10 #nav5 a {background: transparent url(../images/nav.png) -547px -14px no-repeat;}

/* ------- END NAV -------------- */


footer.main {padding:30px 0;margin-top:15px;background:url(../images/dots.png) no-repeat top center}
footer.main p {margin-bottom:4px;}

.credits {position:relative;padding-bottom:20px}
#credits {position:absolute;right:0;top:0;width:170px}
#silent-cinema a {text-indent:-9999px;display:block;width:75px;height:83px;background:url(../images/silent-cinema-logo.png) no-repeat}

#facebook {padding-top:16px}

/* Tucking it in
These are small shuffles to adjust the default grid layout a touch
 */

nav {padding-left:18px;background-position:18px 0px}
#main h2, #main p, #main li {padding-left:18px}

/* --------- FORMS ------- */
.mce_inline_error {color:#C00; font-size:1.4em}
.placeholder {color:#aaa}
legend {font-size:1.4em}
label {display:none}
.mc-field-group {margin-top:10px}
footer.main fieldset p {margin-top:10px}


.temp-box {
			font-style: italic;
			color: #aaa;
		}


.box, .btn {font-family:Georgia, "Times New Roman", Times, serif;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size:1.1em;padding:4px;}

.box {border:1px #999 solid;width:150px}
.box:focus {border:1px #111 solid;}
.btn {border:1px #FF4200 solid;color:#FFF;background:#FF4200;}
.btn:hover {background:#060;border:1px #063 solid;}


/* Generated by WordPress */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
