/*  
Theme Name: clubsnafu
Theme URI: http://www.eastcoastinteractive.co.uk
Description: Custom wordpress theme for the good folks down at clubsnafu!
Version: 1.0
Author: East Coast Interactive
Author URI: http://www.eastcoastinteractive.co.uk
*/

/* start with a good-ol global reset */
@import "reset.css";

/*
colours used globaly 
pale grey:	#e7e8e9
magenta:	#cb6638
black:		#000
greenery:	#b6aa00
*/

/* new */
* {margin:0;padding:0;}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
p {margin:0 0 1em 0;padding:2px;}
/* end new */

/* general look and feelery */
body
{
	color:#000;
	background:#e7e8e9 url('images/pattern.gif') fixed;
	font-size:62.5%;
	text-align:center;
	margin:0;
	padding:0 0 15px 0;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-family:"Times New Roman", Times, serif;
	font-size:62.5%;
	line-height:1.6em;
	position:relative;/* for ie7*/
}

/* headings */
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a{color:#cb6638; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{color:#cb6638;}
h1{font-size:2em;}

h2{font-size:28px; font-weight:999; line-height:28px; text-align:center;}
h2.noLink{color:#444;}

h3{font-size:1.6em;}
h4{font-size:1.6em; font-weight:bold; color:#cb6638;}
h4.subH4{font-size:1.3em; color:#000;}

/* funkier headings */
/* titles in the center column */
h2.mainEvent{display:block; width:383px; height:69px; margin-bottom:18px; text-indent:-9999px;}
h2.progTitle{background:url('images/titles/programme.gif') center center no-repeat;}
h2.aboutTitle{background:url('images/titles/about.gif') center center no-repeat;}
h2.clubnightsTitle{background:url('images/titles/clubnights.gif') center center no-repeat;}
h2.listingsTitle{background:url('images/titles/listings.gif') center center no-repeat;}
h2.galleryTitle{background:url('images/titles/gallery.gif') center center no-repeat;}
h2.membersTitle{background:url('images/titles/members.gif') center center no-repeat;}
h2.venueTitle{background:url('images/titles/venue.gif') center center no-repeat;}
h2.shopTitle{background:url('images/titles/shop.gif') center center no-repeat;}
h2.barTitle{background:url('images/titles/bar.gif') center center no-repeat;}
h2.linksTitle{background:url('images/titles/links.gif') center center no-repeat;}
h2.downloadsTitle{background:url('images/titles/downloads.gif') center center no-repeat;}
h2.boxofficeTitle{background:url('images/titles/boxoffice.gif') center center no-repeat;}
h2.contactTitle{background:url('images/titles/contact.gif') center center no-repeat;}
h2.subscribeTitle{background:url('images/titles/subscribe.gif') center center no-repeat;}
h2.magazineTitle{background:url('images/titles/magazine.gif') center center no-repeat;}

/* shopping cart header in right col - ajax breaks the flir replacement so a hard code in order */
h2.shoppingCart
{
	display:block;
	width:160px;
	height:40px;
	text-indent:-9999px;
	background:url('images/titles/shoppingCart.gif') center center no-repeat;
}

/* links */
a, a:link{color:#000; font-weight:bold;}
a:hover{color:#cb6638;}
a.musicPlayerLink
{
	position:absolute;
	top:10px;
	left:40px;
	width:260px;
	height:100px;
}
a.musicPlayerLink span{display:none;}

/* button type links */
.bookingButton, .generalButton
{
	background:#cb6638;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:3px;
	color:#fff;
}

#mid a.extButton
{
	background:#cb6638;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:3px;
	color:#fff;
}

.bookingButton:hover, .generalButton:hover{background:#fff;}
#mid a.extButton:hover{background:#fff; color:#cb6638;}


/* general text */
p
{
	font-size:1.5em;
	line-height:1.3em;
}

/* lists */
#mid ul
{
	margin:18px 0 18px 9px;
	padding-left:9px;
	text-align:left;
}

#mid ul li
{
	margin:0 0 0 3px;
	list-style-image:url('images/lists/greenCross.gif');
	list-style-position:outside;
	font-size:1.6em;
	font-weight:bold;
	line-height:24px;
	padding:1px 0 3px 3px;
}

#mid ul li a
{
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-bottom:9px;
}

/* news items down the left */
.homeNewsItem
{
	padding:12px 0;
	background:url('images/greenSpacer.gif') bottom center no-repeat;
}
.homeNewsItem h4{padding:0;margin:0;}
.homeNewsItem p.date{font-family:Arial, Helvetica, sans-serif;margin:0;font-size:12px; font-weight:900;}
.homeNewsItem p{padding:0; text-align:left;}

/* magazine advert on the right */
.magazineAd
{
	padding:12px 0 24px 0;
	background:url('images/magentaStars.gif') bottom center no-repeat;
}

/* adverts on the right */
.advertItem
{
	padding:12px 0;
	background:url('images/magentaSpacer.gif') bottom center no-repeat;
}

/* listings */
.listingsItem
{
	padding:12px 0 24px 0;
	background:url('images/middleGreenSpacer.gif') bottom center no-repeat;
	text-align:left;
}

#mid dl.listingsDate
{
	position:absolute;
	width:69px;
	font-family:Arial, Helvetica, sans-serif;
	background:#e6e6e7;
	font-weight:900;
	padding:6px 0 6px 2px;
	text-align:center;
}

#mid dl.listingsDate dt.listingsMonth{font-size:12px; color:#cb6638;}
#mid dl.listingsDate dd.listingsDate{font-size:36px;padding:6px 0 4px 0; color:#cb6638;}
#mid dl.listingsDate dd.listingsDay{font-size:12px; color:#cb6638;}

.listingsContent
{
	position:relative;
	top:0;
	left:87px;
	width:290px;
}

.listingsContent p{text-align:justify;}

/* general middle itemery */
#mid .midItem
{
	padding:12px 0 24px 0;
	background:url('images/middleGreenSpacer.gif') bottom center no-repeat;
	text-align:center;
}

#mid .midItem h4{margin-top:18px;}
#mid .midItem p{}

/* onward to the layout */

#container
{
	position:relative;
	width:909px;
	margin:0 auto;
	text-align:left;
}

#header
{
	position:relative;
	background:url('images/header.gif') top center no-repeat;
	height:250px;
}

#header h1, #header p{display:none;}
.home-link{position:absolute; top:20px; left:330px; display:block; width:220px; height:80px; text-indent:-9999px;}

#jewelery
{
	position:relative;
	width:909px;
	margin:0 auto;
	background:url('images/repeater.gif') center top repeat-y;
}

#content
{
	min-height:100%;
	margin:0 214px 0 239px;
	padding:0 40px;
}

* html #content{height:100%;} /*IE treats height as min-height anyway*/

.wrapper
{
	float:left;	
	width:100%;
	padding-top:1px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
}

#left
{
	position:relative;/*ie needs this to show float */
	width:195px;
	float:left;
	margin-left:-194px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	left:-40px;
	padding-top:16px;
	padding-bottom:52px;/* clear footer*/
	z-index:2;
}

#mid
{
	float:right;
	width:100%;
	position:relative;
	padding-bottom:52px;/* clear footer*/
	margin-left:-1px;
	z-index:3;
	text-align:center;
}

#right
{
	position:relative;/* ie needs this to show float */
	width:180px;
	float:right;
	margin-right:-179px;/* must be 1px less than width otherwise won't push footer down in some browsers */
	padding-top:14px;/* to clear header*/
	left:40px;
	padding-bottom:52px;/* clear footer*/
	z-index:1;
}

.paddedRight{padding-right:36px;position:relative;}
.paddedLeft{padding-left:36px;position:relative;}

#footer
{
	width:100%;
	clear:both;
	height:179px;
	text-align:right;
	position:relative;
	background:url('images/theBird.gif') top left no-repeat;
}

.clear
{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

/* list based navigation for header */
ul#fancyHeaderMenu{position:absolute;top:118px;left:28px;}
ul#fancyHeaderMenu li a{display:block;position:absolute;}
ul#fancyHeaderMenu li a span{display:none;}


ul#fancyHeaderMenu li a#fhm_home{top:26px;left:24px;width:123px;height:33px;background:url('images/menu/listings_up.gif') top left no-repeat;}

ul#fancyHeaderMenu li a#fhm_downloads{top:26px; left:171px;width:172px; height:33px; background:url('images/menu/downloads_up.gif') top left no-repeat;}

ul#fancyHeaderMenu li a#fhm_magazine{top:26px; left:175px;width:155px; height:33px; background:url('images/menu/magazine_up.gif') top left no-repeat;}

ul#fancyHeaderMenu li a#fhm_boxoffice{top:26px; left:376px;width:161px; height:33px; background:url('images/menu/boxoffice_up.gif') top left no-repeat;}

ul#fancyHeaderMenu li a#fhm_shop{top:26px; left:570px;width:85px; height:33px; background:url('images/menu/radio_up.gif') top left no-repeat;}

ul#fancyHeaderMenu li a#fhm_about{top:26px;left:689px;width:139px;height:33px; background:url('images/menu/about_up.gif') top left no-repeat;}



ul#fancyHeaderMenu li a#fhm_contact{top:59px; left:20px;width:176px; height:28px; background:url('images/menu/contact_up.gif') top left no-repeat;}

ul#fancyHeaderMenu li a#fhm_gallery{top:59px; left:226px;width:112px; height:33px; background:url('images/menu/gallery_up.gif') top left no-repeat;}

ul#fancyHeaderMenu li a#fhm_listings{top:59px; left:371px; width:71px; height:28px; background:url('images/menu/food_up.gif') top left no-repeat;}

ul#fancyHeaderMenu li a#fhm_venue{top:59px; left:482px;width:160px; height:28px; background:url('images/menu/venue_up.gif') top left no-repeat;}

/*ul#fancyHeaderMenu li a#fhm_club{top:36px; left:98px; width:126px; height:28px; background:url('images/menu/club_up.gif') top left no-repeat;}*/

ul#fancyHeaderMenu li a#fhm_subscribe{top:59px; left:683px;width:150px; height:28px; background:url('images/menu/subscribe_up.gif') top left no-repeat;}


/*ul#fancyHeaderMenu li a#fhm_members{top:28px; left:398px;width:129px; height:15px; background:url('images/menu/members_up.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_bar{top:15px; left:539px;width:12px; height:44px; background:url('images/menu/bar_up.gif') top left no-repeat;}


ul#fancyHeaderMenu li a#fhm_links{top:11px; left:570px;width:94px; height:18px; background:url('images/menu/links_up.gif') top left no-repeat;}
*/




ul#fancyHeaderMenu li a#fhm_magazine:hover{background:url('images/menu/magazine_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_home:hover{background:url('images/menu/listings_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_downloads:hover{background:url('images/menu/downloads_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_boxoffice:hover{background:url('images/menu/boxoffice_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_shop:hover{background:url('images/menu/radio_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_about:hover{background:url('images/menu/about_ov.gif') top left no-repeat;}

ul#fancyHeaderMenu li a#fhm_contact:hover{background:url('images/menu/contact_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_gallery:hover{background:url('images/menu/gallery_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_listings:hover{background:url('images/menu/food_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_venue:hover{background:url('images/menu/venue_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_subscribe:hover{background:url('images/menu/subscribe_ov.gif') top left no-repeat;}

/*
ul#fancyHeaderMenu li a#fhm_club:hover{background:url('images/menu/club_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_members:hover{background:url('images/menu/members_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_bar:hover{background:url('images/menu/bar_ov.gif') top left no-repeat;}
ul#fancyHeaderMenu li a#fhm_links:hover{background:url('images/menu/links_ov.gif') top left no-repeat;}
*/

/* list based navigation for footer */
ul#footerPageList{list-style-type:none;	margin:0; padding:0; position:relative;}
ul#footerPageList li{float:left; text-align:left; margin-right:9px;}
ul#footerPageList li a{display:block; padding:3px; margin:0 3px 0 0; line-height:1.8em;}
ul#footerPageList li a:hover{}

#footer p{margin-right:104px; color:#666;}
.stamp
{
	position:absolute;
	top:3px;
	right:54px;
	width:40px;
	height:20px;
}