body {
	background-color:#232227;
	background-image: url(starfield.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	background-attachment:fixed;
	color:#fff;
	font-family: 'didot htf',didot,Palatino,Georgia,serif;
	font-size:70%;
	text-align:left;
	margin:0;
	padding:0;
}

#music {
	margin:5% auto;
	width:900px;
}

article {
	border:1px solid transparent;
	float:left;
	margin:0 0 5%;
	padding:2%;
	width:800px;
}

/* article:hover {
	border:#87a6a8 solid 1px;
	background: transparent url(http://www.timoni.org/tumblr/30.png) repeat;
} */

a {
	color:#fff;
	text-decoration:none;
	outline: none;
}

a:hover, p a:hover strong, p a:hover strong span {
	text-decoration:none;
	display:visible;
}

div {
	margin:0;
}

h1 {
	margin: 2em auto 0;
	color:#fff;
	font-size:4em;
	font-weight:300;
	line-height:1.2em;
	padding:0;
	text-align: center;
	text-shadow: 2px 2px #666;
}

h1#musictitle {
	position:relative;
	right:45px;
}

h1#musicsubtitle {
	margin: 0 auto;
	position:relative;
	left:55px;
}

h1#musictitle:first-letter {
	font-size:2.7em;
	letter-spacing:-.1em;
}

h1#musictitle a {

}

#music h1 a:hover {
	color:#ffffff;
	opacity:.8;
}

hr.magic {
	background-color: #fff;
	clear: both;
	color: #fff;
	height:3px;
	background-color:transparent;
	border:0;
	border-bottom:#232227 dotted 3px;
	margin:2em 0 3px 0;
	padding:0;
}

article div.notes {
/* background:transparent url(http://www.timoni.org/tumblr/30.png) repeat scroll 0 0; */
bottom:100px;
color:#FFFFFF;
font-size:2.5em;
font-weight:100;
padding:0;
text-align:center;
/* -moz-border-radius: 30px;
-webkit-border-radius:20px; */
}

article:hover div.notes {
	visibility: visible;
}

h2.song {
	clear:both;
	margin-bottom:0;
	text-align:center;
	font-size:6em;
}

/* .song a:first-child:first-letter {
display:inline;
float:left;
font-size:3em; 
line-height:40px;
margin-right:-3px;
margin-top:5px;
}*/

.song a {
	color:#E3A560;
	display:block;
	font-weight:300;
	line-height:.8em;
	margin:0;
	text-shadow:3px 2px 0 #666;
	text-transform:uppercase ;
}

.song a:hover{
	text-shadow:3px 3px 0 #444;
}


p.band {
	border-top:5px dotted #FFFFFF;
	color:#FFFFFF;
	font-size:2em;
	font-weight:500;
	letter-spacing:.5em;
	line-height:1.5em;
	margin:1% auto;
	text-align:center;
	text-shadow:2px 2px #044C61;
	text-transform:uppercase;
	padding-top:1%;
	width: 500px;
}

p.band:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

p.starryeyedsurprise {
	clear: both;
	font-size:5em;
	color:#fff;
	letter-spacing:.5em;
}

span.symbol {
	color:#fff;
	font-size:3em;
	position:relative;
	float:right;
	right:.05em;
	top:-4.2em;
}

p:hover span.symbol {
	color:#232227;
}

h1 a.who {
	font-size:20px;
	vertical-align:super;
	visibility:hidden;
}

h1:hover a.who {
	visibility:visible;
}