@charset "utf-8";

* { margin: 0; padding:0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: url(images/bg2.gif) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#wrap { background: #000; width: 966px; margin: auto; padding-bottom:1px; }
#head { background: url(images/herclips_02.gif) no-repeat left; height: 81px; position: relative; margin-bottom: 12px; }
#head .intro { color: #fff; width: 540px; font-weight: bold; position: absolute; left: 240px; top: 17px; text-align: center; }
#head img.bookmark { position: absolute; right:0; top:0; border: none; }
#head img.logo { position: absolute; left:20px; top:0px; border: none; behavior: url(iepngfix.htc); }

.toplist-small { background: #000; font-size: 10px; list-style: none; }
.toplist-small li { float:left; padding: 2px 6px; border-left: 1px solid #b30077; color: #666; }
.toplist-small li a { color: #fff; text-decoration: none; color: #666; }
.toplist-small li a:hover { color: #fff; }

.table { background: #e6e6e6; border: 1px solid #fff; width: 948px; margin: auto; margin-bottom: 10px; }
.table .head { background: #000; padding: 4px; margin: 4px 4px 2px 4px; color: #fff; text-align: right; font-weight: bold; }
.table .head span.updated { float:left; color: #666; }
.table .thumbs { padding: 0 0 0 1px; }
.table .thumbs img { width:180px; height:150px; border: 1px solid #000; float:left; margin: 6px 0 0 6px; display: inline; }
.table .footer { height: 20px; background: #000; margin: 8px 4px 8px 4px; position: relative; }
.table .footer ul.toplist-small { background: none; }
.table .footer img.bookmark { border: none; position: absolute; right: 0; top: -7px; }

.table .toplist ul { list-style: none; margin: 20px; }
.table .toplist ul li { float:left; width: 20%; margin: 5px 0; }
.table .thumb-toplist ul { margin:0; }
.table .thumb-toplist ul li a { font-size: 11px; font-weight: bold; }
.table .thumb-toplist ul li { width: auto; margin:0; margin: 6px 0 0 6px;  display: inline; text-align: center; }
.table .thumb-toplist ul li img { display: block; border: 1px solid #ccc;}

.copyright { background: #000000; margin: 4px; padding: 4px; text-align: center; color: #666; margin-bottom: 10px; }
.copyright a { color: #666; }
