<html>
<head>
<meta content="text/html; charset=windows-1252" http-equiv="content-type">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre>/* @group reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
q:before,q:after {
content: '';
}
abbr,acronym {
border: 0;
}
/* @end */
/* @group layout */
#container {
width: 900px;
margin: 0 auto;
position: relative;
}
h1#header {
width: 565px;
height: 208px;
position: relative;
left: 75px;
}
div#current {
display: none;
}
#content {
top: 60px;
margin-left: 75px;
position: relative;
min-height: 450px;
}
.normal {
padding-left: 200px;
width: 450px;
}
.cds {
padding-right: 100px;
}
table#signup {
position: absolute;
left: 57px;
top: 600px;
width: 100px;
background-color: #f5f5f5;
}
table#signup td {
padding: 5px
;
}
/* @end */
/* @group background images and colors */
body {
background-color: #ffffff;
background-image: url(../images/body-red-top.gif);
background-repeat: repeat-x;
background-position: top left;
height: 1em;
}
div#stripe {
position: absolute;
width: 110%;
left: -10%;
top: 215px;
background-image: url(../images/body-rainbow.gif);
background-repeat: repeat-x;
height: 2.4em;
}
#container {
background-image: url(../images/vertical-rainbow.gif);
background-repeat: repeat-y;
background-position: top left;
}
h1#header span {
background-image: url(../images/new-england-fiddler-folk-singer-2.gif);
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
/* @end */
/* @group typography */
body {
font-family: verdana, "trebuchet ms", arial, sans-serif;
font-size: 70%;
color: #222;
}
p {
margin: 1em 0;
}
#current h2 {
font-size: 1.6em;
position: absolute;
bottom: 14px;
width: 100%;
text-align: center;
}
#content h1 {
font-size: 1.6em;
text-transform: lowercase;
margin: .5em 0;
}
#content h2 {
font-size: 1.3em;
padding: 1em 0;
}
#content h2.faqs {padding:0 1em 0 0 ; display:inline;
float:left;font-size:1em; font-weight:bold;
color:#ee1f28;}
#content .bullet {
list-style-type: disc;
list-style-position: inside;
}
p.quotes {
font-style: italic;
padding: 2em;
}
p.quotes span {
display: block;
text-align: right;
padding-right: 100px;
font-style:normal;
font-variant: small-caps;
font-size: 1.1em;
}
p.source {
margin-left: 20px;
padding-left: 5px;
border-left: 1px solid #ee1f28;
}
p#credits {
clear: both;
padding: 6em 0 3em 0;
text-align: center;
font-size: .9em;
color: #555;
}
p#credits a:link,
p#credits a:visited,
p#credits a:hover {
color: #555;
text-decoration: none;
}
p#credits a:hover {
border-bottom: 1px solid #555;
}
p.clear,
.photo-page h2,
.photo-page p {
clear: left;
}
p.back-to-link {
margin-top:3em;
padding-top:.5em;
border-top:1px solid #ee1f28;
}
blockquote.dance-calls {
font-style:italic;
margin:2px 12px;
}
/* @end */
/* @group defin
ition lists */
dt {
font-weight: bold;
font-size: 1em;
padding: 0;
display: inline;
border: 0px solid white;
}
dd {
margin: .6em 0;
}
dd a img {
float: none;
text-align: center;
}
/* @end */
/* @group other lists */
ol {
list-style-type: decimal;
padding-left: 2.6em;
}
ul li {
padding-bottom: .75em;
}
ul.thumbnails li {
float: left;
padding-right: 5px;
}
/* @end */
/* @group images */
img.feature {
position: absolute;
left: -110px;
top: 47px;
padding: 4px;
border: 0px solid white;
}
td.left a img {
float: none;
}
img.add-border {border:1px solid black;}
/* @end */
/* @group links in content area */
#content a:link {
color: #ffc72a;
color: #666666;
text-decoration: none;
border-bottom: 1px solid #ccc;
}
#content a:visited {
color: #ffeeba;
color: #ee1f28;
text-decoration: none;
border-bottom: 0px solid #25515a;
}
#content a:hover {
color: #97c13f;
color: #ee1f28;
text-decoration: none;
border-bottom: 0px solid #ee1f28;
}
/* @end */
/* @group recordings page styles */
td.left {
width: 250px;
}
td.left p {
text-align: center;
margin: 3em 0;
}
#content td.left p a {
border-bottom: 0;
}
.cds p span {
font-size: 1.5em;
text-transform: lowercase;
}
.cds td {
padding: 1em 0;
}
.cds tr td {
border-bottom: 2px solid #ee1f28;
}
/* @end */
/* @group navigation */
ul#main-nav {
list-style-type: none;
padding-left: 75px;
position: absolute;
top: 196px;
}
#main-nav li {
float: left;
}
#main-nav li a {
text-decoration: none;
display: block;
height:1.2em;
padding: .6em 1.2em .6em 1.2em;
border-color: #ee1f28;
border-style: solid;
border-width: 0px;
}
/*next rules are for ie6 only */
*html #main-nav li a {
width: 3em;
}
*html #main-nav li a#recordings {
width: 4em;
}
*html #main-nav li a#bio,
*html #main-nav li a#links,
*html #main-nav li a#tour,
*html #main-nav li a#faqs {
width: 2.5em;
}
#main-nav li a:link,
#main-nav li a:visited {
color: white;
border-bottom: 0;
}
#main-nav li a:hover {
/*
background-color: #ee1f28;*/
color: white;
border-top: 0px dashed white;
border-bottom: 0px dashed white;
}
/* @end */
/* @group rainbow navigation */
#main-nav li a,
#main-nav li a:link,
#main-nav li a:visited,
#main-nav li a:hover {
color: black;
}
a#recordings:link,
a#recordings:visited,
a#blog:link,
a#blog:visited
{
background-color: greenyellow;
}
a#lyrics:link,
a#lyrics:visited,
a#podcast:link,
a#podcast:visited
{
background-color: #51AD4A;
}
a#bands:link,
a#bands:visited {
background-color: #A7D6B6;
}
a#tour:link,
a#tour:visited {
background-color: orange;
}
a#photos:link,
a#photos:visited {
background-color: orchid;
}
a#presskit:link,
a#presskit:visited {
background-color: #E56646;
}
a#bio:link,
a#bio:visited {
background-color: #97c13f;
}
a#links:link,
a#links:visited {
background-color: #A587BB;
}
a#faqs:link,
a#faqs:visited {
background-color: #F6B01D;
}
a#contact:link,
a#contact:visited {
background-color: #5eccf3;
}
a#home:link,
a#home:visited {
background-color:orchid;
}
/* new styles for signup effective 11/9/11 */
table#signup {display:none;}
div#signup-div{
position: absolute;
font-size:.7em;
left: -30px;
top: 600px;
background-color:#e5e5e5;
padding:5px;
}
/* @end */</pre>
</body>
</html>