/*----------------------------------------------

Theme Name:  Johnson
Theme URI: http://orkneyblues.co.uk
Description: 'Johnson' theme for the Orkney Blues Weekend.
Version: 1.0
Author: Neil Ford | Lone Turtle web development
Author URI: http://www.lone-turtle.com

	Stromness v1.0
	http://orkneyblues.co.uk

	This theme was designed and built by Neil Ford,
	web developer at Lone Turtle - Web Design and Development
	
----------------------------------------------*/

/*----------------------------------------------

	Typography notes
	
	The design is constructed on a 16px grid ?960px? wide.
	
	Base font size is 11px
	Base line-height is 18x
	
	Basic element paddings/margins and 'guttering' are
	pixels for horiontal values and 'ems'
	for vertical values:
	
		9px = 1.22222em
		18px = 1.63636em
		36px = 3.27273em
		54px = 4.90909em
		72px = 6.54545em
		90px = 8.18182em
	
	Font sizes are:
	
		Small text: 10px/0.909091em with 18px/1.8em line-height
		Body text: 11px/1em with 18px/1.63636em line-height
		Heading: 14px/1.27273em with 36px/2.57143em line-height

----------------------------------------------*/


/*----------------------------------------------
    RESETS
----------------------------------------------*/


html {height: 100%; margin-bottom: 1px;}
body {
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
	font: 11px/18px Verdana, Geneva ,Arial, sans-serif;}
	
div,p,blockquote,ul,li,ol,dl,dt,dd,table,tr,td,th,img,a img,object,form,fieldset,input,textarea {margin: 0; padding: 0;}

ul {list-style-type: none;}
img, a img {display: block;  border: none;}
fieldset { border: none;}
object {margin: 0; padding: 0; border: 0;}

h1,h2,h3,h4,h5 {
	font-size: 14px;
	line-height: 36px;
	font-family: "Rockwell Extra Bold", Georgia, Times, serif;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

abbr {cursor: help; border-bottom: 1px dotted #fc6; color: #fc6;}
acronym {cursor: help; border-bottom: 1px dotted #fc6; color: #fc6;}

a {font-weight: normal;}
a:link {background:transparent; color:#03f; text-decoration: underline;}
a:visited {background: transparent; color: #03f; text-decoration: underline;}
a:hover {background:transparent; color:#f00; text-decoration: none;}
a:active {background:transparent; color:#f00; text-decoration: none;}
a:focus{background:transparent; color:#f00; text-decoration: none;}


/*----------------------------------------------
    LAYOUT
----------------------------------------------*/

body {
	background: #000 url(images/main/bodyBG.jpg) top center repeat-y;
	color: #fff;
}

div#wrap {
	background: #000;
	
	width: 720px;
	margin: 0 auto;
	text-align: left;
}


div#wrap2 {
	float: left;
	display: inline;
	width: 720px;
}

div#docNav {
	width: 720px;
	min-height: 18px;
	float: left;
	display: inline;
	margin: 18px 0 18px 0;

}

ul#quickLinks {
	width: 240px;
	float: right;
	display: inline;
	margin: 0 0 0 0;
}

ul#quickLinks li {
	height: 18px;
	display: inline;
}

ul#quickLinks li a {
	line-height: 18px;
	width: 80px;
	color: #fff;
	text-align: center;
	display: block;
	float: left;
	text-decoration :none;
}

ul#quickLinks li a:link {background:transparent; color:#FBF4CE;}
ul#quickLinks li a:visited {background:transparent; color:#FBF4CE;}
ul#quickLinks li a:hover {background:transparent; color:#3cf;}
ul#quickLinks li a:active {background:transparent; color:#3cf;}
ul#quickLinks li a:focus{background:transparent; color:#3cf;}



div#inner {
	float: left;
	width: 720px;
	display: inline;

	min-height: 900px;
	background: #000 url(images/ie6/brodgarBG.jpg) bottom left no-repeat;/*******************************************/
	padding: 0 0 180px 0;
	position: relative;
}



div#header {
	background: transparent url(images/main/logo.png) 0 0 no-repeat;
	width: 320px;
	height: 629px;
	margin: 0;
	position: absolute;
	top: -18px;
	left: 3px;
	display: inline;
	text-indent: -99999px;
	letter-spacing: -1px;
}

div#introduction * {padding: 0 18px;}
div#introduction img {padding: 0;}
div#introduction h3 {font-size: 18px; margin: 36px 0 9px 0;}

div#siteNav {
	background: transparent;
	width: 108px;
	margin: 24px 0 0 162px;
	font: normal 16px/22px Rockwell, Georgia, Times, serif;
	float: left;
	display: inline;
	position: relative;
	z-index: 10000;

}
	div#siteNav ul {text-align: right; margin: 0; padding: 0; width: 108px;}
	div#siteNav ul li {}
	div#siteNav ul li a {text-decoration: none; display: block;}
	div#siteNav ul li a:link {background:transparent; color:#fff;}
	div#siteNav ul li a:visited {background:transparent; color:#fff;}
	div#siteNav ul li a:hover {background:transparent; color:#3cf;}
	div#siteNav ul li a:active {background:transparent; color:#3cf;}
	div#siteNav ul li a:focus{background:transparent; color:#3cf;}







/*************************************

	#MAINCONTENT ELEMENT RESETS
	
*************************************/

	div#mainContent {
		width: 414px;
		margin: 0 0 0 18px;
		float: left;
		display: inline;
		text-align: left;
		background: url(images/main/mainContentTransparentBG.png) left bottom repeat-x;
		position:relative;
		z-index: 200000;
		
	}
	
	div#mainContent a {font-weight: bold;}
	div#mainContent a:link {background:transparent; color:#f60;}
	div#mainContent a:visited {background:transparent; color:#f60;}
	div#mainContent a:hover {background:transparent; color:#f90;}
	div#mainContent a:active {background:transparent; color:#f90;}
	div#mainContent a:focus{background:transparent; color:#f90;}

	div#mainContent h4 a {text-decoration: none; color: #fff;}
	
	div#mainContent img.alignRight {
		float:right;
		width: auto;
		margin: 12px 0 12px 18px;
		border-bottom: 2px solid #000;
		padding: 2px;
		background: #fff;
	}
	

	
	div#mainContent img.alignLeft {
		float:left;
		width: auto;
		margin: 12px 18px 12px 0;
		border-bottom: 2px solid #000;
		padding: 2px;
		background: #fff;
	}
	
	div#mainContent ol {list-style-type: decimal; margin: 0 0 12px 0;}
	div#mainContent ol li {margin: 0 0 6px 18px;}
	
	div#mainContent ul {list-style-type: square; margin: 0 0 12px 0;}
	div#mainContent ul li {margin: 0 0 6px 12px;}
	
		div.post {margin: 0 0 4.90909em 0; padding: 0 18px;}
			div.post p {margin: 0 0 9px 0;}
			div.post h2 a {
				font-weight: normal;
				text-decoration: none;
			}
			div.post h2 a {}
			div.post h2 a:link {background:transparent; color:#fff;}
			div.post h2 a:visited {background:transparent; color:#fff;}
			div.post h2 a:hover {background:transparent; color:#3cf;}
			div.post h2 a:active {background:transparent; color:#3cf;}
			div.post h2 a:focus{background:transparent; color:#3cf;}
			
			div.post h3 {clear: both;}
			
			
		div.timeStamp {margin: 0 18px 0;}
		div.entry {}
		div.metadata {}
		
		
		div.artistBio { margin: 0 0 52px 0; clear: both;}

/*************************************

	FOOTER RULES
	
*************************************/

div#siteInfo {
	clear: both;
	float: left;
	display: inline;
	
	width: 720px;
	background: #463F20 url(images/main/footerBG.jpg) 0 0 repeat-x;
	position: relative;
	color: #B8A655;
	
	font-size: 10px;
	line-height: 18px;
}

div#siteInfo a {}
div#siteInfo a:link {background:transparent; color:#C7AB3A;}
div#siteInfo a:visited {background:transparent; color:#C7AB3A;}
div#siteInfo a:hover {background:transparent; color:#FBF4CE;}
div#siteInfo a:active {background:transparent; color:#FBF4CE;}
div#siteInfo a:focus{background:transparent; color:#FBF4CE;}

ul#supNav {
	float: left;
	display: inline;
	
	width: 600px;
	margin: 18px 0 0 100px;

}

ul#supNav li {display: inline;}
ul#supNav li a {
	float: left;
	display: block;
	
	text-decoration: none;
	font: normal 16px/36px Rockwell, Georgia, Times, serif;
	padding: 0 17px;
	
}
ul#supNav li a:link {background:transparent; color:#C7AB3A;}
ul#supNav li a:visited {background:transparent; color:#C7AB3A;}
ul#supNav li a:hover {background:transparent; color:#FBF4CE;}
ul#supNav li a:active {background:transparent; color:#FBF4CE;}
ul#supNav li a:focus{background:transparent; color:#FBF4CE;}

div#siteInfo div.vcard {
	clear: both;
	float: left;
	display:inline;
	
	width: 234px;
	margin: 18px 0 36px 116px;
	background: url(images/main/vCardBG2.png) bottom left no-repeat;
	padding: 0 0 28px 0;
}

.fn {
	font: normal 16px/22px Rockwell, Georgia, Times, serif;
	color:#D88527;
	margin-bottom: 6px;
}

div.vcard div.wallet {
	background: transparent url(images/main/vCardBG1.png) top left no-repeat;
	padding: 28px 18px 0 18px;
	min-height: 138px;
}

div#siteInfo div.vcard a {}
div#siteInfo div.vcard a:link {background:transparent; color:#d88527;}
div#siteInfo div.vcard a:visited {background:transparent; color:#d88527;}
div#siteInfo div.vcard a:hover {background:transparent; color:#C0560F;}
div#siteInfo div.vcard a:active {background:transparent; color:#C0560F;}
div#siteInfo div.vcard a:focus{background:transparent; color:#C0560F;}

div#siteInfo div.vcard abbr {color:#C0560F;}

div#search {
	width: 300px;
	line-height: 36px;
	
	float: left;
	display: inline;
	margin: 18px 0 0 18px;
}

fieldset#searchField {
	padding: 18px;
	border: 1px solid #d88527;
}

div#search label {
	font-weight: bold;
}

div#search input {
	font-size: 11px;
	padding: 2px;
	margin: 0 3px;
}

	div#search button {
		font-size: 11px;
		border: 1px solid #fff;
		background: #000;
		color: #fff;
		height: 18px;
		font-weight: bold;
		cursor: pointer;
	}
	
	div#search button:hover {
		border: 1px solid #3cf;
		color: #fff;
	}
	
	div#search legend {
		display: none;
	}

div#smallPrint {
	float: left;
	display: inline;
	width: 300px;
	margin: 18px 0 36px 18px;
	position: relative;
	text-align: left;
}

div#plectrum {
	background: url(images/main/plectrumBG.png) 0 0 no-repeat;
	position: absolute;
	top: -612px;
	left: 18px;
	width: 105px;
	height: 678px;
}

/**
	Programme
**/

table.timeTable {
	margin: 0 0 52px 0;
	width: 376px; /* REM: minus 2px for borders */
	border-left: 1px solid #D3DBFB;
	border-top: 1px solid #D3DBFB;
}

table.timeTable caption {
	text-align: left;
	margin: 0 0 9px 18px;
	font: bold 14px/18px Rockwell, Georgia, Times, serif;
}

table.timeTable th {
	border-right: 1px solid #D3DBFB;
	border-bottom: 1px solid #D3DBFB;
	padding: 6px;
	font: bold 12px/18px Rockwell, Georgia, Times, serif;
}

table.timeTable td {
	border-right: 1px solid #D3DBFB;
	border-bottom: 1px solid #D3DBFB;
	padding: 6px;
	vertical-align: top;
}

.odd {background: #fff; color: #333;}
.even {background: #F5F7FD; color: #333;}

tr.odd th {color: #333; background: #EAEEFB; vertical-align: top;}
tr.even th {color: #333; background: #C0CCF2; vertical-align: top;}
tr.titleColumn {background: #0020A2;}

.column1 {width: 100px;}
.column2 {width: 60px;}
.column3 {width: 140px;}

.pagetitle { padding: 0 18px;}