/*
Theme Name: Whistlebinkies 
Theme URI: http://century-23.com
Description: Whistlebinkies Pub
Version: 1.00
Author: D.Smith
Tags: none

Whistlebinkies WordPress Theme by D.Smith | http://century-23.com
*/

/*

	site: whistlebinkies.com
	copyright (c) 2009

	- root
	- accessibility
	- header
		> primary nav
		> secondary nav
	- footer
	- content
		> headings
		> paragraphs
		> anchors
	- content extras

	@todo -?

*/

/* --------------------------------------------------------------------------------------- reset */
@import url(reset.css);

/* ---------------------------------------------------------------------------------------- root */
html, body {
	 -webkit-text-size-adjust:none;
}

body {
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	min-width:990px;
	background:#000;
}

#container {
	position:relative;
	margin:0px auto 0px;
	width:990px;
	overflow:hidden;
	background:#4a2506 url(img/page-background.jpg) 0px 0px;
}

#inner-container { background:url(img/edge-tape-combined.png) top center repeat-y; }

/* ------------------------------------------------------------------------------- accessibility */
.hidden {
	position:absolute;
	left:-9999px;
}

/* ---------------------------------------------- sQUIRT */
.sQUIRT {
	position:relative;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

.sQUIRT span {
	position:absolute;
	top:0px; left:0px;
	width:100%; height:100%;
	background-repeat:no-repeat;
	background-position:0px 0px;
}

/* -------------------------------------------------------------------------------------- header */
#header {
	position:relative;
	height:275px;
	background:#dc5800 url(img/header-background.jpg) top center no-repeat;
	z-index:3;
}

#header-meta {
	position:absolute;
	top:8px; left:355px;
	z-index:2;
}

#header-meta h1 a {
	width:329px; height:163px;
	font-size:3em;
	color:#dc8d23;
	text-align:center;
	text-indent:0px;
	line-height:163px;
	cursor:pointer;
}

#header-meta h1 a:hover span { background-position:0px -164px; }

#header-meta h1 a span {
	background-image:url(img/whistlebinkies-header-logo.png);
}

#header-meta .description {
	display:none;
}

#header-meta .description p {

}

/* ------------------------------- primary nav */
#primary-nav {
	position:absolute;
	top:219px; left:0px;
	width:990px; height:70px;
	background:transparent url(img/primary-nav.png) 2px -70px no-repeat;
	overflow:hidden;
}

#primary-nav ul {
	float:left;
	padding-left:2px;
}

#primary-nav li {
	float:left;
}

#primary-nav li a {
	display:block;
	height:55px;
	font-size:14px;
	font-weight:bold;
	color:#dc5803;
	letter-spacing:-0.1em;
	text-align:center;
	text-indent:0px;
	line-height:70px;
	cursor:pointer;
}

#primary-nav li a span { background-image:url(img/primary-nav.png); cursor:pointer; }

#primary-nav li a:hover {
	color:#f7a10e;
}

#nav-gigs 			{ width:214px; }
#nav-gigs span 		{ background-position:0px -70px; }
#whistlebinkies-com-gigs #nav-gigs span,
#nav-gigs:hover span 		{ background-position:0px 0px; }

#nav-play 			{ width:199px; }
#nav-play span 		{ background-position:-214px -70px; }
#whistlebinkies-com-play #nav-play span,	
#nav-play:hover span 		{ background-position:-214px 0px; }	

#nav-gallery 		{ width:229px; }
#nav-gallery span 	{ background-position:-413px -70px; }
#whistlebinkies-com-gallery #nav-gallery span,
#nav-gallery:hover span 	{ background-position:-413px 0px; }	

#nav-forum 			{ width:116px; }
#nav-forum span 	{ background-position:-642px -70px; }
#whistlebinkies-com-forum #nav-forum span,
#nav-forum:hover span 	{ background-position:-642px 0px; }	

#nav-merchandise	{ width:228px; }	
#nav-merchandise span { background-position:-758px -70px; }
#whistlebinkies-com-merchandise #nav-merchandise span,
#nav-merchandise:hover span { background-position:-758px 0px; }


/* ----------------------------- secondary nav */
#secondary-nav {
	position:relative;
}

#secondary-nav li a {
	position:absolute;
	display:block;
	font-size:10px;
	font-weight:bold;
	text-indent:0px;
	color:#f6a10d;
	cursor:pointer;
}

#secondary-nav li a span {
	background-image:url(img/secondary-nav.png);
}

#secondary-nav li a:hover {	color:#f6d20d;}

#nav-home {	top:10px; left:35px; width:86px; height:12px; }
#nav-home span { background-position:-5px -9px; }
#nav-home:hover span { background-position:-5px -49px; }

#nav-contact { top:24px; left:35px; width:86px; height:12px; }
#nav-contact span { background-position:-5px -24px; }
#nav-contact:hover span { background-position:-5px -64px; }

#nav-rss { top:7px; right:54px; width:125px; height:30px; }
#nav-rss span { background-position:-113px -7px; }
#nav-rss:hover span { background-position:-113px -47px; }

/* -------------------------------------------------------------------------------------- footer */
#footer {
	padding:105px 20px 0px 40px;
	width:930px; height:41px;
	background:transparent url(img/footer-background.png) center top no-repeat;
}

#footer p {
	font-size:1em;
	font-weight:bold;
	color:#e58e00;
}

#footer p span {
	color:#fff;
	text-transform:uppercase;
}

#footer p a { color:#e58e00; }
#footer p a:hover { color:#f7af22; text-decoration:underline; }

/* ------------------------------------------------------------------------------------- content */
#page-content {
	position:relative;
	padding:15px 0px 0px 0px;
	width:990px;
	overflow:auto;
}

#main-wrapper {
	float:right;
	width:830px;
	overflow:hidden;
}

#main-content {	
	float:left;
	padding-left:5px;
	width:600px; min-height:725px;
	background:url(img/filigree-left.png) -160px 0px no-repeat;
}

#main-content.no-sidebar {
	width:790px;
}

#sidebar {			
	float:left;
	width:201px; min-height:725px;
	background:url(img/filigree-right.png) 0px 0px no-repeat;
}

#adbar {
	float:left;
	margin-left:24px;
	padding:8px 0px 0px 11px;
	width:125px; min-height:725px;
	background:url(img/filigree-left.png) -24px 0px no-repeat;
}


/* ---------------------------------- headings */
h2 {
	padding:5px 0px 5px 0px;
	font-size:26px;
	font-weight:bold;
	color:rgb(246, 161, 13);
}

h3 {
	font-size:18px;
	font-weight:bold;
	color:#ffbc09;
}

h3.date {
	margin-bottom:4px;
	font-size:18px;
	color:rgb(255, 255, 255);
}

.gig-listing h3.date {
	margin:5px 0px 2px 0px;
}

h4 {
	font-size:1.5em;
	font-weight:bold;
}


/* -------------------------------- paragraphs */
/* this only for main content paragraphs, not other wacky funky ones! */

#main-content p {
	margin-bottom:0.8em;
	font-size:14px;
	line-height:1.4em;
}

strong {
	font-weight:bold;
}

/* ----------------------------------- anchors */
/* this only for text links, not ones replaced with images */

a {
	font-weight:bold;
	color:#ffbc09;
}

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


/* ------------------------------------------------------------------------------ content extras */

/* ------------- main content item fuzzy boxes */

.main-item-container {
	position:relative;
	margin-bottom:10px;
	padding-bottom:5px;
}

.main-item-container .top,
.main-item-container .bottom {
	height:8px;
	background:url(img/content-box-top-bottom.png) 0px 0px no-repeat;
}

.main-item-container .bottom { background-position:0px -10px; }

.main-item-container .content {
	background-image:url(img/opacity-red.png);
	padding:10px 20px 0px 20px;
	overflow:hidden;
}

.main-item-container.brown .top 	{ background-position:0px 0px; }
.main-item-container.brown .bottom 	{ background-position:0px -10px; }
.main-item-container.brown .content	{ background-image:url(img/opacity-brown.png); }

.main-item-container.red .top 		{ background-position:0px -20px; }
.main-item-container.red .bottom 	{ background-position:0px -30px; }
.main-item-container.red .content	{ background-image:url(img/opacity-red.png); }

.main-item-container.black .top 	{ background-position:0px -40px; }
.main-item-container.black .bottom 	{ background-position:0px -50px; }
.main-item-container.black .content	{ background-image:url(img/opacity-black.png); }

.main-item-container.orange .top 	{ background-position:0px -60px; }
.main-item-container.orange .bottom 	{ background-position:0px -70px; }
.main-item-container.orange .content	{ background-image:url(img/opacity-orange.png); }

/* ------------------------- what's on tonight */
h3 span.date {
	font-weight:normal;
	color:#ccc;
}

.gig-listing {
	padding:0px 0px 10px 0px;
}

.gig-listing-item {
	margin-bottom:2px;
	padding:5px 20px;
	background-color:#b25101;
	overflow:hidden;
}

.gig-listing-item.zebra {
	background-color:#b16d01;
}


h3.band-name {
	padding-left:130px;
	font-size:24px;
	color:#000;
	color:#fccf34;
	letter-spacing:-1px;
	line-height:26px;
}

ul.gig-meta {
	position:relative;
}

ul.gig-meta li {
	float:left;
}

ul.gig-meta li.time {
	position:absolute;
	top:-30px; left:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	letter-spacing:-1px;
 	line-height:38px;
} 

ul.gig-meta li.genre {
	margin-right:10px;
	width:120px;
	font-size:11px;
	color:#fccf34;
	color:#4b2708;
}

ul.gig-meta li.website {
	padding-right:5px;
	font-size:11px;
	color:#fccf34;
	color:#4b2708;
}

ul.gig-meta li.website a {
	display:block;
	padding:0px 40px 2px 0px;
	font-weight:bold;
	color:#4b2708;
	background:url(img/visit.png) right 2px no-repeat;
}

ul.gig-meta li.website a:hover {
	color:#111;
	text-decoration:underline;
	background-position:right -23px;
}

/* ------------------------------------- gigs */

#gigs-intro-text {
	float:left;
	width:359px; min-height:170px;
}

#gigs-months-nav {
	position:absolute;
	top:2px; right:19px;
	width:200px; height:200px;
}

#gigs-months-nav a {

}

#gigs-months-nav a:hover {
	color:#7b5006;
	text-decoration:none;
}

#nav-this-month,
#nav-next-month {
	position:relative;
	display:block;
	width:219px; height:94px;
	background:url(img/gigs-month-switcher-buttons.png) 0px 0px no-repeat;
}

#nav-next-month {
	height:96px;
	background-position:0px -94px;
}

#nav-this-month:hover {
	background-position:0px -190px;
}

#nav-next-month:hover {
	background-position:0px -284px;
}

#nav-this-month strong,
#nav-next-month strong {
	position:absolute;
	top:48px; left:25px;
	font-size:16px;
}

#nav-next-month strong { top:43px; left:24px; }

#nav-this-month small,
#nav-next-month small { display:none; }

/* ---------------------------------- contact */

.main-item-container .column-left {
	float:left;
	padding:0px;
	width:390px;
}	

.main-item-container .column-right {
	float:right;
	margin:30px 0px 20px 0px;
	padding:10px 20px 20px 30px;
	width:300px;
	border-left:1px solid #773d0d;
}	

#map {
	margin-top:10px;
	width:300px; height:300px;
	overflow:hidden;
	border:4px solid white;
}

/* vcard */

.vcard { padding-top:20px; }
.org { font-size:1.3em; font-weight:bold; }
.adr { padding-bottom:1em; }
span.type { font-weight:bold; }


/* -------------------------------------- play */

#equipment h4 {
	color:#ffbc09;
}
#equipment ul {
	margin:5px 0px 10px 0px;
	padding-left:10px;
	color:#fff;
}


/* ------------------------------- merchandise */

#main-content .merch-item {
	position:relative;
	float:left;
	margin:0px 15px 15px 0px;
	width:170px; height:300px;
	background-color:#6b0000;
}

#main-content .merch-item h4 {
	padding:5px 0px 0px 5px;
	color:#ffbc09;
}

#main-content .merch-item p {
	padding:5px 10px;
	font-size:11px;
}

#main-content .merch-item p.price {
	padding:0px 0px 0px 5px;
	font-size:11px;
}

#main-content .merch-item a.ebay-link {
	position:absolute;
	bottom:10px; right:10px;
}


/* ----------------------------------- gallery */

.gallery-albumoverview h3,
.gallery-galleryoverview h3 {
	position:relative;
	margin:20px 15px 15px 0px;
	border-bottom:1px solid #6b0000;
}

.gallery-galleryoverview h3 span {
	color:#fff;
}

.gallery-galleryoverview h3 a {
	position:absolute;
	top:0px; right:0px;
	padding:4px 8px;
	font-size:12px;
	background-color:#6b0000;
}

.gallery-albumoverview,
.gallery-galleryoverview {
	padding-bottom:20px;
}

.gallery-album {
	position:relative;
	float:left;
	margin:0px 15px 15px 0px;
	width:170px; height:230px;
	background-color:#6b0000;
}

#main-content .gallery-albumdetails h4 {
	padding:6px 10px 0px 10px;
	font-size:14px;
	color:#ffbc09;
	letter-spacing:-1px;
}

.gallery-thumbnail a {
	display:block;
	height:135px;
	overflow:hidden;
}

#main-content .gallery-albumdetails p {
	padding:5px 10px 5px 10px;
	font-size:11px;
	line-height:1em;
}

img.thumb {
	width:170px;
}

img.thumb:hover { opacity:0.75; }

a.gallery-counter {
	position:absolute;
	bottom:10px; right:10px;
	font-size:12px;
	color:#360101;	
}

a.gallery-counter:hover { color:#360101; }


.gallery-navigation {
	clear:both;
	overflow:hidden;
}

.gallery-navigation div {
	float:right;
	padding-right:17px;
}

.gallery-navigation a,
.gallery-navigation span {
	display:block;
	float:left;
	margin-right:3px;
	padding:5px 10px;
	background-color:#6b0000;
}

.gallery-navigation span { background-color:#921717; }

.gal-thumbnail {
	margin:0px 15px 15px 0px;
	float:left;
}

.gal-thumbnail a:hover {
	opacity:0.50;
}


/* ------------------------------------- forms */
fieldset { overflow:auto; }

legend { display:none; }

label {
	display:block; 
	padding-top:10px;
	color:#fccf34;
	font-size:1em;
}

label span {
	font-size:0.8em;
	color:#55211b;
}

fieldset li {
	float:left;
	padding:5px 0px 5px 0px;
}

fieldset li input,
#saddr {
	padding:5px;
	width:360px;
	background-color:#f6f6f6;
	border:1px solid #797979;
	border-color:#797979 #e1e1e1 #e1e1e1 #797979;
}

#saddr {
	margin-top:1px;
	width:210px;
	vertical-align:top;
}

fieldset li input:focus,
#saddr:focus {
	border-color:#fccf34;
}

fieldset li textarea {
	padding:5px;
	width:360px; height:120px;
	background-color:#f6f6f6;
	border:1px solid #797979;
	border-color:#797979 #e1e1e1 #e1e1e1 #797979;
}

fieldset li textarea:focus  {
	border-color:#fccf34;
}

form p {
	padding:5px 17px 0px 0px;
	text-align:right;
}

.sp-form-error {
	padding:10px;
	width:350px;
	background-color:#ee0000;
}

.sp-form-error ul li {
	margin:2px 0px;
	padding:2px 0px 0px 16px;
	font-size:0.9em;
	color:#fff;
	background:url(img/bullet-error.png) 0px 0px no-repeat;
}

/* ------------------------------------------------------------------------------ sidebar extras */

/* ------------------------------- recent news */
h3#recent-news {
	width:210px; height:52px;
	background:url(img/heading-latest-news.png) 0px 0px no-repeat;
}

.news-item {
	padding:15px;
	width:156px;
	background:none!important; 	/* fix for IE issues with opactiy */
}

.news-item h4 {
	margin-bottom:0.3em;
	font-size:16px;
	color:#000;
	letter-spacing:-1px;
	line-height:1em;
}

.news-item p.date {
	margin:-4px 0px 8px 0px;
	font-size:11px;
	color:#5c320f;
}

.news-item p {
	margin-bottom:0.5em;
}

#news-cycle {
	margin-left:8px;
	width:186px;
	background:url(img/opacity-orange.png) 0px 0px;
}

#news-cycle-nav {
	margin-left:8px;
}	

#news-cycle-nav a {
	display:block;
	float:left;
	margin-right:3px;
	padding:5px 9px 0px 9px;
	height:20px;
	font-size:12px;
	font-weight:bold;
	color:#df8f0e;
	background:url(img/opacity-brown.png) 0px 0px;
}

#news-cycle-nav a:hover {
	color:#ffbf57;
	background:#9d5918;
}

#news-cycle-nav a.activeSlide {
	background:url(img/opacity-orange.png) 0px 0px;
}

#news-cycle-toggle {
	display:block;
	float:right;
	margin-right:7px;
	width:30px; height:25px;
	font-weight:bold;
	color:#df8f0e;
	background:url(img/cycle-toggle-button.png) 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}

#news-cycle-toggle.paused {	background-position:0px -25px; }