@charset "UTF-8";

/* *************
CSS Document Leyline Publicity
Created & Styled By Aaron James Rodgers - 2009 
www.blooo.co.uk
www.aaronjamesrodgers.co.uk 
***************** */


/* ***************************************************
	STYLE OF THE BODY DO NOT ALTER
****************************************************** */

body, html { background-color:#EBEBEB; margin: 0 0 0 0; height:100%; }

/* IE 6 HACK FOR 100% HEIGHT */







/* *************************************************************************************************
	DIV STRUCTURES - DO NOT ALTER THESE, THEY WILL EFFECT THE LAYOUT OF THE SITE
**************************************************************************************************** */

#container { width:950px; min-height:100%; margin: 0 auto; background-color:#003366; overflow:hidden;}

#header { width:950px; height:200px; background-color:#FFFFFF; background-image:url(images/banner1.png);} 
#header2 { width:950px; height:200px; background-color:#FFFFFF; background-image:url(images/banner2.png);}
#header3 { width:950px; height:200px; background-color:#FFFFFF; background-image:url(images/banner3.png);}
#header4 { width:950px; height:200px; background-color:#FFFFFF; background-image:url(images/banner4.png);} 
#header5 { width:950px; height:200px; background-color:#FFFFFF; background-image:url(images/banner5.png);} 
#header6 { width:950px; height:200px; background-color:#FFFFFF; background-image:url(images/banner4new.png);} 

#content { width:650px; float:right; padding-top:10px; min-height:100%;}

#left { width:300px; background-color:#003366; float:left; min-height:100%; background-repeat:no-repeat; }

#twitter {width:300px; height:410px; float:left; background-image:url(images/twitter.png); background-repeat:no-repeat; padding-top:45px;}

#mailinglist {float:left; width:300px; height:100px; padding-left:15px; background-image:url(images/mailing.png); background-repeat:no-repeat; padding-top:70px; }

#soundcloud {float:left; width:300px; height:130px; padding-left:15px; background-image:url(images/listen.png); background-repeat:no-repeat; padding-top:70px; }


#staff {float:left; width:250px; background-image:url(images/who.png); background-repeat:no-repeat; padding-top:70px; padding-left:15px; }




/* *******************************************************
	VARIOUS FONT STYLES USED THROUGHOUT THE SITE
	**************************************************** */
	
body, html {font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:20px; text-align:justify; }

h1 {line-height:26px; text-align:left;}

.page-heading {font-size:14px; padding-left:15px; }


blockquote{
	margin: 0px 25px 10px 25px;
	padding: 0px 10px 0px 10px;
	background:#006699;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	}
	
#content blockquote p{
	color:#fff;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	font-style:italic;
	}

.quote-name {color:#FFFF99; float:right; font-style:italic; font-size:12px;}

.sub-heading {color:#999999; font-style:italic;}

.client {font-size:14px; text-transform:capitalize;}



/* ***************************
	NAVIGATION STYLE
   ************************** */
   
ul.navbar { list-style-type: none; padding:0px; margin: 0;}


ul.navbar li { float:left; border-right:solid; border-right-color:#003366;border-right-width: 0.1em;  background-color:#006699;}
		 

ul.navbar a { float:left; text-decoration: none; padding-right: 1.4em; padding-left:1.4em; padding-top:0.3em; padding-bottom:0.3em; letter-spacing:0.2em; font-size:12px; }

ul.navbar a:link { color:#FFFFFF; }
ul.navbar a:visited { color:#ffffff; } 
ul.navbar a:hover { background:#FFFFCC; color: #333333;}
ul.navbar a:active {}



/* ***************************
	TWITTER STYLE
   ************************** */
   
ul.twitter { color:#336699; }


ul.twitter li { float:left; margin-left: 15px; margin-right:45px; margin-top:15px; border-bottom:thin; border-bottom-color:#003366; border-bottom-style:dashed; list-style:none;  }
		 

ul.twitter a { text-decoration: none; padding-top:0.3em; padding-bottom:0.3em; width:200px;  }

ul.twitter a:link { color:#003366; }
ul.twitter a:visited { color:#003366; } 
ul.twitter a:hover { background:#FFFFFF; color: #333333;}
ul.twitter a:active {}


/* **************************
	LINKS
	************************* */
	
a.press:link {color:#FFFF99; text-decoration:none;}
a.press:visited {color:#FFFF99; text-decoration:none;}
a.press:hover {color:#FFFFFF; text-decoration:none;}
a.press:active {}

a.footer:link {color:#FFFFFF; font-size:9px; text-decoration:none;}
a.footer:visited {color:#FFFFFF; font-size:9px; text-decoration:none;}
a.footer:hover {color:#336699; text-decoration:underline;}
a.footer:active {}

a.twit:link {color:#006699; font-size:9px; text-decoration:none; }
a.twit:hover {color:#336699; text-decoration:none;}
a.twit:visited {color:#006699; font-size:9px; text-decoration:none; }
a.twit:active {}

a.quick:link {color:#FFFF99; text-decoration:none; font-size:10px;}
a.quick:visited {color:#FFFF99; text-decoration:none; font-size:10px;}
a.quick:hover {color:#FFFF99; text-decoration:underline; font-size:10px;}
a.quick:active {}

/* ************************
	WINDOW FOR IMAGES
	***********************

.closebutton {
    /* NOTE! This URL is relative to the HTML page, not the CSS */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../highslide/graphics/close.png', sizingMethod='scale');

	background: none;
	cursor: hand;
}

/* Viewport fixed hack */
.highslide-viewport {
	position: absolute;
    left: expression( ( ( ignoreMe1 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( ignoreMe2 = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
	width: expression( ( ( ignoreMe3 = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) ) + 'px' );
	height: expression( ( ( ignoreMe4 = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) ) + 'px' );
}

/* Thumbstrip PNG fix */
.highslide-scroll-down, .highslide-scroll-up {
	position: relative;
	overflow: hidden;
}
.highslide-scroll-down div, .highslide-scroll-up div {
	/* NOTE! This URL is relative to the HTML page, not the CSS */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../highslide/graphics/scrollarrows.png', sizingMethod='scale');
	background: none !important;
	position: absolute;
	cursor: hand;
	width: 75px;
	height: 75px !important;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	left: -50px;
	top: -15px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	top: -15px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	top: -50px;
}

/* Thumbstrip marker arrow trasparent background fix */
.highslide-thumbstrip .highslide-marker {
	border-color: white; /* match the background */
}
.dark .highslide-thumbstrip-horizontal .highslide-marker {
	border-color: #111;
}
.highslide-viewport .highslide-marker {
	border-color: #333;
}
.highslide-thumbstrip {
	float: left;
}

/* Positioning fixes for the control bar */
.text-controls .highslide-controls {
	width: 480px;
}
.text-controls a span {
	width: 4em;
}
.text-controls .highslide-full-expand a span {
	width: 0;
}
.text-controls .highslide-close a span {
	width: 0;
}