* { margin:0; padding:0; }
html { width:100%; }
body { position:relative; min-width:920px; width:100%; font:normal 0.8em Tahoma, Arial, sans-serif; color:#000; }

a { color:#0565b2; text-decoration:none; }
a:hover { text-decoration:underline; }
:-moz-any-link:focus { outline:none; }
img { border:0; }

br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }

.star {position:relative; overflow: hidden; margin:0 auto; }
.star .cn{ position:absolute; }
.star .cn.tr, .star .cn.br { margin-left:100%; }
.star .cn.bl, .star .cn.br { top:auto; }

.success {background-color: #c8f0d6; margin: 10px 0px; padding: 5px; color: #00b032; font-size: 11px; font-family: Verdana }
.failed {background-color: #ffccdb; margin: 10px 0px; padding: 5px; color: #ee034e; font-size: 11px; font-family: Verdana }

#header {text-align: center; width: 100%; height: 230px;}
#header-l {position: absolute;  z-index: -1; width: 50%; height: 230px; top:0; left:0; background: url(../images/bg-header-l-logo.jpg) repeat-x; }
#header-r {position: absolute;  z-index: -1; width: 50%; height: 230px; top:0; right:0; background: url(../images/bg-header-r-logo.jpg) repeat-x; }

#basis {padding:5px 0; width:920px; background:#fff; }
#basis .cn{width:10px; height:10px; left:-5px; top:-5px; background:url(../images/star.png);}
#basis .cn.bl, #basis .cn.br { top:auto; }

#middle{padding:32px 40px; }

#center{width: 520px; margin-right: 19px; float: left;}

#menu{color: #aeaeae; font-size: 11px}

#menu span{color: #222}

#right{width: 300px; float: right; padding-top: 4px; font-family: Verdana;}
#right h1{padding-top: 15px;}

#footer{height: 30px;}

h1{color: #222; font-family: Tahoma, Arial; font-size: 24px; font-weight: bold; padding-top: 20px; padding-bottom: 7px;}
input.sourcecode{width: 290px; margin: 7px 0;font-family: Tahoma; font-size: 11px; color: #afafaf; padding: 2px 3px;}

.comment { padding-bottom:9px; padding-top: 10px; font-size: 0.8em; }
.comment .text { padding-left:9px; font:1.2em/1.3 Verdana; }
.comment .text p { padding-bottom:15px; }

.comment .author { margin-bottom:7px; padding:7px 0 9px 9px; background:#f5f5f5; }
.comment .author .avatar { float:left;  width:50px; height:50px; padding:2px 0 0 2px; margin-right:10px; background: #f2f2f2; }
.comment .author .info { float:left; width:400px; padding-top:3px; font:1.1em Tahoma; color:#afafaf; }
.comment .author .info a { font-weight:bold; }
.comment .author .info p { padding-bottom:3px; }
.comment .author .info a.geo { font-weight:normal; }

a.admin { font:0.9em Tahoma; color:#f50046; }
span.admin { font:0.9em Tahoma; color:#9b9b9b; }

 .hidden a{color: #aeaeae !important}
 .hidden p{color: #aeaeae !important}
 .hidden img{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

.title-white { position:relative; padding:5px 9px 4px 9px; font:1.1em Tahoma; color:#afafaf; border-bottom:2px solid #ececec; }
.title-white a { color:#afafaf; }

.paginator { margin-bottom:35px; background:#f5f5f5; font-size: 0.8em;}
.paginator2 { padding:5px 11px 7px 10px; font:1.1em Tahoma; color:#d4d4d4; background-color: #f5f5f5; }
.paginator2 span { color:#000; }

#add-comment { border:0; font-size: 0.8em; background:#f5f5f5;}
#add-comment .title { padding:4px 7px; background: #00a0f0; height: 15px; border-bottom: 2px solid #008dd4;}
#add-comment .title .cn{ width:8px; height:8px; left:-4px; top:-4px; background:url(../images/star-blue.png); }
#add-comment .title p{padding: 2px 4px; color: #fff; font-size: 1.1em;}
#add-comment .abuse { padding:7px 0 9px 9px; font:1.1em/1.3 Tahoma; color:#afafaf; }
#add-comment .form { margin:10px 0 10px 10px;  }
#add-comment .form.banned { padding-top:0; }

#add-comment label { display:block; float:left; padding:4px 9px 0 0; font:bold 1.1em Tahoma; color:#000; }
#add-comment label.zap { font-weight:normal; margin-left: 2px;}
#add-comment label.banned { font-weight:bold; width:262px; }
#add-comment input { display:block; float:left; width:126px; height:16px; margin:0 19px 9px 0; padding:2px 3px 0 3px; font:1.1em Tahoma; }
#add-comment input.check { padding: auto; width:auto; height:auto; margin:5px 5px 0 0; margin-top: 5px;}
#add-comment input.btn { padding: 0; margin: 12px 20px; margin-bottom: 0px; width:73px; height:auto; float:right; font:1.1em Tahoma; text-align:center; cursor:pointer; }
#add-comment textarea { display:block; width:480px; height:112px; padding:2px 3px; font:1.1em Tahoma; }
#add-comment a{float: left; font-size: 1.1em; margin-top: 12px;}

.photo{float: left; border: 1px solid #ececec; background-color: #f5f5f5; padding: 12px 12px; width: auto; margin: 2px 2px; }
.photo2{float: left; padding: 5px 5px; width: auto; margin: 2px 2px;}

.snippet{padding: 0 0;}
.snippet .title-white{font-size: 11px;}
.snippet .author .info{width: 200px; font-size: 11px;}
.snippet .text p{padding-bottom: 0px;}

.content{ font:1em/1.2 Verdana; }
.content p { padding:15px 0; }

.referrer{padding-top: 4px}

.gamenew tbody tr td {width: 53px; height: 50px; font-size: 1px; line-height: 0px;}
.gamenew tbody tr td img {width: 48px; height: 48px; font-size: 1px; line-height: 0px;  border: 1px solid #cccccc	;}
.gamenew {border: 1px solid #afafaf; padding: 5px 2px 2px 5px;}
.explored {filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2;}
.clickable {cursor:pointer; cursor: hand; }
.rightinfo {float: right; border: 1px solid black; padding:10px ; height: 600px; width: 280px;}
