/*
Theme Name: ROS Stageworks Summer School
Theme URI: http://www.rosswsummerschool.org/
Description: The theme for ROS StageWorks Summer School
Version: 1.0
Author: Kinetic
Author URI: http://www.kineticmcd.co.uk/default.aspx/
Tags: Ruislip, arts, drama, charity, acting
*/


* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
text-align:center;
font-family:verdana, arial;
font-size:73%;
color:black;
background: #06062F;
}
.clear {
clear:both;
}
.alignright {
text-align:right;
display:block;
}
a.alignright  {
color:#312A69;
}
a.alignright:hover {
color:#fff;
}
h1 {
position:absolute;
top:0px;
left:0px;
z-index:5;
}

h1 a { /* logo */
background:url(images/ruislip-operatic-society-logo.jpg) no-repeat;
width:110px;
height:102px;
display:block;
text-indent:-9000px;
float:left;
margin-top:3px;
margin-left:5px;
}


h1 a:hover {
border:none;
	 /* prevents a border from appearing when the home icon is mousedover */
}
h2.pagetitle {
color:#2F2F87;
padding-top:20px;
margin-left:20px;
font-size:1.8em;
}

/* accordion */
h2.toggler {
/* width:950px; */
height:23px;
cursor:pointer;
position:relative;
font-size:1.4em;
background:url(images/about-us.jpg) no-repeat;
/* text-indent:-9000px; */

line-height:23px;
padding-left:15px;
}
h2#home {
background:url(images/home-page.jpg) no-repeat;
width:29px;
height:29px;

position:absolute;
top:80px;
left:127px;
z-index:5;
text-indent:-9000px;
}
h2#home a {
width:29px;
height:29px;
display:block;
}
h2#aboutus {
background:url(images/about-us.jpg) no-repeat;
}
h2#shows {
background:url(images/productions.jpg) no-repeat;
}
h2#gallery {
background:url(images/gallery.jpg) no-repeat;
}
h2#others {
background:url(images/ros-stageworks.jpg) no-repeat;
}
h2#contacts {
background:url(images/contacts.jpg) no-repeat;
}
h2.closed {
color:#fff;
}
/* #productions h2.open {
background:url(images/productions.jpg) repeat-y;
height:50px;
} */
h2.open, h2.toggler:hover {
color:#FFED00;
}
h2.closed div {
display:none;
}
h2 span {
float:left;
}
h2 div {
text-indent:0px;
float:left;
width:814px;
height:17px;
margin-top:5px;
margin-left:12px;
}
h2 div.qthead-productions {
width:765px;
}
h2 ul {
position:relative;
top:-5px;
}
h2 ul li {
background:url(images/star.png) no-repeat 0px 5px;
padding-left:17px;
float:left;
list-style-type:none;
margin-left:7px;
color:#fff;
font-size:0.8em;
}
h2 ul li a {
color:#fff;
}
h2 ul li a:hover {
color:#FFED3C;
}
h2 ul.qtabs li:hover {
color:#C8E9FA;
}


/* h2 ul li a {
color:#fff;
text-decoration:none;
}
h2 ul li a:hover {
color:#2B2B8A;
} */

div.atStart {
clear:left;
background:url(images/shadow.png) repeat-x #fff;
height:422px;

}
h3.toggler {
cursor:pointer;
}
h3.toggler:hover {
color:#DF7E00;
}
/* HOME */
.image-left {
float:left;
margin-left:15px;
margin-top:8px;
margin-bottom:10px;
height:408px;
}
.home-right {
background:url(images/show-panel.jpg) no-repeat;
width:417px;
float:right;
margin-top:35px;
margin-right:60px;
}
	.showdetails {
	height:268px;
	color:#4e4e50;
	text-align:center;
	}
	.showdetails h3 {
	font-weight:normal;
	margin-left:20px;
	margin-top:15px;
	font-size:3.2em;
	}
	.showdetails h3 span {
	font-size:1em;
	}
	.showdetails h4 {
	font-weight:normal;
	font-size:1.7em;
	margin-bottom:15px;
	margin-top:10px;
	}
	.showdetails h4 span{
	font-size:0.8em;
	font-weight:bold;
	}
	.showdetails p {
	line-height:1.7em;
	margin-bottom:5px;
	margin-top:5px;
	}
	ul.showinfo {
	margin-left:31px;
	}
	ul.showinfo li {
	float:left;
	list-style-type:none;
	margin-left:2px;
	
	text-align:left;
	margin-right:0px;
	}
	
/* ABOUT US - what is ROSWSS & Steering group */
.darkblue {
	background:#312a69;
	padding-top:15px;
	padding-bottom:15px;

}
#steering {
/* position:relative;
z-index:3; */
}
.aboutsby {
z-index:5;
}
.historsby {
z-index:4;
}
.newsby {
z-index:6;
}
.membersby {
z-index:6;
}
.steersby {
z-index:5;
} 
.sponsorsby {
z-index:5;
}
.studentsby {
z-index:5;
}
.chappy, .nodasby {
z-index:6;
}
.smallpost3 {

width:475px;
margin-right:16px;

margin-bottom:7px;
}
	.orangewideblue {
	background:url(images/orange-on-blue.jpg) no-repeat;
	width:893px;
	height:393px;
	position:relative;
	left:30px;
	
	}
	
	.orangewideblue h3 {
	color:#312a69;
	font-size:1.6em;
	font-weight:normal;
	margin-left:40px;
	margin-bottom:15px;
	padding-top:20px;
	}
	.orangewideblue p {
	color:#312a69;
	font-size:1.2em;
	line-height:1.7em;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:15px;
	text-align:justify;
	}
	.orangewideblue p  img {
	margin-left:-10px;
	margin-top:8px;
	margin-bottom:0px;
	}

/* ABOUT US - productions */	
	
#news {
background:url(images/news-background.jpg) no-repeat;
height:422px;
color:#30296a;
position:relative;
z-index:1;
}	
	#newsleft, #newsright {
	float:left;
	padding-top:80px;
	width:361px;
	margin-left:47px;
	position:relative;
	}
	#newsleft {
	margin-right:78px;
	}
	#newsleft h3 {
	font-size:2.4em;
	font-weight:normal;
	margin-bottom:15px;
	}
	#newsleft li {
	line-height:1.7em;
	font-size:1.2em;
	list-style-type:none;
	background:url(images/blue-dash.gif) no-repeat 0px 11px;
	padding-left:20px;
	}
	
	#newsleft li span {
	display:block;
	padding-bottom:5px;
	border-bottom:2px solid #8391bd;
	width:342px;
	}
	#newsleft li span:hover {
	color:#fff;
	}
	#newsleft p {
	margin-top:5px;
	font-size:1.3em;
	font-weight:bold;
	}
	#newsleft a, #newsright a {
	color:#30296a
	}
	#newsleft a:hover, #newsright a:hover {
	color:#fff
	}
	#newsright h3 {
	font-weight:normal;
	font-size:1.7em;
	border-bottom:2px solid #8391bd;
	padding-bottom:5px;
	margin-bottom:5px;
	}
	#newsright h3 span {
	font-size:0.8em;
	}
	#newsright p {
	text-align:justify;
	}
	#news .pages {
	float:right;
	}
	
/* chaperones */
#chaperones {
width:950px;
height:422px;
background:url(images/chaperones-background.jpg) no-repeat;
position:relative;
z-index:1;
}	
	.chapleft {
	float:left;
	width:361px;
	margin-left:50px;
	margin-top:60px;
	margin-right:49px;
	}
	.chapright {
	float:left;
	width:361px;
	margin-left:50px;
	margin-top:60px;
	position:relative;
	height:276px;
	}
	img.contacto {
	position:absolute;
	bottom:-51px;
	left:144px;
	}
#chaperones p {
color:#2f2f87;
font-size:1.2em;
line-height:1.5em;
margin-bottom:15px;
}

/* Membership 
Helping
*/
.twocolumn {
background:url(images/news-background.jpg) no-repeat;
width:950px;
height:422px;
color:#2d267a;
position:relative;
z-index:1;
}
.twocolumn h3 {
font-size:1.5em;

padding-bottom:5px;
border-bottom:2px solid #8391bd;
margin-bottom:5px;
}
.twocolumn h3 span {
font-size:0.8em;
}
.twocolumn h4 {
font-size:1em;
float:left;
margin-top:5px;
font-style:italic;
width:281px;
margin-bottom:15px;
}
.twocolumn p, .twocolumn li {
line-height:1.5em;
font-size:1.1em;
margin-right:20px;
}
.twocolumn p {
text-align:justify;
}
.twocolumn ul {
margin-bottom:5px;
}
.twocolumn li  {
margin-left:30px;
}
	.columnleft {
	float:left;
	width:361px;
	margin-left:50px;
	margin-top:85px;
	margin-right:77px;
	position:relative;
	height:328px;
	}
	
	.columnright {
	float:left;
	width:361px;
	margin-left:50px;
	margin-top:85px;
	position:relative;
	height:271px;
	}

	


/* Noda */
#noda {
background:url(images/news-background.jpg) no-repeat;
width:950px;
height:422px;
color:#2f2f87;
position:relative;
z-index:1;
}
#noda a {
color:#06062F;
}
#noda a:hover {
color:#fff;
}
#noda h3 {
font-size:1.5em;
padding-bottom:5px;
border-bottom:2px solid #8391bd;
}
#noda h4 {
font-size:1em;
float:left;
margin-top:5px;
font-style:italic;
width:281px;
margin-bottom:15px;
}
#noda p {
line-height:1.5em;
font-size:1.2em;
margin-right:20px;
text-align:justify;
}
	#nodaleft {
	float:left;
	width:361px;
	margin-left:50px;
	margin-top:85px;
	margin-right:77px;
	}
	#nodaleft img {
	float:left;
	margin-top:-15px;
	}
	#nodaleft h3 {
	float:left;
	width:281px;
	}
	#nodaright {
	float:left;
	width:361px;
	margin-left:50px;
	margin-top:85px;
	position:relative;
	}
	#nodaright ul {
	margin-top:15px;
	}
	#nodaright li {
	margin-left:30px;
	line-height:1.5em;
	font-size:1.2em;
	}
	
/* Sponsors */
#sponsors {
background:url(images/sponsors-background.jpg) no-repeat;
width:950px;
height:422px;
color:#2f2f87;
position:relative;
z-index:1;
}
	#sponsorleft {
	float:left;
	width:263px;
	margin-left:59px;
	margin-top:25px;
	margin-right:71px;
	}
	#sponsorleft p {
	font-size:1.4em;
	color:#67676b;
	margin-top:20px;
	text-align:center;
	}
	#sponsorleft p img {
	margin-top:-20px;
	}
	#sponsorleft a {
	color:#5ca49d;
	text-decoration:none;
	}
	#sponsorleft a:hover {
	color:#06062F;
	text-decoration:underline;
	}
	#sponsorright {
	float:left;
	width:498px;
	margin-left:0px;
	margin-top:33px;
	position:relative;
	font-size:1.2em;
	line-height:1.5em;
	}
	.sponsor {
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:2px solid #da8d00;
	}	
/* Smaller post with borders */	

.smallpost {
padding-bottom:5px;
padding-top:5px;
border-bottom:2px solid #8391bd;
}
	
/* Student Views */
#studentviews {
background:url(images/student-views-background.jpg) no-repeat;
width:950px;
height:422px;
color:#2f2f87;
position:relative;
z-index:1;
}
#studentviews p {
padding-top:88px;
margin-bottom:15px;
margin-left:55px;
font-size:1.2em;
}
#studentviews ul {
margin-left:75px;
width:361px;
}
#studentviews li {
background:url(images/star.jpg) no-repeat;
padding-left:20px;
float:left;
width:150px;
font-size:1.2em;
list-style-type:none;
margin-bottom:15px;
}
#studentviews a {
color:#2f2f87;
text-decoration:none;
}
#studentviews a:hover {
color:#fff;

}
/* PRODUCTIONS */
a.link {
position:absolute;
top:0px;
right:15px;
font-size:0.8em;
color:#fff;
float:right;
text-decoration:none;
}
a.link:hover {
color:#C8E9FA;
}
.production {
/* background:url(images/pirates-of-penzance.jpg) no-repeat;*/
width:950px;
height:422px;
position:relative;

}	
.showimage {
position:absolute;
top:0px;
left:0px;
width:950px;
height:422px;
}
.orangebox {
position:relative;
}
	.production .orangebox {
	background:url(images/orange-box.png) no-repeat;
	float:right;
	margin-right:27px;
	margin-top:64px;
	width:417px;
	height:299px;
	}
.orangebox h3 {
color:#fff;
font-size:1.5em;
margin-top:20px;
margin-left:30px;
}
.orangebox p {
color:#fff;
font-size:1.2em;
margin-top:10px;
margin-left:30px;
margin-right:40px;
line-height:1.5em;
text-align:justify;
}	
ul.productioninfo {
position:absolute;
bottom:-40px;
left:93px;
}
ul.productioninfo2 {
display:none;
}
ul.productioninfo li{
list-style-type:none;
float:left;
margin-right:10px;
}

/* GALLERY */
.gallerysets {

}
.gallerysets li {
width:206px;
float:left;
margin-left:15px;
margin-right:15px;
list-style-type:none;
margin-top:35px;
font-size:1em;
font-weight:bold;
text-align:center;
}
.gallerysets li img {
display:block;
}
.gallerysets a {
color:#515054;
text-decoration:none;

}	
.gallerysets a:hover {
color:#06062F;

}
.hiddenimages {
display:none;
}
/* ROS / ROS-STAGEWORKS */
#ros-stageworks {
background:url(images/ros-background.jpg) no-repeat;
height:422px;
color:#30296a;
width:950px;
}
#ros-stageworks p {
text-align:justify;
}
	.stagework-left, .stagework-right {
	float:left;
	padding-top:60px;
	width:365px;
	height:337px;
	margin-left:47px;
	position:relative;
	}
	.stagework-left {
	margin-right:78px;
	}
	.stagework-left h3, .stagework-right h3 {
	font-size:1.6em;
	}
	.stagework-left p, .stagework-right p {
	margin-top:10px;
	margin-bottom:10px;
	line-height:1.5em;
	font-size:1.2em;
	}
	.stagework-left a, .stagework-right a {
	display:block;
	width:181px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	bottom:0px;
	left:28%;
	}

/* CONTACT */		
#contact {
width:950px;
height:422px;
background:url(images/contact-background.jpg) no-repeat;
}	
	#contactleft, #contactright {
	float:left;
	padding-top:50px;
	width:367px;
	height:337px;
	margin-left:57px;
	position:relative;
	color:#2e2282;
	}
	#contactleft {
	margin-right:39px;
	}
	#contactleft h3, #contactright h3 {
	font-size:1.4em;
	margin-top:5px;
	}
	#contactleft p, #contactright p {
	margin-top:3px;
	margin-bottom:10px;
	line-height:1.5em;
	font-size:1.2em;
	}
	#contactleft p {
	text-align:justify;
	}
	#contactright a#contactapply, .columnleft a#contactapply {
	display:block;
	text-indent:-9000px;
	background:url(images/contact-us.png) no-repeat;
	width:85px;
	height:83px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	bottom:7px;
	left:39%;
	}
	#contactright a#joinapply {
	display:block;
	text-indent:-9000px;
	background:url(images/join-us.png) no-repeat;
	width:85px;
	height:83px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	bottom:7px;
	left:72%;
	}
	.half {
	width:50%;
	float:left;
	}
/* NEWS ARCHIVE */

.post {
margin-left:20px;
margin-right:20px;
text-align:justify;
}	
.post h3 {
margin-top:15px;
color:#F28F00;
font-size:1.5em;
}	
.post small {
color:#2F2F87;
margin-top:5px;
margin-bottom:5px;
display:block;
font-weight:bold;
}
.post p {
line-height:1.5em;
}
h2.pagetitle a {
color:#2B2B8B;
}
h2.pagetitle a:hover {
color:#F2B002;
}


a {
outline:none;   
}
a:link {
}
a:visited {
}
a:hover {
}
a img {
border:none;
}

#contentwrapper {
width:950px;
margin-left:auto;
margin-right:auto;
text-align:left;
position:relative;
padding-top:109px;
}
#ticker {
position:absolute;
width:782px;
height:24px;
top:82px;
left:166px;
z-index:2;
}
#ticker img {
float:left;
margin-right:18px;
}
#ticker p {
color:#f3e736;
margin-top:4px;
font-size:1.1em;
margin-right:30px;
}
#ticker a {
color:#f3e736;
}
#ticker a:hover {
color:#fff;
}
#content {
background:#fff;	
}


/* HEADER */
#header {
position:absolute;
background:url(images/header.jpg) no-repeat;
top:0px;
left:0px;
height:109px;
width:950px;
}
#stageworks, #ros {
float:right;
margin-top:3px;
margin-right:8px;
}

/* FOOTER */
#footer {
height:55px;
background:url(images/footer-background.jpg) repeat-x;
}
#login-mailing {
width:500px;
float:left;
margin-top:10px;
margin-left:10px;
	
}
	#login a {
	text-indent:-9000px;
	background:url(images/members-login.jpg) center;
	width:125px;
	height:36px;
	float:left;
	/* display:none; */
	}
	#mailing a{
	text-indent:-9000px;
	background:url(images/join-our-mailling-list.jpg) top right;
	width:161px;
	height:36px;
	float:left;
	}
#social {
float:right;
margin-right:10px;
margin-top:10px;
	display:none;
}

/* Tool tip styles */
.tool-tip {
color: #2F2F87;
z-index: 13000;
line-height:1.5em;
background:url(images/tip.png);
width:350px;
height:197px;	
}

 

.tool-title {
font-weight: bold;
font-size: 1em;
margin: 0;
color: #fff;
padding: 8px 8px 4px;




}

 

.tool-text {

	font-size: 1.4em;
text-align:left;
	margin-left:50px;
	margin-top:20px;
	margin-right:70px;
	

/*	background: url(images/bottomtip.png) bottom right;*/

}
/* CFORMS */
.cform {
position:relative;
z-index:10;
}
.linklove {
display:none;
}
#memberssection  .element {

}
#memberssection .memberpost {

}
#memberssection h3 {
color:#2E1D85;
margin-left:30px;
margin-right:30px;
font-size:1.8em;
margin-top:1em;
}
#memberssection p {
margin-left:30px;
margin-right:30px;
margin-top:1em;
margin-bottom:1em;
line-height:1.7em;
}
#memberssection li {
margin-left:60px;
margin-right:30px;
margin-top:1em;
margin-bottom:1em;
line-height:1.7em;
}
#memberssection strong {
color:#2E1D85;
}
#memberssection p small {
color:#2E1D85;
font-weight:bold;
}
#memberssection a {
color:#2E1D85;
}
#memberssection a:hover {
color:#F28F00;
}
#memberssection p img {
float:left;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
display:block;
}
#memberssection ul.tempo li {
list-style-type:none;
float:left;
margin-right:0px;
margin-top:20px;
}
#memberssection ul.tempo li img {
display:block;
}



/* Please don't steal our words, because words are all we have */