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

	Skerryvore.com CSS
	(c) Tripsis 2007

	www.tripsis.co.uk

**********************************


**********************************
	Generic styles
*********************************/
body {
	background: #000;
	color: #383838;
	font:100%/1.5 "Trebuchet MS", Arial, Sans-serif;
}

textarea { font-family: "Trebuchet MS", Arial, Sans-serif; }

.hide,
hr { display: none; }

strong {
    font-weight: bold;
}


/*********************************
	Layout
*********************************/
#pageholder {
	width: 760px;
	float: left;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -380px;
	background: #808080 url(../images/css/headerbg.jpg) no-repeat 10px 0;
	padding-top: 223px;
}




/*********************************
	Main Navigation
*********************************/
#mainnav {
	background: url(../images/css/navdropshadow.png) repeat-x 0 100%;
	float: left;
	padding-bottom: 15px;
	width: 740px;
}

	#mainnav h2 {
		display: none;
	}
	
	#mainnav ul {
		float: left;
		width: 740px;
		height: 4.8em;
		background: #fff url(../images/css/navcelticbg.png) no-repeat 28px 50%;
	}
	
		#mainnav ul li {
			float: left;
			padding-left: 26px;
			text-transform: uppercase;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		#mainnav ul li a {
			color: #aaa;
			text-decoration: none;
			display: block;
			height: 16px;
			overflow: hidden;
			text-indent: 300px;
			background-position: 0 0;
			background-repeat: repeat-y;
			margin: 1.6em 0;
			float: left;
		}
		
		#mainnav ul li a.home { width: 42px; background-image: url(../images/css/navicons/home.png); }
		#mainnav ul li a.news { width: 43px; background-image: url(../images/css/navicons/news.png); }
		#mainnav ul li a.gigs { width: 33px; background-image: url(../images/css/navicons/gigs.png); }
		#mainnav ul li a.biography { width: 85px; background-image: url(../images/css/navicons/bio.png); }
		#mainnav ul li a.media { width: 47px; background-image: url(../images/css/navicons/media.png); }
		#mainnav ul li a.contact { width: 67px; background-image: url(../images/css/navicons/contact.png); }
		#mainnav ul li a.store { width: 47px; background-image: url(../images/css/navicons/store.png); }
		#mainnav ul li a.gallery { width: 64px; background-image: url(../images/css/navicons/gallery.png); }
		#mainnav ul li a.links { width: 42px; background-image: url(../images/css/navicons/links.png); }
		
		#mainnav ul li a:hover,
		#mainnav ul li.selected a {
			background-position: 0 15px;
		}
		
		#mainnav ul li a:hover {
			border-bottom: 2px solid #00a5ff;
		}
		



/*********************************
	Layout
*********************************/
#maincontent {
	background: #cfcfcf url(../images/css/mainbg.jpg) repeat-y 0 0;
	font-size: 0.9em;
	float: left;
	width: 740px;
	padding-bottom: 18px;
	border: 10px solid #808080;
	border-top: none;
	border-bottom: none;
}



#maincontent p.bio a,
#maincontent p.bio a:hover,
#maincontent p.bio img {
	padding: 0;
	margin: 0;
	display: inline;
	text-decoration: 0;
	border: none;
}

#contentarea {
	float: left;
	width: 496px;
}

#contentarea.full {
	width: 740px;
}

#navbar {
	width: 240px;
	float: right;
}

#contentarea p {
	padding-bottom: 18px;
}

#contentarea a {
	color: #5fc6ff;
	text-decoration: none;
}

	#contentarea a:hover {
		color: #5fc6ff;
		border-bottom: 1px dashed #00a5ff;
	}


/*********************************
	Item Boxes
*********************************/
#contentarea div.itembox {
	width: 492px;
	padding-bottom: 12px;
	float: left;
}

#contentarea.full div.itembox {
	width: 721px;
}

	#contentarea div.itembox h2 {
		background: url(../images/css/itembox/header.png) no-repeat 0 0;
		height: 56px;
	}
	
	#contentarea.full div.itembox h2 {
		background: url(../images/css/itembox/longheader.png) no-repeat 0 0;
	}
	
	#contentarea div.itembox h2 span {
		line-height: 62px;
		padding: 0 54px;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
	}
	
	#contentarea.full div.itembox h2 span {
		width: 721px;
	}
	
	/*
	div.itembox h2 span.headlines { background-image: url(../images/css/headlines/headlines.png); }
	div.itembox h2 span.tourdates { background-image: url(../images/css/headlines/tourdates.png); }
	div.itembox h2 span.news { background-image: url(../images/css/headlines/news.png); }
	div.itembox h2 span.archive { background-image: url(../images/css/headlines/archive.png); }
	div.itembox h2 span.recent { background-image: url(../images/css/headlines/recent.png); }
	div.itembox h2 span.bandbio { background-image: url(../images/css/headlines/bandbio.png); }
	div.itembox h2 span.snippets { background-image: url(../images/css/headlines/snippets.png); }
	div.itembox h2 span.upcominggigs { background-image: url(../images/css/headlines/upcominggigs.png); }
	div.itembox h2 span.pastgigs { background-image: url(../images/css/headlines/pastgigs.png); }
	div.itembox h2 span.contact { background-image: url(../images/css/headlines/contact.png); }
	div.itembox h2 span.links { background-image: url(../images/css/headlines/links.png); }
	div.itembox h2 span.mailinglist { background-image: url(../images/css/headlines/mailinglist.png); }
	div.itembox h2 span.gallery { background-image: url(../images/css/headlines/gallery.png); }
	div.itembox h2 span.media { background-image: url(../images/css/headlines/media.png); }
	div.itembox h2 span.store { background-image: url(../images/css/headlines/store.png); }
	div.itembox h2 span.error { background-image: url(../images/css/headlines/error.png); }
	div.itembox h2 span.file404 { background-image: url(../images/css/headlines/404.png); }
	*/
	
	#contentarea div.itembox div.content {
		color: #fff;
		background: #383838 url(../images/css/itembox/bg.jpg) repeat-y 0 0;
		margin: 5px 0 0 19px;
		padding: 12px 0;
	}
	
	#contentarea div.itembox div.content h3 {
		font-size: 1.1em;
		background: #00a5ff;
		padding: 0;
		color: #010101;
		font-weight: bold;
		line-height: normal;
		margin-bottom: 12px;
	}
	
	#contentarea div.itembox div.content h3,
	#contentarea div.itembox div.content p,
	#contentarea div.itembox div.content td,
	#contentarea div.itembox div.content ul {
		padding: 4px 35px;
	}
	
	#contentarea div.itembox div.content p,
	#contentarea div.itembox div.content ul,
	#contentarea div.itembox div.content ol {
	    list-style-type: square;
	    padding-bottom: 18px;
	}
	
	#contentarea div.itembox div.content ul,
	#contentarea div.itembox div.content ol {
	    padding-left: 50px;
	}
	
	#contentarea div.itembox div.content ol {
		list-style-type: decimal;
	}
	
	#contentarea div.itembox div.content table {
		width: 100%;
	}
	
	#contentarea div.itembox div.content td {
		padding-right: 12px;
		vertical-align: top;
	}
	
	#contentarea div.itembox div.content tr.splitter td {
		background: #00a5ff;
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 1.1em;
		padding: 0 35px;
	}
	
	#contentarea div.itembox div.content td.date {
		width: 90px;
	}
	
	
	#contentarea p.sublink {
		margin-top: 18px;
	}
	
	#contentarea p.sublink a {
		border-top: 1px solid #333;
		padding-top: 2px;
	}


/*********************************
	Navigation Boxes
*********************************/
#navbar div.itembox {
    margin-bottom: 16px;
}

	#navbar div.itembox h2 {
		background: url(../images/css/sideheader.png) no-repeat 7px 0;
		height: 56px;
		padding-left: 12px;
	}
	
		#navbar div.itembox h2.bebo {
			background-image: url(../images/css/sideheader_bebo.png);
			overflow: hidden;
			text-indent: 6000px;
		}
	
		#navbar div.itembox h2.itunes {
			background-image: url(../images/css/sideheader_itunes.png);
			overflow: hidden;
			text-indent: 6000px;
		}
	
		#navbar div.itembox h2.radio {
			background-image: url(../images/css/sideheader_radio.png);
			overflow: hidden;
			text-indent: 6000px;
		}
	
		#navbar div.itembox h2.mailinglist {
			background-image: url(../images/css/sideheader_mailinglist.png);
			overflow: hidden;
			text-indent: 6000px;
		}
	
		#navbar div.itembox h2.myspace {
			background-image: url(../images/css/sideheader_myspace.png);
			overflow: hidden;
			text-indent: 6000px;
		}
	
	#navbar div.itembox h2 span {
		line-height: 62px;
		padding: 0 26px;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
	}
	
	#navbar div.itembox div.content {
		background: #8c8c8c;
		margin: 0 19px 0 12px;
		color: #000;
		line-height: normal;
	}
	
	#navbar div.itembox div.content h3 {
		font-weight: bold;
		color: #00a5ff;
		background: #202020;
		padding: 2px 28px;
	}
	
	#navbar div.itembox div.content p {
	    padding: 8px 19px;
	}
	
	#navbar div.itembox div.content a {
		color: #010101;
		text-decoration: none;
	}
	
		#navbar div.itembox div.content a:hover {
			border-bottom: 1px dashed #010101;
		}
	

/*********************************
	Home Page
*********************************/
img.homepagephoto {
	background: url(../images/css/photobg-large.png) no-repeat 0 0;
	padding: 8px;
	padding-top: 9px;
	margin-left: 18px;
}

div.homepageintro {
	color: #5c5c5c;
	font-size: 1.1em;
	padding: 18px 26px;
}

a.storelink {
	border: none !important;
}


/*********************************
	Input Form
*********************************/
table.inputform {
}

	table.inputform td.field {
		width: 120px;
		vertical-align: top;
		padding-top: 4px;
	}
	
	table.inputform td input,
	table.inputform td textarea {
		width: 380px;
		padding: 2px 4px;
	}
	
	table.inputform td input.button {
		width: auto;
	}
	
	table.inputform td textarea {
		height: 120px;
	}
	


/*********************************
	Store
*********************************/	
div.store form p {
	font-size: 1.4em;
}

/*********************************
	Contact Sheet
*********************************/	
p.albumselect {
	text-align: right;
}

#contactsheet {
	float: left;
	margin-top: 18px;
}

	#contactsheet a {
		display: block;
		background: #808080;
		width: 133px;
		height: 120px;
		padding: 10px;
		margin-left: 18px;
		margin-bottom: 18px;
		border: none;
		float: left;
		text-align: center;
		vertical-align: middle;
	}
	
	#contactsheet a:hover {
		border: none;
		background: #f1b500;
	}
	
		#contactsheet a img {
			vertical-align: middle;
			border: 1px solid #000;
		}
		


/*********************************
	Media
*********************************/	
div.video {
	padding: 0 24px;
}

/*********************************
	Gigs
*********************************/	
#pageholder #maincontent table.gigs p {
	padding: 0;
}		


/*********************************
	News
*********************************/	
p.newspostinfo {
	text-align: right;
	color: #e5e5e5;
	border-top: 1px solid #808080;
	margin: 0 36px;
}

ul.newsarchive {
    padding: 4px 24px;
}


/*********************************
	Copyright and Credits
*********************************/	
#copycredits {
    clear: both;
    background: #000;
    padding-bottom: 32px;
    text-align: right;
}

    #copycredits ul {
        background: #000;
    }

        #copycredits ul li {
            display: inline;
            color: #848284;
            margin-left: 32px;
            font-size: 0.9em;
        }
        
            #copycredits ul li a {
		        color: #ffbf00;
                text-decoration: none;
            }
        
            #copycredits ul li a:hover {
		        border-bottom: 1px dashed #f3b700;
            }
    

/*********************************
	Footer Links
*********************************/	
#footerlinks {
    background: #000;
    float: left;
    width: 760px;
    padding-top: 8px;
    padding-bottom: 8px;
}

    #footerlinks ul,
    #footerlinks li {
        float: left;
    }
    
    #footerlinks li {
        margin-right: 8px;
    }
    
    #footerlinks li.last {
        margin: 0;
    }
    
        #footerlinks li a {
            display: block;
            width: 131px;
            height: 51px;
            background-repeat: no-repeat;
            background-position: 0 0;
            text-decoration: none;
            color: #000;
            font-size: 0.8em;
            font-weight: bold;
            text-transform: uppercase;
            padding: 15px;
            padding-top: 26px;
            padding-left: 102px;
            line-height: normal;
        }
        
        
        #footerlinks li.store { background: #e1b32b url(../images/css/bebackblue.png); }
        #footerlinks li.bio { background: #666 url(../images/css/bebackgrey.png); }
        #footerlinks li.book { background: #fff url(../images/css/bebackwhite.png); }
        
        
        #footerlinks li a {
            background-position: 5px 5px;
            background-repeat: no-repeat;
        }
        
        #footerlinks li.store a { background-image: url(../images/css/bebackshop.jpg); }
        #footerlinks li.bio a { background-image: url(../images/css/bebackbio.jpg); }
        #footerlinks li.book a { background-image: url(../images/css/bebackbook.jpg); }