/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




body {
	padding: 0px;
	margin: 0px;
	background-position: left top;
}

p {
	font-size: 13px;
	font-family: "Courier New", Courier, Monaco, monospace;
}

#home {background-image: url(background.jpg);}

#navigator {background-image: url(background_nav.jpg);}

#navigator2 {background-position: right bottom; background-image: url(background-nav2.jpg);}

#vid {background-image: url(background-vid.jpg);}

#container {
	width: 100%;
	height: 100%;
}

#title h1 {
	display: none;
}

#random {
	height: 47px;
	width: 167px;
	background-image: url(number.gif);
	background-repeat: no-repeat;
	left: 10%;
	top: 0px;
	position: absolute;
}


#random h2 {
	display: none;
}

#lyrics {
	top: 0px;
	right: 0px;
	height: 272px;
	width: 306px;
	background-image: url(lyrics.gif);
	background-repeat: no-repeat;
	position: absolute;
}

#lyrics p {
	display: none;
}

#logo {
	position: absolute;
	height:248px;
	width:407px;
	left:35%;
	top:35%;
}

#message {
	background-position: left bottom;
	left: 0px;
	bottom: 20px;
	position: absolute;
	height: 100%;
	width: 417px;
	background-image: url(message2.gif);
	background-repeat: no-repeat;
}

#message .note {
	position: absolute;
	left: 130px;
	bottom: 80px;
	width: 160px;
}

#matches {
	background-image: url(home-bottom-right.gif);
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 191px;
	height: 301px;
	
}

#linkpic { 
	left: 0px;
	bottom: 20px;
	position: absolute;
	height: 347px;
	width: 431px;
	background-image: url(linkpic.gif);
	background-repeat: no-repeat;
}

#video { 
	left: 100px;
	top: 100px;
	width: 490px;
	height: 403px;
	position: absolute;
	background-image: url(vidframe.gif);
	background-repeat: no-repeat;
}

#video #youtube {
	margin: 30px 0 0 35px;
}


.goback {left: 10px; top: 300px; position: absolute; }

#madeby {left: 10px; bottom: 10px; position: absolute; }


/* navigator page */

#navlinks {padding-top: 100px; float: left;}

#navlinks img { float: left; }

#navlinkdouble {width: 204px; float: left;}



/* songs page */

#songs {background-image: url(songsbg.jpg);}

#songs #page {width: 965px; margin: 0 auto;}

#songs img {margin: 0;}

#songembed {margin: 30px;}

#songembed div {width: 300px; height: 52px;}

.song {width: 480px; height: 307px; display: block; float: left; margin-bottom: 30px;}

.song1 {background-image: url(song-go-to-sleep.png);}
.song2 {background-image: url(song-fall-at-your-feet.png);}
.song3 {background-image: url(song-the-whole-world-sings.png);}
.song4 {background-image: url(song-if-you-carry-me.png);}


.song div {margin-top: 260px; margin-left: 290px;}

p.download a {
	display: block;
	text-indent: -99999px;
	background-image: url(download.gif);
	width: 182px;
	height: 23px;	
}

p.download {
	float: left;
	margin: 250px 0 0 20px;
}

.song1 p.download, .song3 p.download {
	margin-left: 70px;
}

/* blog page */

#blog {background-image: url(songsbg.jpg);}

#blog #page { width: 605px; margin: 0 auto; }

#blog #page .inner {background-image: url(blogbit1.png); background-position: center top; background-repeat: no-repeat; float: left; width: 100%; padding-top: 100px; padding-bottom: 40px;}

#blog .inner p {background-image: url(blogsticky.png); width: 265px; float: left; margin: 10px;}

#blog p span { margin: 20px; display: block;}

#blog #leftimagery {background-image: url(blogbit2.png); background-position: left center; background-repeat: no-repeat; width:418px; height:312px; top: 300px; position: absolute; z-index: -1; }