html, body {
		height: 100%;
		color: black;
	background-color: #F13412; background-color: #E51919;  background-color: red;  
	font-family: impact, "Trebuchet MS";
	font-weight: normal;
}

html, body, #container, ul, li, h1 { margin: 0; padding: 0; }

h1, h2, h3, li, strong { font-weight: normal; letter-spacing: 2px; }

#container, h1, h2, #footer { width: 780px; }

h1, h2, ul#mast, ul#mast { text-align: center; }


li { list-style-type: none; }


strong { font-size: 1.2em; letter-spacing: 3px; text-transform: uppercase; }


h2 { font-size: 2em; margin: 30px auto 30px auto; text-transform: uppercase; }

h2 a, h2 a:hover, h2 a:active { color: black;}

.section-logo { margin: 0 270px;}


h3 { padding: 20px 0 5px 40px; margin: 0 auto; clear: both; color: #E6F2E8; }

.freecase { text-transform: none; }

p
{
	margin: 0 auto; padding: 0 0 40px 0;
	width: 584px;
	font-size: 1em; line-height: 1.5em;
	color: grey;
}

	
#container {
		position: absolute; left: 50%; top: 0; margin-top: 0; margin-left: -380px;
	}

	
h1#head
{
	color: white;
	letter-spacing: 10px;
	margin: 15px auto 30px auto;
	padding: 15px 0;
	font-size: 2.5em;
	height: 60px;
	line-height: 1.5em;
	background-image: url(assets/head-circ-90.gif);
	background-repeat: no-repeat;
}


ul#mast
{
	height: 25px;
	display: block;
	background-color: #E6F2E8;
	font-weight: bold;
	padding: 5px 0 0 0;	
}

ul#mast	li { padding: 5px 5px 2px 5px; height: 20px; display: inline; }



ul.side-nav
{
	width: 280px;
	display: block;
	background-color: #fff;
	margin: 24px 0 0 160px;
	font-size: .9em;
	line-height: 1.5em;
	border-color: #999;
	border-width: 1px;
	border-style: dotted;
	padding: 18px 12px;
	top: 60px; }

ul.side-nav	li { margin: 0 0; width: 240px; }


/*  
biog page elements  -----------------------------------------  */

dl { margin: 0; padding: 0 0 0 40px; }
dt { width: 100px; display: block; float: left;}
dd { width: 484px; margin-right: 0px; margin-left: 110px; }

dt, dd { padding: 0 0 6px 0; }

#end { padding-top: 20px; padding-bottom: 40px; }


/*  
gallery page elements  -----------------------------------------  */

ul.gallery { width: 100%; margin: 0 auto 40px auto; }

.gallery li { text-align: center; }

.home-link a { font-size: 1.5em; color: #E6F2E8; }
.home-link a:hover { color: #E6F2E8; }
.home-link a:active { color: white; }

.section-link { font-size: 1.2em; padding-top: 30px; }

.image { margin: 40px auto 5px auto; }
.title { font-size: 1.2em;}
.media {}
.dimensions {}
.collection {}
.secondary-media {}
.divider { padding-top: 30px;}

.divider-to-section { padding-top: 30px; padding-bottom: 30px;}

.subhead { margin-top: 20px;}

.poem-title
{
	font-size: 1.2em;
	white-space: pre;
}

.fix { letter-spacing: -4px; }

/*  
music page elements  -----------------------------------------  */


.big-divider { padding-top: 0px; font-size: 2em;}
.band { font-size: 1.5em; padding-top: 30px;}
.music-image { margin: 10px auto 5px auto; }

.ear { color: red; height: 31px; padding-top: 10px; margin-top: 10px; }
.ear-ear
{
	padding-left: 32px; padding: 10px 0 15px 32px;
	background-image: url(assets/ear-blk.gif);
	background-repeat: no-repeat;
	background-position: 0 0; clear: both;
}

/*  
poetry page elements  -----------------------------------------  */

ul.poem { padding-bottom: 40px; }
.poem pre { font-family: impact, "Trebuchet MS";}
.maelstrom { letter-spacing: .9em; }
.maelstrom { white-space: pre; letter-spacing: 2px; }
.maelstrom .squodge, poem-title .squodge { letter-spacing: 0; }
.poet { color: #E6F2E8;}

ul.poem li.image { margin-top: 40px; }

ul.poem li h3 {  text-align: left; width: 780px; margin: 0; padding: 0;
font-size: 1.5em; 
font-weight: bold;}

li h3 code { white-space: pre; }

li pre code { line-height: 1.5em; }



a { text-decoration: none; color: #E51919; }

a:hover { text-decoration: underline; color: red; }
a:active { text-decoration: underline; color: black; }



#footer { padding-bottom: 20px; width: 100%;  margin: 0 auto; }
#footer li { margin-bottom: 5px; text-align: center;  }

#footer a { color: #E6F2E8; }

#footer a:active { color: #fff;}