/*div {border:1px solid #F00;}*/
* {margin:0; padding:0}
body {background:#555; color:#FFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; overflow:-moz-scrollbars-vertical;}
td {vertical-align:top;}
img {border:none; vertical-align:top;}
li {list-style-position:outside; margin-left:20px; list-style-image:url(img/ih_blt.png); margin-bottom:4px;}

a {color:#FFF; text-decoration:none; white-space:nowrap;}
a:hover, a:active {color:#FC6;}
a:active, a:focus {outline:none;}

.col1 {width:620px; background:#CCC;}
.col2 {background:#888; padding-bottom:20px;}

h1 {font-size:16px; margin-bottom:7px; color:#333;}
h2 {font-size:14px; margin-bottom:10px; color:#333;}
h3 {font-size:13px; margin-bottom:10px;}
h4 {font-size:10px; margin:4px; color:#FFF; font-weight:normal;}

#head {position:relative; width:100%; height:280px; background:#666;}
#head div {position:absolute;}
#logo {width:620px; top:0; left:0;}
#titl {width:240px; bottom:20px; left:640px;}

#data {position:relative; width:100%; background:#888;}
#page {position:relative; width:580px; text-align:justify; padding:20px;}

#menu {position:relative; float:left; width:152px; left:20px; top:0;}
#menu a {display:block; width:152px; padding:4px; background:#666; color:#FFF; margin-bottom:2px; font-weight:bold; text-decoration:none;}
#menu a:hover {display:block; width:152px; padding:4px; background:#FC6; color:#666; margin-bottom:2px;}

#catg {position:relative; float:left; width:152px; left:40px; top:0;}
#catg a {display:block; width:152px; padding:4px; color:#FFF; margin-bottom:2px; text-decoration:none; border-bottom:1px solid #FFF;}
#catg a:hover {display:block; width:152px; padding:4px; background:#FC6; color:#666; margin-bottom:2px;}
.catg {width:152px; padding:4px; background:#CCC; color:#666; margin-bottom:2px; font-weight:bold;}

#text {margin-top:10px; color:#333;}
#text p {margin-bottom:10px;}
#img {padding:2px; background:#666; float:left; margin:0 10px 2px 0;}

#list div {width:580px; display:block; color:#FFF; margin-bottom:2px; background:#888;}
#list p {margin:0; padding:0; padding:4px;}
#list a {width:572px; display:block; padding:4px; color:#FFF; margin-bottom:2px; text-decoration:none; background:#666;}
#list a:hover {display:block; padding:4px; background:#FC6; color:#666; margin-bottom:2px;}

#link {width:580px;}
#link div {display:inline-block; width:100%; margin-bottom:10px;}
#link img {float:left; margin:0 10px 2px 0; border:1px solid #999;}
#link p {margin-top:10px;}

#more div {display:block; height:100px; margin-bottom:10px; border-bottom:1px solid #666;}
#more img {float:left; margin:0 10px 6px 0;}
#more a {color:#666;}
#more a:hover {color:#000; text-decoration:underline;}

#down a {display:block; width:18px; height:18px; padding:2px; margin:0 0 2px 2px; background:#666 url(img/ico_down_1.png) no-repeat top; text-decoration:none;}
#down a:hover {display:block; background:#FC6 url(img/ico_down_2.png) no-repeat top; margin-bottom:2px;}

#foto {position:relative; width:580px; height:460px; background:#000; text-align:center;}
#pict {position:relative; background:#888; width:580px; height:50px;}
#pict img {float:left; border:1px solid #CCC; margin:4px 0 0 4px;}

#foot {position:relative; height:40px; background:#666; font-size:11px; color:#FFF;}
#foot div {position:absolute;}
#copy {top:12px; left:10px;}
#mail {top:12px; right:10px;}
#mail a {color:#FFF; text-decoration:none;}
#mail a:hover,a:active {color:#FC6;}

#show {position:absolute; top:20px; width:100%; text-align:center; display:none;}
#show img {border:1px solid #555;}

.playlist p {font-size:11px; margin-left:20px; background:#CCC;}

hr {visibility:hidden; clear:both;}