/*--------------------------------------------------------------------------------------------------------
Layout Style Sheet

Version: 5
Author: Matthew Herring
Email: matt@lxsparks.co.uk
Notes: Updated April 2010, improved file structure and tidied up elements
	All commented out values can are to be delted after site revision has been checked.
	Check for empty values.
--------------------------------------------------------------------------------------------------------
File structure
|--[Initialisation]
|	|--[Undo_CSS]
| 	|--[Position_Clearance]
|--[General]
|--[Body]
|--[Header]
|--[Container]
|--[Navigation]
|	|--[Nav_Main]
|	|--[Nav_Sub]
|	|--[Nav_Archive]
|	|--[Nav_Design]
|--[Contents]
|	|--[Contents_Forms]
|	|--[Contents_Sub]
|		|--[Contents_Sub_Quotes]
|	|--[Contents_Links_Top]
|--[Blogs]
|	|--[Blogs_Side_Bar]
|	|--[Blogs_Widget_Sides]
|	|--[Blogs_Widget_Calender]
|--[Footer]

--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------[Initialisation]-----------------------------------------------*/
/*------------------------------------------------------[Undo_CSS]-----------------------------------------------*/
/* undohtml.css */ 
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */ 
/* http://creativecommons.org/licenses/by/2.0 */ 
/* This style sheet is licensed under a Creative Commons License. */ 

/* Purpose: undo some of the default styling of common (X)HTML browsers */ 
/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */ 
	:link,:visited { text-decoration:none } 

/* no list-markers by default, since lists are used more often for semantics */ 
	ul,ol { list-style:none } 

/* avoid browser default inconsistent heading font-sizes */ 
/* and pre/code too */ 
	h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } 

/* remove the inconsistent (among browsers) default ul,ol padding or margin */ 
/* the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. */ 
/* zero out the spacing around pre, form, body, html, p, blockquote as well */ 
/* form elements are oddly inconsistent, and not quite CSS emulatable. */ 
/* nonetheless strip their margin and padding as well */ 		
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; border: 0; } 

/* whoever thought blue linked image borders were a good idea? */ 
	a img,:link img,:visited img { border:none } 

/* de-italicize address */ 
	address { font-style:normal } 

/* End of normalisation */ 



/*----------------------------[Position_Clearance] Correct Footer Postion Clearing----------------------------------------------*/

/*.h,.c,.f { width: 760px; margin: 0 auto; height:100%}*/

.pc, .sc { position: absolute; top: 0; left: 0;} 

.pc	{min-height: 600px;
	height: auto !important; 
	height: 600px; } 

.sc	{ width: 150px;
	min-height: 500px;
	_height: auto !important;
	height: 100%;
	height: expression(document.getElementById('container').offsetHeight );
	}
	
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/*--------------------------------------------[General]  General Statements--------------------------------------------*/

div#wrapper
	{width: 760px;
	height: 100%;
	background: #000;
	color: # fff;
	}

/*------------------------------------------------------[Body]-----------------------------------------------*/
body {
	height: 100%;
	margin: 0;
	padding: 0;
	/*background: url("../assets/img_bg.gif") repeat-y center;*/
	color: #fff;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	}
	
img#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
/*div#outerwrap {
	width: 800px;
	height: 100%;
	margin: auto;
	position: relative;
	background: url("../assets/img_bg2.png") repeat-y center;
	}
	*/
div#wrapper
	{position: relative;
	margin: 0 auto;
	z-index: 1;
	border-left: 3px solid;
	border-right: 3px solid;

	}



	
/*----------------------------------------------------[Header]-----------------------------------------------*/
/* Slideshow based on the script provided by Macrofolio.net */
/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:200px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:180px; position:absolute; }

/* NAVIGATION */
#nav-outer { height:110px; padding-top:11px; position:relative; top:10px;}
#navigation { height:100px; width:760px; margin:0 auto; background-image:url("../assets/slideshow/logo.png"); background-position:top left; background-repeat:no-repeat; }

/* SEARCH */
#search { background-color:#051733; float:right; width:220px; padding:10px; }
#searchtxt { padding:3px; width:150px; }
#searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; }

/* MENU */
#menu { position:relative; top:120px; background: url("../assets/slideshow/nav_bg.png");}
/*
#menu ul { list-style:none; }
#menu ul li { display:inline; font-variant:small-caps; font-size:12px; }
#menu ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:20px; }
#menu ul li a:hover { text-decoration:underline; }*/

/* HEADER TEXT */
#headertxt { width:760px; margin:0 auto; clear:both; position:relative; top:74px; }
#firstline { background-image:url("../assets/slideshow/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; }
#secondline { background-image:url("../assets/slideshow/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }

.pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:400px; margin:0 auto; width:760px; }
#headernav { padding-left:864px; }
/*h1 	{position: relative;
	top: 0;
	left: 0;
	height: 150px;
	background: url("../assets/img_header_sya.jpg") no-repeat 0 0;
	text-indent: -9999px;}
	
h1#aboutUs {
	background: url("../assets/img_header_aboutUs.jpg") }
h1#classes {
	background: url("../assets/img_header_classes.jpg") }
h1#archives {
	background: url("../assets/img_header_archives.jpg") }
h1#staff {
	background: url("../assets/img_header_staff.jpg") }
h1#spotlightOn{
	background: url("../assets/img_header_spotlightOn.jpg") }
h1#whatsOn {
	background: url("../assets/img_header_whatsOn.jpg") }
h1#news {
	background: url("../assets/img_header_news.jpg") }
h1#contactUs {
	background: url("../assets/img_header_contactUs.jpg") }
h1#directions {
	background: url("../assets/img_header_directions.jpg") }
h1#prices {
	background: url("../assets/img_header_prices.jpg") }
h1#timetables {
	background: url("../assets/img_header_timetables.jpg") }
h1#enrolement {
	background: url("../assets/img_header_enrolement.jpg") }
h1#links {
	background: url("../assets/img_header_links.jpg") }
h1#conduct {
	background: url("../assets/img_header_conduct.jpg") }*/


/*--------------------------------------------------[Container]-----------------------------------------------*/
#content {
	padding: 15px;}

h2 {font-size: 2em;
	color: #a00;
	margin: 0 20px 20px}
	
#frontText {
	position: relative;
	width: 550px;
	/*height: 370px;*/
	height: 420px;}
	
img#frontPic {
	position: absolute;
	left: 552px;}
	
ul#classes li, ul#links li {
	padding-bottom: 20px;
	}
#lamda p {margin-bottom: 20px;}

#lamda table {margin-bottom: 20px;}

a#pageLink  {color: #FFF;}
a#pageLink:hover {color: #AA0000;}

#lamda  ol {list-style-type: decimal;
		padding: 10px 40px 20px; }
		
#lamda ul {padding: 10px 40px 20px;}
#lamda ul li {padding-bottom: 10px; }

#conduct p {margin-bottom: 20px;}
#conduct ul {padding: 10px 40px 20px;}
#conduct ul li {padding-bottom: 10px; }

.webLink, .archivesLink, .agencyLink {margin: 20px;}

.webLink   {color: #fff; font-style: italic; font-weight: bold; background: transparent url(/assets/img_link.png) scroll no-repeat left center; padding: 2px 0 2px 20px;}


/*
{		background: url("http://swindonyoungactors.com/assets/img_link.png") no-repeat, center left, transparent;
		display: inline-block;
		line-height:18px;
		min-height: 18px;
		overflow: visible;
		padding: 2px 0 2px 20px;
		color: #FFF;} 

.archivesLink {color: #000;
		background: url("../assets/img_link2.png") no-repeat, center left;
		padding: 2px 0 2px 20px;}
		*/
.archivesLink, .agencyLink  {color: #000; font-style: italic; font-weight: bold; background: transparent url(/assets/img_link2.png) scroll no-repeat left center; padding: 2px 0 2px 20px;}
#agencyEmphasis {font-size: 1.3em;}
.webLink a:hover, .archivesLink  a:hover, .agencyLink a:hover {color: #AA0000; border: 1px solid;}

ul#classes h3 {clear: both;}	

#photoStream {
		width: 500px;
		margin: auto; }
		
#mediaList li
	{float: left;
	}
	
#mediaList img
	{
	display: block;
	border:  0 solid;
	padding-right: 5px;
	}

p.topPage {
	height: 24px;
	background: url("../assets/img_btn_topPage.png") no-repeat 0 0;
	text-indent: -9999px;
	}
	
p.classTables  {
	height: 24px;
	background: url("../assets/img_btn_classTimes.png") no-repeat 0 0;
	text-indent: -9999px;}
	}

#classes_nav ul
	{list-style: none;
	padding: 0;
	margin: 0;
	}
	
#classes_nav li
	{float: left;
	margin: 0 0.15em;
	}

#classes_nav li a
	{
	height: 2em;
	line-height: 26px;
	float: left;
	width: 156px;
	display: block;
	/*border: 0.1em solid #dcdce9;*/
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	text-indent: -9999px;
	}	
li.topPage {background: url("../assets/img_btn_topPage.png") no-repeat 0 0;}
li.classTables {background: url("../assets/img_btn_classTimes.png") no-repeat 0 0;}

#classes_nav
	{
	width:30em;
	padding: 10px 30px;
	} 

#classes-nav li a:hover, #classes-nav li a:visited {
	color: #000;
	text-decoration: none;
	}
/*	
li.topPage, li.classTables {
	position : absolute; 
	display : block;
	height : 26px; 
	width : 158px; 
	}
*/



ul#directions {
	position: relative;
	padding-top: 20px;
	}

ul#directions li {
	position: relative;
	width: 30%;
	height: 400px;
	margin-right: 0;
	padding-left: 500px;
	}
	
ul#directions li iframe { position : absolute; border: 4px solid #fff; left: 10px;}
ul#directions li small { position : absolute; left: 10px; top: 360px;}


table#timetables {
	font: 13px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #000000;
	border: 2px solid #FFFFFF;
	border-collapse: seperate;
	border-width: 0 1px 1 px 0;
	border-spacing: 4px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-left: auto;
	margin-bottom: 30px;
	margin-right: auto;
	max-width: 750px;
	min-width: 400px;
	padding: 20px 5px 5px 5px;
	width: 95%;
	}

table#timetables caption h3 {
	background: #FFFFFF;
	border: 1px solid #866A2E;
	border-width: 0 1px 1px 0;
	color: #38210E;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	left: -10px;
	padding: 3px 12px;
	position: relative;
	top: 14px;
	}
	
table#timetables th, td {
	border-width: 5px;
	padding: 1px 6px;
	}
	
table#timetables th {
	color: #31605D
	}

table#timetables thead, td {
	text-align: center;
	font-weight: bold;
	}

table#timetables td:empty {
	background: #000000;
	border: 0;
	}

table#timetables thead th {
	background: #D3EDEB;
	background: rgba(255, 255, 255, 0.5);
	}

table#timetables thead tr:nth-of-type(n+2) {
	background: #C1E5E3;
	background: rgba(255, 255, 255, 0.3);
	}

table#timetables tfoot td {
	background: #95C4C1;
	background: rgba(0, 0, 0, 0.1);
	font-style: italic;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, Serif;
	padding: 3px 6px;
	text-shadow: 0 1px 1 px #FFFF;
	}

table#timetables th[scope=row] {
	font-variant: small-caps;
	letter-spacing: 1px;
	}

table#timetables tbody td {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, Serif;
	text-shadow: 0 1px 1px #FFF;
	background: #AA0000;
	}
	

/*
div#highlights ul {position: relative; 
				height: 160px;}

div#highlights li {display: inline;
	
	height: 155px;
	float: left;}

#highlights {height: 150px;
		margin: 0 0 0 -15px;
		background: url("../assets/img_highlights.png") no-repeat 0 0;}
	*/
#highlights {
		position: relative;
		height: 150px;
		width: 760px;
		margin: 0 0 0 -15px;
		}
	
#h_news {position: absolute;
		left: 10px;
		width: 250px;
		height: 150px;
		padding: 8px;
		background: url(../assets/img_btn_news.png) no-repeat 0 0;
		font-size: 12px;
		}
#h_news h3, #h_news h4, #h_news p, #h_news a {
			color: #000;
			}
#h_news h3 {margin-left: 40px; margin-top: -5px; font-style: italic; font-size: 20px;}

#h_news p {
	width: 90%;
	height: 100px;
	overflow: hidden;
	}
		
#h_lamda {position: absolute;
		left: 273px;
		width: 150px;
		height: 150px;
		padding: 4px;
		background: url(../assets/img_btn_lamda.png) no-repeat 0 0;
		}
		
#h_agency {position: absolute;
		left: 436px;
		width: 150px;
		height: 150px;
		padding: 4px;
		background: url(../assets/img_btn_agency.png) no-repeat 0 0;
		}

#h_logo {position: absolute;
		left: 599px;
		width: 150px;
		height: 150px;
		padding: 4px;
		background: url(../assets/img_btn_logo.png) no-repeat 0 0;
		}


ul#staff {
	position: relative;
	}

ul#staff li {
	position: relative;
	width: 70%;
	margin-bottom: 50px;
	height: 200px;
	}
li.sR  {margin-right: 0; padding-right: 220px;}
li.sL {margin-right: 0; padding-left: 220px;}
ul#staff li img { position : absolute;}
li.sR img{right : 10px; top:0;}
li.sL img{left : 10px; top:0; }	
/*
li.sL {margin-right: 0; padding-right: 180px;}
li.sR {margin-right: 0; padding-left: 180px;}
ul#staff li img { position : absolute; border: 4px solid #fff;}
li.SL img{right : 10px;}
li.sR img{left : 10px; }
*/

.newsItem, .agencyItem {
	width: 700px;
	margin: 20px 15px;
	padding: 0 0 20px;
	background: #FFF url("../assets/box_btm1.png")  no-repeat bottom left;
	color: #000;
	}
	
.newsTop, .agencyTop {
	margin: 0;
	padding: 10px;
	font-size: 1.6em;
	background: #CCC url("../assets/box_top1.png") no-repeat top left;
	}

.newsMdl, .agencyMdl {
	padding: 1em}
	
.agencyMdl img {
	margin: -1em;
	padding-bottom: 1em;}
	/*
.newsBtm {
	width: 760px;
	height: 22px;
	background: url(../assets/box_btm1.png)  no-repeat bottom left;
	}
	*/
	
#admin {position: absolute;
		top: -200px;
		right: 20px;}

#admin a {color: #FFF; font-size: 0.5em;}

/*---------------------------------------------[Navigation]-----------------------------------------------*/
/*------------------------------------------------[Nav_Main]--------------------------------------------------*/
div#nav_main
	{position: relative;
	left: 0;
	}

div#menu ul
	{list-style: none; 
	margin: 0px; 
	padding: 0; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	text-align: center;
	/*background: #000;*/
	font-size: 14px;
	font-weight: bold;
	}

div#menu li
	{display: inline;
	}

div#menu a:link,  div#menu a:visited
	{padding: 0 0.5em;
	color: #fff;
	}
	
div#menu a:hover, div#menu a:active {
		color: #000;
		}

ol#conduct {
	padding: 20px;
	font-size: 1.1em;
	}

ol#conduct li {
	padding-bottom: 10px;
	}

/*------------------------------------------------------[Nav_Sub]-----------------------------------------------*/

/*----------------------------------------------------[CSS Rollover-----------------------------------------------*/

/*------------------------------------------------------[Nav_Archive]----------------------------------------------*/

/*-----------------------------------------------------[Nav_Design]-----------------------------------------------*/

/*--------------------------------------------------[Contents]-----------------------------------------------*/

img.errormsg  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
p.errormsg {
	text-align: center;
	}
	
/*--------------------------------------------------[Contents_Forms]-----------------------------------------------*/
#contactForm{
	position: relative;
	height: 650px;
	width: 740px;
	background: url("../assets/img_form_bg.png") no-repeat scroll 0 0 transparent;
	margin-left: -5px;
	padding: 20px;
	font-family: sans-serif;
	}

#contactForm form {
	color: #000;}

#contactForm h3 {
	font-size: 1.2em;
	color: #AA0000;}

#contactTel {
	position: absolute;
	left: 80px;
	top: 588px;
	font-size: 40px;
	color: #AA0000;
	}

#enrolementForm {
	position: relative;
	height: 1400px;
	width: 740px;
	background: url("../assets/img_form_bg2.png") no-repeat scroll 0 0 transparent;
	margin-left: -5px;
	padding: 20px;
	font-size: 0.8em;
	font-family: sans-serif;
	}
#enrolementForm form {
	color: #000;
	}
#enrolementForm fieldset {
	border: 1px solid #AA0000;
	width: 45em;
	margin-bottom: 14px;
	padding: 10px;
	}

#enrolementForm legend {
	color: #fff;
	background: #AA0000;
	border: 1px solid #000;
	padding: 2px 6px;
	margin-left: 10px;
	} 	
		
#enrolementForm label, #contactForm label{
	width: 14em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
	}
	
#contactForm label {
	width: 12em;}
	
.txt input	{
	width: 300px;
	} 

#enrolementForm.submit input
	{
	margin-left: 4.5em;
	} 
	
#enrolementInfo {
	position: absolute;
	right: 60px;
	top: 31px;
	font-size: 1.2em;
	font-style: italic;
	color: #AA0000;
	/*border: 1px solid #AA0000;
	padding: 8px;*/
	width: 90px;
	}
			
/*------------------------------------------------------[Contents_Sub]-----------------------------------------------*/	

/*------------------------------------------------------[Contents_Sub_Quotes]-----------------------------------------------*/

/*----------------------------[Contents_Links_Top] Top of Page link----------------------------------------------*/


/*--------------------------------------------------[Blogs]-----------------------------------------------*/


/*----------------------------------------------------[Footer]-----------------------------------------------*/
#footer {
	/*border: 1px solid;*/
	background: url("../assets/img_footer_bg.png") no-repeat scroll 0 0 transparent;
	height: 80px;
	font-size: 90%; 
    color: #999999; 
    text-align: center; 
	}
/*
div#nav_footer
	{position: relative;
	left: 0;
	}

div#nav_footer ul
	{list-style: none; 
	margin: 0px; 
	padding: 0; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	text-align: center;
	/*background: #000;*/ /*
	}

div#nav_footer li
	{display: inline;
	}
div#nav_footer a:link,  div#nav_footer a:visited
	{padding: 0 0.5em;
	color: #fff;
	}
	
div#nav_footer a:hover, div#nav_main a:active {
		color: #AA0000;
		} */
#nav_footer
	{
	height: 30px;
	padding-left: 31px;
	padding-top: 20px;
	} *

#nav_footer ul
	{
	list-style: none;
	padding: 0;
	margin: 0;
	}

#nav_footer li
	{
	float: left;
	margin: 0 0.15em;
	}

#nav_footer li a
	{
	background: url("../assets/img_footer_nav.gif") #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	font-size: 80%;
	float: left;
	width: 9em;
	display: block;
	border: 0.1em solid #dcdce9;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	}

/* Hide from IE5-Mac \*/
#nav_footer li a
	{
	float: none
	}
	/* End hide */ 


#footer p {clear: both;}