/* HTML Styling */
html {
	color:black;
	font-family: arial;
	font-size:0.8em;
	margin:0;
	margin-right:0px;
	background:#eeeeee;
}


h1,h2,h3,h4,h5{
	color:#660066;
}
h1 {
	display:none;
}

h2 {
	font-size:3em;
	
}

h3 {
	font-size:2em;
	margin: 20px 0 10px 0;
}

h4 {
	font-size:1.6em;
}

h5 {
	font-size:1.4em;
}
a {
	color:black;
	color:#660066;
	font-weight:bold;
	outline: none
} 

form {
	margin-left:10px;


}

fieldset {
	 border:1px solid #660066 ;
	 margin:20px;
	 padding:5px;
	
	}
	
legend {
	margin:  10px 10px ;
	padding: 0 5px;
	font-weight:bold;
	color:#660066;
}

p {
	line-height:1.1;
}

li {
	list-style:disc;
	margin:5px 0px 5px 50px;
}


/* End of HTML */

/* Page Structure CSS 
*  
*  The idea is that the following just defines the structure of the page
*  and therefore should not contain any other presentation things such as
*  		colours, fonts, paddings (maybe), alignment
*/

#pageholder {

	width:980px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	margin:auto;
	margin-top:10px;
	
	
	background:#EDCCE7;
	background-image:url('images/300_purple_gradient.jpg');
	
	background-repeat: repeat-x
}
#pageheader {

}
#logoholder {
	float:left;
	width:300px;
	height:180px;
}

#headercontentholder {	
	height:170px;  		/* Height needs to total 180px */
	overflow:hidden;
	position:relative;
}

#headerfooter {
	width:100%;
}
	
#maincontentwrapper {
	float:left;
	width:100%;
	background:#EDCCE7;
	padding-bottom:20px;
	
	
}

#maincontent {

	position:relative;
	
}

#mainsidebar {
	float:left;
	width:20px;
	padding-top:15px;
	display:none; /* Don't show this until it filled in by jQuery calls */

}





#footer{
	clear:left;
}


/* Page Menu Style */

.pagemenubar {
	margin:auto;
	background:black;
	color:white;		
	font-weight:bold;
	padding:5px 10px 5px 10px;
	width:386px;	/* Setting this any higher breaks in IE - don't know why */
	height:20px;
}

.pagemenuright {
	width:30px;
	height:30px;
	background-image:url('../images/layout/round_black_br.gif');
}


.menulist ul {
			
margin: 0;
padding: 0;
white-space: nowrap;
}

.menulist li {
	
display: inline;
list-style-type: none;
font-weight: bold;
font-size:1.3em;
margin:0px;
padding-left:10px;
}




.menulist a:link
, .menulist a:visited
{

text-decoration: none;
}

.menulist a:hover
{

text-decoration: none;
}

.menulist a:link
, .menulist a:visited
{
color: #ffffff;
background-color: #000000;

}

.menulist a:hover
{
color: #EDCCE7;
text-decoration:underline;

}

.menulist a.menuselected {
	color: #EDCCE7;
}

/* End Of Page Structure CSS */

/* User-presentation for structual CSS above
*
*	This is to present the strucure to the user rather than browser
*	These may change if different themes are used
*	(it may be better to have extra containers within the structural elements)
*
*/

#headercontentholder {	
	padding-top:10px;
}

#headerfooter {
	padding: 5px 0px;
	
	background:black;
	color:white;
	text-align:right;
	
}

#headerfooter a {
	color:white;
}


#footer{
	padding:10px;
	background:black;
	color:white;
	
}
#footer a {
	color:white;
}

/* End of user structure CSS */

/* Some generic CSS */

.debug {
	
	font-family: courier;
	font-size:0.8em;
	border-color:red;
	border-style:dashed;
	border-width:1px;
	margin:2px;
	padding:4px;
	line-height:1.5em;

	background:yellow;
}



.centreall {
	text-align:center;
	margin:auto;
}

.clear {
	clear:both;
}

.smallprint {
	font-size:0.8em;
}

.fleft {
		float:left;
}

.fright {
		float:right;
}

.floatleft {
		float:left;
}

.floatright {
		float:right;
}

.error {
	color:red;
}

.hidden {
	display:none;
}

.nounderline {
	text-decoration:none;
}
.indentone {
	padding-left:50px;
}

.messagearea.li {
	margin-left:30px;
	list-style:disc;
}

.messagearea p {
	text-align:center;
}

.formfield99 {
	display:none;
}
.formrow {

	margin-bottom:5px;
	text-align:left;
}

.formrow label {
  float:left;
  width:110px;
  margin-right:0.3em;
  padding-top:0.4em;
  text-align:right;
 
  }

.formhelp {
		text-align:center;
		font-style:italic;
		font-color:red;
		font-size:0.9em;
		margin-bottom:8px;
		
	}

.intro {
	font-weight: bold; 
	font-size:1.06em;
}

.largebutton {
	font-size:1.5em;
}

.filmtitle, .csfa_title{
	color:#660066;
	
	
}

.subheading {
	color:#660066;
	font-size:1.5em;
	
}

.bold {
	font-weight:bold;
}
/* End of generic CSS */

/* Some more specific CSS */

.commentholder {
	padding: 10px 40px;
}
.largecomment {
	font-size:2.5em;
}

.commentsource {
	margin-top:10px;	

}


.textcontainer {
	padding:10px;
}

.textcontainer p {
	line-height:1.2;
}

.inassociation {
	
	float:left;
	width:215px;
	padding-top:10px;
	padding-bottom:5px;
	text-align:center;

	
}

.sidebar  h2 {
	font-size:1.3em;
	text-align:center;
	padding-top:10px;
	padding-bottom:15px;
}


.imageholder {
	
	margin: 0px 10px;
	padding: 10px 15px 10px ;
	
	text-align:center;
	font-style:italic;

	border-style: solid;
	border-width: 1px;
	border-color: #660066;
	
	
	
	
}

.imageholder img {
	margin-bottom:5px;
}

.photoholder {
	margin:auto;
}

.photoholder img {
	width:100%;
}

.photoholder .caption {
	
	margin:5px;
	font-style:italic
}

.photogallery .photoholder {
	margin:5px;
	float:left;
}
.photogallery .photoholder .caption {
	
	
	
}

.guests .photoholder {
	margin:5px 20px;
}
/* Front Page */

.fullsize {
	//width:650px;
}

.availablesize {
	width:100%;	
}

.contentholder {
	
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:center;


	padding:4px;
	padding-left:10px;
	

	

	

}

.contentholder h2,div{
	text-align:center;
}

.contentholder h2 {
	margin-bottom:5px;
}



.contentholder p {
	margin: 10px;
}

.contentholder .previewoffset {

	margin-left:50px;

}


.sidebarcontent {
	margin-top:29px;
	margin-left:5px;
	
}

.festivaldates {
	font-size:2em;
	color:#660066;
	margin-bottom:10px;
}


.messagearea{
	margin:10px;
}

.messagearea li {
	margin-left:15px;
	margin-bottom:5px;
	list-style-type:disc;
}

.kffbox {
	position:relative;
	margin:auto;

	
	background:#f9f9f9;
	
	border-style: solid;
	border-width: 1px;
	
	border-color: #CF81C6 #d6d6d8 #d6d6d8 #CF81C6; 
	border-color: #d6d6d8 #CF81C6 #CF81C6 #d6d6d8;
	border-width: 2px 1px 1px 2px;
	
	
}

.kffbox h3{
	margin-top:0px;
}
.kffbox h5{
	margin-top:5px;
	margin-bottom:5px;
}

.mainbody {
	margin:20px 20px 20px 5px;
	padding:10px 10px 30px 10px;
}

.mainbody p {
	line-height:1.3em;
}

.messagebox {
	margin-top: 10px;
	margin-bottom:10px;
	text-align:center;
	padding:10px;
}

.messagebox .title {


	font-weight:bold;
	font-size:1.6em;
	color: #660066;
	
	margin-bottom:10px;
	
}

.errormessagebox {
	border-color: red; 
	border-width:1px;
}
.errormessagebox .title{
	color:red;
}

/* Preview Box Code */
.previewbox {
	margin:5px;
	text-align:left;
	padding:10px;
		
}

.previewboxfooter {
	position:absolute;
	bottom:10px;
	right:10px;
}

.previewboxfooter a {
	text-decoration:none;
	font-weight:bold;
	
	color:#660066;
}

.previewbox h4 {
	font-family: times;
	font-weight:bold;
	font-size:1.6em;
	color: #660066;
	
	margin-bottom:5px;
}

.previewbox h5, .frontpageblog .headline{
	font-family: times;
	
	font-size:1.2em;
	font-weight:bold;
	color: #660066;
	
	margin-top:3px;

}

.previewbox p {
	
	margin:0px;
	margin-top:5px;
	font-size:1em;

}

.quicklinks li {
	list-style-type:none;
	margin-left:5px;
}

.morelink {
	font-size:0.9em;
	text-align:right;
	margin-top:8px;
}

.previewsmall {
	width:180px;
	
}

/* This is a bit of a hack to allow film images in a preview to be 150 so old images aren't badly rescaled */
.previewsmall .filmpreviewimage {
	margin:10px 0 10px 15px;
	width:150px;	
}
.previewsmallheight {
	height:20em;
	
}


.previewmedium {
	width:392px;    /* Small * 2 + ( 4 * Margin) */
	
}

.previewmediumheight {
	/*height:28em;*/
	height:20em;
}

.previewlarge {
	width:620px;
}

.previewmediumlarge {
	height:100em;
}

.fullpreview {
	width:606px;	
}




.largeform{
	margin:auto;
	width:400px;
}

/* 220px Right Column CSS
		Would like to try and change this so it can be used by specifiying the width inline
		
		Based on http://matthewjamestaylor.com/blog/ultimate-2-column-right-menu-pixels.htm
*/


/* column container */
	.col_mask {
		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 */
	}
	
	
	.col_right .col_left {
        float:left;
        width:200%;
        position:relative;
        right:100%;       
    }
    
    .col_right .col_wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	}

    .col_right .col_two {
        float:right;
        width:220px;    			
        position:relative;
        left:220px;					
    }
    
     .col_left {
    	margin-left:-220px;
    }
    
    .col_right .col_one {
        margin:0 0 0 220px;    
        overflow:hidden;
	}
	
/* 2 Column Layout small left */

/* 2 column left menu settings */
	.lc_leftmenu {
	    
	}
    .lc_leftmenu .lc_colright {
        float:left;
        width:200%;
		position:relative;
		left:220px;
     
    }
    .lc_leftmenu .lc_col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:220px;
	    padding-bottom:1em;
	}
	.lc_leftmenu .lc_col1 {
        margin:0 0px 0 220px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .lc_leftmenu .lc_col2 {
        float:left;
        width:220px;
        position:relative;
        right:220px;
    }

/* Film Page Layout */

/* Now using  xxxx instead of filmlayout 
.filmlayout {
	
	background:white;
	margin:25px 10px;
	padding:15px;

	
	border-style: solid;
	
	border-color: #660066;
	border-width: 1px 1px 1px 1px;
	
	background:lime;
	
}
*/

h2.filmtitle {
	text-align:left;
}
.alttitle {
	font-size: 0.8em;
	font-style:italic; 
}

.filmdetails {
		
	margin-top:5px;
	font-size:1em;
	position:relative;	
	text-align:left;
	line-height:1.2em;


	
}
.filmdetails .label {
	font-weight:bold;
	margin:5px;
	color:#660066;
}

.filminfobox{
	float:left;
	width:200px;
	margin:15px 5px 15px 5px;
	text-align:center;
	padding:5px;
	padding-top:10px;
	border: solid gray;
	border-width: 1px 2px 2px 1px;
	font-size:0.9em;
	background-color:#F2F2F2;
}


.filminfobox h3{
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	margin-top:5px;
	padding-top:10px;
}


.filminfobox a {
	color:black;
	font-weight:normal;
}


.filminfobox li {
	margin-left:auto;
	text-align:center;
	list-style-type:none;
	
}

.filminfobox p {
	text-align:center;

}

.filminfobox .programme {
	color:#660066;
	font-size:1.4em;
	margin-bottom:15px;
}
	
.filminfobox .score {
	color:#660066;
	font-size:1.2em;
	font-weight:bold;
}


.filmmaintext {
	float:left;
	width:450px;
	margin-top:10px;
	padding:10px 15px 0 5px; 
	
}

.filmsynopsis p:first-line {
	font-weight:bold;
}

.filmsynopsis p {
	line-height:1.4em;
}

.filmquote {
	font-size:1.2em;
	width:400px;	
}

.filmquotesource {
	float:right;
	margin-top:5px;
	margin-right:10px;
	font-weight:bold;
	font-size:0.9em;
}


.filmpagebody  {
	clear:both;
	padding-left:15px;
}

.objectlinkdescription {
	font-weight:bold;
	margin-bottom:5px;
	color:#660066;
}

/* Films Page */

.alphalist {
	margin-top:10px;
	margin-bottom:10px;
}
.alphalist a {
	padding: 10px 5px;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
}

.searchresults li {
	margin:10px 0px 10px 20px;

}

.searchresults .filmtitle {
	font-size:1.2em;
}

.filmimagestrip {
	margin-top:20px;
	margin-bottom:20px;
}

.filmimagestrip  img {
	height:65px;
}

.filmimagestrip .filmpreview {
	display:inline;	
}

.historynav .previous {
	float:left;
	width:100px;
}

.historynav .next {
	float:right;
	width:100px;
}

.historyselect li{
	display: inline;
	list-style-type: none;
	padding:5px;
	margin-left:20px;
}





.downloaddoc {
	display:block;
	margin-left:50px;
	margin-top:20px;
	margin-bottom:10px;
	text-decoration:none;
}


.downloaddoc img {
	vertical-align:middle;
}

.downloaddoc .title {
	font-size:1.3em;
	margin-left:10px;
	margin-top:5px;
}

.userratings {
	margin-top:20px;
}
table.ratings {
	text-align:center;
	margin:auto;

}
table.ratings td {
	
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

table.ratings th{
	
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}


.ratings .progtitle {
	font-size:1.4em;
	
	text-align:left;
	padding-top:15px;
	padding-bottom:5px;
	
}
.ratings .title {
	text-align:left;	

}

.yourfilmoptions {
	
	text-align:center;
	margin:auto;
}

.yourfilmoptions  .starbar{
	position:relative;
	bottom:-3px;
}

#yourfilmsaving {
	padding-top:5px;
	padding-bottom:5px;
}
#yourfilmsupdatemessage {
	font-weight:bold;
}

.brochurearchive {
}

.brochurearchive .downloadholder{

	float:left;
}

.brochurearchive .downloadholder .title 
{
	display:block;
	margin:auto;
	text-align:center;
	margin-top:5px;

}
.brochurearchive .downloadholder .filesize {
	display:block;
	text-align:center;
	font-size:0.7em;
	font-style:italic;
}

.latestfilms {
	float:left;
	margin:5px;

}

.latestfilms .filmtitle {
	margin-top:5px;
	display:block;
	text-align:center;
	font-size:1.3em;
	width:130px;
}

.latestfilms .filmthumbnail{
	width:120px;
}

.latestfilms .morelink , .filmlistpreview .morelink{
	font-size:0.8em;
	
}

.frontpageblogoptions {
	float:right;
	width:150px
	text-align:right;
}
.frontpageblog {
	margin-left:-30px;
	font-size:0.8em;
	
}

.frontpageblog li {
	list-style:none;
}

.frontpageblog li div {
	text-align:left;
	margin-top:15px;
}

.frontpageblog .feedflare {
	margin-top:-10px;
	padding-bottom:15px;

}

.frontpageblog .headline {
	font-size:1.8em;
}

/*
filmlistdetails

filmtime

filmtitle
filmalttitle
filmdetails
*/

.filmtime {
	text-align:left;

	font-size:1.1em;
	color:#660066;
}

.filmlistdetails  {
	color:#660066;
	text-align:left;
	
	margin:10px 5px 15px 5px;
	padding:10px 5px 10px 10px;
	 border:1px solid #660066
	
	
}

.filmlistdetails .filmtime {
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
}

.filmlistdetails .filmtitle {
	margin-top:5px;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
}

.filmlistdetails .filmalttitle {
	margin-top:5px;
	margin-bottom:5px;
	font-size:1.2em;
	text-align:left;
	font-style:italic;
}

.filmlistdetails .filmdetails {
	text-align:left;
	
}
.filmlistdetails p {
	color:black;
}

.filmlistdetails .boxout {
	float:right;
	width:200px;
	margin:5px;

}

.filmlistdetails .boxout .filmimg{
	width:150px;
	padding-bottom:5px;
}
	
.filmlistpreview {

	float:left;
	width:200px;
	margin:10px;	
}


.filmlistpreview img {
	margin-bottom:5px;
}
.filmlistpreview .filmtitle {
	font-size:1.4em;
}

.filmcollectionoptions {
	margin-top:8px;
	font-size:0.9em;
}

.testbutton {
	border: 1px solid #006;
	background: red;
	
}

.testbutton:hover {
    border: 1px solid #f00;
    background: lime;
}

table.prices {
	margin:auto;
}

.prices th {
	font-weight:bold;
	padding:5px;
}

.prices td {
	text-align:center;
}

.booknow {
	margin-top:5px;
	font-size:1.1em;
}


.sponsorlist li {
	width:220px;	
}

.sponsorimgholder {
	height:100px;
	margin:10px;
}

.sponsortextholder {
	margin-top:5px;
	margin-bottom:5px;
}

.sponsorlist li {
	float:left;
	list-style-type: none;
	font-size:1.2em;
	text-align:center;
}

.sponsorlist a {
	text-decoration:none;
}

.footersponsorlist {
	line-height:150%;
	
}

.keswickmenu ul {
	margin:auto;
	text-align:center;
}
.keswickmenu li {
	display:inline;
	margin:auto;
	text-align:center;
	padding: 2px 5px;
	margin-right:5px;
}

.keswickcontent .imageholder {
	border-style: none;
}

table.programme {
	margin:20px;

}

table.programme  td{
	text-align:center;
	padding-bottom:5px;
	padding-top:10px;
	
}

table.programme th {
	text-align:center;
	font-weight:bold;
}

table.programme tr.details{
	
	border-style:solid;
	
	border-width: 0px 0px 1px 0px;
	border-color:lightgray;
	
}

table.programme td.day {
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	padding:10px 0px;
	width:110px;
}

table.programme .filmtitle {
	font-size:1.2em;
	font-weight:bold;
}

table.programme img.filmimg {
	width:100px;
	margin:5px;
	
}

.today .filmtitle {
	margin-top:3px;
	margin-bottom:3px;
	font-size:1.4em;
	
	
}
.todaypreview {
	width:240px;
	margin-right:5px;
	float:left;
}

.todaylist {
	float:left;
}

.todaylist li{
	margin-left:15px;
}

.todaylist li a {
	text-decoration:none;
}

.scores td {
	text-align:center;
	padding-bottom:10px;
}



.scores .title a {
	text-align:center;
	font-size:1.3em;
	text-decoration:none;
}

.scores .score {
	font-size:1.5em;
}


.csfa h4 {
	margin-top:10px;
}

.csfa ul {
	margin-left:50px;
}



.csfa_film {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:10px;

}
.csfa_prize {
		float:left;
		width:50px;
}

.csfa_title {
		float:left;
		font-size:1.8em;
		margin-left:10px;

}

.csfa_info {
	clear:both;
	font-size:1em;
	margin-top:5px;
	margin-left:70px;
	text-align:left;
	font-weight:bold;
		
}
.csfa_details {
	margin-top:10px;
	display:block;
}

.csfa_details p {
	margin-left:50px;
}

.tweet-link{
	background-image: url(images/icon_twitter.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	text-decoration:none;
}