/****** FILE: themes/mytheme/css/reset.css *****/
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/****** FILE: themes/mytheme/css/base.css *****/
/* CSS Document */

/* Chris Bolt - added a default line-height */
body {
	line-height: 1.4em;	
}
body * {
	line-height: 1.4em;
}
/* input elements should not have such a high line-height */
input {
	line-height: 1.2em;	
}
/* End CHris Bolt

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;
	padding:.5em;*/
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* Chris Bolt, added fix for image positioning */
img {
	vertical-align: bottom;
}

/* Chris Bolt, added fix for outlines */
a:focus, button:focus { 
    outline: none; 
}



/****** FILE: themes/mytheme/css/layout.css *****/
/* CSS Document */
html, body {
	height: 100%;
	overflow: hidden;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	
	font-family: Verdana, Geneva, sans-serif;
	color: #202020;
	font-size: 12px;
}

#BgLeftColor {
	background: #785033;
	min-height: 100%;
	width: 50%;
}

#BgLeft {
	background: #785033 url(/themes/mytheme/images/bg-left.jpg) top left repeat-x;
	height: 600px;
	width: 50%;	
	position: absolute;
	left: 0;
	top: 0;
}
#BgRight {
	background: #fff url(/themes/mytheme/images/bg-right.jpg) top left repeat-x;
	min-height: 207px;
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}

#Scroller {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

#Wrapper {
	position: relative;
	min-height: 100%;
	width: 1000px;
	margin: 0 auto;
}
#Wrapper2 {
	position: absolute;
	min-height: 100%;
	
	width: 1000px;
	
	background: #fff url(/themes/mytheme/images/bg-left-color.gif) top left repeat-y;
	
	padding-bottom: 30px;
}

#Header {
	height: 211px;
	background: #331e13 url(/themes/mytheme/images/bg-header.jpg) top left no-repeat;
}

#LogoHomeLink {
	display: block;
	position: absolute;
	top: 40px;
	left: 40px;
	text-indent: -1000px;
	overflow: hidden;
	width: 445px;
	height: 80px;
}

#Left {
	min-height: 400px;
	float: left;
	width: 232px;
	background: #785033 url(/themes/mytheme/images/bg-left.jpg) 0 -211px repeat-x;
	
	
	color: #fff;
	font-size: 10px;
}
#Left a {
	color: #fff;
	text-decoration: none;	
}


#Nav {
	margin: 0 0 19px 26px;
	padding: 8px 10px 17px 0;
	display: block;
	width: 196px;
	
	background: url(/themes/mytheme/images/line-left.png) left bottom no-repeat;
	
	font-size: 14px;
}

#Nav li {
	display: block;	
	padding-left: 13px;
	list-style-type: none;
}
#Nav li.current, #Nav li.section {
	background: url(/themes/mytheme/images/nav-dot.png) 0 10px no-repeat;
}
#Nav a {
	display: block;	
	padding: 3px 0 2px 0;
}
#Nav a:hover, #Nav a.current, #Nav a.section {
	color: #ff1414;	
}

.leftDiv {
	width: 166px;
	padding: 0 26px 20px 40px;	
}
#ImageCredit {
	padding-bottom: 3px;	
}

#Layout {
	
}

p.moreInfo {
	
}
p.moreInfo a {
	background: url(/themes/mytheme/images/bg-more-info.png) center right no-repeat;
	padding: 3px 22px 3px 0;
}
p.backLink {
	
}
p.backLink a {
	background: url(/themes/mytheme/images/bg-back.png) center left no-repeat;
	padding: 3px 0 3px 22px;
}


#Content {
	width: 429px;
	float: left;
	margin-left: 30px;
	margin-top: 21px;
}
#RightCol {
	float: right;
	width: 256px;
	margin-right: 21px;
	margin-top: 21px;
}

.rightBox {
	background: url(/themes/mytheme/images/line-right.png) bottom right no-repeat;
	padding-bottom: 8px;
	margin-bottom: 12px;	
}
#RightBoxes .last {
	padding-bottom: 22px;
	background: url(/themes/mytheme/images/line-double.png) bottom left no-repeat;
}

.rightImage {
	background: url(/themes/mytheme/images/line-right.png) bottom right no-repeat;
	margin-bottom: 12px;	
}

/* Contact page */
.id3 .typography .rightBoxTitle, .typography .caps {
	color: #202020 !important;
	text-transform: uppercase;
	background: url(/themes/mytheme/images/line-right.png) bottom right no-repeat;
	padding-bottom: 12px;
	margin-bottom: 3px !important;
}

/* Programmes page */
.programme {
	background: url(/themes/mytheme/images/line-right.png) top right no-repeat;
	padding-top: 20px;
}

/* Events page */
.event {
	background: url(/themes/mytheme/images/line-right.png) bottom right no-repeat;
	padding-bottom: 8px;
	margin-bottom: 12px;	
}
#Events .last {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;	
}
.typography .event h2, .typography .pastEvent h2 {
	margin-bottom: 12px !important;	
}

.typography .caps2 {
	color: #202020 !important;
	text-transform: uppercase;
	padding-bottom: 27px;
	background: url(/themes/mytheme/images/line-double.png) bottom left no-repeat;
	margin-bottom: 3px !important;
}

/* Home page */
#HeaderImage {
	width: 745px;
	border-bottom: 1px solid #ff1414;
	border-right: 1px solid #ff1414;
	margin-left: 232px;
	margin-top: -4px;
	background: #666666 center no-repeat;
}
.AboutPage #HeaderImage {
	width: 460px;
}


/* misc */
.clear {
	clear: both;	
}
.seo {
	display: none;	
}
.hidden {
	visibility: hidden;	
}
.looksLikeLink {
	border-width: 0;
	padding: 0;
	margin: 0;
	font-size: 12px;
	text-transform: none;
	background: none;
}

/****** FILE: themes/mytheme/css/typography.css *****/
/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */

.typography {
	
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
 	
}

.typography .small {
	font-size: 10px;	
}

.typography .large  {
	font-size: 14px;
}

.typography .red {
	color: 	#ff1414;
}

.typography .intro {
	font-size: 18px;
	font-weight: normal;
	color: #ff1414;
	line-height: 116%;
	
	margin-top: -1px;
}


/* INLINE STYLES
-------------------------------------------- */

/* TABLES
-------------------------------------------- */


/* QUOTES
-------------------------------------------- */

/* LINKS 
-------------------------------------------- */

.typography a { 
 	text-decoration: none;
	color: #ff1414;
}
	.typography a:hover { 
 		text-decoration: underline;
	}
	
	.typography a img {
		border: 0;	
	}


/* LIST STYLES 
-------------------------------------------- */
.typography ul, .typography ol {
	margin-top: 0;
}
		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1 {
	font-size: 18px;
	font-weight: normal;
	color: #ff1414;
	line-height: 116%;
	margin-top: 0;
}
.typography h2 {
	font-weight: normal;
	font-size: 14px;
	color: #ff1414;
	margin: 0;
	line-height: 116%;
}

.typography h3 {
	font-size: 12px;
	font-weight: normal;
	color: #ff1414;
	margin: 0;
}
.typography h4 {
	margin: 0;
}
.typography h5 {
	margin: 0;
}
.typography h6 {
	margin: 0;
}

.typography .rightBox h2 {
	font-size: 14px;
	color: #ff1414;
	margin: 0;
	line-height: 116%;
}
.typography .rightBox h3 {
	
}


/* PRE STYLES 
-------------------------------------------- */	


/* TABLE STYLING 
-------------------------------------------- */


/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
	
}
	.typography img.right {
		float: right;
		margin-left: 12px;
		margin-bottom: 12px;
	}
	.typography img.left {
		float: left;
		margin-right: 12px;
		margin-bottom: 12px;
	}
	.typography img.leftAlone {
		/*float: left;
		margin-right: 100%;*/
	}
	.typography img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

/****** FILE: themes/mytheme/css/form.css *****/
/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
 */
 
form {
	margin: 0; padding: 0;
}


/* FIELDSETS
---------------------------------------- */
fieldset {
	/*border: 0;*/
	margin: 0;
	padding-top: 16px;
	margin-top: 18px;
	border-top: 1px solid #808285;
	
	clear: both;	
}

.field {
	width: 371px;
}

#RightCol .field {
	width: 216px;
	padding-right: 0;
}

/* ACTION BUTTONS
---------------------------------------- */
input.action {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #fff;
	
	background-color: #333333;
	text-transform: uppercase;
	border: 1px solid #000000;
	padding: 6px 16px;
	
	font-weight: bold;
	
	cursor: pointer;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	
}
.middleColumn {
 	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	width: 262px;
	float: right;
}
	
	/*div.tab .field .middleColumn {
		clear: none !important;
 		margin: 0 !important;
		width: auto;
	}
	
	.middleColumn .middleColumn {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}*/
	
	.field {
		clear: both;	
	}

#RightCol .middleColumn {
	float: none;
	width: 224px;
	padding-top: 3px;
}
/* Error Messages
---------------------------------------- */	
	
.message, span.message {
	/*display: block;
	margin: 0;
	background-color:#FCC;
	border: 1px solid #F00;
	color: #F00;
	padding: 3px;
	font-weight: bold;
	font-size: 10px;
	width: auto;*/
	
	display: inline;
	color: #cc0000;
	font-size: 11px;
}
	
/* HTML EDITOR
---------------------------------------- */	

.htmleditor .middleColumn {
	width: auto;	
}
	
/* INPUT BOXS
---------------------------------------- */
input.text, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px !important;
	border: 1px solid #808285;
	color: inherit;
	width: 252px;
}
select {
	width: 237px;	
}
textarea {
	/*height: 92px;*/	
}
#RightCol input.text, #RightCol textarea, #RightCol select {
	width: 214px;	
}
#RightCol select {
	width: 199px;
}

input:focus span, textarea:focus span {
	border: 3px solid #808285;
}

/* SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
label {
 	float:left; 
	margin: 5px 0 5px 0;
	color: inherit;
}

#RightCol label {
	float: none;
}

label.right {
	display:inline;
}
/* SEARCH BOX 
	---------------------------------------- */


/* BUTTONS 
---------------------------------------- */
.Actions {
	margin-top: 28px;
	padding-bottom: 1em;
}
button, .input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ff1414;
	
	background-color: #fff;
	text-transform: uppercase;
	border: 1px solid #ff1414;
	padding: 6px 16px;
	
	font-weight: bold;
	
	cursor: pointer;
}

/* Checkbox set field */
.checkboxsetfield label {
	display: inline;
}

/* fix the login page */
.checkbox input {
	float: left;
	margin-right: 10px;
	margin-left: 110px;	
	margin-top: 2px;
}
.checkbox label {
	margin: 0;
}
#ForgotPassword {
	margin-top: 1em;
}