/* Edit by Benedict1981 */

/*********body*********/
body{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#555;
	background:#47B0F3;
}
a{
	color:#0066CC;
}
a:hover{
	color:#FF66CC;
}

#panel{
	display:block;
}
#container{
	width:auto;
	background:url('http://l.yimg.com/e/style/6/683/container.gif') repeat-x left top #47b0f3;
}


/*********wrap*********/
#wrap{
	margin:0px auto;
	width:958px;
	position:relative;
	background:#47b0f3;
}
#header{
	display:block;
	position:relative;
	background:url('http://l.yimg.com/e/style/6/683/header.gif') no-repeat left bottom ;
	width:958px;
	height:298px; 
}
#navigation{
	position:absolute;
	top:15px;
	left:550px;
	text-align:right;
}
#header h1{
	position:absolute;
	top:135px;
	left:200px;
	font-size:14px;
}
#header h1 a{
	color:#333;
}
#header #description{
	position:absolute;
	display:block;
	top:180px;
	left:500px;
	width:450px;
}

/*********main,content*********/
#main{
	position:relative;
}
#content{
	position:relative;
	width:763px;
	padding:0px;
}
.single #content{
	margin:-7px;
}
ul#mainTab{
	display:block;
	height:50px;
	padding:6px 0px 3px 5px;
}
ul#mainTab li.current a{
	display:block;
	margin:0px 3px 0px 0px;
	padding:15px 0px 0px 0px;
	float:left;
	width:103px;
	height:35px;
	color:#fff;
	text-align:center;
	text-decoration: none;
	background:url('http://l.yimg.com/e/style/6/683/mainTab_current.gif') no-repeat left top;
}
ul#mainTab li a{
	display:block;
	margin:0px 3px 0px 0px;
	padding:15px 0px 0px 0px;
	float:left;
	width:103px;
	height:35px;
	color:#333;
	text-align:center;
	text-decoration: none;
	background:url('http://l.yimg.com/e/style/6/683/mainTab.gif') no-repeat left top;
}
ul#mainTab li a:hover{
	background:url('http://l.yimg.com/e/style/6/683/mainTab_current.gif') no-repeat left top;
}
#mainSection{
}
#sort span,
#sort ul{
	display:inline;
}
.list #mainSection h2,
.d_list #mainSection h2,
.all_list #mainSection h2,
.import #mainSection h2{
	margin:10px 10px 5px 10px;
	padding:3px 3px 3px 3px;
	font-size:16px;
	*height:1%;
}
.single #main #mainSection h2{
	margin:10px 10px -1px 10px;
	padding:5px 5px 5px 10px;
	font-size:16px;
	background:url('http://l.yimg.com/e/style/6/683/single_top.gif') no-repeat left top;
	*height:1%;
}
#mainSection #videoPosts ol{
	margin:3px 0px 0px 0px;
	padding:0px 5px;
}
.list #mainSection #videoPosts ol{
	margin:0px 0px 0px 0px;
	padding:5px;
}
#mainSection #videoPosts #singleVideo{
	width:512px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background:url('http://l.yimg.com/e/style/6/683/single.gif') repeat-y left top;
}
#passwordProtect{
	padding:10px;
}
UL#viewMode li{
	display:inline;
	float:left;
}

#viewMode li a{
	display:block;
	width:62px;
	height:23px;
	padding:5px 0px 0px 28px;
	background:url('http://l.yimg.com/e/style/6/683/partial.gif') repeat-y left top;
	text-decoration: none;
	color:#fff;
}
#viewMode li a:hover{
	background:url('http://l.yimg.com/e/style/6/683/partial.gif') repeat-y left top;
	color:#f00;
}
#viewMode li cite{
	display:block;
	width:62px;
	height:23px;
	padding:5px 0px 0px 28px;
	background:url('http://l.yimg.com/e/style/6/683/detail.gif') repeat-y left top;
}

div.page span{
	display:block;
	width:20px;
	height:20px;
	float:left;
}
div.page a{
	display:block;
	height:20px;
	margin:0px 0px 0px 2px;
	padding:3px 5px 0px 5px;
	float:left;
	color:#FFFFFF;
	background:#999999;
	font-weight: bold;
	text-decoration: none;
}


/*********Detail content*********/
#singleInfo{
	position:absolute;
	top:0px;
	left:512px;
	display:block;
	margin:10px ;
	padding:0px;
	width:249px;
	height:378px;
	background:url('http://pic.wretch.cc/icon/hzhung/video_design/video_005/images/singleInfo.gif') no-repeat left top;
}
#singleInfo p#singleDesc{
	display:block;
	font-size:13px;
	font-weight:bold;
	height:55px;
	margin:10px;
	overflow:auto;
	padding:10px;
	width:210px;
}
#singleVideos li {
	background:#dfff77;
	border-top:1px dashed #fff;
}
#singleVideos{
	height:100px;
	background:url('http://l.yimg.com/e/style/6/683/single_bottom.gif') no-repeat left bottom;
}
#singleActions{
	text-align:right;
}
/*score*/
#singleActions{
	margin:0px 20px;
}
#singleActions p{
	padding:0px 0px 0px 10px;
	text-align:center;
}
/*buttom*/
#singleActions ul{
	text-align:right;
}
#singleActions ul li{
	padding:3px;
	font-weight: bold;
}
#singleActions ul li a{
	color:#333333;
	display:block;
	text-align:center;
	text-decoration:none;
	background:url('http://l.yimg.com/e/style/6/683/singleActions02.gif') no-repeat left top;
	width:90px;
	height:22px;
	padding:6px 0px 0px 0px;
}
#singleActions ul li a:hover{
	color:#FFFFFF;
	background:url('http://l.yimg.com/e/style/6/683/singleActions01.gif') no-repeat left top;
}
#singleActions ul li span{
	color:#333333;
	display:block;
	text-align:center;
	text-decoration:none;
	background:url('http://l.yimg.com/e/style/6/683/singleActions03.gif') no-repeat left top;
	width:90px;
	height:22px;
	padding:6px 0px 0px 0px;
}
#singleInfo ul#singleMeta{
	margin:5px;
	width:230px;
	display:block;
	float:left;
}
#singleInfo #externalLinks{
	margin:2px 0px 0px 5px;
	float:left;
	width:235px;
}
#singleInfo #embedLinks{
	margin:2px 0px 0px 0px;
	float:left;
	width:230px;
}

#singleInfo ul#singleData{
	display:block;
	text-align:right;
	width:249px;
	padding:90px 10px 10px 1px;
	_padding:0px 10px 10px 1px;
}
#singleInfo #adminSingleVideo{
}

#interaction{
	padding:5px 0px 0px 0px;
	width:517px;
}
#interaction ol{
	border:none;
	margin:0px 0px 0px 50px;
}
#trackback ol,
#comment ol{
	float:none;
	background:none;
	margin:0px;
}
#trackback h4{
	text-align:right;
	margin:0px 0px 0px 100px;
	border-top:1px dashed #666;
	width:400px;
}
#interaction strong a {
	background:none;
}
#trackback li,
#comment li{
	float:none;
	width:auto;
	height:auto;
	background:none;
}
#comment strong a {
	display:inline;
	color:#333333;
}

/**/
#trackback,
#comment,
#post{
	width:447px;
	padding:0px;
	clear:both;	
}
#post{
	background:url('http://l.yimg.com/e/style/6/683/post.gif') repeat-y left top;
}
#trackback h5,
#comment h5{
	color:#000;
	width:427px;
	height25px;
	margin:-1px 0px 0px 0px;
	padding:10px 0px 0px 20px;
	font-size:16px;
	border-bottom:1px dashed #fff;
}
#post h5{
	color:#000;
	width:427px;
	height:54px;
	margin:-1px 0px 0px 0px;
	padding:12px 0px 0px 20px;
	font-size:16px;
	background:url('http://l.yimg.com/e/style/6/683/post_top.gif') no-repeat left top;
}
#post h5 span{
	display:block;
	height:39px;
	padding:10px 0px 10px 50px;
	background:url('http://l.yimg.com/e/style/6/683/post_title.gif') no-repeat left top;
}
.excerpt,
#postForm{
	width:407px;	
	margin:0px 0px 20px 0px;
	padding:10px 10px 10px 100px;
}
#post #postForm{
	width:407px;
	margin:0px 0px 20px 0px;
	_margin:0px 0px 0px 0px;
	padding:10px 10px 10px 30px;
	background:url('http://l.yimg.com/e/style/6/683/post_bottom.gif') no-repeat left bottom;
}
#postForm #word_form{
	width:399px;
	height:auto;
	background:url('http://l.yimg.com/e/style/6/683/postForm.gif') repeat-y left top;
}
#word_form p{
	padding:5px 10px;
}
#postName{
	background:url('http://l.yimg.com/e/style/6/683/postForm_top.gif') no-repeat left top;
}
#submitPost{
	background:url('http://l.yimg.com/e/style/6/683/postForm_bottom.gif') no-repeat left bottom;
}
#postForm p#replyByText,
#postForm p#replyByVideo{
	padding:3px;
	font-size:14px;
	background:#FFEECA;
	font-weight: bold;
}
#comment h4{
	padding:0px 5px;
	text-align:right;
}
/**/
#clip{
	position:absolute;
	display:block;
	width:245px;
	top:395px;
	left:524px;
	clear:both;
}
#clip ul#clipTab li{
	display:inline;
	margin:0px;
	padding:7px 0px 0px 0px;
	text-align:center;
	width:61px;
	height:29px;
	float:left;
	background:url('http://l.yimg.com/e/style/6/683/clipTab.gif') no-repeat left top;
}
#clip ul#clipTab li.current{
	color:#FFFFFF;
	background:url('http://l.yimg.com/e/style/6/683/clipTab_current.gif') no-repeat left top;
}
#clipList{

}
#clip ul#authorList,
#clip ul#hotRank,
#clip ul#recentView,
#clip ul#friendView{
	display:block;
	width:245px;
	float:left;
	text-align:center;
}
#clip ul#authorList li,
#clip ul#hotRank li,
#clip ul#recentView li,
#clip ul#friendView li{
	position:relative;
	display:block;
	width:244px;
	height:110px;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:left;	
	background:#6dc0f5;
}
#clip ul li div.image{
	width:115px;
	height:105px;
	overflow:hidden;
	margin:0px 0px 0px 5px;
}
#clip ul li div.info{
	position:absolute;
	top:10px;
	left:17px;
	width:120px;
}
#clip ul li div.info p{
	display:block;
	width:120px;
	height:18px;
}
#clip ul li div.info p a{
	display:block;
	width:120px;
	height:18px;
	_height:16px;
	overflow:hidden;
}
/********* ************/
.image span{
	width: 100px;
	height: 105px;
}
.single .image span{
	width: 115px;
	height: 105px;
	background:url('http://l.yimg.com/e/style/6/683/movie_image.gif') no-repeat left top;
}

.all_list #videoPosts li{
	padding:3px;
}
.single #videoPosts{
	display:block;
	margin:0px 0px 0px 0px;
	text-align:left;
}
/*********list grid,import grid*********/
.import #videoPosts li.grid,
.list #videoPosts li.grid{
	display:block;
	width:107px;
	height:200px;
	padding:5px;
	background:url('http://l.yimg.com/e/style/6/683/small_grid.gif') no-repeat left top;
}
.import #videoPosts li.grid div.image,
.list #videoPosts li.grid div.image{
	display:block;
	width:100px;
	height:100px;
}
.import #videoPosts li.grid div.info,
.list #videoPosts li.grid div.info{
	display:block;
	width:100px;
	height:115px;
	text-align:center;
}
.import #videoPosts li.grid div.info p.videoTitle,
.list #videoPosts li.grid div.info p.videoTitle{
	display:block;
	width:100px;
	height:18px;
	_height:16px;
	overflow:hidden;
}

/*********d_list grid*********/
.d_list #videoPosts,
.list #videoPosts{
	display:block;
	width:763px;
	margin:40px 0px 0px 0px;
	text-align:left;
	padding:15px 0px 0px 0px;
	background:url('http://l.yimg.com/e/style/6/683/mainSection_top.gif') no-repeat left top;
}
.all_list #videoPosts,
.import #videoPosts{
	display:block;
	width:763px;
	margin:10px 0px 0px 0px;
	text-align:left;
	padding:15px 0px 0px 0px;
	background:url('http://l.yimg.com/e/style/6/683/mainSection_top.gif') no-repeat left top;
}
.d_list #videoPosts ol,
.all_list #videoPosts ol,
.import #videoPosts form,
.list #videoPosts ol{
	margin:0px;
	background:url('http://l.yimg.com/e/style/6/683/mainSection.gif') repeat-y left top;
}
.all_list #videoPosts .page,
.list #videoPosts .page{
	display:block;
	width:763px;
	margin:0px 0px 0px 0px;
	text-align:left;
	padding:0px 0px 0px 0px;
	height:22px;
	background:url('http://l.yimg.com/e/style/6/683/mainSection_bottom.gif') no-repeat left top;
}
.d_list #videoPosts .page{
	display:block;
	width:763px;
	margin:-20px 0px 0px 0px;
	text-align:left;
	padding:0px 0px 0px 0px;
	height:22px;
	background:url('http://l.yimg.com/e/style/6/683/mainSection_bottom.gif') no-repeat left top;
}
.import #videoPosts p.tip{
	display:block;
	margin:0px 0px 0px 0px;
	text-align:left;
	height:22px;
	padding:0px 0px 0px 15px;
	background:url('http://l.yimg.com/e/style/6/683/mainSection_bottom.gif') no-repeat left top;
}
#selectAlbum{
	margin:5px 10px 10px 10px;
}
.d_list #videoPosts li.grid{
	display:block;
	width:737px;
	padding:0px;
	height:130px;
	background:url('http://l.yimg.com/e/style/6/683/big_grid.gif') no-repeat left top;
}
.d_list #videoPosts li.grid div.image{
	display:block;
	float:left;
	width:100px;
	height:100px;
}
.d_list #videoPosts li.grid div.info{
	display:block;
	width:600px;
	text-align:left;
}
.d_list #videoPosts li.grid div.info p.videoTitle{
	display:block;
	width:600px;
}
.d_list #videoPosts li.grid div.info p.rating{
	width:600px;
	border-bottom:1px dashed #fff;
}
.d_list #videoPosts li.grid div.info .adminVideo{
	padding:0px 20px 0px 0px;
	text-align:right;	
}

/*********sidebar*********/
#sidebar{
	float:right;
	width:194px;
	top:0px;
	margin:0px;
}
h3{
	display:block;
	width:194px;
	font-size:13px;
	color:#333;
}
ul#boxList{
	margin:0px 0px 0px 0px;
}
ul#boxList .box0{
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	width:194px;
	height:29px;
	text-align:center;
	background:url('http://l.yimg.com/e/style/6/683/side_top.gif') no-repeat left bottom;
}

ul#boxList .box1{
	background:url('http://l.yimg.com/e/style/6/683/side.gif') repeat-y left bottom;
}
.side{
	padding:10px 10px 20px 10px;
	background:url('http://l.yimg.com/e/style/6/683/side_bottom.gif') no-repeat left bottom;
}
li.mySpace{
	position:relative;
}
li#mySpace .box0{
	margin:0px 0px 0px 0px;
}

#mySpaceImg span{
}
#mySpace select {
	width:160px;
}
/*********footer*********/
#footer{
	display:block;
	width:723px;
	height:42px;
}

/**/
#extraDiv1{
	display:block;
	width:44px;
	height:785px;
	background:url('http://l.yimg.com/e/style/6/683/extraDiv1.gif') no-repeat left top;
	position:absolute;
	left:-44px;
	top:0px;
}
#extraDiv2{
	display:block;
	width:45px;
	height:786px;
	background:url('http://l.yimg.com/e/style/6/683/extraDiv2.gif') no-repeat left top;
	position:absolute;
	right:-45px;
	top:0px;
}
/**/
#singleVideos li.grid_currentClip {
	background:#96d3fb;
}
#singleVideos li{
	background:#64b2e4;
}
#ysmcm li {
background:#48b0f3;
display:block;
float:left;
height:60px;
margin:1px;
padding:1px;
width:195px;
}
#interaction strong a{
	color:#333333;
}
#interaction a:hover{
	color:#ffffff;
}
#ysmcm div{
	display:block;
	clear:both;
}