

body {
background: #000 url('img/clown-bg2.gif') ;
color: #ddd;
font: normal small/1.3 arial;
margin:0;
padding:0;
}

#container   {
width: 690px;
padding: 0;
background: #000;
margin: 0 auto; 
}

/*
#header {  
width: 690px;
padding: 0;
background: #000;
margin: 0; 
} */

#header {
width: 690px;
background: #000; 
margin: 0 auto;
padding: 0;
border: 0;
}

div#header p {
text-indent: -9999px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
loat:left;
}

div#header p a:link, div#header p a:visited {
display: block;
width: 690px;
height: 96px;
background: transparent url(http://clownhousedvd.com/img/logo/dangerlogo9.jpg) top center no-repeat;
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
}

div#header p a:hover {
background: transparent url(http://clownhousedvd.com/img/logo/dangerlogo9.jpg) top center no-repeat;
}

#header img { border: 0; }

h1 { font-size: 150%; }
h2 { font-size: 145%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 125%; }

h1 , h2 , h3 , h4 , h5 { 
color: #fff; padding: 10px 0; ont-family: comic sans ms;
}

#menu   {
background: #000 url('img/wood-cut.jpg') repeat bottom center; /* (imenu/clown-menu-bg3.gif) ;  'img/dangermenu.jpg */
border-top: 0px solid #333;
border-bottom: 0px solid #222;
color: #fff; 
margin:-1px   auto  15px auto; /* -30px   auto  10px auto;  */
width: auto;
padding: 0 0 2px 0;
white-space: nowrap; 
}

#menu ul   { text-align: center; }

#menu ul { 
line-height: normal; 
list-style-type: none; 
margin: 0; 
padding: 0 5px; 
}

#menu ul li  {   display: inline;  white-space: nowrap;  margin: -2px 0 -4px 0; }

#menu ul li a  { 
font: bold 130% comic sans ms; 
background: transparent;
border:0px dashed #ccc;  
color: #fff;
margin: 0 ;
padding: 0 15px; /* menu padding */
text-decoration: underline;
}

#menu ul li a:hover  {
font: bold 130% comic sans ms;
background: transparent;
text-decoration: underline; 
color: #f00;    
border:0px dashed #666;  
}

div#about  { width:  146px; background: transparent;  margin:0;}
#about p { margin:0; width: 160px; color: #fff; }
#about strong { text-decoration: underline; color: #f00;}
#about span { font-size: 75%;  color: #fff; }

#left-col {
width: 170px;
float: left;
font: normal 100%  arial;
color: #ccc;
border:0;
padding: 15px 2px;
margin: 0px auto;
background: #000; url('img/wood-side2.jpg') repeat-y right top;
}

#main {
width: 490px;
float: right;
border: 0;
padding: 10px;
margin: 0px auto;
background: #000; url('img/clown-wood2.jpg') repeat-y left top;
}

#main p { margin: 5px 0; padding: 10px 0;}
#main dl { padding: 10px 0 15px 0; }
#main dd { margin: 10px; }

#cast {float: left; width: 220px;}
#cast dd { margin: 5px; padding: 2px;}
#cast dt { font-weight: bolder; font-size: 110%; margin: 5px; }

p.covers {float: right; }

img {border:0;}
img.clip { border: 0; margin: 20px 10px;}
.dvd  { float: left; margin: 0 10px 10px 0; border: 0;}

.spacer { clear: both; height: 1px;}

#copy { 
font: normal x-small arial; 
text-align: center;
color: #999; 
background: #000; url('img/clown-wood.jpg') ;
border: 0;
}

a { color:#f00; text-decoration: underline; background: transparent; }
a:visited { color: #f00; text-decoration: underline; background: transparent;  }
a:active { color: #f00; text-decoration: underline; background: transparent; }
a:hover { color: #f00; text-decoration: underline; background: transparent; }

a.clown { color:#f00; text-decoration: underline; background: transparent; }
a.clown:visited { color: #f00; text-decoration: underline; background: transparent;  }
a.clown:active { color: #f00; text-decoration: underline; background: transparent;  }
a.clown:hover { color: #f00; text-decoration: underline; background: transparent; }


.intl-sightings {width:200px; float: left; margin: 20px 30px 0 0;}

dl.webring {
font-size: 100%;
width: 420px;
/*width: 262px; border: double 3px #222; */
text-align: left;
float: left;
margin:0;
}

dl.webring dt {
margin: 0;
padding:0;
}

dl.webring dd {
font: normal 100% 'Times New Roman';
margin: 0;
padding:0;

}

dl.webring dd.owner {
margin: 0 0 20px 0;
padding:0;
}

dl.webring img ,
dl.webring a {border:0;}

h3.sig , h4.sig {margin:0; padding:0; line-height:90%;}

/* p.clownhouse-sightings {line-height:210%; margin:10px 0 0 0; padding:0;} */

ul.clownhouse-sightings {}
ul.clownhouse-sightings li {line-height:180%;}


a.c0:link {font-size:90%; font-weight: bold; margin: 5px;}
a.c0:visited {font-size:90%; font-weight: bold; margin: 5px;}
a.c0:hover {font-size:90%; font-weight: bold; margin: 5px;}
a.c0:active {font-size:90%; font-weight: bold; margin: 5px;}

a.c1:link {font-size:100%; font-weight: bold; margin: 5px;}
a.c1:visited {font-size:100%; font-weight: bold; margin: 5px;}
a.c1:hover {font-size:100%; font-weight: bold; margin: 5px;}
a.c1:active {font-size:100%; font-weight: bold; margin: 5px;}

a.c2:link {font-size:110%; font-weight: bold; margin: 5px;}
a.c2:visited {font-size:110%; font-weight: bold; margin: 5px;}
a.c2:hover {font-size:110%; font-weight: bold; margin: 5px;}
a.c2:active {font-size:110%; font-weight: bold; margin: 5px;}

a.c3:link {font-size:120%; font-weight: bold; margin: 5px;}
a.c3:visited {font-size:120%; font-weight: bold; margin: 5px;}
a.c3:hover {font-size:120%; font-weight: bold; margin: 5px;}
a.c3:active {font-size:120%; font-weight: bold; margin: 5px;}

a.c4:link {font-size:130%; font-weight: bold; margin: 5px;}
a.c4:visited {font-size:130%; font-weight: bold; margin: 5px;}
a.c4:hover {font-size:130%; font-weight: bold; margin: 5px;}
a.c4:active {font-size:130%; font-weight: bold; margin: 5px;}

a.c5:link {font-size:140%; font-weight: bold; margin: 5px;}
a.c5:visited {font-size:140%; font-weight: bold; margin: 5px;}
a.c5:hover {font-size:140%; font-weight: bold; margin: 5px;}
a.c5:active {font-size:140%; font-weight: bold; margin: 5px;}

a.c6:link {font-size:150%; font-weight: bold; margin: 5px;}
a.c6:visited {font-size:150%; font-weight: bold; margin: 5px;}
a.c6:hover {font-size:150%; font-weight: bold; margin: 5px;}
a.c6:active {font-size:150%; font-weight: bold; margin: 5px;}

.indexdvd img {margin: 0 10px;}

dl.scary-clown-movies {width:650px; margin:0; padding:0; background:#000; float:left;}
dl.scary-clown-movies dd {text-align:center; width:175px; margin:2px; padding:0; float: left; background: #000; height:280px; display:block;}
dl.scary-clown-movies  h3 {width:175px; height:75px; background:#000;  display:block; letter-spacing:-1px; margin:0; padding:0;}

dl.scary-clown-movies img {vertical-align:middle;}

h1.scaryheader {display:block; margin:0; padding:0; text-align:center; font: bold 150% comic sans ms; }

div.clown-ebay {width:630px; text-align:center; margin:0px auto;}
h4.ebay-header {color: #f00; font: bold 110% comic sans ms;}
img.ebaylogo {vertical-align:middle;}