/*   
Theme Name: 40 Miles North
Theme URI: http://40milesnorth.com
Description: Custom theme for 40milesnorth.com
Author: Andrew Duncalfe
Author URI: http://tlbdesign.com
Version: 1.0
.
Copyright 2006 by Andrew Duncalfe/tLBdesign. All rights reserved.
.
*/

/* 40 Miles North
Design by tLBdesign */

/* global settings */

body
{background: #966 url(images/bgPattern.gif) repeat top left;
 text-align: center; /* center content in IE5 */
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 font-family: Georgia, "Times New Roman", Serif;
 font-size: 12pt;
 color: #111;}

/* div positioning */

#wrapper
{background: #ffeebc url(images/bgCompass.jpg) no-repeat bottom right;
 width: 750px;
 border-left: 5px solid #4E3E20;
 border-right: 5px solid #4E3E20;
 margin-right: auto;
 margin-left: auto;
 margin-top: 0;
 margin-bottom: 0;
 padding: 0 0 0 0;
 text-align: left;}

#header
{}

#nav
{text-align: center;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 background: #ffeebc url(images/navBackground.jpg) no-repeat top left;
 height: 122px;
 position: relative;}
	
#leftColumn
{width: 60%;
 float: left;
 display: inline;
 margin: 0 0 0 0;
 padding: 0 0 0 0;}
	
	#blurb
	{margin: 20px 0 20px 0;
	 padding: 0 0 0 0;}
	
	#news
	{margin: 0 0 0 0;
	 padding: 0 0 0 20px;}

#rightColumn
{width: 35%;
 float: right;
 display: inline;
 margin: 0 0 0 0;
 padding: 0 15px 0 15px;
 font-size: 10pt;
 text-align: center;}
	
#footer
{background: #ffeebc url(images/bgBottom.jpg) no-repeat bottom left;
 display: block;
 clear: both;
 width: 750px;
 height: 100px;
 font-size: 8pt;
 color: #666;}
	
/* navigation styles */

#nav ul
{width: 750px;
 height: 50px;
 background: url(images/navGrid.jpg) 0 -100px no-repeat;
 position: relative;
	top: 36px;
 margin: 0 0 0 0;
 padding: 0 0 0 0;}
	
#nav li
{margin: 0 0 0 0;
 padding: 0 0 0 0;
 list-style: none;
 position: absolute;
	top: 0;
 font-size: 36px;}
 
#nav li, #nav a
{height: 50px;
 display: block;}
 
	#nav-home
	{left: 26px;
	 width: 96px;
	 height: 50px;
	 padding: 0 0 0 0;
	 margin: 0 0 0 0;}
	
		#nav-home a:hover
		{background: url(images/navGrid.jpg) -26px -50px no-repeat;}
		
		body.home #nav-home a
		{background: url(images/navGrid.jpg) -26px 0 no-repeat;}
	
	#nav-about
	{left: 132px;
	 width: 106px;
	 height: 50px;
	 padding: 0 0 0 0;
	 margin: 0 0 0 0;}
	 
		#nav-about a:hover
		{background: url(images/navGrid.jpg) -132px -50px no-repeat;}
		
		body.about #nav-about a
		{background: url(images/navGrid.jpg) -132px 0 no-repeat;}
	
	#nav-music
	{left: 248px;
	 width: 101px;
	 height: 50px;
	 padding: 0 0 0 0;
	 margin: 0 0 0 0;}
	 
		#nav-music a:hover
		{background: url(images/navGrid.jpg) -248px -50px no-repeat;}
		
		body.music #nav-music a
		{background: url(images/navGrid.jpg) -248px 0 no-repeat;}
	
	#nav-store
	{left: 359px;
	 width: 84px;
	 height: 50px;
	 padding: 0 0 0 0;
	 margin: 0 0 0 0;}
	 
		#nav-store a:hover
		{background: url(images/navGrid.jpg) -359px -50px no-repeat;}
		
		body.store #nav-store a
		{background: url(images/navGrid.jpg) -359px 0 no-repeat;}
	
	#nav-booking
	{left: 453px;
	 width: 128px;
	 height: 50px;
	 padding: 0 0 0 0;
	 margin: 0 0 0 0;}
	 
		#nav-booking a:hover
		{background: url(images/navGrid.jpg) -453px -50px no-repeat;}
		
		body.booking #nav-booking a
		{background: url(images/navGrid.jpg) -453px 0 no-repeat;}
	
	#nav-support
	{left: 591px;
	 width: 130px;
	 height: 50px;
	 padding: 0 0 0 0;
	 margin: 0 0 0 0;}
	 
		#nav-support a:hover
		{background: url(images/navGrid.jpg) -591px -50px no-repeat;}
		
		body.support #nav-support a
		{background: url(images/navGrid.jpg) -591px 0 no-repeat;}

#nav a
{font-family: Georgia;
 font-size: 24pt;
 color: #600;
 text-decoration: none;
 padding: 3px 5px 3px 5px;}
 
	#nav a:hover
	{color: #933;
	 text-decoration: none;}

	body.home #nav-home a,
	body.about #nav-about a,
	body.music #nav-music a,
	body.store #nav-store a,
	body.booking #nav-booking a,
	body.support #nav-support a
	{color: #333;}

	
/* page styles */

a
{color: #600;
 text-decoration: none;}

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

a:active
{color: #933;
 text-decoration: underline;}

a:visited
{color: #600;
 text-decoration: none;}
 
 #news a
 {color: #900;}
 
 #news a:visited
 {color: #900;}

#blurb img
{float: left;
 margin: 5px 10px 10px 20px;
 padding: 2px 2px 2px 2px;
 border: 1px solid #333;}

#blurb p
{margin: 20px 10px 10px 10px;
 padding: 0 0 0 0;
 line-height: 1.4;}

#news img
{margin: 5px 10px 10px 20px;
 padding: 2px 2px 2px 2px;
 border: 1px solid #333;}

  img.right
  {float: right;
   margin: 10px 10px 10px 10px;}
   
  img.left
  {float: left;
   margin: 0;}

#news h1 
{font-family: Georgia, "Times New Roman", Serif;
 font-size: 35pt;
 color: #444;
 font-weight: normal;
 margin: 20px 0 10px 0;
 padding: 0 0 0 0;}

#news h2
{font-family: Georgia, "Times New Roman", Serif;
 font-size: 14pt;
 font-weight: normal;
 color: #666;
 margin: 0 0 10px 0;
 padding: 0 0 0 0;}
 
	#postNav
	{background: #faedd6;
	 border: 1px solid #333;
	 font-size: 10pt;
	 color: #444;
	 margin: 10px 0 0 0;
	 padding: 5px 5px 5px 5px;
	 text-align: center;}

#news h3
{font-family: Georgia, "Times New Roman", Serif;
 font-size: 24px;
 color: #444;
 font-weight: normal;
 margin: 20px 0 0 0;
 padding: 0 0 0 0;}
	 
#news p
{line-height: 1.3;
 margin: 0 0 10px 0;
 padding: 0 0 0 0;}
	.meta
	{font-family: Verdana, Helvetica, Sans-serif;
	 font-size: 8pt;
	 margin: 0 0 15px 0;
	 padding: 0 0 0 0;}
	 
	.postNavigation
	{text-align: center;}
	
/* ********** Comments Styles ********** */

#commentMeta
{background: #faedd6;
 border: 1px solid #333;
 font-size: 10pt;
 color: #444;
 margin: 0 0 0 0;
 padding: 5px 5px 5px 5px;}
 
h4
{font-size: 18px;
 text-align: left;
 color: #666;}
 
/* end comments */
 
#rightColumn h3
{font-family: Georgia, "Times New Roman", Serif;
 font-size: 24px;
 font-weight: normal;
 color: #444;
 margin: 20px 0 0 0;
 padding: 0 0 0 0;}

#rightColumn ul
{text-align: left;
 margin: 0 0 0 0;
 padding: 0 30px 0 30px;}

#rightColumn li
{list-style: url(images/bullet1.gif) outside;
 margin: 0 0 0 0;
 padding: 5px 10px 0 10px;
 line-height: 1.3;}

#rightColumn p
{margin: 5px 0 5px 0;
 padding: 0 0 0 0;}
	.right
	{text-align: right;
	 margin: 0 30px 0 0;}
	 
	.mailingList
	{text-align: center;
	 margin: 0 0 -25px 0;
	 padding: 0 0 0 0;}
	 
	input.submit
	{margin: 0 0 20px 0;
	 padding: 0 0 0 0;}

#rightColumn img
{margin: 5px 10px 5px 5px;
 padding: 2px 2px 2px 2px;
 border: 1px solid #333;}
	.egg
	{border: none;}
	.banner
	{clear: both;}

#footer ul
{float: right;
 margin: 40px 20px 0 0;
 padding: 0 0 0 0;}

#footer li
{display: inline;
 text-align: left;
 margin: 0 0 0 20px;
 padding: 0 0 0 0;}
 
body.store td
{text-align: center;}

/* ******************** flickr ******************** */

#flickr_badge_wrapper {padding: 0 0 0 0; margin: 0 0 0 0;}
#flickr_badge_wrapper img {width: 50px !important; height: 50px !important;}

/* ******************** sIFR ******************** */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
}*/