/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
}
#card {
	height: 595px;
	width: 750px;
	margin: 10px auto 50px;
	padding: 0px;
}
h1 {
	background: url(images/h1_ds.gif);
	height: 167px;
	width: 356px;
	display: block;
	text-indent: -6000px;
	margin: 0px;
	padding: 0px;
}

hr {
	clear: both;
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	visibility: hidden;
	border-style: none;
}
#player {
	background: url(images/player.gif);
	height: 64px;
	width: 310px;
	margin: 0px 0px 10px 25px;
	padding: 0px;
}
#download  a{
	background: url(images/download.gif);
	height: 28px;
	width: 207px;
	display: block;
	text-indent: -6000px;
	margin: 0px 0px 0px 65px;
	padding: 0px;
}

#download  a:hover{
	background: url(images/download.gif) 0px -29px;
}

#forward a{
	background: url(images/foward.gif);
	height: 27px;
	width: 271px;
	text-indent: -6000px;
	margin: 10px 0px 0px 35px;
	padding: 0px;
	display: block;
}

#forward a:hover{
	background: url(images/foward.gif)0px -28px ;

}
#leftcol {
	float: left;
	width: 380px;
}
#rightcol {
	float: right;
	width: 360px;
}
#rightcol img {
	margin: 0px 0px 0px 45px;
	padding: 0px;
	display: block;
}
#nav {
	display: block;
	margin: 15px 0px 0px 28px;
	padding: 0px;
	list-style: none;
	height: 42px;
	width: 305px;
}
#card #footer {
	font: bold 10px Arial, Helvetica, sans-serif;
	float: right;
	margin-top: 30px;
	margin-right: 30px;
	color: #666666;
}
#card #footer a {
	color: #0099FF;
	text-decoration: none;
}
#nav li{
	display: block;
	float: left;
}

#nav .blog a {
	background:  url(images/nav.gif) no-repeat;
	display: block;
	height: 42px;
	width: 85px;
	text-indent: -6000px;
	margin-right: 8px;
}
#card #footer p {
	margin: 0px;
	padding: 0px;
	text-align: right;
	line-height: 16px;
}

#nav .blog a:hover {
	background: url(images/nav.gif) no-repeat 0px -46px ;

}

#nav .myspace a {
	background:url(images/nav.gif) no-repeat -97px 0px;
	display: block;
	height: 42px;
	width: 95px;
	text-indent: -6000px;
	margin-right: 16px;
}
#nav .myspace a:hover {
	background:url(images/nav.gif) no-repeat -97px -46px;
}
#nav .donate a {
	background: #CCCCCC url(images/nav.gif) no-repeat -210px 0px;
	display: block;
	height: 42px;
	width: 85px;
	text-indent: -6000px;
}
#nav .donate a:hover {
	background: url(images/nav.gif) no-repeat -210px -46px;}





ul.flat {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

ul.flat li,
ul.graphic li {
 padding-bottom:1px;
}

ul.flat li a {
	background: url(images/player.gif);
	height: 64px;
	width: 310px;
	margin: 0px 0px 10px 25px;
	padding: 0px;
	display: block;
	text-indent: -6000px;
}


ul.flat a.sm2_link {
 /* default state: "a playable link" */

}

ul.flat a.sm2_link:hover {
 /* default (inactive) hover state */

}


ul.flat a.sm2_playing {
 /* "now playing" */
 background: url(images/player.gif) 0px -64px;
}

ul.flat a.sm2_playing:hover {
 /* "clicking will now pause" */
 border-left-color:#cc3333;
}

ul.flat a.sm2_paused {
 /* "paused state" */
 background: url(images/player.gif) 0px 0px;
}

ul.flat a.sm2_paused:hover {
 /* "clicking will resume" */
 background: url(images/player.gif) 0px 0px;
}