body{
	margin:0;
	font:12px/14px Tahoma, Arial, Helvetica, sans-serif;
	background:#efefef;
}
img{
	vertical-align:middle;
	border-style:none;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{text-decoration:underline;} 
input, textarea, select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.wrap{
	width:100%;
	overflow:hidden;
}
.row{
	/*height:1%;*/
	overflow:hidden;
}
#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
}
#header{
	width:100%;
	overflow:hidden;
	background: url(../images/bg-header.gif) repeat-x;
}
.header-holder{
	background: url(../images/bg-header-holder.gif) no-repeat;
	width:100%;
}
.header-frame{
	width:819px;
	margin:0 auto;
	overflow:hidden;
	padding:18px 0 45px 161px;
}
.logo{
	background:url(../images/logo.gif) no-repeat;
	width: 260px;
	height: 67px;
	margin:11px 0 0 14px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	display:block;
	height:100%;
}
#header .menu{
	background: url(../images/bg-menu.gif) no-repeat;
	width: 488px;
	height:79px;
	float:right;
	padding:12px 0 0;
}
#header .menu ul{
	width:500px;
	list-style:none;
	margin:0 auto;
	padding:0;
	text-align:center;
	font:18px/20px "Myriad Pro", Arial, Helvetica, sans-serif;
}
#header .menu ul li{
	display:inline-block;
	vertical-align:top;
	padding:0 5px;
}
* html #header .menu ul li{
	display:inline;
	/*height:1%;*/
}
*+html #header .menu ul li{
	display:inline;
	/*height:1%;*/
}
#header .menu ul a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:5px 17px 4px 11px;
}
#header .menu ul a:hover{
	background:#126986;
	color:#bcf5ff;
}
.nav-holder{padding:10px 0 0;}
.search{
	float:left;
	background:#ddd;
	width:320px;
}
.search fieldset{
	padding:8px 20px 8px 24px;
}
.search input,
.search label,
.search .text{
	float:left;
	margin:0;
	padding:0;
}
.search .submit{
	background: url(../images/btn-search.gif) no-repeat;
	width: 21px;
	height: 19px;
	cursor:pointer;
	border:0;
}
.search .text{
	background: url(../images/bg-text.gif) no-repeat;
	width: 213px;
	height: 19px;
	margin-right:10px;
}
.search .text input{
	width:204px;
	padding:2px 0;
	background:none;
	border:0;
}
.search label{
	font-size:11px;
	line-height:13px;
	color:#000;
	padding-top:2px;
}
.nav-holder ul{
	list-style:none;
	margin:0 -16px 0 0;
	padding:8px 0 0;
	float:right;
	overflow:hidden;
	font:14px/16px "Myriad Pro", Arial, Helvetica, sans-serif;
	display:inline;
}
.nav-holder ul li{
	float:left;
	background: url(../images/separator.gif) no-repeat 100% 50%;
	padding:0 30px 0 40px;
	margin:0 -1px 0 1px;
	display:inline;
}
#main{
	width:982px;
	margin:-30px auto 10px;
	position:relative;
}
#main:after{
	content:"";
	display:block;
	clear:both;
}
#sidebar{
	width:148px;
	float:left;
}
.sign-in{
	padding:0 0 11px;
	color:#838383;
	font-size:11px;
}
.sign-in .text{
	display:block;
	background: url(../images/bg-text-login.gif) no-repeat;
	width:110px;
	height: 19px;
	padding:0 8px 0 23px;
	margin-bottom:4px;
}
.sign-in .password{background: url(../images/bg-text-password.gif) no-repeat;}
.sign-in .text input{
	background:none;
	border:0;
	width:100%;
	color:#838383;
	font-size:12px;
	margin:0;
	padding:2px 0;
}
.sign-in label{padding-left:9px;}
.sign-in .submit{
	background: url(../images/btn-sign-in.gif) no-repeat;
	width: 29px;
	height: 29px;
	cursor:pointer;
	padding:0;
	margin:0 0 0 8px;
	display:inline;
	border:0;
	float:left;
}
.sign-in .links{
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 0 7px;
	font-size:10px;
	line-height:12px;
}
.sign-in .links a{
	color:#5b5b5b;
	text-decoration:underline;
}
.sign-in .links .registration{
	font-weight:bold;
	color:#37afd7;
}
.sign-in .links a:hover{text-decoration:none;}
.sub-menu{
	background: url(../images/separator02.gif) repeat-x;
	list-style:none;
	margin:0;
	padding:2px 0 0;
}
.sub-menu li{
	background: url(../images/separator02.gif) repeat-x 0 100%;
	padding:4px 2px;
	/*height:1%;*/
	overflow:hidden;
}
.sub-menu a{
	padding:3px 0 2px 21px;
	float:left;
}
.sub-menu a.support{background: url(../images/ico-support.gif) no-repeat;}
.sub-menu a.faq{background: url(../images/ico-faq.gif) no-repeat;}
.sub-nav{
	list-style:none;
	margin:0;
	padding:12px 0 0 5px;
	background: url(../images/separator02.gif) repeat-x;
}
.sub-nav li{padding-bottom:11px;}
.sub-nav a{
	color:#37afd7;
	text-decoration:underline;
	background: url(../images/bullet.gif) no-repeat 0 2px;
	padding-left:16px;
}
.sub-nav a:hover{
	background-position:0 -37px;
	color:#6bdaff;}
.sub-nav .points{
	color:#db5d46;
	font-weight:bold;
	background: url(../images/bullet02.gif) no-repeat 0 2px;
}
.sub-nav .exclusive{
	font-weight:bold;
	color:#fe9500 !important;
	background: url(../images/bullet03.gif) no-repeat 0 2px;
}
.sub-nav .points:hover,
.sub-nav .exclusive:hover{
	color:#db5d46;
	background-position:0 2px;
	text-decoration:none;
}
#sidebar .rate{
	width:100%;
	text-align:center;
	margin:-15px 0 8px;
	position:relative;
}
#sidebar .rate strong{
	font:48px/50px "Trebuchet MS", Helvetica, sans-serif;
	color:#d63b1f;
	display:block;
	margin-bottom:-5px;
}
#sidebar .rate span{
	font-size:11px;
	color:#757575;
}
#content{
	background:#fff url(../images/bg-content-t.gif) no-repeat;
	width: 822px;
	float:right;
	overflow:hidden;
}
#content .content-holder{
	background: url(../images/bg-content-b.gif) no-repeat 0 100%;
	padding:9px 10px 18px 19px;
}
.top-block {
	overflow:hidden;
	height:19px;
}
.filter-form .section {
	float:right;
	width:350px;
}
.filter-form .section-left {
	float:right;
	width:320px;
}
.filter-form .section em,
.filter-form .section-left em {
	color:#5b5b5b;
	float:right;
	padding-top:2px;
	margin-right:3px;
	display:inline;
	font-style:normal;
}
.filter-form .show {
	float:right;
	margin-left:7px;
	background:url(../images/bg-show.gif) no-repeat;
	height:19px;
	width:88px;
	border:none;
	cursor:pointer;
	position:relative;
}
.filter-form .calendar {
	float:right;
	background:url(../images/ico-calendar.gif) no-repeat;
	width:17px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 3px;
}
.filter-form .year {
	float:right;
	background:url(../images/input-year.gif) no-repeat;
	width:77px;
	height:19px;
}
.filter-form .year input {
	float:left;
	border:0;
	background:none;
	width:67px;
	padding:2px 5px;
	color:#c7c6c6;
	text-align:center;
}
.filter-form .day {
	float:right;
	background:url(../images/input-day.gif) no-repeat;
	width:66px;
	height:19px;
}
.filter-form .day input {
	float:left;
	width:53px;
	border:0;
	background:none;
	padding:2px 8px 2px 5px;
	color:#c7c6c6;
	text-align:center;
}






.events-list{
	width:100%;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
.events-list li{
	float:left;
	width:100%;
}
.events-list .date{
	display:block;
	font-style:normal;
	background: url(../images/bg-line.gif) no-repeat 40px 31px;
}
.events-list .date strong{
	font-weight:normal;
	font-size:36px;
	line-height:36px;
	display:block;
	color:#565656;
	width:40px;
	text-align:center;
}
.events-list .date span{
	display:block;
	font-size:10px;
	line-height:10px;
	width:40px;
	text-align:center;
	display:block;
	color:#777;
}
.events-list .data{
	list-style:none;
	margin:-8px 0 0;
	position:relative;
	padding:0 0 0 58px;
	/*height:1%;*/
	overflow:hidden;
}
.events-list .data li{
	float:left;
	width:100%;
	padding-bottom:14px;
}
.events-list .data .alignleft{
	float:left;
	border:2px solid #ddd;
	padding:2px;
	background:#fff;
}
.events-list .data .row{padding:0 0 0 4px;}
.events-list .data .time{
	float:left;
	font-size:10px;
	line-height:12px;
	color:#777;
	padding:2px 3px 0 21px;
}
.events-list .data .rate{
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
	float:left;
}
.events-list .data .rate li{
	width:auto;
	padding:0 0 2px 2px;
}
.events-list .data .description {padding-bottom:8px;}
.events-list .data .description a,
.events-list .data .description span{float:left;}
.events-list .data .description .ico-video,
.events-list .data .description .ico-edit,
.events-list .data .description .ico-history,
.events-list .data .description .ico-game{
	background: url(../images/ico-video.gif) no-repeat;
	width: 16px;
	height: 16px;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:5px;
}
.events-list .data .description .ico-edit{
	background: url(../images/ico-edit.gif) no-repeat;
	width: 16px;
	height: 17px;
}
.events-list .data .description .ico-history{
	background: url(../images/ico-history.gif) no-repeat;
	width: 16px;
	height: 17px;
}
.events-list .data .description .ico-game{
	background: url(../images/ico-game.gif) no-repeat;
	width: 16px;
	height: 17px;
}
.events-list .data .ico-friend {
	float:left;
	background:url(../images/ico-friend.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:2px 2px 0 0;
	height:12px;
	width:16px;
}
.events-list .data .ico-comment {
	float:left;
	background:url(../images/ico-comment.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:2px 2px 0 0;
	height:12px;
	width:17px;
}
.events-list .data .ico-rate {
	float:left;
	background:url(../images/ico-rate.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:4px 2px 0 0;
	height:11px;
	width:15px;
}
.events-list .data .ico-lock {
	float:left;
	background:url(../images/ico-lock.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:4px 2px 0 2px;
	display:inline;
	height:14px;
	width:12px;
}
.events-list .data .photo-list {
	margin:0;
	padding:0 0 0 18px;
	list-style:none;
	overflow:hidden;
	/*height:1%;*/
}
.events-list .data .photo-list li {
	float:left;
	width:100px;
	border:2px solid #ddd;
	padding:2px;
	margin-right:7px;
}

.events-list .data .photo-list img {display:block;}
.events-list .data .description .name{
	color:#d63b1f;
	font-weight:bold;
	text-decoration:underline;
	margin-right:3px;
	padding:2px 0 0;
}
.events-list .data .description span{
	color:#000;
	margin-right:5px;
	padding:2px 0 0;
}
.events-list .data .description .name:hover{text-decoration:none;}
.events-list .data .description .theme{
	background:#32a9d0;
	color:#fff;
	padding:2px 5px 1px;
}
.events-list .data .comments-box{
	margin-left:21px;
	background:#efefef url(../images/ico-comments.gif) no-repeat 4px 2px;
	padding:4px 4px 4px 24px;
	font-size:11px;
	line-height:13px;
}
.events-list .data .comments-box a{
	color:#32a9d0;
	text-decoration:underline;
}
.events-list .data .comments-box a:hover{text-decoration:none;}
.events-list .data .comments-box span{padding-left:6px;}
.paging{
	list-style:none;
	margin:0 0 48px;
	padding:0;
	width:100%;
	text-align:center;
}
.paging li{
	display:inline-block;
	vertical-align:top;
	/*height:1%;*/
	overflow:hidden;
	padding:0 6px;
	color:#9d9d9d;
}
* html .paging li{display:inline;}
*+html .paging li{display:inline;}
.paging a{color:#9d9d9d;}
.paging a:hover,
.paging .active a{
	color:#32a8cf;
}
.paging .active {font-weight:bold;}
.paging .link-next,
.paging .link-prev{
	background: url(../images/btn-prev.gif) no-repeat 0 -14px;
	width: 14px;
	height: 14px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
}
.paging .link-next{background: url(../images/btn-next.gif) no-repeat 0 -14px;}
.paging .link-next:hover,
.paging .link-prev:hover{background-position:0 0;}
.bottom-panel{
	border-top:4px solid #565656;
	margin:0 -10px 0 -19px;
	padding:9px 23px 0 38px;
}
.bottom-panel ul{
	list-style:none;
	margin:0;
	padding:0;
}
.bottom-panel ul li{display:inline;}
.bottom-panel a{
	color:#32a9d0;
	font-size:11px;
	line-height:13px;
	text-decoration:underline;
	background: url(../images/ico.gif) no-repeat 0 3px;
	padding-left:11px;
}
.bottom-panel a:hover{text-decoration:none;}
/* wtilot1 page */
.top-box {
	overflow:hidden;
	/*height:1%;*/
	padding:5px 0 13px;
	margin-bottom:9px;
	background:url(../images/bg-line2.gif) repeat-x 0 100%;
}
.top-box span {
	float:left;
	margin-left:30px;
	display:inline;
	font-size:10px;
	color:#dfdfdf;
}
.top-box span em {
	font-style:normal;
	color:#9d9d9d;
}
.letter-list {
	margin:0;
	padding:0;
	list-style:none;
	
}
.letter-list li {
	display:inline;
	margin-right:5px;
}
.letter-list .active a {
	color:#32a8cf;
	font:bold 11px Tahoma, sans-serif;
}
.letter-list li a {
	color:#9d9d9d;
	font-size:10px;
}
.columns-holder {
	overflow:hidden;
	/*height:1%;*/
	padding-bottom:9px;
}
.container {
	background:url(../images/bg-container-c.gif) repeat-y;
	margin-bottom:20px;
}
.container-holder {
	background:url(../images/container-t.gif) no-repeat;
	overflow:hidden;
}
.container-frame {
	background:url(../images/bg-container-b.gif) no-repeat 0 100%;
	overflow:hidden;
	/*height:1%;*/
	padding:1px 0 0 0;
}
.columns-holder .col {
	float:left;
	width:234px;
	margin:0 19px 0 11px;
	display:inline;
}
.columns-holder .col .title {
	overflow:hidden;
	width:100%;
	background:url(../images/bg-line2.gif) repeat-x 0 34px;
}
.columns-holder .col .title span {
	font:36px Tahoma, sans-serif;
	color:#565656;
	float:left;
	background:#fff;
	padding:0 10px 0 0;
}
.list {
	margin:0 0 16px;
	padding:0 0 0 31px;
	list-style:none;
}
.list li {
	background:url(../images/bg-dot.gif) repeat-x;
	vertical-align:top;
	/*height:1%;*/
	line-height:24px;
}
.list li:first-child {background:none;}
.list a {
	background:url(../images/ico-play.gif) no-repeat 0 50%;
	color:#32a9d0;
	padding-left:20px;
	font:bold 12px Tahoma, sans-serif;
	text-decoration:underline;
}
.list a:hover {text-decoration:none;}

/* wtilot 2 page */

.heading-page {
	overflow:hidden;
	margin-bottom:16px;
	width:100%;
	background:url(../images/bg-line2.gif) repeat-x 0 28px;
}
.heading-page h2 {
	margin:0;
	color:#ddd;
	font:normal 30px Tahoma,sans-serif;
	background:#fff;
	float:left;
	padding:0 10px 0 0;
}
.heading-page h2 span {font-size:18px;}
.heading-page h2 em {
	font-style:normal;
	font-size:30px;
	color:#5bbad9;
}
.content-holder .picture-title {
	color:#32a9d0;
	background:url(../images/img-pic.gif) no-repeat 0 50%;
	padding-left:20px;
	margin:0 0 6px 0;
	font:normal 18px Tahoma, sans-serif;
}
.video-title {
	color:#32a9d0;
	background:url(../images/video-title.gif) no-repeat 0 50%;
	padding-left:20px;
	margin:0 0 6px 0;
	font:normal 18px Tahoma, sans-serif;
}
.games-title {
	color:#32a9d0;
	background:url(../images/games-title.gif) no-repeat 0 50%;
	padding-left:20px;
	margin:0 0 6px 0;
	font:normal 18px Tahoma, sans-serif;
}
.storyies-title {
	color:#32a9d0;
	background:url(../images/storyies-title.gif) no-repeat 0 50%;
	padding-left:20px;
	margin:0 0 6px 0;
	font:normal 18px Tahoma, sans-serif;
}
.list-holder {
	overflow:hidden;
	width:778px;
	padding-left:8px;
	margin-bottom:40px;
}
.list-holder ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:805px;
}
.list-holder ul li {
	float:left;
	width:108px;
	margin:0 26px 7px 0;
}
.list-holder ul .visual {
	border:2px solid #ddd;
	padding:2px;
	margin-bottom:2px;
}
.list-holder ul .visual img {display:block;}
.list-holder ul .info {
	background:#32a9d0;
	padding-bottom:2px;
}
.list-holder ul .info a {
	color:#fff;
	text-decoration:underline;
}
.list-holder ul .info a:hover {text-decoration:none;}
.list-holder ul .info span {
	display:block;
	margin-bottom:3px;
	font:10px Tahoma, sans-serif;
	color:#7fdcfb;
	text-align:center;
}
.view-row {
	background:#efefef;
	padding:2px 0 2px 12px;
	margin-bottom:18px;
}
.view-row a {
	background:url(../images/ico-view.gif) no-repeat 0 50%;
	padding-left:15px;
	color:#d63b1f;
	text-decoration:underline;
	font-size:11px;
	margin-right:5px;
}
.view-row a:hover {text-decoration:none;}

/* wtilot 4 page*/

.main-container {
	overflow:hidden;
	width:100%;
	margin:-5px 0 0;
	position:relative;
}
.aside {
	float:left;
	background:#efefef;
	width:169px;
	padding:5px 0 21px 7px;
	margin-left:8px;
	display:inline;
}
.aside .text-contact {
	background:url(../images/ico-contact.gif) no-repeat 0 50%;
	margin:0 0 8px;
	padding:0 0 0 18px;
	font:bold 14px Tahoma, sans-serif;
}
.aside .text-contact span {
	color:#a4a4a4;
	font-weight:normal;
	font-size:11px;
}
.search-form {margin-bottom:8px;}
.search-form span {
	display:block;
	width:163px;
	height:19px;
	background:url(../images/bg-search-form.gif) no-repeat;
	overflow:hidden;
}
#search-btn {
	float:left;
	background:none;
	border:none;
	padding:0;
	margin:0;
	height:19px;
	width:23px;
	cursor:pointer;
}
.search-form input {
	float:left;
	background:none;
	border:0;
	padding:0;
	margin:0;
	width:130px;
	color:#bababa;
	font-size:11px;
	padding:2px 5px;
}
.user-list {
	margin:0 0 0 -7px;
	position:relative;
	padding:0;
	list-style:none;
}
.user-list li {
	background:url(../images/bg-line3.gif) repeat-x;
	line-height:23px;
	padding-left:24px;
}
.user-list .active a {background:url(../images/bg-circle.gif) no-repeat 0 50%;}
.user-list li:first-child {background:none;}
.user-list a {
	text-decoration:underline;
	color:#d63b1f;
	background:url(../images/bg-circle2.gif) no-repeat 0 50%;
	padding-left:11px;
	font-size:11px;
}
.user-list a:hover {text-decoration:none;}
.user-list span {
	background:url(../images/bg-cross.gif) no-repeat 100% 0;
	padding:0 12px 0 0;
}
.user-list span:hover {
	background:url(../images/bg-cross2.gif) no-repeat 100% 1px;
}
.comments-block {
	float:right;
	width:580px;
	margin-right:7px;
	display:inline;
}
.action-list {
	margin:0 0 10px;
	padding:8px 0 0;
	list-style:none;
	overflow:hidden;
	/*height:1%;*/
}
.action-list li {
	float:left;
	margin-right:23px;
	line-height:16px;
}
.action-list a {
	color:#32a9d0;
	text-decoration:underline;
	padding-left:20px;
	float:left;
	line-height:16px
}
.action-list a:hover {text-decoration:none;}
.action-list .type1 a {background:url(../images/ico1.gif) no-repeat 0 50%;}
.action-list .type2 a {
	background:url(../images/ico2.gif) no-repeat 0 50%;
	padding-left:25px;
}
.action-list .type3 a {
	background:url(../images/ico3.gif) no-repeat 0 50%;
	padding-left:25px;
}
.action-list .type4 a {background:url(../images/ico4.gif) no-repeat 0 50%;}
.comment {margin-bottom:15px;}
.comment .author {margin-bottom:5px;}
.comment .username{
	color:#d63b1f;
	font-size:12px;
	text-decoration:underline;
}
.comment em {
	color:#777;
	font-style:normal;
	font-size:10px;
}
.comment-area {
	background:#efefef;
	padding:3px 8px 9px 12px;
	margin-bottom:3px;
}
.comment-area p {
	margin:0;
	line-height:14px;
}
.comment .link-row {
	overflow:hidden;
	width:100%;
}
.comment .reply {
	float:right;
	color:#fff;
	text-align:center;
	font-size:12px;
	line-height:16px;
	background:#32a9d0;
	padding:0 5px;
	margin-left:4px;
}
.comment .trash {
	float:right;
	color:#fff;
	text-align:center;
	font-size:12px;
	line-height:16px;
	background:#818181;
	padding:0 5px;
}
/* wtilot6 page */
.next-pic {
	padding-left:63px;
	margin-top:-6px;
}
.next-pic span {
	display:block;
	font-size:12px;
	color:#565656;
	margin-bottom:8px;
}
.img-list {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	/*height:1%;*/
}

.img-list li {
	float:left;
	border:2px solid #ddd;
	padding:2px;
	margin-right:30px;
}
.img-list li img {display:block}
.gallery-block {
	position:relative;
	width:706px;
	padding:33px 0 17px 87px;
}
.gallery-block .name {
	color:#d63b1f;
	text-decoration:underline;
}
.gallery-block .row {
	overflow:hidden;
	/*height:1%;*/
	padding-right:97px;
	margin-bottom:6px;
}
.gallery-block .rate {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
.gallery-block .rate li {float:left;}
.gallery-list {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	/*height:1%;*/
}
.gallery-list li {
	padding:3px;
	width:600px;
	border:3px solid #818181;
}
.gallery-list li img {display:block;}
.prev {
	position:absolute;
	top:50%;
	margin-top:-54px;
	left:35px;
	background:url(../images/bg-prev.gif) no-repeat;
	width:27px;
	height:108px;
	text-indent:-9999em;
	overflow:hidden;
}
.prev:hover {background-position:0 100%;}
.next {
	position:absolute;
	margin-top:-54px;
	top:50%;	
	left:717px;
	background:url(../images/bg-next.gif) no-repeat;
	width:27px;
	height:108px;
	text-indent:-9999em;
	overflow:hidden;
}
.next:hover {background-position:0 100%;}
.add-friend {
	background:url(../images/button.gif) no-repeat;
	display:block;
	width:294px;
	height:72px;
	text-indent:-9999px;
	overflow:hidden;
	margin:9px auto 0;
}
.comment-list {
	margin:-11px 0 0;
	padding:0 0 0 20px;
	list-style:none;
}
.comment-list li {
	overflow:hidden;
	margin-bottom:14px;
	/*height:1%;*/
}
.comment-list .alignleft {
	float:left;
	border:2px solid #ddd;
	padding:2px;
	margin-right:12px;
}
.comment-list .alignleft img {
	display:block;
}
.comment-list .row {margin-bottom:3px;}
.comment-list .name {
	color:#d63b1f;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
.comment-list .time {
	font-size:10px;
	color:#777;
}
.comment-descr {
	background:#f7f7f7;
	overflow:hidden;
	/*height:1%;*/
	padding:2px 4px 3px 10px;
}
.comment-descr p {margin:0;}
.total {
	background:#efefef;
	margin-left:20px;
	padding:3px 0 3px 5px;
	margin-bottom:10px;
}
.viewed {
	background:url(../images/ico-comments.gif) no-repeat 0 50%;
	color:#d63b1f;
	padding-left:15px;
}
.message {padding-left:20px;}
.message label {
	display:block;
	font-size:11px;
	color:#5b5b5b;
	padding-left:7px;
}
.message span {
	display:block;
	background:url(../images/textarea.gif) no-repeat;
	width:773px;
	height:48px;
	margin-bottom:7px;
}
.message span textarea {
	padding:5px 5px 8px;
	width:763px;
	height:35px;
	max-height:35px;
	max-width:763px;
	border:none;
	background:none;
	overflow:auto;
}
.message .write {
	background:url(../images/bg-write.gif) no-repeat;
	height:20px;
	width:107px;
	padding:0;
	margin-left:8px;
	cursor:pointer;
	border:none;
}
/* wtilot7 */
.popup {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;;
}
.popup-inner {
	width:100%;
	height:100%;
	background:url(../images/bg-popup-inner.png);
}
.box {
	width:508px;
	margin:0 auto;
}
.box-t {
	background:url(../images/bg-popup-t.png) no-repeat;
	width:508px;
	height:9px;
	overflow:hidden;
}
.box-c {
	background:url(../images/bg-popup-c.png) repeat-y;
	overflow:hidden;
	width:500px;
	padding:0 4px;

}
.box-b {
	background:url(../images/bg-popup-b.png) no-repeat;
	width:508px;
	height:10px;
}
.box-grad {
	background:#fff url(../images/bg-popup-grad.gif) repeat-x;
	min-height:300px;
	padding:0 0 0 22px;
}
.box .headline {
	padding:6px 0 0;
	overflow:hidden;
	width:100%;
	margin-bottom:21px;
}
.box .headline .close {
	float:right;
	background:url(../images/bg-close.gif) no-repeat;
	text-indent:-9999em;
	overflow:hidden;
	width:14px;
	height:14px;
	margin:-6px 4px 0 0;
	position:relative;
	display:inline;
}
.box .warning {
	background:url(../images/ico-warning.gif) no-repeat;
	color:#a42036;
	padding-left:65px;
	font-size:18px;
	line-height:28px;
	font-weight:normal;
	display:block;
}
.box .upload-title {
	background:url(../images/ico-upload.gif) no-repeat;
	display:block;
	color:#497b02;
	padding-left:80px;
	line-height:75px;
	font-size:18px;
	font-weight:normal;
}
.login-form {
	padding-left:64px;
	margin-bottom:8px;
}
.login-form strong {
	font-weight:normal;
	display:block;
	margin-bottom:14px;
}
.login-form .row {
	overflow:hidden;
	/*height:1%;*/
	margin-bottom:9px;
}
.login-form label {
	float:left;
	width:48px;
	margin-right:4px;
	font-size:10px;
	color:#7c7c7c;
	text-align:right;
}
.login-form span {
	float:left;
	background:url(../images/bg-input.png) no-repeat;
	height:19px;
	width:227px;
}
.login-form span input {
	background:none;
	border:0;
	width:207px;
	padding:2px 10px;
	margin:0;
	float:left;
	position:relative;
}
#login-btn {
	background:url(../images/login-btn.gif) no-repeat;
	border:none;
	cursor:pointer;
	width:57px;
	height:20px;
	margin-left:59px;
	display:inline;
	padding:0;
}
.register {
	background:url(../images/bg-line4.gif) no-repeat;
	margin-left:-12px;
	position:relative;
	padding-top:10px;
	padding-left:76px;
}
.register h3 {
	margin:0 0 17px;
	color:#497b02;
	font-weight:normal;
	font-size:18px;
}
#reg-btn {
	background:url(../images/reg-btn.gif) no-repeat;
	width:92px;
	height:20px;
	cursor:pointer;
	border:none;
	padding:0;
	margin-left:59px;
}
.upload-form {
	padding-left:68px;
}
.upload-form label {
	display:block;
	font-size:10px;
	margin-left:19px;
}
.upload-form select {
	width:250px;
	display:block;
	margin-left:19px;
	margin-bottom:13px;
}
.upload-form .row {
	overflow:hidden;
	width:100%;
	margin-bottom:8px;
}
.upload-form span {
	background:url(../images/icon.gif) no-repeat 0 50%;
	padding-left:20px;
	float:left;
}
.upload-form em {
	font-style:normal;
	float:left;
	padding-right:20px;
}
.upload-form em a {
	background:url(../images/cross.gif) no-repeat 0 5px;
	float:left;
	width:8px;
	height:16px;
	margin-left:5px;
	text-indent:-9999em;
	overflow:hidden;
}
.upload-form em a:hover {
	background:url(../images/cross2.gif) no-repeat 0 5px;
}
.upload-form em strong {
	color:#ea411a;
}
.upload-form .long-text {
	float:left;
	background:url(../images/input-long.gif) no-repeat;
	width:280px;
	height:19px;
	padding:0;
	margin:0 4px 0 17px;
}

.upload-form .input{
	margin:2px 4px 0px 17px;
}

.upload-form .long-text input {
	background:none;
	border:0;
	width:260px;
	padding:2px 10px;
	margin:0;
	float:left;
}
#btn-upload {
	background:url(../images/btn-upload.gif) no-repeat;
	height:19px;
	width:57px;
	padding:0;
	margin:0;
	float:left;
	cursor:pointer;
	border:none;
}
/* wtilot8 page */
.block {
	overflow:hidden;
	/*height:1%;*/
	padding:0 9px 0 0;
}
.blockarea {float:right;}
.blockarea .link {
	background:url(../images/bg-showlist.gif) no-repeat;
	width:94px;
	height:19px;
	float:right;
	text-align:center;
	line-height:19px;
	color:#5e5e5e;
}
.blockarea .link2 {
	background:url(../images/bg-link2.gif) no-repeat;
	width:81px;
	height:19px;
	line-height:19px;
	text-align:center;
	float:right;
	color:#a5a5a5;
}
.topic-list {
	margin:0 0 -1px;
	padding:1px 0 0 13px;
	list-style:none;
	overflow:hidden;
	/*height:1%;*/
	position:relative;
	z-index:100;
}
.topic-list li {
	float:left;
	background:url(../images/bg-l.gif) no-repeat 0 100%;
	margin-right:4px;
}
.topic-list .active {background-position:0 0;}
.topic-list span {
	float:left;
	background:url(../images/bg-r.gif) no-repeat 100% 100%;
	padding:0 13px 0 4px;
	height:32px;
}
.topic-list .active a {color:#0c4a5f;}
.topic-list .active span {background-position:100% 0;}
.topic-list a {
	font-size:18px;
	font-weight:bold;
	color:#858585;
}
.topic-list .upload {
	float:left;
	background:url(../images/bg-upload.gif) no-repeat;
	width:84px;
	height:26px;
	text-indent:-9999px;
	margin:4px 8px 0 0;
	overflow:hidden;
}
.topic-list .pic {
	float:left;
	background:url(../images/ico-pic.gif) no-repeat 0 5px;
	line-height:28px;
	padding-left:18px;
	margin-top:3px;
}
.topic-list .stories {
	background:url(../images/ico-stories.gif) no-repeat 3px 3px;
	float:left;
	margin-top:5px;
	line-height:25px;
	padding-left:27px;
}
.topic-list .videos {
	background:url(../images/ico-video2.gif) no-repeat 0 1px;
	float:left;
	margin-top:9px;
	padding-left:19px;
	line-height:19px;
}
.topic-list .games {
	background:url(../images/ico-games.gif) no-repeat 0 1px;
	float:left;
	margin-top:9px;
	padding-left:19px;
	line-height:19px;
}
#footer{
	width:100%;
	background:#565656;
}
#footer .holder{
	width:750px;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	line-height:12px;
	color:#abaaaa;
	padding:13px 0 26px;
	background: url(../images/bg-footer.gif) no-repeat;
}

.blockAction{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    box-shadow:0px 0px 10px -5px #000;
    
    
    margin: 10px;
}

.storyPic{
    float: left;
    margin-right: 10px;
    box-shadow:0px 0px 10px -7px #000;
}

.thumb{
    padding: 5px;
    border-radius: 3px;
    border-color: #ccc !important;    
}

.thumb:hover{
    box-shadow: 0px 0px 5px -3px #000;
}

.thumb .duration{
    float: left;
}

.thumb .title{
    font-weight: bold;
	 width: 185px;
	height: 15px;
	overflow: hidden;
}

.thumb .duration, .thumb .title{
    float: left;
}

.thumb .ago, .thumb .user{
    float: right;
}

.thumb div{
    margin-top: 5px;    
}