/*
Theme Name: Komedia
Theme URI: http://komedia.co.uk/
Description: Wordpress theme for Komedia
Version: 1.0
Author: Adam Lewis, Keith Pointon
Author URI: http://www.bestservedcold.com/
Tags: Komedia

	Komedia v1.0
	http://www.komedia.co.uk

	This theme was designed and built by Adam Lewis and Keith Pointon,
	whose site you will find at http://www.bestservedcold.com.

*/

body { margin:0; padding:0; width:100%; height:1%; background:#372D2A; font-family:Verdana,sans-serif; font-size: 62.5%; text-align:center; }

img { border:0; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.access { position:absolute; left:-500em; top:-500em; }

img.right { margin:0 0 5px 5px; }
img.left { margin:0 5px 5px 0; }

.alignleft { margin:0 5px 5px 0; float:left; }
.alignright { margin:0 0 5px 5px; float:right; }

hr { position:absolute; left:-500em; top:-500em; }

.error { color:red; }

p { margin:0 0 0.75em 0; padding:0; font-size:1.1em; line-height:1.3em; color:#000000; }
p.noMargin { margin:0; }
p.textRight { text-align:right; }
p.red { color:#FF0000; }

p.small { font-size:1em; }

a.redGotosite { margin:0; padding:0; width:120px; height:30px; display:block; }
	a.redGotosite:link { background:url("/images/buttons/red_gotowebsite.gif") left top no-repeat; }
	a.redGotosite:visited { background:url("/images/buttons/red_gotowebsite.gif") left top no-repeat; }
	a.redGotosite:hover { background:url("/images/buttons/red_gotowebsite.gif") left -30px no-repeat; }
	a.redGotosite:active { background:url("/images/buttons/red_gotowebsite.gif") left -30px no-repeat; }

a.blueGotosite { margin:0; padding:0; width:120px; height:30px; display:block; }
	a.blueGotosite:link { background:url("/images/buttons/blue_gotowebsite.gif") left top no-repeat; }
	a.blueGotosite:visited { background:url("/images/buttons/blue_gotowebsite.gif") left top no-repeat; }
	a.blueGotosite:hover { background:url("/images/buttons/blue_gotowebsite.gif") left -30px no-repeat; }
	a.blueGotosite:active { background:url("/images/buttons/blue_gotowebsite.gif") left -30px no-repeat; }

ol, ul, dl { list-style-type:none; list-style-image:none; list-style-position: outside; width:auto; }
	li, dt, dd { margin:0; padding:0; font-size:1.1em; line-height:1.3em; list-style-type:none; }

fieldset { border:none; padding:0; margin:0; }

input { margin:0; padding:0; font-size:1.1em; line-height:1.1em; color:#000000; }

a:link { color:#C70000; text-decoration:none; }
a:visited { color:#C70000; text-decoration:none; }
a:hover { color:#C70000; text-decoration:underline; }
a:active { color:#C70000; }

h1 { margin:0; padding:0; color:#000000; }
h2 { margin:0; padding:0 0 10px 0; color:#000000; font-size:2.6em; }
h3 { margin:0; padding:0 0 10px 0; color:#000000; font-size:2em; }
h4 { margin:0; padding:0 0 10px 0; color:#000000; font-size:1.6em; }
h5 { margin:0; padding:0; color:#888888; }
	h5 a:link, h5 a:visited, h5 a:hover, h5 a:active { color:#FF4E00; }

.noPadding { padding-bottom:0; }

address {
	margin:2px 0 0 0;
	padding:0;
	font:0.8em/1.2em Verdana,sans-serif;
	color:#23496A;
	letter-spacing:1px;
}

blockquote.style1 {
  font-family: Serif;
  font-size:1.3em; 
  font-style: italic;
  font-weight: 600;
  line-height: 1.4em;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url("/images/openquote1.gif");
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
}

  blockquote.style1 span {
     display: block;
     background-image: url("/images/closequote1.gif");
     background-repeat: no-repeat;
     background-position: bottom right;
}

#headerSurround { margin:0; padding:0; width:100%; min-width:780px; height:160px; background:#000000 url("/images/topBack.gif") left top repeat-x; text-align:center; float:left; clear:both; border-bottom:2px solid #000000; }

	#header { margin:0 auto; padding:0; width:780px; text-align:left; position:relative; }
		#header li {font-size:1.3em;}

	#header ul.topNav { margin:0; padding:0; height:30px; float:left; }
	#header ul.topNav li { margin:0; padding:0; height:30px; float:left; }

	#header ul.topNav li a { margin:0; padding:0 10px; line-height:30px; border-left:1px solid #A0A0A0; }
		#header ul.topNav li.first a { border-left:none; }

	#header ul.topNav li a:link { color:#A0A0A0; }
	#header ul.topNav li a:visited { color:#A0A0A0; text-decoration:none; }
	#header ul.topNav li a:hover { color:#FFFFFF; text-decoration:none; }
	#header ul.topNav li a:active { color:#A0A0A0; }

	#header ul.topNav li a.selected { color:#FFF6E8; }


	#header .headerMain { margin:0; padding:0; width:360px; height:100px; float:left; }
		#header .headerMain h1 { margin:0; padding:0; width:360px; height:100px; float:left; }
			#header .headerMain h1 a { margin:0; padding:0; width:360px; height:100px; display:block; }
				#header .headerMain h1 a:link { text-decoration:none; }
				#header .headerMain h1 a:visited { text-decoration:none; }
				#header .headerMain h1 a:hover { text-decoration:none; }
				#header .headerMain h1 a:active { text-decoration:none; }
			#header .headerMain h1 a img { margin:0; padding:0; width:360px; height:100px; border:none; }

	/* amended style - .searchBar form padding (left): was 180px */
	#header .searchBar { margin:0; padding:0; width:420px; height:30px; float:right; background:url("/images/searchBar.gif") left top no-repeat; }
		#header .searchBar form { margin:0; padding:5px 0 0 178px; }
		#header .searchBar form label { margin:0; padding:2px 5px 0 5px; color:#A0A0A0; float:left; }
		#header .searchBar form input { margin:0; padding:0 5px 0 5px; float:left; }


	
	#header .lowerHeader { margin:0; padding:5px 0 0 0; width:420px; height:65px; float:left; }

		/* amended style again, was - font-size:0.9em; line-height:1.1em; increased .logoTag width: was 130px */
		/* amended style to fit in more copy to Bath - was font-size:1em; line-height:1.2em */
		#header .lowerHeader .logoTag { margin:0; padding:5px 0 0 20px; width:180px; height:60px; float:left; }
		.logoTag p { margin:0; font-size:1em; color:#F4941C; font-style:italic; line-height:1.1em; font-weight:bold; }
		.logoTag p em { color:#EFAE00; }
		.logoTag p a { color:#F4941C; }
			.logoTag p a:link { color:#F4941C; }
			.logoTag p a:visited { color:#F4941C; }
			.logoTag p a:hover { color:#F4941C; }
			.logoTag p a:active { color:#F4941C; }

		/* redundant style, replaced with .socialNetwork */
		/* #header .lowerHeader .bookOnline { margin:0; padding:0; width:170px; height:60px; float:right; }
		.bookOnline a { margin:0; padding:0; width:170px; height:60px; float:right; display:block; }
			.bookOnline a:link { background:url("/images/bookOnlineNew.gif") left top no-repeat; }
			.bookOnline a:visited { background:url("/images/bookOnlineNew.gif") left top no-repeat; }
			.bookOnline a:hover { background:url("/images/bookOnlineNew.gif") left -65px no-repeat; }
			.bookOnline a:active { background:url("/images/bookOnlineNew.gif") left -65px no-repeat; } */

		/* new blog section - Brighton only */
		#header .lowerHeader .blog { margin:0; padding:0; width:160px; height:40px; }

		.blog a { margin:0; padding:0; width:160px; height:40px; position:absolute; top:90px; left:560px; display:block; }

			.blog a:link { 
			background:url("/images/komedia-blog-new.png") left top no-repeat; }
			.blog a:visited { background:url("/images/komedia-blog-new.png") left top no-repeat; }
			.blog a:hover { 
			background:url("/images/komedia-blog-new.png") left -40px no-repeat; }
			.blog a:active { background:url("/images/komedia-blog-new.png") left -40px no-repeat; }

		/* used for Valentines page link - Bath website only*/
		#header .lowerHeader .headerAd { margin:0; padding:0; width:160px; height:40px; }

		.headerAd a { margin:0; padding:0; width:160px; height:40px; position:absolute; top:90px; left:560px; display:block; }

			.headerAd a:link { 
			background:url("/images/valentines-cherub-ad-160x40.jpg") left top no-repeat; }
			.headerAd a:visited { background:url("/images/valentines-cherub-ad-160x40.jpg") left top no-repeat; }
			.headerAd a:hover { 
			background:url("/images/valentines-cherub-ad-160x40.jpg") left -40px no-repeat; }
			.headerAd a:active { background:url("/images/valentines-cherub-ad-160x40.jpg") left -40px no-repeat; }


		/* new socialNetwork link, to replace .bookOnline */
		#header .lowerHeader .socialNetwork { margin:0; padding:0 0 0 10px; width:50px; height:60px; float:right; }

		.socialNetwork .facebook a { margin:0; padding:0; width:25px; height:30px; position:absolute; top:100px; left:730px; display:block; }

			.socialNetwork .facebook a:link { 
			background:url("/images/facebookNew.png") left top no-repeat; }
			.socialNetwork .facebook a:visited { background:url("/images/facebookNew.png") left top no-repeat; }
			.socialNetwork .facebook a:hover { 
			background:url("/images/facebookNew.png") left -30px no-repeat; }
			.socialNetwork .facebook a:active { background:url("/images/facebookNew.png") left -30px no-repeat; }

		.socialNetwork .twitter a { margin:0; padding:0; width:25px; height:30px; position:absolute; top:100px; left:755px; float:right; display:block; }

			.socialNetwork .twitter a:link { 
			background:url("/images/twitterNew.png") left top no-repeat; }
			.socialNetwork .twitter a:visited { background:url("/images/twitterNew.png") left top no-repeat; }
			.socialNetwork .twitter a:hover { 
			background:url("/images/twitterNew.png") left -30px no-repeat; }
			.socialNetwork .twitter a:active { background:url("/images/twitterNew.png") left -30px no-repeat; }

	#header .tagline { margin:0; padding:0; height:30px; float:left; }
	#header .tagline p { margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:1.6em; font-weight:bold; text-transform:uppercase; line-height:30px; }

	#header .mainMenu { margin:0; padding:0 0 0 10px; height:30px; background:#CBC3B6; }
		#header .mainMenu ul { margin:0; padding:5px 0 0 0; }
		#header .mainMenu ul li { margin:0; padding:0; height:25px; float:left; text-transform:uppercase; background:url("/images/menuRoll.jpg") left top no-repeat; }
			#header .mainMenu ul li:hover { background-position:left -45px; }

		#header .mainMenu ul li a { margin:0; padding:6px 14px 5px 14px; height:24px; background:url("/images/menuRollRight.jpg") right top no-repeat; line-height:24px; font-weight:bold; font-size:0.85em; }

		/* CSS hack to exclude ie6 */
		#header > .mainMenu ul li a { padding:1px 14px 0px 14px; display:block; }
			#header .mainMenu ul li:hover a { padding:2px 13px 0 15px; height:23px; background-position:right -45px; }
		/* end hack */

		#header .mainMenu ul li a:link { color:#000000; }
		#header .mainMenu ul li a:visited { color:#000000; }
		#header .mainMenu ul li a:hover { color:#000000; text-decoration:none; }
		#header .mainMenu ul li a:active { color:#000000; }


	/* #header .christmas { margin:0; padding:0; width:152px; height:85px; position:absolute; top:20px; left:-140px; } 
	.christmas a { margin:0; padding:0; width:152px; height:85px; display:block; }
			.christmas a:link { background:url("/images/holly-2009-v2.png") left top no-repeat; }
			.christmas a:visited { background:url("/images/holly-2009-v2.png") left top no-repeat; }
			.christmas a:hover { background:url("/images/holly-2009-v2.png") left -86px no-repeat; }
			.christmas a:active { background:url("/images/holly-2009-v2.png") left -86px no-repeat; } */

/* venue pages - sub menu */

#subHeaderSurround { margin:0; padding:0; width:100%; min-width:780px; background:#FFF6E8; text-align:center; float:left; clear:both; }

	#subHeader { margin:0 auto; padding:0; width:780px; text-align:left; }
		#subHeader li {font-size:1.3em;}

	#subHeader .subMenu { margin:0; padding:0 0 0 10px; width:770px; background:#C70000; }
		#subHeader .subMenu ul { margin:0; padding:0; }
		#subHeader .subMenu ul li { margin:0; padding:0; height:22px; float:left; text-transform:uppercase; }
		
		/* was padding:0 8px - to fix K Bath submenu over-run to 2nd line */
		#subHeader .subMenu ul li a { margin:0; padding:0 6px; color:#FFFFFF; font-size:0.7em; line-height:20px; }


	#subHeader .newsTicker { margin:0; padding:0 10px; width:760px; background:#CBC3B6 url("/images/newsTickerBack.gif") left bottom no-repeat; font-size:1em; color:#000000; } /* was 0.85em */
		#subHeader .newsTicker p { margin:0; padding:0; color:#000000; line-height:20px; }
		#subHeader .newsTicker p a { color:#000000; }

		#subHeader .newsTicker .scrolling { margin:0; padding:0; width:760px; text-align:center; float:left; }




#surround { margin:0; padding:0; width:100%; min-width:780px; background:#FFF6E8; text-align:center; float:left; clear:both; }

	#mainContent { margin:0 auto; padding:20px 0 0 0; width:780px; text-align:left; }

		/* updated curvyline graphic */
		#mainContent #rightContent { margin:0; padding:0 0 0 10px; width:570px; float:right; }
		#mainContent .venue { background:url("/images/curvyLine5.gif") left 20px repeat-y; }

		.belowContent { margin:0; padding:10px; width:760px; clear:both; border-top:2px solid #CBC3B6; text-align:center; }

		/* home page - right */

			.largeBox { margin:0 0 20px 0; padding:0 0 10px 0; width:570px; background:#E7E0D5 url("/images/rightBoxLargeFoot.gif") left bottom no-repeat; float:left; }
				.largeBox .boxHeader { margin:0; padding:0 20px; width:530px; height:60px; background:#000000 url("/images/rightBoxLargeHead.gif") left top no-repeat; float:left; }
					.largeBox .boxHeader p { margin:20px 0 0 0; padding:0; width:150px; float:right; color:#FFFFFF; text-align:right; font-size:1.075em; }
				.largeBox .boxContent { margin:0; padding:10px; width:550px; float:left; }

				.largeBox .boxContent .bigboxContent { margin:0; padding:0 20px 0 0; width:170px; float:left; }
				.largeBox .boxContent .bigboxContent .post a img { border:5px solid #FFF6E8; }
				.largeBox .boxContent .bigboxContent .post .text { margin:0; padding:0 10px; width:150px; }

			.blogBox { margin:0 0 20px 0; padding:0 0 10px 0; width:570px; background:#E7E0D5 url("/images/rightBoxLargeFoot.gif") left bottom no-repeat; float:left; }
				.blogBox .boxHeader { margin:0; padding:0; width:570px; height:50px; }

				.blogBox .boxHeader a { margin:0; padding:0; width:570px; height:50px; float:left; display:block}
					
					.blogBox .boxHeader a:link { 
					background:url("/images/rightKBlogBoxLargeHead4.gif") left top no-repeat; }
					.blogBox .boxHeader a:visited { background:url("/images/rightKBlogBoxLargeHead4.gif") left top no-repeat; }
					.blogBox .boxHeader a:hover { 
					background:url("/images/rightKBlogBoxLargeHead4.gif") left -60px no-repeat; }
					.blogBox .boxHeader a:active { background:url("/images/rightKBlogBoxLargeHead4.gif") left -60px no-repeat; }

					.blogBox .boxHeader p { margin:20px 0 0 0; padding:0; width:150px; float:right; color:#FFFFFF; text-align:right; font-size:1.075em; }
				.blogBox .boxContent { margin:0; padding:10px; width:550px; float:left; }

				.blogBox .boxContent .bigboxContent { margin:0; padding:0 20px 0 0; width:170px; float:left; }
				.blogBox .boxContent .bigboxContent .post a img { border:5px solid #FFF6E8; }
				.blogBox .boxContent .bigboxContent .post .text { margin:0; padding:0 10px; width:150px; }

			.smallBox { margin:0 0 20px 0; padding:0; width:280px; background:#E7E0D5 url("/images/rightBoxSmallFoot.gif") left bottom no-repeat; }
				.smallBox .boxHeader { margin:0; padding:0 10px; width:260px; height:60px; background:#000000 url("/images/rightBoxSmallHead.gif") left top no-repeat; float:left; }
					.largeBox .boxHeader h2, .smallBox .boxHeader h2 { margin:0; padding:0; height:60px; float:left; }
						.largeBox .boxHeader h2 img, .smallBox .boxHeader h2 img { float:left; }
					.smallBox .boxHeader p { margin:20px 0 0 0; padding:0; width:80px; float:right; color:#FFFFFF; text-align:right; font-size:1.075em; }
				.smallBox .boxContent { margin:0; padding:10px; width:260px; float:left; }

			.smallBox2 { margin:0 0 20px 0; padding:0; width:280px; background:#E7E0D5 url("/images/rightBoxSmallFoot.gif") left bottom no-repeat; }
				.smallBox2 .boxHeader { margin:0; padding:0 10px; width:260px; height:60px; background:#000000 url("/images/rightBoxSmallHead.gif") left top no-repeat; float:left; }
					.smallBox2 .boxHeader h2 { margin:0; padding:7px 0 0 0; height:53px; float:left; }
						.smallBox2 .boxHeader h2 img { float:left; }
					.smallBox2 .boxHeader p { margin:20px 0 0 0; padding:0; width:80px; float:right; color:#FFFFFF; text-align:right; font-size:1.075em; }
				.smallBox2 .boxContent { margin:0; padding:10px; width:260px; float:left; }

			.smallBox3 { margin:0 0 20px 0; padding:0; width:280px; background:#E7E0D5 url("/images/rightBoxSmallFoot.gif") left bottom no-repeat; }
				.smallBox3 .boxHeader { margin:0; padding:0 10px; width:260px; height:40px; background:#3D3635 url("/images/rightBoxCentreBrown.gif") left top no-repeat; float:left; }
					.smallBox3 .boxHeader h2 { margin:0; padding:0; color:#FFF6E8; font-size:1.2em; line-height:20px;  height:60px; float:left; }
						.smallBox2 .boxHeader h2 img { margin-left: -10; float:left; }
					.smallBox3 .boxHeader p { margin:40px 0 0 0; padding:0; width:80px; float:right; color:#FFFFFF; text-align:right; font-size:1.075em; }
				.smallBox3 .boxContent { margin:0; padding:10px; width:260px; float:left; }

		/* news page and information pages - right */

			.newsBox { margin:0 0 20px 0; padding:0 0 10px 0; width:570px; float:left; }
				.newsBox .boxHeader { margin:0; padding:0 10px; width:550px; height:20px; background:url("/images/newsBoxBrown.gif") left top no-repeat; float:left; border-bottom:5px solid #CBC3B6; text-align:left; }
					.newsBox .boxHeader h2 { margin:0; padding:0; color:#FFF6E8; font-size:1.2em; line-height:20px; text-transform:uppercase; }
				.newsBox .boxContent { margin:0; padding:10px 10px 10px 8px; width:550px; float:left; border-left:2px solid #CBC3B6; }
				
				.newsBox .boxContent h3 { font-size:1.4em; }
				.newsBox .boxContent h4 { font-size:1.2em; }
				.newsBox .boxContent ul { margin:0; padding:0 0 1em 0; }
				.newsBox .boxContent ul li { margin:0; padding:0; color:#666666; }

		/* venue pages - right */

			.searchBox { margin:0 0 20px 0; padding:0; width:170px; float:right; }

				/* NEW style - ticketSolve */
					.searchBox .ticketSolve { margin:0; padding:0; width:170px; height:40px; float:right; }
					.ticketSolve a { margin:0; padding:0; width:170px; height:40px; float:right; display:block; }
					.ticketSolve a:link { background:url("/images/bookOnlineRightTop5.gif") left top no-repeat; }
					.ticketSolve a:visited { background:url("/images/bookOnlineRightTop5.gif") left top no-repeat; }
					.ticketSolve a:hover { background:url("/images/bookOnlineRightTop5.gif") left -45px no-repeat; }
					.ticketSolve a:active { background:url("/images/bookOnlineRightTop5.gif") left -45px no-repeat; }
				/* end ticketSolve button */


				/* redundant style - starButton - Bath only */
					/* .searchBox .starButton { margin:0; padding:0; width:190px; height:200px; position:absolute; top:-25px; left:-5px; background:url("/images/bathStarNew.gif") left top no-repeat; }
						.searchBox .starButton a { margin:0; padding:0; width:190px; height:200px; display:block; cursor:pointer; } */
				/* end bath star button */

				/* riverCottage - Bath only */
					.searchBox .riverCottage { margin:0; padding:0; width:170px; height:60px; position:absolute; background:url("/images/adverts/riverc_right-top_170x60_ad_v3.gif") left top no-repeat; }
						.searchBox .riverCottage a { margin:0; padding:0; width:170px; height:60px; display:block; cursor:pointer; }
				/* end riverCottage button */

				.searchBox .boxHeader { margin:0; padding:0; width:170px; height:20px; background:url("/images/rightBoxSearch.gif") left top no-repeat; float:left; border-bottom:5px solid #CBC3B6; text-align:center; }
					.searchBox .boxHeader p { margin:0; padding:0; color:#FFFFFF; font-size:1.1em; line-height:20px; }
				.searchBox .boxContent { margin:0; padding:5px; width:156px; float:left; border-left:2px solid #CBC3B6; }

				.advertsBrightonR a img { margin:0 0 5px 0; padding:0; float:left; }

				/* NEW style emailUpdate, new compact design */
				.searchBox .boxContent .emailUpdate { margin:0; padding:0px; float:right; }
				.boxContent .emailUpdate form { position:relative; left:2px; display:block; float:left; }
				.boxContent .emailUpdate form label { margin:0; padding:0px 0px 2px 0px; color:#000000; float:left; }
				.boxContent .emailUpdate form input { margin:0; padding:0px 0px 2px 0px; float:left; }

			/* updated curvyline graphic */
			.mainBox { margin:0 0 20px 0; padding:0 18px 0 10px; width:370px; background:url("/images/curvyLine5.gif") right 20px repeat-y; float:left; }
				.mainBox .boxHeader { margin:0; padding:0 10px; width:350px; height:20px; background:url("/images/rightBoxCentreBrown.gif") left top no-repeat; float:left; border-bottom:5px solid #CBC3B6; text-align:left;}
					.mainBox .boxHeader h2 { margin:0; padding:0; color:#FFFFFF; font-size:1.2em; line-height:20px; text-transform:uppercase; }
				.mainBox .boxContent { margin:0; padding:10px 10px 10px 8px; width:350px; float:left; border-left:2px solid #CBC3B6; }

				/* NEW border-right - commented out */
				.topHalfLeft { margin:0 0 5px 0; padding:0 5px 0 0; width:160px; float:left; 	_word-wrap: break-word; _overflow: hidden; } /* added IE6 specific hack to prevent expanding box problem, _word-wrap: break-word; _overflow: hidden; was margin-bottom:10px ADD TO TEST-STYLE: border-bottom:2px solid #CBC3B6; ORIGINAL was border-right:2px solid #CBC3B6; */

				/* updated style, show titles tranformed to UPPERCASE */
				.topHalfLeft .post h4 { height:3em; text-transform:uppercase; _word-wrap: break-word; _overflow: hidden; } /* added IE6 specific hack to prevent expanding box problem, _word-wrap: break-word; _overflow: hidden; */

				/* NEW border-left dotted - added */
				.topHalfRight { margin:0 0 5px 0; padding:0 0 0 8px; width:160px; float:right; border-left:2px dotted #CBC3B6; _word-wrap: break-word; _overflow: hidden; } /* added IE6 specific hack to prevent expanding box problem, _word-wrap: break-word; _overflow: hidden; ADD TO TEST-STYLE: border-bottom:2px solid #CBC3B6; ORIGINAL was margin-bottom:10px; */

				/* updated style, show titles tranformed to UPPERCASE */
				.topHalfRight .post h4 { text-transform:uppercase; _word-wrap: break-word; _overflow: hidden; } /* added IE6 specific hack to prevent expanding box problem, _word-wrap: break-word; _overflow: hidden; ADD TO TEST-STYLE: height:3em; */

				.fullWidth { margin:0; padding:10px 0 0 0; width:352px; float:left;  border-top:2px solid #CBC3B6; }
					.fullWidth h4, .topHalfLeft h4, .topHalfRight h4 { padding:5px 0 2px 0; font-size:1.2em; }

				.entry { color:#888888; }

			.catBox { margin:0 0 20px 0; padding:0 0 0 10px; width:560px; float:left; }
				.catBox .boxHeader { margin:0; padding:0 10px; width:540px; height:20px; background:url("/images/rightBoxHeadBlue.gif") left top no-repeat; float:left; border-bottom:5px solid #7BAFDB; text-align:left;}
					.catBox .boxHeader h2 { margin:0; padding:0; color:#FFFFFF; font-size:1.2em; line-height:20px; text-transform:uppercase; }
				.catBox .boxContent { margin:0; padding:10px 10px 10px 8px; width:540px; float:left; border-left:2px solid #7BAFDB; }

				.catText { margin:0; padding:10px; width:520px; float:left; clear:both; }

				.catHalf { margin:0 0 20px 0; padding:0 10px; width:250px; float:left; }
					.catHalf .post { margin:0; padding:0; width:250px; float:left; }
						.catHalf .post .catHead { margin:0; padding:0 10px; width:230px; background:#DD8B04 url("/images/rightBoxCatOrange.gif") left top no-repeat; float:left; border-bottom:5px solid #E6DFCA; text-align:left; }
							.catHalf .post .catHead h4 { margin:0; padding:0; color:#FFFFFF; font-size:1.2em; line-height:20px;  }

						.catHalf .post .entry { margin:0; padding:10px 10px 10px 8px; width:230px; float:left; border-left:2px solid #E6DFCA; }
						.catHalf .post .entry img { margin:0 0 5px 0; padding:0; }

				.pager { margin:0; padding:0; }
				#eventTable { margin:0; padding:0; clear:both; }

				
		#mainContent #leftContent { margin:0; padding:0; width:200px; float:left; }

		/* home page - left */

			/* NEW added .adverts style, to be full column width */
			.adverts { margin:0; padding:10px 0px 0px 0px; width:200px; }
			
			.infoBox { margin:0 0 10px 0; padding:0; width:200px; float:left; }
				.infoBox .infoHeader { margin:0; padding:0 10px; width:180px; height:20px; background:#3D3635 url("/images/leftBoxHeadBrown.gif") left top no-repeat; float:left; border-bottom:5px solid #CBC3B6; }
					.infoBox .infoHeader h3 { margin:0; padding:0; color:#FFF6E8; font-size:1.2em; line-height:20px; text-transform:uppercase; }
				
				.infoBox .infoContent { margin:0; padding:5px 0px 10px 8px; width:190px; border-left:2px solid #CBC3B6; float:left; }
				
				.infoBox .infoContent .newsfeed { margin:0; padding:0 5px 0 0; width:185px; height:180px; overflow:auto; }
				.infoBox .infoContent .newsfeed .newsitem img { margin:0 5px 5px 0; padding:0; float:left; }
				.infoBox .infoContent .newsfeed .newsitem div { margin:0; padding:0; }
					.infoBox .infoContent .newsfeed .newsitem div p a { color:#000000; }
					.infoBox .infoContent .newsfeed .newsitem div p.noMargin { color:#C70000; font-weight:bold; font-size:1em; }
				
				.infoBox .infoContent .adverts { margin:0; padding:20px 5px 0 0; width:185px; }

			.homeLeftAd { margin:0 0 10px 0; padding:0; width:200px; float:left; background:#E7E0D5 url("/images/leftBoxHeadBeige.gif") left top no-repeat; }
				.homeLeftAd .advertContent { margin:0; padding:0; width:200px; float:left; background:#E7E0D5 url("/images/leftBoxFootBeige.gif") left bottom no-repeat; }
				.homeLeftAd .advertContent p { padding:5px 10px 0 10px; }

		/* venue pages - left */

			/* NEW added .adverts style, to be full column width */
			.adverts { margin:0; padding:10px 0px 0px 0px; width:200px; }
			
			.infoBox { margin:0 0 10px 0; padding:0; width:200px; float:left; }
				.infoBox .infoHeaderRed { margin:0; padding:0 10px; width:180px; height:20px; background:#3D3635 url("/images/leftBoxHeadRed.gif") left top no-repeat; float:left; border-bottom:5px solid #ED4D2E; }
					.infoBox .infoHeaderRed h3 { margin:0; padding:0; color:#FFF6E8; font-size:1.2em; line-height:20px; text-transform:uppercase; }
				
				.infoBox .infoContentRed { margin:0; padding:5px 0px 10px 8px; width:190px; border-left:2px solid #ED4D2E; float:left; }
				
				.infoBox .infoContentRed .newsfeed { margin:0; padding:0 5px 0 0; width:185px; height:330px; overflow:auto; }
				.infoBox .infoContentRed .newsfeed .newsitem img { margin:0 5px 20px 0; padding:0; float:left; }
				.infoBox .infoContentRed .newsfeed .newsitem div { margin:0; padding:0; }
					.infoBox .infoContentRed .newsfeed .newsitem div p a { color:#000000; }
					.infoBox .infoContentRed .newsfeed .newsitem div p.noMargin { color:#C70000; font-weight:bold; font-size:1em; }
				
				.infoBox .infoContentRed .adverts { margin:0; padding:20px 5px 0 0; width:185px; }

				.infoBox .infoContentRed #countdown { margin:0; padding:5px; width:180px; font-size:2em; color:#ED4D2E; text-align:center; background:#000000; }

				.quicklinks ul { margin:0; padding:0; }
				.quicklinks ul li { margin:0; padding:0; }

			.searchBox2 { margin:0 0 10px 0; padding:0; width:200px; float:left; }
				.searchBox2 .boxHeader { margin:0; padding:0; width:200px; height:20px; background:url("/images/leftBoxHeadRed.gif") left top no-repeat; float:left; border-bottom:5px solid #CBC3B6; text-align:center; }
					.searchBox2 .boxHeader p { margin:0; padding:0; color:#FFFFFF; font-size:1.1em; line-height:20px; }
				.searchBox2 .boxContent { margin:0; padding:15px; width:136px; float:left; border-left:2px solid #CBC3B6; }

				.advertsBrightonL a img { margin:0 0 5px 0; padding:0; float:left; }


#footerSurround { margin:0; padding:0; width:100%; min-width:780px; height:160px; background:#000000 url("/images/footerBack.gif") left top repeat-x; text-align:center; float:left; clear:both; }
	#footer { margin:0 auto; padding:30px 0 0 0; width:940px; height:130px; text-align:center; }
		#footer p, #footer p a { color:#FFFFFF; margin:0; line-height:30px; }

		.navlinks p a { padding:0 5px; border-right:1px solid #FFFFFF; }
			.navlinks p a.last { border:none; }
		
		#footer .copyright p { color:#CBC3B6; margin:0; font-size:1em; line-height:30px; }
		#footer .copyright p a { color:#CBC3B6; margin:0; padding-left:5px; font-size:1em; line-height:30px; border-left:1px solid #CBC3B6; }
/*
 * table sorter css
 */

table.eventTable {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.eventTable thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.eventTable thead tr .header {
	background-image: url('/events/public/images/icons/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.eventTable tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.eventTable tbody tr.odd td {
	background-color:#F0F0F6;
}
table.eventTable thead tr .headerSortUp {
	background-image: url('/events/public/images/icons/asc.gif');
}
table.eventTable thead tr .headerSortDown {
	background-image: url('/events/public/images/icons/desc.gif');
}
table.eventTable thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/*
 * calendar css
 */

.dp-calendar { margin:0; padding:0; text-align:center; width:152px; background:none; }

table.jCalendar {
	border:none;
	background:none;
    border-collapse: separate;
    border-spacing: 0;
    width: 152px;
}
table.jCalendar th {
	background: #E7E0D5;
	color: #333;
	font-weight: bold;
}

table.jCalendar th.weekday {
	background-color:#E7E0D5;
	color:#333; 
}

table.jCalendar td {
	background-color: transparent;
	color: #000;
	padding: 3px 3.5px;
	text-align: center;
}
table.jCalendar td.today {
	background: #ED4D2E;
	color: #fff;
}
table.jCalendar td.selected {
	background: #ED4D2E;
	color: #fff;
}
table.jCalendar td.weekend {
	background: #CCCCCC;
	color: #444;
}
table.jCalendar td.weekday {
	background: #ED4D2E;
	color: #FFC2C2;
}
table.jCalendar td.other-month {
	background-color: transparent;
	color: #CCC;
}


table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #E11D2C;
	color: #FFF;
	cursor: pointer;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background-color: transparent;
	color: #000000;
	cursor: default;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: none;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 152px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 10px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	color:#C70000;
}
a#dp-close {
	font-size: 110px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* Edit for WP admin - css */

.entry-edit {
	position: relative;
	margin: 0;  /* was margin: 0 5px 0 0; */
	float: right;
	top: 14px;   /* was 4px */
	font-size: 0.8em;  /* was 1.1em */
	display: inline;
	}

.entry-edit a {
	border: none;
	padding: 3px 6px;  /* was 4px 8px */
	height: 12px; /* was 16px */
	line-height: 12px; /* was 16px */
	color: #fff;  /* was #333 */
	/* Fallback for web browsers that don't support RGBa */
	background: rgb(255, 0, 0);	/* background: #e7e7e7;  was #e7e7e7 */
	/* RGBa with 0.3 opacity */
	background: rgba(255,0,0,0.30);  /* new colour - red - 70% transparent */
	/* For IE 5.5-7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	/* Rounded Buttons in... */
	/* ... Mozilla */
	-moz-border-radius: 4px;
    /* ... WebKit */
	-webkit-border-radius: 4px;
    /* ... IE99, Opera 10.5+, dev channel releases of Google Chrome */
	border-radius: 4px;
	display: inline;
	}

.entry-edit a:hover {
	background-color: #333;
	color: #fff;
	text-decoration: none;
	}

a.post-edit-link:hover {
	text-decoration: underline;
}

/* Home button - on Krater pages */

.home-button {
	position: absolute;   /* was relative */
	margin: 0 0 0 0;   /* 0 5px 0 0 */
	float: right;
	top: 260px;   /* was 4px */
	left: 8px;   /* added */
	font-size: 1.1em;
	display: inline;
	}

.home-button a {
	border: none;
	padding: 3px 6px;  /* was 4px 8px */
	height: 16px; /* was 16px */
	line-height: 16px; /* was 16px */
	color: #fff;  /* was #333 */
	/* Fallback for web browsers that don't support RGBa */
	background: rgb(255, 0, 0);	/* background: #e7e7e7;  was #e7e7e7 */
	/* RGBa with 0.3 opacity */
	background: rgba(255,0,0,1);  /* new colour - red - 70% transparent */
	/* For IE 5.5-7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	/* Rounded Buttons in... */
	/* ... Mozilla */
	-moz-border-radius: 4px;
    /* ... WebKit */
	-webkit-border-radius: 4px;
    /* ... IE99, Opera 10.5+, dev channel releases of Google Chrome */
	border-radius: 4px;
	display: inline;
	}

.home-button a:hover {
	background-color: #fff; /* was #333 */
	color: #f00; /* was #fff */
	text-decoration: underline;
	}

/*--Tooltip Styles--*/
/* http://www.sohtanaka.com/web-design/simple-tooltip-w-jquery-css/ */
.tip {
	color: #fff;
	background:#cc0000; /*--was #1d1d1d --*/
	font-size:1.2em;
	display:none; /*--Hides by default--*/
	width: 300px;
	padding:10px;
	position:absolute;
	z-index: 20000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.tip_section {
	font-size:1.2em;
	font-weight: bold;
	padding-bottom:5px;
	z-index: 20100;
}

/*--MegaDropDown menu for Krater pages--*/
/* http://blogs.sitepoint.com/2009/03/31/make-a-mega-drop-down-menu-with-jquery/ */
div.bannerK {
background: transparent;
padding-top: 15px; /*--was 12px --*/
padding-bottom: 31px; /*--was 36px --*/
padding-left: 10px; /*--new --*/
/*width: 180px; --new was width: 210px --*/
float: right; /*--new --*/
/*-webkit-border-radius: 6px; --was 3px --*/
/*-moz-border-radius: 6px; --was 3px --*/
/*border-radius: 6px; --was 3px --*/
}

div.bannerK h1, div.dropMenu h2 {
margin: 0;
padding: 0;
}

div.bannerK h1 a {
display: block;
width: 50px;
height: 120px;
}
div.bannerK h1 a span, div.bannerK .skip {
position: absolute;
top: -10000px;
left: -10000px;
}

ul.dropMenu {
background: #c00; /*--was #c00 red --*/
color: #fff; /*--was #fff white --*/
margin: 0;
padding: 0.3em 0em;
-webkit-border-radius: 6px; /*--was 3px --*/
-moz-border-radius: 6px; /*--was 3px --*/
border-radius: 6px; /*--was 3px --*/
}


ul.dropMenu li {
display: inline;
margin: 0.1em 0.5em; /*--was 0.1em 1em --*/
position: relative;
z-index: 9999; /* z-index bug in IE 6,7,8 - to keep child element - mega div on top */
}

ul.dropMenu h2, ul.dropMenu h3 {
font-size: 100%;
text-transform:uppercase; 
display: inline;
}


ul.dropMenu li a {
color: #f90; /*--was #fff white --*/
text-decoration: none;
padding: 0 0.4em;
}

ul.dropMenu li a:hover {
/*--was color: #300 dark red/black --*/
text-decoration: underline;
}

ul.dropMenu li.mega a {
background: transparent url("/images/arrowDownMed.gif") center right no-repeat;
padding: 0 0.6em 0 0; /*--was 0 1.8em --*/
}

ul.dropMenu li.mega a:hover {
text-decoration: underline;
}

ul.dropMenu div {
display: none;
}

ul.dropMenu li.mega div {
border: 1px solid #300; /*--was #c60 dark orange --*/
width: 18em;
position: absolute;
z-index: 1000; /* Assures the mega div stays on the top layer */
top: 1.6em;
left: 0em;
padding: 1.3em;
background: #c00; /*--was #f90 orange --*/
color: #fff; /*--was #600 dark red --*/
/*-webkit-border-radius: 6px; --was 3px --*/
/*-moz-border-radius: 6px; --was 3px --*/
/*border-radius: 6px; --was 3px --*/
}

ul.dropMenu li.hovering div {
display: block;
}

ul.dropMenu li.mega div a {
color: #fff; /*--was #c00 red --*/
padding: 0;
background-image: none;
/*font-weight: bold;*/
text-decoration: none;
}

ul.dropMenu li.mega div a:hover, a:active {
/*--was color: #300 dark red/black --*/
/*font-weight: bold;*/
text-decoration: underline;
}

ul.dropMenu li.mega div a.more {
color: #f90; /*--was #600 dark red --*/
font-weight: bold;
font-size: 1em; /*--was font-size: 0.9em --*/
text-transform:uppercase; 
text-decoration: none;
}

ul.dropMenu li.mega div a:hover.more, a:active.more {
/*--was color: #300 dark red/black --*/
text-decoration: underline;
}

ul.dropMenu div h3 {
color: #fff; /*--was #600 dark red --*/
font-weight: bold;
font-size: 1em; /*--was font-size: 0.9em --*/
}
ul.dropMenu div p {
font-size: 0.9em; /*--was font-size: 0.8em --*/
margin: 0 0 0.8em 0;
padding: 0;
}

/*--MegaDropDown menu for other pages--*/
div.banner {
margin:0; 
padding:0 0 0 10px; 
width:770px; 
background:#C70000; 
/*-webkit-border-radius: 3px;--*/
/*-moz-border-radius: 3px;--*/
/*border-radius: 3px;--*/
}

div.banner h1, div.dropMenu h2 {
margin: 0;
padding: 0;
}

div.banner h1 a {
display: block;
width: auto;
height: auto;
}
div.banner h1 a span, div.bannerK .skip {
position: absolute;
top: -10000px;
left: -10000px;
}

div.banner ul.dropMenu {
background: #c00; /*--was #c00 red --*/
color: #fff; /*--was #fff white --*/
margin: 0;
padding: 0.3em 0em;
/*-webkit-border-radius: 3px;--*/
/*-moz-border-radius: 3px;--*/
/*border-radius: 3px;--*/
}

div.banner ul.dropMenu li {
display: inline;
margin: 0.1em 0.5em; /*--was 0.1em 1em --*/
position: relative;
z-index: 9999; /* z-index bug in IE 6,7,8 - to keep child element - mega div on top */
font-weight: bold; /*-- new --*/
text-transform: uppercase; /*-- new --*/
}

div.banner ul.dropMenu h2, ul.dropMenu h3 {
font-size: 100%; /*--was font-size: 100% */
display: inline;
/*-- font-weight: bold; --*/
/*-- text-transform:uppercase; --*/ 
}


div.banner ul.dropMenu li a {
font-size: 84%; 
color: #fff; /*--was #fff white --*/
text-decoration: none;
padding: 0; /*--was padding: 0 0.8em --*/
}

div.banner ul.dropMenu li a:hover {
/*--was color: #300 dark red/black --*/
text-decoration: underline;
}

div.banner ul.dropMenu li.mega a {
background: transparent url("/images/arrowDown.gif") center right no-repeat;
padding: 0 0.4em 0 0; /*--was 0 1.8em --*/
}

div.banner ul.dropMenu li.mega a:hover {
text-decoration: underline;
}

div.banner ul.dropMenu div {
display: none;
}

div.banner ul.dropMenu li.mega div {
border: 1px solid #300; /*--was #c60 dark orange --*/
width: 18em;
position: absolute;
z-index: 1000; /* Assures the mega div stays on the top layer */
top: 1.6em;
left: 0em;
padding: 1.3em;
background: #c00; /*--was #f90 orange --*/
color: #fff; /*--was #600 dark red --*/
/*-webkit-border-radius: 3px;--*/
/*-moz-border-radius: 3px;--*/
/*border-radius: 3px;--*/
}

div.banner ul.dropMenu li.hovering div {
display: block;
}

div.banner ul.dropMenu li.mega div a {
color: #fff; /*--was #c00 red --*/
padding: 0;
background-image: none;
/*font-weight: bold;*/
text-decoration: none;
}

div.banner ul.dropMenu li.mega div a:hover, a:active {
/*--was color: #300 dark red/black --*/
/*font-weight: bold;*/
text-decoration: underline;
}

div.banner ul.dropMenu li.mega div a.more {
color: #f90; /*--was #600 dark red --*/
font-weight: bold;
font-size: 1em; /*--was font-size: 0.9em --*/
text-transform:uppercase; 
text-decoration: none;
}

div.banner ul.dropMenu li.mega div a:hover.more, a:active.more {
/*--was color: #300 dark red/black --*/
text-decoration: underline;
}

div.banner ul.dropMenu div h3 {
color: #fff; /*--was #600 dark red --*/
font-weight: bold;
font-size: 1em; /*--was font-size: 0.9em --*/
}

div.banner ul.dropMenu div p {
font-size: 0.9em; /*--was font-size: 0.8em --*/
margin: 0 0 0.8em 0;
padding: 0;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 0; /* remove black border border: 1px solid #000; */
background: #000;  /* background: #fff; */
width: 780px;  /* was 738px; */
height: 27px;  /* was 27px; */ 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 5px;  /* 8px; */
width: 760px;  /* 718px; */
/* height: 18px;  added; */
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 20px;  /* 750px; */
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float:left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
width: 760px; /* added */
background: #000;  /* background: #fff; */
/* overflow: hidden; added */
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
/* text-align:justify; added */
font: bold 10px Verdana;
/* line-height: 1em; added */
margin: 0 50px 0 0;  /* was margin: 0 50px 0 0; */
} 
ul.newsticker span {
margin: 0 10px 0 0;  /* was margin: 0 10px 0 0; */
}