/*css for ebbsandflows*/

/*GLOBAL LAYOUT STYLES*/
body {
font-family: "lucida sans", "lucida grande", "lucida sans unicode", sans-serif;
background: #dc9000 url(images/bg_paper_90.jpg) fixed;
font-size: 95%;
max-width: 900px;
min-width: 700px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
text-align: center;
}

div#wrapper {
float: left; /* FNE method to get background colour to stretch to footer*/
background: #fff url(images/dotted_border_grey.gif) right top repeat-y; /*faux column image, so border stretches to footer irrespective of amount of content in either the right sidebar or main content area*/
padding: 0;
margin: 0;
text-align: left;
width: 100%; /*to get all pages the same default width irrespective of amount of content or whether they have a right sidebar*/
}

body.twocol div#wrapper {
background-image: none; /*to stop faux column image appearing on pages without a right sidebar*/
}

div#header {
margin: 0;
padding: 0;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
background: url(images/agas43_108h.jpg) right top no-repeat;
}

div#header img {
border: 2px solid #000;
margin: 10px 0 10px 10px;
}

div#container {
width: 100%;
margin: 0;
padding: 0;
}

/*content for three-column layout*/
div#content {
margin: 10px 221px 0 160px;/*margin-top for IE*/
background-color: #fff;
padding: 0 30px 0 10px;
}
/*margins allow sidebar1 and sidebar2 to slot into place*/

/*content for two-column layout*/
body.twocol div#content {
margin: 10px 0 0 160px; /*margin-top for IE*/
padding: 0 0 0 10px;
}

div#sidebar1 {
float: right;
width: 220px;
padding: 0;
margin: 5px 0 0 0; /*margin-top for IE*/
}

div#sidebar2 {
float: left;
width: 150px;
padding: 0 0 0 10px;
margin: 0;
}

div#footer {
clear: both;
background-color: #dcdcdc;
padding: 2px;
margin: 50px 0 0 0;
}

/*GLOBAL LINK STYLES*/

a {
color: #4e8ccc;
cursor: pointer; /*to stop IE using the default arrow cursor over the global nav because of image replacement*/
}

a:visited {
color: #4a2885;
}

a:hover, a:active, a:focus {
color: #69a61d;
}

/* no border on any image links*/
a img {
border: none;
}

/*skip links in upper left*/
ul#skiplinks {
padding: 5px;
margin: 0;
background: #ececec;
font-size: 90%;
}

ul#skiplinks li{
display: inline;
padding-right: 10px;
}

/*GLOBAL HEADING STYLES*/

h1, h2, h3 {
font-family: "century gothic", "apple gothic", sans-serif;
}

h1 {
font-size: 150%;
background-color: #ececec;
padding: 5px 0 5px 5px;
border-bottom: 5px solid #dcdcdc;
}

h2 {
font-size: 100%;
}

/*GLOBAL TEXT STYLES*/

/* hide contents - info for screen-readers */
.context {
position: absolute; 
width: 1px; 
height: 1px; 
left: 0px; 
overflow: hidden;
top: -500px;
}

.italic {
font-style: italic;
}

.intro-text {
font-family: garamond, "times new roman", serif;
font-weight: bold;
letter-spacing: .1em;
}

/*GLOBAL NAVIGATION STYLES*/

ul#globalnav {
float: left;
list-style: none;
width: 150px;
margin: 0;
padding: 0;
position: absolute; /*to stop the globalnav image sliding to the right and overlapping the content when the browser window is resized in IE*/
}

/*the following styles are part of the Gilder-Levin image replacement method*/

ul#globalnav li{
float: left;
margin-left: 0;
height: 60px;
width: 150px;
position: relative;
}

ul#globalnav li#contact {
height: 53px;
}
/*to correct for inconsistent spacing between words in original image*/

ul#globalnav li span {
background-image: url(images/global_navigation.gif); 
background-repeat: no-repeat;
height: 100%;
width: 100%;
position: absolute;
}

ul#globalnav li#index span { background-position: 0 0;}
ul#globalnav li#music span { background-position: 0 -60px;}
ul#globalnav li#gigs span { background-position: 0 -120px;}
ul#globalnav li#contact span { background-position: 0 -177px;}
ul#globalnav li#biography span { background-position: 0 -225px;}
ul#globalnav li#press span { background-position: 0 -285px;}
ul#globalnav li#friends span { background-position: 0 -340px;}
ul#globalnav li#stories  span { background-position: 0 -395px;}

ul#globalnav li#index.current span, ul#globalnav li#index a:hover span, ul#globalnav li#index a:focus span, ul#globalnav li#index a:active span { background-position: -180px 0;}
ul#globalnav li#music.current span, ul#globalnav li#music a:hover span, ul#globalnav li#music a:focus span, ul#globalnav li#music a:active span { background-position: -180px -60px;}
ul#globalnav li#gigs.current span, ul#globalnav li#gigs a:hover span, ul#globalnav li#gigs a:focus span, ul#globalnav li#gigs a:active span{ background-position: -180px -120px;}
ul#globalnav li#contact.current span, ul#globalnav li#contact a:hover span, ul#globalnav li#contact a:focus span, ul#globalnav li#contact a:active span { background-position: -180px -177px;}
ul#globalnav li#biography.current span, ul#globalnav li#biography a:hover span, ul#globalnav li#biography a:focus span, ul#globalnav li#biography a:active span { background-position: -180px -225px;}
ul#globalnav li#press.current span, ul#globalnav li#press a:hover span, ul#globalnav li#press a:focus span, ul#globalnav li#press a:active span { background-position: -180px -285px;}
ul#globalnav li#friends.current span, ul#globalnav li#friends a:hover span, ul#globalnav li#friends a:focus span, ul#globalnav li#friends a:active span{ background-position: -180px -340px;}
ul#globalnav li#stories.current span, ul#globalnav li#stories a:hover span, ul#globalnav li#stories a:focus span, ul#globalnav li#stories a:active span   { background-position: -180px -395px;}

/*SIDEBAR1 STYLES*/

div#mailsubscribe, div#rss, div#external {
margin: 20px 20px 0 15px;
border-top: 1px solid #ccc;
padding: 5px;
}

div#mailsubscribe p, div#external p {
margin: 0;
}

div#rss img {
padding-right: 5px;
}

div#external li {
list-style-image: url(images/star.gif);
}

div#external a, div#rss a {
color: #000;
}

div.buttonarea input {
padding: 10px;
font-weight: bold;
background-color: #679ace;
color: #fff;
}

/*LFM WIDGET STYLES - replacing inline styles from LastFM code*/

div#lfm-player {
width: 184px;
display: block;
margin: 0 0 0 15px;
padding: 0;
}

div#lfm-header {
height: 20px;
}

div#lfm-header a {
outline: none; /*hiding dotted outline which stretches off page-left when you tab through the links due to the image replacement*/
width: 184px;
float: left;
background: url(http://cdn.last.fm/widgets/images/en/header/playlist/regular_blue.png) no-repeat 0 -20px;
text-indent: -10000em; /*hiding link text*/
}

div#lfm-footer {
height: 20px;
margin-top: 0;
}

div#lfm-footer a {
outline: none; /*hiding dotted outline which stretch off page-left when you tab through the links due to the image replacement*/
width: 184px;
float: left;
text-indent: -10000em; /*hiding link text*/
}

div#lfm-visit {
width: 74px;
background: url(http://cdn.last.fm/widgets/images/en/footer/blue_np.png) no-repeat -85px -20px;
float: left;
}

div#lfm-widget {
width: 85px;
background: url(http://cdn.last.fm/widgets/images/en/footer/blue_np.png) no-repeat 0px -20px;
float: left;
}

div#lfm-popup {
width: 25px;
background: url(http://cdn.last.fm/widgets/images/en/footer/blue_np.png) no-repeat -159px -20px;
float: left;
}

/*FOOTER STYLES*/

ul.inlinelist li{
display: inline;
padding-right: 5em;
font-weight: bold;
}

/*MUSIC INDEX STYLES*/

ul.music-list {
list-style: none;
padding: 0;
margin: 0;
}

ul.music-list li {
margin: 0 0 30px 0;
padding: 0;
height: 140px; /*height required to get li's to align horizontally in IE*/
}

/*to move text below image*/
ul.music-list img {
display: block;
}

ul.music-list li.music-li2 {
float: left;
width: 40%;
padding: 0 60px 0 0;
}

/*MUSIC PAGE STYLES*/

div#right-box {
float: right;
margin: 0 25px 0 20px;
}

img.album-img {
border: 2px solid #000;
margin-bottom: 15px;
}

a.lyriclink {
padding-left: 1em;
}

ul.music-thumblist {
padding-left: 0;
margin: 0 0 30px 0;
}

ul.music-thumblist li {
display: inline;
}

img.thumbnail {
border: 1px solid #000;
}

h2.tracklist-head {
margin-top: 40px;
}

ul.tracklist, ul.tracklist2 {
margin-bottom: 50px;
margin-left: 0; /*get rid of indentation on list items  in IE*/
}

ul.tracklist {
list-style-type: none;
padding-left: 0; /*get rid of indentation on list items  in Firefox*/
}

ul.tracklist2 {
padding-left: 15px; /*to vertically align the bullets on the tracklists not linked to mp3s*/
}

ul.tracklist li a span {
color: #a1c2e4;
}

ul.tracklist li a img { /*to stop the album image which appears within the Yahoo player from appearing within the main page*/
display: none;
}

/*lyric page styles*/
div.lyrics {
padding-right: 20px;
}

div.lyrics pre {
font-family: "lucida sans", "lucida grande", "lucida sans unicode", sans-serif;
}

/*GIG PAGE STYLES*/

div.gig {
margin: 30px 0 0 0;
border: 2px dotted #ececec;
padding: 0 10px;
}

/*adjacent selector used to give a bit more space before Archived Gigs heading; not supported IE6 but difference isn't that significant*/
div.gig + h2 {
margin-top: 50px;
}

/*PRESS PAGE STYLES*/

blockquote {
margin: 40px 0 0 0;
}

p.credit {
font-weight: bold;
margin-top: 5px;
}

/*FRIENDS PAGE STYLES*/

div.row {
float: left; /*float left stops row div from collapsing because divs within it are both floated*/
border-bottom: 2px dotted #ececec;
padding: 10px 0 0 0;
width: 97%; /*so can set a percentage width for friend-text div; 97% builds in a bit of a margin on the right-hand side of the page;*/
}

div.friend-text {
float: left;
width: 60%;
padding-bottom: 10px; /*for IE */
}

div.friend-text p {
margin-top: 0
}

div.friend-image {
float: right;
width: 200px;
padding-top: 25px;
}

/*CONTACT PAGE STYLES*/

form#contact-form label {
font-weight: bold;
}

form#contact-form fieldset {
background-color: #ececec;
border: 3px solid #dcdcdc;
}

form#contact-form legend {
font-weight: bold;
}

form#contact-form div.form_input {
margin-bottom: 20px;
}

/*STORIES STYLES*/

div.story {
width: 70%;
}

div.story p:first-letter {
font-size: 200%;
float: left;
color: #7d7d7d;
}

/*BIOGRAPHY STYLES*/

img#bio-image1 {
float: right;
width: 250px;
padding: 0 0 5px 5px;
}

/*SITEMAP STYLES*/

ul.sitemap-list li {
padding-bottom: 10px;
}

/*BLOGGER STYLES*/

div.blogger-post {
border-bottom: 2px dotted #ececec;
margin-bottom: 10px;
}

p.blogger-footer {
font-style: italic;
}

div#blogger-archive h2{
background-color: #ececec;
padding: 0 0 .1em .2em;
border-bottom: 5px solid #dcdcdc;
}