*{
	font-family:verdana;
	font-size:12px;
	line-height:20px;
	margin:0;
	padding:0;
	border:0;
}
body{
	background:black;
	color:#808080;
}


 html, body {
	height: 100%;	overflow: auto; 
	}


a{
	color:white;
	text-decoration:none;
}
a:hover{
	color:#e0e0e0;
	text-decoration:underline;
}
#thumbs span{
	vertical-align:middle;
	display:block;
	float:left;
	width:300px;
	height:300px;
	text-align:center;
	background:#181818;
	margin:5px;
}
#thumbs span img{
	white-space: nowrap;
	vertical-align: middle;
}
#thumbs span img.thumb{
	cursor:pointer;
}
p.menu{
	padding:13px 20px 23px 20px;
	background:#303030;
}
p.intro{
	padding:100px 300px 20px 20px ;
}
p.intro a{
	white-space:nowrap;
}
input{
	border: 1px solid #808080;
	background:black;
	color:#808080;
}
#viewer{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
    background:black;
}
#viewerBox,#viewerLoading {
	position:absolute;
	top:36px;
	right:0px;
	left:0px;
	bottom:0px;
	overflow:hidden;
}
#viewerLoading {
	background: black url("../img/loading.gif") no-repeat center;
	/*by: http://loadinfo.net/ */
	opacity:0.6;
	filter:alpha(opacity=60);
}
#viewerImage{
	position:absolute;
}
#viewerMovie{
	position:absolute;
	display:none;
}
#commentArea{
	position:absolute;
	right:20px;
	top:40px;
	border:5px solid #808080;
	background:black;
	width:300px;
	height:300px;
	padding:10px;
	color:#808080;
}
a.comment{
	position:relative;
}
a.comment img{
	vertical-align:-8px;
}
a.comment span{
	display:none;
}
a.comment:hover{
	text-decoration:none;
	background-color:black;
}
a.comment:hover span{
	display:block;
	position:absolute;
	left:0px;
	top:18px;
	border:5px solid #808080;
	background:black;
	width:300px;
	padding:10px;
	color:#808080;
	cursor:default;
	white-space: normal;
}