/* General Structure */
body { font-size:small; font-family: Trebuchet MS, Arial, Sans-serif; padding:0; background:#5C4B4E; font-size:100%; }
* html body { font-size:x-small; f\ont-size:small; }

a img { border:0px; }
.container { position:relative; background:#F5EFDA url(/troubadour/images/container.gif) bottom left no-repeat; border:1px solid #000; margin:0 auto; padding:0; width:698px; margin:0 auto; }
body#prog .container{ background:#F5EFDA url(/troubadour/images/prog.gif) bottom left no-repeat; }
/*.container .prop { height:800px; width:1px; padding:0; margin:0; float:left; border:2px solid #cc0000;  }*/

.header { background: url(/troubadour/images/header.jpg) top left no-repeat; height:94px; padding:0; margin:0; }
.header h1 { visibility:hidden; padding:0; margin:0; }

.sidebar { position:absolute; top:550px; right:0; width:155px; padding:0; margin:0; text-align:justify; }
.sidebar form { margin:10px 10px; }
.sidebar label { font-size:80%;  }
.sidebar label input { margin-top:10px; width:130px; }
.sidebar input { width:135px; }
.sidebar p { margin:10px 15px; text-align:right; font-size:80%; }
.sidebar a { color:#CC6633; font-weight:bold; text-decoration:none; }
.sidebar a:hover { color:#000; text-decoration:underline; }

/* Conditional CSS- Menus */
ul.menu { width:150px; height:800px; padding:0; margin:0; list-style:none; float:left; /*top left repeat-y*/; position:relative;  }
ul.menu li { margin:0; padding:0; }
ul.menu li a { display:block; text-decoration:none; }
ul.menu li.home { position:absolute; top:10px; left:8px; }
ul.menu li.home a { background: url(/troubadour/images/home.gif) top left no-repeat; width:69px; height:47px; }
ul.menu li.home a:hover { background: url(/troubadour/images/home.gif) top right no-repeat; }
ul.menu li.the-cafe { position:absolute; top:57px; left:6px; }
ul.menu li.the-cafe a { background: url(/troubadour/images/cafe.gif) top left no-repeat; width:110px; height:68px; }
ul.menu li.the-cafe a:hover { background: url(/troubadour/images/cafe.gif) top right no-repeat; }
ul.menu li.wines { position:absolute; top:135px; left:7px; }
ul.menu li.wines a { background: url(/troubadour/images/wines.gif) top left no-repeat; width:62px; height:95px; }
ul.menu li.wines a:hover { background: url(/troubadour/images/wines.gif) top right no-repeat; width:62px; height:95px; }
ul.menu li.the-club { position:absolute; top:142px; left:75px; }
ul.menu li.the-club a { background: url(/troubadour/images/club.gif) top left no-repeat; width:74px; height:86px; }
ul.menu li.the-club a:hover { background: url(/troubadour/images/club.gif) top right no-repeat; }
ul.menu li.gallery { position:absolute; top:230px; left:6px; }
ul.menu li.gallery a { background: url(/troubadour/images/gallery.gif) top left no-repeat; width:115px; height:52px; }
ul.menu li.gallery a:hover { background: url(/troubadour/images/gallery.gif) top right no-repeat; }
ul.menu li.the-garret { position:absolute; top:286px; left:3px; }
ul.menu li.the-garret a { background: url(/troubadour/images/the-garret.jpg) top left no-repeat; width:138px; height:43px; }
ul.menu li.the-garret a:hover { background: url(/troubadour/images/the-garret.jpg) top right no-repeat; }
ul.menu li.links { position:absolute; top:327px; left:8px; }
ul.menu li.links a { background: url(/troubadour/images/links.gif) top left no-repeat; width:69px; height:47px; }
ul.menu li.links a:hover { background: url(/troubadour/images/links.gif) top right no-repeat; }
ul.menu li.private-parties { position:absolute; top:375px; left:2px; }
ul.menu li.private-parties a { background: url(/troubadour/images/private-parties.gif) top left no-repeat; width:132px; height:37px; margin-bottom:200px; }
ul.menu li.private-parties a:hover { background: url(/troubadour/images/private-parties.gif) top right no-repeat; }
ul.menu li.demos { position:absolute; top:415px; left:18px; }
ul.menu li.demos a { background: url(/troubadour/images/demos.gif)  left -1px no-repeat; width:103px; height:48px; margin-bottom:200px; }
ul.menu li.demos a:hover { background: url(/troubadour/images/demos.gif) top right no-repeat; }
ul.menu li a i { visibility:hidden; }

ul.submenu { width:155px; height:454px; padding:50px 0 0 0; margin:0; list-style:none; float:right; background:url(/troubadour/images/blackboard.jpg) top left no-repeat; }
	ul.submenu li { padding:0; margin:0 16px 0 17px; }
		ul.submenu li a { padding:0; margin:0; width:122px; height:25px; display:block; text-decoration:none; }
	
	ul.submenu li.home { margin-bottom:20px; }
	ul.submenu li.home a { background: url(/troubadour/images/text_home_n.png) top left no-repeat; }
	ul.submenu li.home a:hover { background: url(/troubadour/images/text_home_o.png) top left no-repeat; }
	.troubadour ul.submenu li.home a { background: url(/troubadour/images/text_home_o.png) top left no-repeat; }

	ul.submenu li.our-programme a { background: url(/troubadour/images/text_our_programme_n.png) top left no-repeat; }
	ul.submenu li.our-programme a:hover { background: url(/troubadour/images/text_our_programme_o.png) top left no-repeat; }
	.our-programme ul.submenu li.our-programme a { background: url(/troubadour/images/text_our_programme_o.png) top left no-repeat; }

	ul.submenu li.past-performances a { background: url(/troubadour/images/text_past_performers_n.png) top left no-repeat; }
	ul.submenu li.past-performances a:hover { background: url(/troubadour/images/text_past_performers_o.png) top left no-repeat; }
	.past-performances ul.submenu li.past-performances a { background: url(/troubadour/images/text_past_performers_o.png) top left no-repeat; }

	ul.submenu li.bookings a { background: url(/troubadour/images/text_bookings_n.png) top left no-repeat; }
	ul.submenu li.bookings a:hover { background: url(/troubadour/images/text_bookings_o.png) top left no-repeat; }
	.bookings ul.submenu li.bookings a { background: url(/troubadour/images/text_bookings_o.png) top left no-repeat; }

	ul.submenu li.directions a { background: url(/troubadour/images/text_directions_n.png) top left no-repeat; }
	ul.submenu li.directions a:hover { background: url(/troubadour/images/text_directions_o.png) top left no-repeat; }
	.directions ul.submenu li.directions a { background: url(/troubadour/images/text_directions_o.png) top left no-repeat; }

	ul.submenu li.review a { background: url(/troubadour/images/text_reviews_n.png) top left no-repeat; }
	ul.submenu li.review a:hover { background: url(/troubadour/images/text_reviews_o.png) top left no-repeat; }
	.review ul.submenu li.review a { background: url(/troubadour/images/text_reviews_o.png) top left no-repeat; }
	
	ul.submenu li.our-history a { background: url(/troubadour/images/text_our_history_n.png) top left no-repeat; }
	ul.submenu li.our-history a:hover { background: url(/troubadour/images/text_our_history_o.png) top left no-repeat; }
	.history ul.submenu li.our-history a { background: url(/troubadour/images/text_our_history_o.png) top left no-repeat; }
	
	ul.submenu li.jobs a { background: url(/troubadour/images/text_jobs_n.png) top left no-repeat; }
	ul.submenu li.jobs a:hover { background: url(/troubadour/images/text_jobs_o.png) top left no-repeat; }
	.jobs ul.submenu li.jobs a { background: url(/troubadour/images/text_jobs_o.png) top left no-repeat; }

	ul.submenu li.contact-details a { background: url(/troubadour/images/text_contact_details_n.png) top left no-repeat; }
	ul.submenu li.contact-details a:hover { background: url(/troubadour/images/text_contact_details_o.png) top left no-repeat; }
	.contact ul.submenu li.contact-details a { background: url(/troubadour/images/text_contact_details_o.png) top left no-repeat; }

	ul.submenu li.the-cafe a { background: url(/troubadour/images/text_the_cafe_n.png) top left no-repeat; }
	ul.submenu li.the-cafe a:hover { background: url(/troubadour/images/text_the_cafe_o.png) top left no-repeat; }
	.the-cafe ul.submenu li.the-cafe a { background: url(/troubadour/images/text_the_cafe_o.png) top left no-repeat; }

	ul.submenu li.our-menu a { background: url(/troubadour/images/text_our_menu_n.png) top left no-repeat; }
	ul.submenu li.our-menu a:hover { background: url(/troubadour/images/text_our_menu_o.png) top left no-repeat; }
	.menu ul.submenu li.our-menu a { background: url(/troubadour/images/text_our_menu_o.png) top left no-repeat; }

	ul.submenu li.wines a { background: url(/troubadour/images/text_wines_n.png) top left no-repeat; }
	ul.submenu li.wines a:hover { background: url(/troubadour/images/text_wines_o.png) top left no-repeat; }
	.wines ul.submenu li.wines a { background: url(/troubadour/images/text_wines_o.png) top left no-repeat; }

	ul.submenu li.photographs a { background: url(/troubadour/images/text_photographs_n.png) top left no-repeat; }
	ul.submenu li.photographs a:hover { background: url(/troubadour/images/text_photographs_o.png) top left no-repeat; }
	.photographs ul.submenu li.photographs a { background: url(/troubadour/images/text_photographs_o.png) top left no-repeat; }

	ul.submenu li.past-performers a { background: url(/troubadour/images/text_past_performers_n.png) top left no-repeat; }
	ul.submenu li.past-performers a:hover { background: url(/troubadour/images/text_past_performers_o.png) top left no-repeat; }
	.past-performers ul.submenu li.past-performers a { background: url(/troubadour/images/text_past_performers_o.png) top left no-repeat; }

	ul.submenu li.gallery a { background: url(/troubadour/images/text_the_gallery_n.png) top left no-repeat; }
	ul.submenu li.gallery a:hover { background: url(/troubadour/images/text_the_gallery_o.png) top left no-repeat; }
	.gallery ul.submenu li.gallery a { background: url(/troubadour/images/text_the_gallery_o.png) top left no-repeat; }

	ul.submenu li.the-club a { background: url(/troubadour/images/text_the_club_n.png) top left no-repeat; }
	ul.submenu li.the-club a:hover { background: url(/troubadour/images/text_the_club_o.png) top left no-repeat; }
	.the-club ul.submenu li.the-club a { background: url(/troubadour/images/text_the_club_o.png) top left no-repeat; }

	ul.submenu li.demos a { background: url(/troubadour/images/text_demos_n.png) top left no-repeat; }
	ul.submenu li.demos a:hover { background: url(/troubadour/images/text_demos_o.png) top left no-repeat; }
	.demos ul.submenu li.demos a { background: url(/troubadour/images/text_demos_n.png) top left no-repeat; }

	ul.submenu li.what-the-papers-say a { height:40px; background: url(/troubadour/images/text_what_the_papers_say_n.png) top left no-repeat; }
	ul.submenu li.what-the-papers-say a:hover { background: url(/troubadour/images/text_what_the_papers_say_o.png) top left no-repeat; }
	.what-the-papers-say ul.submenu li.what-the-papers-say a { height:35px; background: url(/troubadour/images/text_what_the_papers_say_n.png) top left no-repeat; }

	ul.submenu li.nineteen-fifties a { background: url(/troubadour/images/text_1950s_n.png) top left no-repeat; }
	ul.submenu li.nineteen-fifties a:hover { background: url(/troubadour/images/text_1950s_o.png) top left no-repeat; }
	.nineteen-fifties ul.submenu li.nineteen-fifties a { background: url(/troubadour/images/text_1950s_o.png) top left no-repeat; }
	
	ul.submenu li.nineteen-sixties a { background: url(/troubadour/images/text_1960s_n.png) top left no-repeat; }
	ul.submenu li.nineteen-sixties a:hover { background: url(/troubadour/images/text_1960s_o.png) top left no-repeat; }
	.nineteen-sixties ul.submenu li.nineteen-sixties a { background: url(/troubadour/images/text_1960s_o.png) top left no-repeat; }

	ul.submenu li.site-map a { background: url(/troubadour/images/text_site-map_n.png) top left no-repeat; }
	ul.submenu li.site-map a:hover { background: url(/troubadour/images/text_site-map_o.png) top left no-repeat; }
	.site-map ul.submenu li.site-map a { background: url(/troubadour/images/text_site-map_o.png) top left no-repeat; }

	ul.submenu li a i { visibility:hidden; }

/* Page Specific structure and typog */
.programme { margin:0 10px 0 160px; padding:0; clear:none; }
.programme .month { }
.programme .month div { margin:0; padding:0; width:263px; height:23em; float:left; }
.programme .month div h2 { font-size:80%; background:#DDDDDD; margin:0; padding:5px 4px 4px 4px; }
.programme .month div h3 { font-size:70%; background:#EEEEEE; margin:0; padding:3px 4px 2px 4px; font-weight:normal; }
.programme .month div p { margin:0 4px 0 35%; padding:0 0; font-size:80%; }
.programme .month div img { width:30%; float:left; margin:5px; border:0; }
.programme h1 { clear:both; font-size:90%; }
.programme .footermenu { clear:both; }

.content .menu { margin:10px 3px 100px 3px; padding:0; border:1px solid #000; background-color:#fff; width:375px; }
.content .menu h2 { background:#C6D7CE; margin:0; width:100%; clear:left; text-indent:3px; text-align:left; color:#000; border:none; }
.content .menu h3 { background:#C6D7CE; margin:3px 0 0 0; width:100%; clear:left; text-indent:3px; text-align:left; color:#000; border:none; }
.content .menu p { margin:3px; clear:left; }
.content .menu dl { margin:0 5px; font-size:100%; width:365px; }
.content .menu dl dt { margin:20px 0 5px 0; padding:0; float:left; width:300px; font-weight:bold; width:70%; }
.content .menu dl dd { margin:20px 0 5px 0; padding:0; float:right; width:65px; text-align:right;  }

/* Typography */
.content { margin:0 160px 0 155px; padding:0; clear:none; }
body.fourzerofour .content, body.subscribe-success .content, body.subscribe-failed .content, body.you-have-been-removed .content, body#prog .content, body#unsubscribe .content { margin-bottom:600px; }
body.contact .content { margin-bottom:300px; }

body#the-club h1 { font-size:130%; }
.content h1 { width:360px; padding:0; margin:4px 4px; text-align:right; color:#CC6633; border-bottom:1px solid #CC6633; font-size:150%; }
.content h1 a { }
.content h2 { width:360px; padding:0; margin:4px 4px; text-align:right; color:#CC6633; border-bottom:1px solid #CC6633; font-size:120%; }
.content h2 a { }
.content h3 { }
.content h3 a { }
.content h4 { }
.content h4 a { }
.content h5 { }
.content h5 a { }
.content h6 { }
.content h6 a { }
a { color:#CC6633; font-weight:bold; text-decoration:none;  }
a:hover { color:#000; text-decoration:underline;  }

.content ul { font-size:80%; }
.content ul li { }
.content ul li a{ }

.content blockquote { border-top:1px solid #CC6633; margin:5px 0 10px 0; padding:5px 0 0 0; display:block; width:370px; text-align:right; font-size:100%; }
.content cite { border-bottom:1px solid #CC6633; margin:10px 0 5px 0; padding:0 0 5px 0; display:block; width:370px; text-align:right; font-style:normal; }

p { font-size:80%; line-height:1.6em; }
.content p a { }

.content img { margin: 0 10px 5px 10px; text-align:center; }
.content img.imgright { float:right; }
.content img.imgleft { float:left; }

.content .imgleft { float:left; }
.content .imgright { float:right; }
.content .clearleft { clear:left; }
.content .clearright { clear:right; }

.content ul.footermenu { clear:both; height:3.5em; width:390px; list-style:none; border-top:#CC6633 solid 1px; border-bottom:#CC6633 solid 1px; margin:20px 0 20px 0; padding:0; }
.content ul.footermenu li { float:left; margin:0; padding:3px 5px 0 5px; }

.content-past { margin:0 10px 100px 155px; }
.content-past ul {  margin:0; padding:0; list-style:none; width:533px; }
.content-past ul li {  margin:5px 5px 7px 5px; padding:0; width:160px; float:left; font-size:80%; }
.content-past h1 { margin:15px 0 7px 0; padding:0; clear:both; }
.content-past h3.block_title { width:503px; padding:0; margin:4px 4px 10px 4px; text-align:right; color:#CC6633; border-bottom:1px solid #CC6633; font-size:150%; }
.content-past .field { width:300px; margin:5px; }
.content-past .small-field { width:140px; margin:5px; }
.content-past .submit { width:150px; margin:5px; }
.content-past .top { text-align:right; }
.extra-container { background: url(/troubadour/images/container2.gif) top left no-repeat; margin:0 auto; padding:0; margin:0; }


/* body#our-programme .content { margin-right:10px; } */
h1.month { color:#000; text-align:left; border:none; }
.event { border:1px solid #000; margin-bottom:20px; background:#fff; position:relative; }
.event img { margin:5px; padding:0; border:none; float:left; width:80px; position:relative; }
.event h3 { margin:0px; padding:5px; background:#DDDDDD; }
.event h4 { margin:0; padding:5px; }
.event h5 { margin:0; padding:2px 5px; background:#EEEEEE; }
.event p { margin:0; padding:5px; }
img.event-img { width:140px; float:left; padding:0; margin:0; border:0;}
.event-stuff { width:233px; float:right; }
.event-stuff h1.event-header { width:233px; }
.event-stuff h3.event-date { color:#000; border-top:1px #000 solid; border-bottom:1px #000 solid; margin:10px 0; padding:5px 0; font-size:90%; }
p.event-description { background:#fff; border:1px solid #000; clear:right; padding:10px 5px; width:95%; }

.event-stuff .date { text-align:right; font-style:italic; }

.content-past h2, .content-past ul { width:100%; display:block;   text-align:left;  float:left; }
.cleaner { clear:both; visibility:hidden; } 




