/****** ******
Very Happy to create this style....
Edit by Benedict.

****** ******/

/*********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:640px;
padding:0px;
}
.single #content{
margin:0px;
}
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;

}
.single #main #mainSection h2{
margin:10px 10px 0px 5px;
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;

}
#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 5px;
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{
display:block;
margin:0px;
padding:0px;
width:525px;
}
#singleInfo p#singleDesc{
display:block;
font-size:13px;
font-weight:bold;
margin:10px;
overflow:auto;
padding:10px;
width:480px;
border:1px solid #8BCFF8;
}
#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;
background:#c2e5fb;
}
#singleActions ul li{
padding:3px;
font-weight:bold;
clear:both;
}
#singleActions ul li.self a,
#singleActions ul li.extra 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 center top;
width:100px;
height:22px;
padding:6px 0px 0px 0px;
float:left;margin-right:5px;margin-bottom:5px
}
#singleActions ul li.self a:hover,
#singleActions ul li.extra a:hover{
color:#FFFFFF;
background:url(http://l.yimg.com/e/style/6/683/singleActions01.gif) no-repeat center 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 center top;
width:100px;
height:22px;
padding:6px 0px 0px 0px;
float:left;margin-right:5px
}
#singleActions ul li.else{float:right;margin-bottom:5px;}
#singleActions ul li.else a{text-decoration:underline;}



#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:505px;
}
#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{
width:auto;
height:auto;
}

li.comments-author{background:#ccc}
#comment strong a {
display:inline;
color:#333333;
}
#interaction .comments-post{text-align:right;margin-bottom:5px}
/**/
#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;

margin:0px 0px 5px 0px;
padding:10px 0px 0px 20px;
font-size:16px;
border-bottom:1px dashed #fff;
}
#post h5{
color:#000;
width:427px;
height:54px;
margin:0px 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;

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:10px;
left:518px;
clear:both;
background:#6dc0f5;
}
#clip ul#clipTab li{
display:inline;
margin:0px;
padding:7px 0px 0px 0px;
text-align:center;
width:61px;
height:23px;
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;
height:29px;
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;
}
#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;

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*********/
.list .grid, .import .grid{margin-right:9px;}
.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;
line-height:18px;
overflow:hidden;
}

/*********d_list grid*********/
.d_list #videoPosts, 
.list #videoPosts{
display:block;
width:640px;
margin:40px 0px 0px 0px;
text-align:left;
padding:15px 0px 0px 0px;
background:#6dc0f5 url(http://l.yimg.com/e/style/6/683/mainSection_top.gif) no-repeat left top;
}
.all_list #videoPosts, 
.import #videoPosts{
display:block;
width:640px;
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:640px;
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:640px;
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;
}
.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:630px;
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:500px;
text-align:left;
padding-top:5px;
}
.d_list #videoPosts li.grid div.info p.videoTitle{
display:block;
width:500px;
}
.d_list #videoPosts li.grid div.info p.rating{
width:500px;
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:300px;
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;
width:174px;
}
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;
}
.d_list .videoDesc{
height:2.2em;
line-height:1.3em;
overflow:hidden;
}