@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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background-image: transparent;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img { -ms-interpolation-mode:bicubic; border:0; }

body {
background-color: #000;
text-align: center;
}

#container {
width: 1005px;
height: 757px;
overflow: none;
position: relative;
margin: 0px auto;
padding: 0px;
background-image:url(../image/layout/bg.jpg);
z-index: 1;
}

#playscreen {
position: absolute;
width: 485px;
height: 385px;
overflow: none;
z-index: 2;
top: 65px;
left: 34px;
z-index: 2;
/*border: 1px solid #323232;*/
text-align: center;
}

#playscreen h1 {
font-family: Arial, sans-serif;
font-size: 16pt;
line-height: 18pt;
margin-bottom: 0.5em;
color: #F3F2E5;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: bold;
}

#playscreen h1.first {
margin-top: 0.5em;
}

#playscreen h2 {
font-family: Arial, sans-serif;
font-size: 14pt;
line-height: 16pt;
margin-bottom: 0.5em;
color: #F3F2E5;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: bold;
}

#playscreen h3 {
font-family: Arial, sans-serif;
font-size: 11pt;
line-height: 13pt;
margin-bottom: 0.5em;
color: #F3F2E5;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: bold;
}

#playscreen p {
font-family: Arial, sans-serif;
font-size: 9pt;
line-height: 12pt;
margin-bottom: 0.5em;
color: #FFF;
}

#playscreen a,a:visited,a:visited,a:active {
color: #FFFFCC;
text-decoration: none;
}

#playscreen img {
padding: 4px;
border: 1px solid #710F0F;
}

#playscreen table, tr, td {
font-family: Arial, sans-serif;
font-size: 8.5pt;
line-height: 10pt;
color: #FFF;
}

#playscreen a, a:visited, a:active {
color: #CC0000;
text-decoration: underline;
}

#playscreen a:hover {
color: #CC0000;
text-decoration: none;
}

#playscreen object {
margin-bottom: 1em;
}

#details {
text-align: left;
}

#copyright {
position: absolute;
top: 618px;
left: 565px;
width: 419px;
z-index: 2;
}

#copyright p {
font-family: Arial, sans-serif;
font-size: 8.5pt;
line-height: 10pt;
margin-bottom: 0.5em;
color: #FFF;
}

#copyright a, a:visited, a:active {
color: #CC0000;
text-decoration: underline;
}

#copyright a:hover {
color: #CC0000;
text-decoration: none;
}

#scroller {
position: absolute;
top: 85px;
left: 565px;
width: 419px;
height: 521px;
background-image: url(../image/layout/scroller_placeholder.png);
background-repeat: no-repeat;
overflow: none;
z-index: 2;
}

* html #scroller
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.ludwig-drums.com/ludwigtv/image/layout/scroller_placeholder.png", sizingMethod="crop");
}

#playlist {
top: 130px;
left: 12px;
position: absolute;
width: 395px;
z-index: 3;
height: 379px;
overflow:auto;
/*IE only*/
scrollbar-base-color: #000000;
scrollbar-arrow-color: #C0C0C0;
scrollbar-3dlight-color: #323232;
scrollbar-darkshadow-color: #161616;
scrollbar-face-color: #323232;
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #161616;
scrollbar-track-color: #000000;
}

#playlist_entry {
text-align: left;
height: 95px;
background-image:url(../image/layout/playlist_entry_bg.png);
background-repeat: repeat-x;
}

* html #playlist_entry
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.ludwig-drums.com/ludwigtv/image/layout/playlist_entry_bg.png", sizingMethod="crop");
}


#playlist_entry h1 {
font-family: Arial, sans-serif;
font-size: 12pt;
letter-spacing: -1px;
color: #FFFFCC;
}

#playlist_entry p {
font-family: Arial, sans-serif;
font-size: 10pt;
color: #FFFFCC;
}

#playlist_entry a, a:visited, a:active,a:hover {
color: #FFFFCC;
text-decoration: none;
}

#playlist_entry_left {
width: 100px;
height: 95px;
text-align: center;
float: left;
position: relative;
}

#playlist_entry_right {
width: 275px;
height: 95px;
float: left;
position: relative;
}

#playlist_entry_left img {
padding-top: 0.6em;
}

#playlist_entry_right_padding {
padding-top: 0.5em;
padding-left: 0.5em;
}

#blocker {
position: absolute; 
top: 0; 
left: 3px; 
width: 480px; 
z-index: 9000; 
background-image:url(image/layout/spacer.gif); 
background-repeat: repeat;	
}