@charset "utf-8";
/* CSS Document */

/* Site container */
#container {
	width: 980px;
	padding: 0px;
	margin: 0 auto;
	text-align: left; /* Resets text to left align from body tag */
}

/* Forces scroll bar on non-IE browsers, avoiding horizontal jump between pages */
html {
	height:100%;
	background: #EFF;/* url(images/background.gif) center repeat-y;*/
}

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	min-height: 101%; /* Forces scroll bar on non-IE browsers */
	text-align: center; /* Centres container div in IE */
}
.col1 a {color:#c00}
a {text-decoration:none; font-weight:bold; color: #990000}
a:hover {color:#e00}

h1 {font-size:1.5em}
h2 {font-size:1.3em}
h3 {font-size:0.9em; padding: 0; margin: 0; text-align: right; /*background:#FFDDDD;*/}
.col1 h3 {font-size:1em}
#committee .col1 h2 {padding:0}
#committee .col1 h3 {font-size:1.1em}
h4 {font-size:1em; padding: 0; margin: 0.8em 0 0}
h5 {font-size:0.8em; padding: 0; margin: 1em 0 0 0.5em}
h1, h2 {
	margin:0.4em 0em;
	padding:0 0 0.1em 0.1em;
}
h1, h2, h4, h5 {
	border-bottom-style: solid;
	border-bottom-width: 0.1em;
}
h1, h2, h3, h4, h5 {
	border-bottom-color:#c00;
}
.subtitle {font-size:0.9em; padding: 0; margin: 0; text-align: right;
		/*background:#FFDDDD;*/}
.inline {display:inline}
.bold {font-weight:bold}

p {
	margin:.4em 0 .8em 0;
	padding:0.2em 0 0.3em;
}

img {
	margin:10px 0 5px;
}
img.poster {
	margin:0px;
	border:1px solid #999;
}
a:hover img {
	border:1px solid #000;
}
.postertitle {
	width:430px;
}
.left {
	float:left;
	margin-right:8px;
}
.right {
	float:right;
	margin-left:8px;
}
.half {
	width:49%;
	margin:0;
}

.clear {
	clear:both;
	line-height:1px;
}
.centretext {
	text-align:center;
}

.emailinput {
	width:100%;
	border:1px solid #08A;
	background-color:#FEC;
	border-style:groove;
}

.submit {
	margin:5px 0;
	border:1px ridge #067;
	background-color:#08A;
	color:#fff;
	font-weight:bold;
	width:101%
}

/* Round box model */
.t {background: #fff url(images/boxes/EFF/t.gif) 0 0 repeat-x; width: 100%; margin:1.5em 0}
.b {background: url(images/boxes/EFF/b.gif) 0 100% repeat-x}
.l {background: url(images/boxes/EFF/l.gif) 0 0 repeat-y}
.r {background: url(images/boxes/EFF/r.gif) 100% 0 repeat-y}
.bl {background: url(images/boxes/EFF/bl.gif) 0 100% no-repeat}
.br {background: url(images/boxes/EFF/br.gif) 100% 100% no-repeat}
.tl {background: url(images/boxes/EFF/tl.gif) 0 0 no-repeat}
.tr {background: url(images/boxes/EFF/tr.gif) 100% 0 no-repeat; padding:10px 15px}

.compact .t {margin:7px 0}

#committee .col1 .t {margin:7px 0}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	height:123px;
	background-image:url(images/banner.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

/* Page id for selected menubar */
#home .home, #season .season, #newwriting .newwriting, #past .past, #involved .involved, #feedback .feedback, #committee .committee, #contact .contact,
#home .home:hover, #season .season:hover, #newwriting .newwriting:hover, #past .past:hover, #involved .involved:hover, #feedback .feedback:hover, #committee .committee:hover, #contact .contact:hover {
	color:#FFF;
	background-color:#a00; /* background colour of selected menubar item */
	font-weight:bold;
}

#home {
	/* for titles, links etc */
	border-bottom-color: #c00;
}

#menubar {
	/*float:left;*/
	/*width:100%;*/
	padding-top:77px;
	padding-left:120px;
	overflow:hidden;
	position:relative;
}
#menubar ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
#menubar ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}
#menubar ul li a {
	display:block;
	margin:0 1px 0 1px;
	padding:0.2em 0.5em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	text-transform:lowercase;
	line-height:1.3em;
	border-bottom-width:4px;
	border-color:#FFF;
}
#menubar ul li a:hover {
	color:#fff;
	background-color:#a00;
}


	
/* Left column menu box */
#menu {
	width: 95%;
	margin: 8px 0;
	border:solid 1px #C00;
	padding: 2px;
	background:#FFF;
}
	
	/* Left menu unnumbered list */
	#menu ul {
		list-style: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}	
	
	/* Menu item spacing */
	#menu li {
		margin: 0;
	}
	
	/* Left menu button links */
	#menu li a {
		font-weight: bold;
		color: #000000;
		display: block;
		width: 8em;
		border-left: solid #000000 1em;
		padding: 0.3em 1em 0.3em 0.6em;
		margin: 0.3em 1em 0.3em 0.4em;
		text-transform: capitalize;
		text-decoration: none;
	}
		
	/* Left menu button hover over */
	#menu li a:hover {
		border-color: #CC0000;
		background-color:#FA1;
		color:#000000;
	}
	
	/* Menu header */
	#menu .menuheader {
		display: block;
		margin: 0;
		background-color:#990000;
		text-transform: lowercase;
		text-decoration: none;
		font-weight: bold;
		font-size:120%;
		color: #FFFFFF;
		padding: 0.2em 0.2em 0.2em 0.5em;
	}
	
	/* Menu header link */
	#menu .menuheader a {
		display: block;
		margin: 0;
		background-color:#990000;
		text-transform: lowercase;
		text-decoration: none;
		font-weight: bold;
		color: #FFFFFF;
		width: 100%;
		border-left: 0;
		padding: 0;
	}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		/*background:#fff;*/
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	#colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
		clear:both;
		float:left;
		width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
		background: transparent;    	/* Right column background colour */
	}
	.holygrail .colmid {
		float:left;
		width:200%;
		margin-left:-12em; 		/* Width of right column */
		position:relative;
		right:100%;
		background: transparent;    	/* Centre column background colour */
	}
	.holygrail .colleft {
		float:left;
		width:100%;
		margin-left:-50%;
		position:relative;
		left:24em;         		/* Left column width + right column width */
		background: transparent;    	/* Left column background colour */
	}
	.holygrail .col1wrap {
		float:left;
		width:50%;
		position:relative;
		right:12em;        		/* Width of left column */
		padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
		margin:0 13.5em;     		/* Centre column side padding:
									Left padding = left column width + centre column left padding width
									Right padding = right column width + centre column right padding width */
		position:relative;
		left:200%;
		overflow:hidden;
	}
	.holygrail .col2 {
		float:right;
		float:right;			/* This overrides the float:left above */
		width:12em;        		/* Width of left column content (left column width minus left and right padding) */
		position:relative;
		right:0em;         		/* Width of the left-had side padding on the left column */
	}
	.holygrail .col3 {
		float:right;
		float:right;			/* This overrides the float:left above */
		width:12em;        		/* Width of right column content (right column width minus left and right padding) */
		margin-right:0em;  	/* Width of right column right-hand padding + left column left and right padding */
		position:relative;
		left:50%;
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		font-size:80%;
		color:#666;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	
	#footer a {
		color:inherit;
	}


/* Twitter */
#twtr-profile-widget a.twtr-join-conv {
	font-size:0.9em;
}
#twtr-profile-widget img {
	margin:0;
}
#twtr-profile-widget h4 {
	border:0;
}
/* !Twitter */

/* Gallery */
.gallery img {
	padding:5px;
	border:1px solid #888;
	margin:10px;
	vertical-align:middle;
}
ul.gallery {
	list-style:none;
	padding:0;
	margin:10px 0;
	text-align:center;
}
.gallery li {
	width:200px;
	height:190px;
	text-align:center;
	display:inline;
}
.captiongallery img {
	padding:2px;
	border:1px solid #888;
	display:inline-block;
}
ul.captiongallery {
	list-style:none;
	padding: 5px 0;
	margin:0;
}
.captiongallery li {
	float:left;
	width:200px;
	text-align:center;
	margin: 0;
}
.captiongallery li.wide {width:300px;}
.captiongallery li.thin {width:150px;}
/* !Gallery */