/* Ptag - Made in 0AD */ 

/*
Purple = #B195C6 or #692181
*/

* { vertical-align: baseline; border: 0; padding: 0; margin: 0; }

body { background: #000; color: #fff; font-family: Arial, sans-serif; padding: 20px 0; font-size: 100%;  line-height: 1.4; }

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; font-size:large; margin-left: 5px; }

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

ul { list-style: none; }

#content ul { list-style: disc; padding-left: 2em; }

hr { border: 0; border-bottom: 1px dotted #B195C6; background: none; color: none; height: 1px; margin: 10px 0; }

p { margin: 15px 5px; }

.clear: { clear: both; }

.title, .title a { color: #B195C6!important; font-family: Times, Serif!important; font-style: italic!important; font-weight:normal;}

h2.title {padding:5px 0!important;}

.purple { color: #B195C6; }

img { border: 0; }

#template { width: 960px; margin: 0 auto; }

table p { padding: 0; margin: 0; }


/* Header */


#header { /* overflow: visible; height: 400px; */}
#header .topnav ul, #header .topnav ul li { float: left; width: auto; padding-right: 20px; }
.topnav { text-transform: uppercase; font-family: Arial, Sans-serif; font-style: normal; }
#header .topnav ul a { color: #ccc; }
.quickcontact { float: right; width: auto; }
#header #logo { border-top: 1px dotted #B195C6; overflow: hidden; padding: 20px 0; clear: both; background: transparent url(images/logo.png) no-repeat center left;}
#header #logo a { display: block; height: 57px; width: 960px; text-indent: -8888px; overflow: hidden; }
#mainNav a { font-size: 90%; }
#mainNav ul li { margin-right: 20px; font-family: Times, Serif; font-size: large; display: block; font-style: italic; float: left; width: auto; position: relative;  }
#mainNav ul li ul { display: none; }
#mainNav li:hover ul, #mainNav li.sfhover ul { display: block; position: absolute; top: 32px; left: 0; z-index: 10000; border-top: 1px solid #B195C6; width:190px;}
#mainNav li:hover ul li, #mainNav li.sfhover ul li { /*float: none;*/  margin-right: 0; z-index: 10001;}
#mainNav li:hover ul li a, #mainNav li.sfhover ul li a { background: #692181; }
#mainNav ul li a { background: #333333 url(images/arrow_down.png) no-repeat center right; padding: 5px 45px 5px 15px; display: block; }
#mainNav ul li a:hover { background: #692181 url(images/arrow_down_alt.png) no-repeat center right;}
#mainNav ul li ul li a, #mainNav ul li ul li a:hover { display: block; width: 160px; padding: 5px 15px;}


/* Content */

#wrapper { clear: left; overflow: hidden; float: left; width: 960px; position: relative; }
#content { clear: left; float: left; width: 660px; padding-bottom: 20px;}
#content { font-family: Arial, sans-serif; }
.pageid_1 #content { width: 945px; padding-left: 15px; }
h1.pagetitle { font-family: Impact; text-transform: uppercase; color: #692181; font-size: 350%; padding: 10px 20px 20px; letter-spacing: 0.05em; font-style: normal;  }
.pageid_1 #content h2 { font-size: large!important; }
#content h2 { color: #B195C6; padding-bottom: 15px; font-style: normal; font-size: 180%; font-family: Arial, sans-serif; text-transform: uppercase; }
.template_1 #content h2 { text-transform: capitalize; }

/* Sidebar */

#sidebar { width: 290px; float: right; padding-bottom: 15px;}
.pageid_119 #sidebar, .pageid_4 #sidebar, .pageid_141 #sidebar{ margin-top: -15px;  }
/*.template_1 #sidebar { margin-top: 463px; }
.template_2 #sidebar { margin-top: 113px; }
.template_3 #sidebar { margin-top: 335px; }*/

#sidebar h2, .B_crumbBox { border: 1px dotted #B195C6; border-left: 0; border-right: 0;  padding: 10px 0; margin-bottom: 10px; color: #B195C6; font-family: Times, Serif; font-style: italic; font-size: large; }
#sidebar h2 { border: 1px dotted #B195C6; border-right: 0; border-left: 0; padding: 10px;  margin-bottom: 15px; line-height:1.4; }
#sidebar p.nomargin { margin: 0; }
#sidebar ul { padding-left: 1.5em; list-style: disc; }
#sidebar #eplayForm h2 { margin-top: 0; }
//#sidebar #bookbutton { width:200px; }

.pageid_63 #sidebar { display: none; }

/* Homepage */

.culture { position: absolute; top: 40px; right: 10px; text-indent: -8888px; overflow: hidden; }
.culture a { display: block; width: 300px; height: 60px; }
.promo { position: relative; width: 960px; height: 350px;}
.pageid_1 .promo { height: 320px; }
/*.pageid_2 .promo { position: absolute; }*/
.promo .item1 { position: absolute; left: 130px; top: 20px; }
.promo .item2 { position: absolute; left: 360px; top: 0; }
.pageid_2 .promo .item2 { left: 380px; }
.promo .item3 { position: absolute; left: 630px; top: 20px; }
.pageid_1 .promo img { border: 5px solid #B195C6; }

.block { width: 290px; padding:5px 0; float: left; margin: 0 10px; }
.block1, .block2, .block3 { height: 280px; margin-bottom: 10px; border-bottom: 1px dotted #B195C6;  }
.block h2 { border: 1px dotted #B195C6; border-right: 0; border-left: 0; padding: 10px; background: transparent url(images/arrow_right.png) right no-repeat; margin: 15px 0;}
.block4 a, .block5 a, .block6 a { background: #333333; display: block; padding: 10px; font-size:large; }
.block4 {clear:both;}
.more a {color:#B195C6;}

#footer { border: 1px dotted #B195C6; border-left: 0; border-right: 0; overflow: hidden; padding: 20px 0; clear: both; }
#footer ul li { float: left; width: 160px; }
#footer ul li a { color: #B195C6; margin-bottom: 15px; font-family: Times, Serif; font-size: large; display: block; font-style: italic; }
#footer ul li li a { color: #fff; margin-bottom: 0; font-family: Arial, sans-serif; text-transform: uppercase; font-style: normal; font-size: small;}
#footer ul li li { float: none; }
.summary { display: block; }
.siteby { padding: 10px 0; text-align: right; font-size: x-small; }
.siteby a { color: #B195C6; }

/* Breadcrumbs */

.B_crumbBox { display: block; padding-left: 5px; }

/*.template_1 .B_crumbBox { margin-top: 350px; } /* forces content down - too much on mainhouse page*/

#template.pageid_49 .B_crumbBox { margin-top: 0; } 

/* Whats on */

.ditto_summaryPost { padding: 0 0 20px 0; border-bottom: 1px dotted #B195C6; }
.pageid_1 .ditto_summaryPost { border: 0; }
.block1 .ditto_summaryPost { padding: 0; }
.block1 .visitor { display: none; }
.ditto_summaryPost .eventtitle a { text-transform: uppercase; color: #B195C6; font-size: large; font-family: arial, sans-serif; font-style: normal;  }
.writer {margin-top:0;}
.eventtitle{margin-bottom:0;}
.writer, .timedate { font-style: italic; font-family: Times, Serif; }
.visitor { text-transform: uppercase; }
.ditto_summaryPost .image, .ditto_summaryPost .image img { float: right; width: 100px; padding-left: 10px; }

/* Forms */

input.text, input#password, input#username, textarea {padding:5px;border:1px solid #444;background:#fff;color:#000;width:280px}
input.numbervalue {padding:5px;border:1px solid #444;background:#fff;color:#000;}

.button, #bookbutton {padding-top:0;padding-bottom:0;border:0; cursor: pointer; background: #5A3C96 url(images/arrow_right_alt.png) right no-repeat; color: #fff; font-family: Times, Serif; padding-right: 40px; font-size: medium;  }
.pageid_1 .signup { display: none; }
fieldset { line-height: 3em; }
#eplayForm fieldset { line-height: 1em; }
#eplayForm p {margin-left:0;margin-right:0;}
#eplayForm input.button {float:right;}

select { padding: 5px; background: #000; color: #fff; border: 1px solid #B195C6; }
option { padding: 0 10px; border: 0; }

.addthis_button { margin-top: 40px; display: block; }

#BookingForm label { width: 250px; text-align: right; display: inline-block; }
#BookingForm legend { font-size: 150%; border-bottom: 1px solid #fff; }

/* Ticker Styling */
#ticker-wrapper.has-js {
	margin: 20px 0px 20px 0px;
	padding: 0px 20px;
	width: 780px;
	height: 32px;
	display: block;

}
#ticker {
	width: 910px;
	height: 30px;
	display: block;
	position: relative;
	overflow: hidden;
	font-family: Times, Serif;
}
#ticker-title {
	padding-top: 9px;
	color: #B195C6;
	text-transform: uppercase;
	font-style: italic;
}
#ticker-content {
	margin: 0px;
	padding-top: 9px;
	position: absolute;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.4em;
}
#ticker-content:focus {
	none;
}
#ticker-content a {
	text-decoration: none;	
	color: #fff;
}
#ticker-content a:hover {
	text-decoration: underline;	
	color: #0D3059;
}
#ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-color: #000;
	display: block;
	width: 800px;
	height: 23px; 
}
#ticker-swipe span {
	margin-left: 1px;
	height: 12px;
	width: 7px;
	display: block;
}
#ticker-controls {
	padding: 8px 0px 0px 0px;
	list-style-type: none;
	float: left;
	display: none; 
}
#ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
#ticker-controls li#play-pause {
	background-image: url('images/controls.png');
	background-position: 32px 16px;
}
#ticker-controls li#play-pause.over {
	background-position: 32px 32px;
}
#ticker-controls li#play-pause.down {
	background-position: 32px 0px;
}
#ticker-controls li#play-pause.paused {
	background-image: url('../images/controls.png');	
	background-position: 48px 16px;
}
#ticker-controls li#play-pause.paused.over {
	background-position: 48px 32px;
}
#ticker-controls li#play-pause.paused.down {
	background-position: 48px 0px;
}
#ticker-controls li#prev {
	background-image: url('images/controls.png');
	background-position: 0px 16px;		
}
#ticker-controls li#prev.over {
	background-position: 0px 32px;		
}
#ticker-controls li#prev.down {
	background-position: 0px 0px;		
}
#ticker-controls li#next {
	background-image: url('images/controls.png');	
	background-position: 16px 16px;	
}
#ticker-controls li#next.over {
	background-position: 16px 32px;	
}
#ticker-controls li#next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}
#no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
}
.left #ticker-swipe {
	left: 80px;
}
.left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker {
    float: left;
}
.left #ticker-controls {
    padding-left: 6px;
}
.right #ticker-swipe {
	right: 80px;
}
.right #ticker-controls, .right #ticker-content, .right #ticker-title, .right #ticker {
    float: right;
}
.right #ticker-controls {
    padding-right: 6px;
}


/* 100 years */

form.filter { padding-bottom: 10px; float: right; }
form.filter:before { content: 'Search: '; }
form.filter input { height: 20px; padding: 2px 4px; }
form.more { display: none; }
table.filterable { border: 1px solid #333; width: 660px; clear: both; }
table.filterable th { text-transform: uppercase; }
table.filterable th, table.filterable td { font-size: 80%; padding: 5px; text-align: left; }
table.filterable .highlighted { background: #B195C6; color: #000; padding: 0 2px; }
table.filterable tr:nth-child(even) { background-color:#171717; }