@charset "UTF-8";
/* CSS Document */

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, input, 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, button, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; background:transparent; font-size:100%; vertical-align:baseline;}

ol, ul {list-style:none; margin:0;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
	
/* 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 {
	background:#900;
	font-family:Helvetica, Arial, sans-serif;
	line-height:1em;
	font-size:0.8em;
}

h1, h2, h3, h4, h5, h6 {
	color:#ffffcc;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:3px;
}

h2 a {
	color:#FFFFCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:2px;
	text-decoration:none;
	padding-left:10px;
}

h3 a {
	color:#036;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	text-decoration:none;
}

h2 a:hover {text-decoration:none;}

h3 a:hover {text-decoration:none;}

.clear {clear:both;}

.wrap {position:relative; margin-top: 2px;}

#record {background:url(bridge.png) no-repeat; width:510px; height:400px; position:absolute; z-index:5; left:50px; top:30px;}

#logo {background: url(wtmd_logo.gif) no-repeat; position: absolute; top:240px; left:295px; width:132px; height:90px; text-indent:-900000px; z-index:10;}

#player {position: absolute; top:345px; left:48px; width:350px; height:266px; z-index:10;}

#pledge {background: url(tickets.png) no-repeat; position: absolute; top:510px; left:320px; width:200px; height:220px; text-indent:-900000px; z-index:20;}

#cake {background: url(ccc.png) no-repeat; position: absolute; top:540px; right:-45px; width:150px; height:180px; text-indent:-900000px; z-index:10;}

#cover {background: url(wtmd_sleeve2.gif) no-repeat; position: absolute; top:0; left:250px; width:738px; height:744px; z-index:1; top:10px; box-shadow:0 0 5px #003C49; -webkit-box-shadow:0 0 5px #003C49; -moz-box-shadow:0 0 5px #003C49;}

#cover h2, #cover h3 {text-align:right;}
#cover h2 {margin:50px 25px 15px 0; font-size:2em;}
#cover h3 {margin:0 25px 15px 0; font-size:1.5em; font-weight:normal; letter-spacing:2px;}

#cover p {color:#fff; margin:50px 10px 10px 250px; line-height:1.5;}

#now_playing { background-color:#ff9; border:1px solid #003C49; width:806px; position:absolute; top:600px; height:60px;}
#now_playing h5 {
	padding-top:5px;
	padding-right:200px;
	text-align:right;
	margin: 10px 0 10px 210px;
	font-size:1em;
	color:#000;
}

#now_playing img {color:#fff; font-family:Helvetica, Arial, sans-serif; margin:10px 0 10px 270px;}

#iframe {width:480px; position:absolute; top:610px; left:225px; background:#108E8E url(wtmd_bg.gif) repeat-y 30px center;border-left-style: solid; border-left-color: #108E8E; border-left-width: 30px; }

/* Pledge Gifts */
#gift {position:absolute; right:125px; top:155px; width:325px; min-height:300px;}

#gift p {margin:8px 25px; font:Georgia, "Times New Roman", Times, serif; color:#fff; text-align:right; font-size:1.4em;}

#gift img {float:none; }

#gift .premiumTitle, #gift .premiumAmount {color:#fff; display:block; margin:15px;}

#gift .premiumTitle {font-family:Rockwell, Georgia, "Times New Roman", Times, serif; letter-spacing:3px; font-size:1.5em; line-height:1; text-shadow:0 0 5px #000;}

#gift .premiumAmount {color:#111; font-weight:bold; text-shadow:0 1px 0 #8F7200;}

#enter h3 {margin:565px 25px 15px 0; font-size:1.5em; text-decoration:none;}
#enter h3 a {text-decoration:none;}