/*-------------------------------------------
    ★Designed & Css by [ waitingchou ] ★
http://www.wretch.cc/blog/waitingchou
                -green the earth-
-------------------------------------------------------------------*/

body{
font-size: 13px;
font-family: Georgia,Arial, Helvetica, sans-serif;
color:#666;
}
a{
color:#69c21b;
text-decoration: none;
}
a:hover{
color: #237e1c;
}

#container{
width: 984px;
margin: 0 auto;
background: url('http://l.yimg.com/e/style/6/682/container.jpg') repeat-y left top;
position:relative;
}
#extraDiv1{
display:block;
width: 11px;
height: 46px;
background:url('http://l.yimg.com/e/style/6/682/extra1.jpg') no-repeat left top;
position:absolute;
top:142px;
left: -11px;
}
#extraDiv2{
display:block;
width: 13px;
height: 41px;
background:url('http://l.yimg.com/e/style/6/682/extra2.jpg') no-repeat left top;
position:absolute;
top:146px;
right: 158px;
}
#extraDiv3{
display:block;
width: 45px;
height: 163px;
background:url('http://l.yimg.com/e/style/6/682/extra3.jpg') no-repeat left top;
position:absolute;
top:500px;
left: -45px;
}

/*---------------------top-------------------------*/


#header{
background:url('http://l.yimg.com/e/style/6/682/header.jpg') no-repeat left top ;
height:405px; 
position:relative;
}
#header h1{
font-size:18px;
text-align:left;
width: 400px;
position:absolute;
left:30px;
bottom:280px;
}
#header h1 a{color:#555;}
#header h1 a:hover{color:#69c21b;}

#navigation{padding-right:165px;}

#header #description{
position:absolute;
display:block;
left:30px;
bottom: 265px;
color:#999;
}

/*----------------main-----------------*/
#main{
position:relative;
top: -180px;
}
#content{
width:805px;
padding-left:0;
}
#content a{color:#237e1c;}
#content a:hover{color:#8eec3b;}

/*----------------maintab------------------*/


#mainTab{
    margin-left: 50px;
}
#mainTab li{
background:url('http://l.yimg.com/e/style/6/682/maintab.jpg') no-repeat left top;
width: 130px;
height: 27px;
display:block;
float:left;
margin-right: 10px;
}
#mainTab li a{
width: 120px;
height: 24px;
display:block;
    padding: 3px 0 0 32px;
    *height: 20px;
    *padding: 7px 0 0 32px;
    color:#fff;
    text-decoration:underline;
}
#mainTab li a:hover{text-decoration:none;}
#mainTab li.current{
background:url('http://l.yimg.com/e/style/6/682/maintabh.jpg') no-repeat left top;
}
#mainTab li.current a{
    color:#237e1c;
    text-decoration:none;
}
#mainSection h2{clear:both;padding: 5px 0 0 55px;}

#sort{text-align:left;padding-left: 55px;}
#sort li a{color:#fff;text-decoration:underline}
#viewMode{
    margin: 15px 0;
    padding-left:55px;
    *height: 1%;
}
#viewMode:after{
    content:".";
    display:block;
    visibility:hidden;
}
UL#viewMode li{
float:left;
    padding-right: 20px;
}
#viewMode li a{
display:block;
background:url('http://l.yimg.com/e/style/6/682/viewmode.gif') no-repeat left 3px;
    *background:url('http://l.yimg.com/e/style/6/682/viewmode.gif') no-repeat left top;
text-decoration: underline;
color:#fff;
    padding-left: 20px;
}

#viewMode li cite{
display:block;
background:url('http://l.yimg.com/e/style/6/682/viewmodeh.gif') no-repeat left 3px;
    *background:url('http://l.yimg.com/e/style/6/682/viewmodeh.gif') no-repeat left top;
    padding-left: 20px;
    color:#237e1c;
}

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:#a5da7c;
font-weight: bold;
text-decoration: none;
}
#content div.page a:hover{color:#fff}


/*--------------single------------------*/
.single #main #mainSection h2{
font-size:16px;
padding: 0 0 10px 35px;
color:#fff;
width: 501px;
}

#singleVideo{
width:525px;
margin-left: 20px;
}


#singleInfo{
    padding-top: 20px;
position:absolute;
top:0;
left:560px;
    line-height: 1.5em;
width:245px;
height: 500px;
color:#fff;
}
#singleInfo p#singleDesc{
display:block;
font-weight: bold;
font-size:13px;
    height: 3em;
    overflow-y:auto;
SCROLLBAR-FACE-COLOR: #69c21b;
SCROLLBAR-HIGHLIGHT-COLOR: #69c21b;
SCROLLBAR-SHADOW-COLOR: #69c21b;
SCROLLBAR-ARROW-COLOR: #486c6c;
SCROLLBAR-TRACK-COLOR: #69c21b;
}

#singleActions ul li a{
display: block;
border-bottom:1px solid #a5da7c;
width:165px;
color:#fff;
padding: 5px 0px 3px 25px;
}
#singleActions ul li a:hover{
border-bottom:1px solid #fff;
background:#8fd154;
color:#237e1c;
}
#singleActions ul li span{
color:#8fd154;
display:block;
padding:5px 0px 3px 25px;
width:165px;
background:#42a80a;
border-bottom:1px solid #a5da7c;
}
#singleActions ul li#commentLink span{display:block;width:165px;padding-left: 25px;}
#singleActions div{text-align: left;padding: 10px 0;}
#scores{margin:0;}
#singleMeta{margin:0;padding:15px 0;list-style:none;}



#singleVideos li {
background: url('http://l.yimg.com/e/style/6/682/singlegrid.jpg') no-repeat left top;
display:block;
width:98px;
height: 84px;
    padding-left:0;
}
#singleVideos li span{width: 90px;}
#singleVideos li.grid_currentClip{
background: url('http://l.yimg.com/e/style/6/682/singlegridc.jpg') no-repeat left top;
}
#singleVideos{
height:100px;
    margin-left: 10px;
}
#singleVideos .title{width:90px;}
#ysmcm{width: 490px;margin-left: 30px;}
#ysmcm div div{padding-top:20px;border-top:1px solid #A5DA7C }
#ysmcm li{background:none;padding: 3px 0 0 10px;}

#ysmcm strong a{color:#fff;text-decoration:underline;}




/*----------------clip---------------*/
#clip{
position:absolute;
display:block;
width:245px;
top:550px;
left:560px;
}
#clip #clipTab{
background:#69c21b url('http://l.yimg.com/e/style/6/682/clipup.jpg') no-repeat center bottom;
height: 70px;
padding-left: 40px;
}

#clip ul#clipTab li{
display:block;
padding:10px 0px 0px 0px;
text-align:center;
width:44px;
height:31px;
float:left;
margin: 0px;
}
#clip ul#clipTab li{
color:#fff;
text-decoration: underline;
}

#clip ul#clipTab li.current{
background:url('http://l.yimg.com/e/style/6/682/clipcurrent.jpg') no-repeat left top;
text-decoration: none;
}
#clipList{
background:url('http://l.yimg.com/e/style/6/682/clipcenter.jpg') repeat-y center top;
}
#clipList ul{
background:url('http://l.yimg.com/e/style/6/682/clipbottom.jpg') no-repeat center bottom;
padding-bottom:10px;
padding-left: 22px;
*height:1%;
}
#clipList li{
width:204px;
height: 106px;
display:block;
overflow:hidden;
background:url('http://l.yimg.com/e/style/6/682/clipgrid.jpg') no-repeat left bottom;
}

#clip ul li div.image{
width:90px;
height:100px;
overflow:hidden;
}
.single .image span {
    height:110px;
    width:90px;
}
#clip ul li div.info{
width: 110px;
    font-size:12px;
padding-top:20px;
}
#clipList .info {
margin-left:90px;
}

#clip ul li div.info .title{
display:block;
width:110px;
height:1.2em;
overflow:hidden;
}


/*----------------------interaction-------------------*/
#interaction{
padding:5px 0px 0px 0px;
width:525px;
}

#trackback,
#comment,
#post{
width:525px;
padding:0px;
clear:both;
}
#trackback h5,
#comment h5,
#post h5{
font-size:16px;
color:#fff;
margin-left: 30px;
padding-left: 20px;
padding-top: 10px;
width: 470px;
border-bottom:1px solid #a5da7c;
background: url('http://l.yimg.com/e/style/6/682/viewmode.gif') no-repeat left bottom;
}

#trackback ol,
#comment ol{
    border:none;
    padding-left: 50px;
}
#interaction ol{border:none;}
#trackback li,
#comment li{
float:none;
width:450px;
height:auto;
background:none;
    margin-bottom: 5px;
}
#trackback h4{
}
#comment h4{
    color:#a5da7c;
}
#interaction strong a {
background:none;
}
#comment strong a {
display:inline;
    color:#237e1c;
}

/*---------post-----------*/
#post #postForm{
width:450px;
    margin-left:50px;
    padding: 10px 0;
}
#postName input, 
#postEmail input, 
#postUrl input, 
#comments_text{
    background:#a5da7c;
    border:1px solid #a5da7c;
    border-bottom: 1px solid #fff;
}
.head{
    display: block;
    width: 130px;
    float:left;
}

#postForm p{
    padding-bottom: 5px;
}
#postContent textarea{
    width: 280px;
SCROLLBAR-FACE-COLOR: #69c21b;
SCROLLBAR-HIGHLIGHT-COLOR: #69c21b;
SCROLLBAR-SHADOW-COLOR: #69c21b;
SCROLLBAR-ARROW-COLOR: #486c6c;
SCROLLBAR-TRACK-COLOR: #69c21b;
}
#postName{color:#237e1c}
#postName span{color:#666}
#cookieMe label,
#sealePost label{color:#237e1c}
#postContent label{padding-top: 30px;}





/*----------------all_list------------------*/

.all_list #videoPosts{padding: 0 55px;}
.all_list #videoPosts li{
padding:3px;
}
.all_list #videoPosts li a{color:#fff;text-decoration:underline;}
.all_list #videoPosts li a:hover{color:#8eec3b;text-decoration:none;}

/*------------------list,import -----------------*/
.list .grid,
.import .grid{
display:block;
width:246px;
height:112px;
    background: url('http://l.yimg.com/e/style/6/682/gridlittle.jpg') no-repeat left top;
}

.list  #videoPosts,
.import  #videoPosts{padding-left:27px;}

.list .image,
.import .image{
float:left;
    padding-left: 5px;
}
.list .image span,
.import .image span{
width: 95px;
height: 112px;
}

.list .info,
.import .info{
width: 140px;
float: right;
    padding-top:15px;
    text-align:left;
}
.list .videoTitle,
.import .videoTitle{
    width: 135px;
    height: 1.2em;
    /*height: 1em;*/
    overflow:hidden;
}



/*-------------------d_list--------------------*/
.d_list #videoPosts{padding-left:50px;}

.d_list .grid{
    background:url('http://l.yimg.com/e/style/6/682/gridbig.jpg') no-repeat left top;
display:block;
width:676px;
    height: 110px;
    padding: 20px;
}

.d_list .grid .image span{
height:110px;
width: 95px;
padding-left: 20px;
}

.d_list .info{
width: 500px;
padding-left: 20px;
}

.d_list .info ul{font-size: 12px;}

.d_list .videoTitle{
    height: 1.2em;
    *height: 1em;
    overflow:hidden;
}
.d_list .videoDesc{
height: 1.2em;
    *height: 1em;
overflow:hidden;
}
#content .info .adminVideo a:hover{color:#db9c41}

/*---------------sidebar----------------*/
#sidebar{
width:171px;
float:right;
margin-left:0;
}
#sidebar a{color:#237E1C}
#sidebar a:hover{border-bottom: 1px solid #db9c41;color:#69C21B}
h3{
padding:35px 0px 0px 40px;
_padding:38px 0px 0px 40px;
color:#fff;
}

#boxList .box0{
height:87px;
background:url('http://l.yimg.com/e/style/6/682/box0.jpg') no-repeat left top;
}

#boxList .box1{
}
#boxList .box1 .side{
padding-left: 22px;
_padding-left: 15px;
margin-bottom: 15px;
}
#mySpaceImg a:hover{border:none;}
#mySpace select{width: 150px;}

/*---------------------footer------------------*/
#footer{
clear:both;
display:block;
}