/* @override http://replaytheatreco.dev/styles.css */

/*
Stylesheet Name: Replay Productions
Theme URL: HTTP://www.replaytheatreco.org
Description: Stylesheet for Re:Play theatre company website.
Version: 1.0
Author: Stephen Reid (stephen.reid@frankbelfast.com)
Author URL: http://www.frankbelfast.com

Contents: 
1. RESET

2. TYPOGRAPHY

3. NAVIGATION

4. LAYOUT
	-> 4.1 Hompage and Common 
	-> 4.2 Other Pages
		-4.2a Backgrounds
		-4.2b Projects
			-4.2b1 Cast Table
		-4.2c List Pages
			-4.2c1 Person
			-4.2c2 Testimonial
5. EXTRAS
	-> 5.1 Links
	-> 5.2 Other Elements
	-> 5.3 Clearfix
	-> 5.4 Form Styles
		
*/


/* - ###### - 1.0 RESET - ###### - */

/* - Adapted from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/, Thanks Eric - */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* li{
	margin-left:15px;  Needed to make navigation readable before styling 
}*/

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* - ###### - 2.0 TYPOGRAPHY - ###### - */ 

body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;

}

p{
	line-height:1.3em;
	margin:5px 0;
}

#main-col p {
	font-size: 18px;
	margin: 0 0 1em;
}

h1, h3, h4, h5{
	font-size:1.5em;
	font-weight:normal;
	line-height:1.2em;

}

h2{
	text-decoration:underline;
	font-weight:normal;
	font-size:50px;
    margin-bottom:20px;
    color:#5F5959;
}

#container-1 h2:last-child {
	margin-bottom: 0;
}

#latest-news {
	margin-bottom: 12px;
}

#title-replay {
	color: #000;
	font-size: 28px;
}

h3{
	font-size:33px;
	margin:0px 0;
	line-height:1.3em;
	/*font-style:italic;*/
	width:440px;
	text-decoration:underline;
}

.now-showing h3{
	color: #000;
	width:310px;
	font-size:28px;
	margin-bottom:15px;
}


h4{
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;	
}

.now-showing h4 {
	margin: 0 0 1em;	
}

h4 img {
	margin: 0 0 10px;
}

h4 a{
	font-size:15px;
	font-weight:normal;
	text-decoration:underline;
}

h5{
	font-style:italic;
	font-size:20px;
    margin:0px 0px 5px 0px;
}

h5.publication-name{
width:150px;
float:left;
margin:0;
}


/* - ###### - 3.0 NAVIGATION - ###### - */

.soc-media {
	position: relative;
	top: 15px;
	left: 85px;
}

.soc-media li {
	float: left;
	margin: 0 5px 0 0;
}

.brennans {
	position: relative;
	top: 17px;
	left: 300px;
}


ul#nav {
	position:absolute;
	top:126px;
	width:910px;
	margin:0;
	font-family:"Century Gothic", sans-serif;
	font-size:19px;
}


ul#nav li{
	float:left;
	margin-right:1px;
	position:relative;
	margin:0;
}


ul#nav li:hover ul{
	display:block;
}

ul#nav li a{
	float:left;
	text-decoration:none;
	line-height:35px;
	text-align:left;
    padding-left:10px;
	padding-right:10px;
	width:108px;
	text-indent:-999em;
	height:48px;
	background: url('images/navigation.png') no-repeat 10px 10px;
}

ul#nav li a:hover{
	background: #C3C3C3 url('images/navigation.png') no-repeat 10px 10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px; 
}



/*---Nav Background positons---*/

ul#nav li a#nav-about{
	background-position:5px 10px;
}

ul#nav li a#nav-projects{
	background-position:-128px 10px;
}

ul#nav li a#nav-teachers{
	background-position:-260px 10px;
}

ul#nav li a#nav-audience{
	background-position:-387px 10px;
}

ul#nav li a#nav-publications{
	background-position:-517px 10px;
}

ul#nav li a#nav-partners{
	background-position:-655px 10px;
}

ul#nav li a#nav-contact{
	background-position:-780px 10px;
}


ul#nav li ul{
	position:absolute;
	z-index: 3;
	display:none;
	top:48px;
	left:0px;
	width:90px;
}

ul#nav li:hover ul{
	display:block;
}

ul#nav li ul li{
	float:left;
	font-family:georgia;
	font-style:italic;
	font-size:13px;
	color:#ffffff;
}

ul#nav li ul li a{
	indent:1em;
	width:150px;
	height:22px;
	color:#ffffff;
	background: #231F20;
	line-height:20px;
	text-indent:0;
	margin-bottom:1px;
}

ul#nav li ul li a:hover{
	background: #C3C3C3;
-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
}

/*--set active page state--*/

body#page-about ul#nav li  a#nav-about,
body#page-projects ul#nav li  a#nav-projects,
body#page-teachers ul#nav li  a#nav-teachers,
body#page-audience ul#nav li  a#nav-audience,
body#page-publications ul#nav li  a#nav-publications,
body#page-partners ul#nav li  a#nav-partners,
body#page-contact ul#nav li  a#nav-contact{
	background-color: #C3C3C3;
	-moz-border-radius-topright:20px;
	-webkit-border-top-right-radius:20px;
}





/* - ###### - 4.0 LAYOUT - ###### - */ 


/*- ###### - 4.1 Homepage and Common - ###### -*/

body{
	background: #ccdb29;
}

#background{
	position:absolute;
	background: url('images/page-bg.png') right;
	width:100%;
	height:900px;
	z-index:-5;
}



#corner-image{
	position:absolute;
	right:0px;
	width:600px;
	height:420px;
	z-index:-6;
}


h1#logo {
	width:140px;
	height:126px;
	position:absolute;
}

h1#logo a{
	width:140px;
	height:126px;
	position:absolute;
	background: #D91C5C url('images/replay-logo.png') no-repeat 10px 10px;
	text-indent:-999em;
	color:#fff;
}

#wrapper {
	width: 960px;
	padding: 25px 15px;
	margin:0 auto;
}
	
		
#header-outer{
	width:100%;
	height:196px;
	background: url('images/header_bg.png') repeat-x 0px 126px;
padding-bottom:110px;

}

#header-inner{
	position:relative;
	margin:0 auto;
	width:910px;
	height:196px;
background: url('images/re-graphic.png') 10px 220px no-repeat;
padding-bottom:110px;
}

#header-mininav{
	position:absolute;
	left:163px;
	top:101px;
	background:#fff;
}

#header-mininav a{
	background: #D91C5C;
	display:block;
	width:50px;
	height:15px;
	float:left;
	font-size:14px;
	font-style:italic;
	padding:5px;
	color:#ffffff;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}

#header-mininav #search{
	border:0;
	font-size:12px;
	font-style:italic;
	width:150px;
	color:#8F8F8F;
	padding:5px 3px 3px 10px;
}

#header-mininav #submit{
	position:absolute;
	top:0px;
	left:212px;
	text-indent:-999em;
	color:#D91C5C;
	background:none;
	border:none;
	background: #D91C5C url('images/search-submit.png') no-repeat 3px 3px;
	display:block;
	cursor:pointer;
	width:27px;
	height:25px;
	float:right;
	margin-left:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}

#container-1 iframe {
	margin: 0 0 10px;
}


#content-wrapper{
	position:relative;
	width:910px;
	margin:0 auto;
}

#re-header{
	position:relative;
	display:none;
	width:100px;
	height:70px;
	text-indent:-999em;
	top:-15px;
	left:15px;
	background: url('images/re-graphic.png') no-repeat;
}

#container-1, #container-2, #container-3, #container-4 {
	background:#fff;
	padding:15px;
	position:relative;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;

}

#main-col {
	float: left;
	width:537px;
}

#container-1 {
	margin: 0 0 18px;
	overflow: hidden;
	width:507px;
}

#container-1 .content {
	float: left;
	margin: 0 20px 0 0;
	width: 305px;
}

#container-1 ul {
	float: right;
	font-size: 15px;
	margin: 10px 0 0;
	width: 150px;
}

#container-1 li {
	list-style: disc;
	margin: 0 0 13px;
}

#container-1 img{
	margin-bottom: 0;
}

#sidebar {
	float: right;
	width: 360px;
}

#container-2{
	margin: 0 0 18px;
	width:330px;
	float:right;
}

#container-4{
	width:920px;
}

#container-4 .left{
	float:left;
	width:540px;
}

#container-4 .right{
	margin-top:50px;
	float:right;
	width:320px;
}

#container-4 img.show-pic{
	float:left;
	margin-top:70px;
}

.now-showing-item{
	position:relative;
}

.now-showing-item img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}


.now-showing-item {
	margin-bottom:0px;
}

.now-showing-item p{
	color: #000;
	/*float:right;*/
	font-size: 14px;
	margin: 0 0 1em;
	/*text-align: right;*/
	/*width:160px;*/
}

.blog p {
	font-size: 16px;
}

#footer-outer{
	position:relative;
	top:30px;
	clear:both;
	width:100%;
	height:150px;
	background: url('images/footer-shadow.png') repeat-x;
}

#footer-inner{
	position:relative;
	margin:0 auto;
	clear:both;
	width:910px;
	color:#5F5F5F;
}

#footer-outer img {
	position: relative;
	top: 30px;
	}

#footer-inner a{
	color:#5F5F5F;
}

#footer-inner p.replay-contact{
	position:absolute;
	top:115px;
	left:0px;
}

#footer-inner p.site-credit{
	position:absolute;
	top:115px;
	left:830px;
}


/* - ##### - 4.2 Other Pages  - ##### - */


/*-- 4.2a BACKGROUNDS-*/

body#page-about,
body#page-contact{
background: #FFE19A ;
}

body#page-about #background,
body#page-contact #background{
	background: url('images/page-bg-about.png') right ;
}


body#page-projects{
background: #B8E0F7 ;
}

body#page-projects #background{
	background: url('images/page-bg-projects.png') right ;
}

body#page-teachers{
background: #FFF68A ;
}

body#page-teachers #background{
	background: url('images/page-bg-teachers.png') right ;
}

body#page-audience{
background: #FEC838 ;
}

body#page-audience #background{
	background: url('images/page-bg-publications.png') right ;
}

body#page-publications{
background: #FEC838 ;
}

body#page-publications #background{
	background: url('images/page-bg-publications.png') right ;
}

body#page-partners{
background: #BEBECA ;
}

body#page-partners #background{
	background: url('images/page-bg-partners.png') right ;
}


/*-- 4.2b Projects--*/
#container-4 .showpage-right{
position:relative;
	margin-top:60px;
	margin-left:20px;
	float:left;
	width:320px;
}


ul#show-writer, ul#show-details{
	position:absolute;
	top:-90px;
	font-size:14px;
	display:none;
}


ul#show-writer{
	left:150px;
}

ul#show-details{
	left:300px;
width:200px;
}


/*--4.2b1 cast table--*/

#cast {
	width: 350px;
	float: left;
	border-collapse: collapse;
	border: 0px solid #000000;
font-size:12px;
 }
#cast .rowa {
	background: #FBFBFB;
	height: 20px;
}
#cast .rowb {
	background: #F3F3F3;
	height: 20px;
}
#cast .cell {
	padding:10px;
	border-bottom: 1px solid #E7E7E7;
        border-top: 1px solid #E7E7E7;
}


/*-- 4.2cList Pages--*/

/*- 4.2c1 person-*/
ul#person-list{
}

ul#person-list li{
	border-top:1px solid #9F9F9F;
	padding:10px 0px 0px 0px;
	margin-bottom:0px;
	margin-top:10px;
	height:113px;
}

ul#person-list li img,
ul#person-list li ul, 
ul#person-list li p {
	float:left;
}

ul#person-list li ul{
	width:190px;
	margin-left:15px;
}

ul#person-list li ul li:first-child{
	font-weight:bold;
	font-size:14px;
}

ul#person-list li ul li{
	border-top:0;
	padding:0px;
	margin-top:0px;
	margin-bottom:5px;
	height:12px;
}

ul#person-list li p{
	margin-top:0px;
	padding-top:0px;
	width:400px;
}


/*- 4.2c2testimonial-*/


ul#testimonial-list{
	margin-top:50px;
}

div.mugshot{
	width:165px;
float:left;
}

ul#testimonial-list li .quote{
float:left;
margin-top:20px;
}


div.mugshot h5{
	margin-top:0px;
}

ul#testimonial-list li{
	border-top:1px solid #9F9F9F;
	padding:10px 0px 0px 0px;
	margin-bottom:0px;
	margin-top:10px;
	height:140px;
}

ul#testimonial-list li img,
ul#testimonial-list li span, 
ul#testimonial-list li p {
	float:left;
}

ul#testimonial-list li span{
	width:280px;
	margin-left:15px;
	font-size:20px;
	font-style:italic;
}

ul#testimonial-list h5{
	font-weight:bold;
	font-size:14px;
    font-style:normal;
}

ul#testimonial-list li ul li{
	border-top:0;
	padding:0px;
	margin-top:0px;
	margin-bottom:5px;
	height:12px;
}

ul#testimonial-list li p{
	margin-top:0px;
float:right;
	margin-left:60px;
	padding-top:0px;
	width:400px;
}


/* - ###### - 5.EXTRAS - ###### - */


/* - ##### - 5.1 Links - ##### - */

a {
	color:#7F002F;
}

#container-1 a, #container-2 a {
	color: #000;
}

a:hover {
	color:#ccdb29;
}

a:visited {
}

a:active {
	
}

a.read-more{
	background: url('images/more-arrow-link.png') no-repeat right 6px;
	height:22px;
	font-size:18px;
	line-height: 1.2;
	padding-right: 35px;
}

a.read-more:hover{
	background-image: url('images/more-arrow-hover.png');
}

a.news-read-more {
	text-indent: -9999px;
}

.showing {
	font-size: 28px;
}

.now-showing-item a {
	background: url('images/more-arrow-link.png') no-repeat right 12px;
	color: #000;
	padding: 0 37px 0 0;
	width: 330px;
}

.now-showing-item a:hover {
	background-image: url('images/more-arrow-hover.png');	
}

.now-showing-item a.read-more{
	position:absolute;
	bottom:19px;
	left:280px;
}

a.download{
	background:#D91C5C;
	clear:both;
	margin-top:20px;
	padding:5px 7px;
	font-size:12px;
	float:right;
	font-weight:bold;
	color:#fff;
}

a.download:hover{
	background:#666;
}
 
/* - ##### - 5.2 Other Elements - ##### - */

hr{
	background-color: #939598;
	height: 1px;
	border:none;
	margin:20px 0 10px 0;
}


.left-350 {
	width:350px;
}

.img-right{
	float:right;
}

br.clear{clear:both;}

.left{
	float:left;
}

.right{
	float:right;
}



/* - ##### - 5.3CLEARFIX - ##### - */


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.left{
	float:left;
}

.right{
	float:right;
}


/*---5.4 FORMS---*/

.booking-page{
	height:550px;
}



#form1 .element{
	width:300px;
	border:none;
	background: #E3E3E3;
	margin-top:5px;
	margin-bottom:10px;
	border-left:1px solid #CBCBCB;
	border-top:1px solid #CBCBCB; 
	color:#666; 
}

#form1 .text{
	height:25px;
}

ul#form-holder1{
	position:absolute;
	top:100px;
	left:300px;
	width:300px;
}

ul#form-holder2{
	position:absolute;
	top:100px;
	left:620px;
	width:300px;
	height:260px;
}

.left-form{
	width:250px;
}

.required{
	color:#D91C5C;
	font-size:20px;
	line-height:10px;
	position:relative;
}

#form_address, #form_date{
	height:100px;
}

#form_comments{
	height:160px;
}

#form_submit{
	float:right;
}


.form-list {
	width:250px;
	margin-bottom:10px;
}

.form-list  .element{
	margin:10;
}

.form-list  .choice{
	font-size:11px;
	background: #E3E3E3;
	padding:3px;
}


#li8-list, #li9-list{
	position:relative;
	top:5px;
}

#li8-list .checkbox, 
#li9-list .checkbox{
	width:20px;
}

#li9-list .text{
	margin-top:0px;
	width:270px;
	margin-left:30px;
}

#form_enquiry_comments{
	height:80px;
}


/*---CONTACT PAGE ELEMENTS---*/

ul#address li, ul.contact-list li{
	margin:5px 0px;
	font-size:12px;
}

ul#address{
	margin-bottom:15px;
}

ul.contact-list{
	margin-top:15px;
}
ul.contact-list li span{
	font-weight:bold;
}

#map{
	position:absolute;
	left:420px;
	top:29px;
}

a#home-contact-button{
position:absolute;
top: 105px;
left: 432px;
z-index:5;
font-size:14px;
text-decoration:none;
}


a#home-contact-button:hover{
color:#fff;
}


a#home-contact-button span{
font-size:20px;
font-weight:bold;
line-height:14px;
}

.aud4-8{
background: url('images/audience_4-8.jpg');
}



#page-about ul#testimonial-list a,
#page-partners ul#person-list a
{
display:none;
}

#page-projects ul#person-list li ul
{
display:none;
}

#page-projects ul#person-list li img
{
margin-right:10px;
}