/*-------------------------------------------
    ★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;
}
.single #extraDiv1,
.single #extraDiv2{display:none}
#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;}
.single #header h1{background:#69c21a;}
.single #header h1 a:hover{color:#fff;}

#navigation{padding-right:165px;}

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

/*----------------main-----------------*/
#main{
position:relative;
top:-180px;
}
.single #main{top:0}
#content{
width:660px;
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:140px;
height:27px;
display:block;
float:left;

}
#mainTab li a{

height:24px;
display:block;
padding:3px 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:20px;
}
#viewMode:after{

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;

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;

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:0px 10px 0px 10px;
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;
}
#singleRating p{float:left;}
#ratingDesc{width:100px;}
#singleActions ul li{clear:both;}
#singleActions ul li.self a,
#singleActions ul li.extra a{
display:block;
border-bottom:1px solid #a5da7c;
width:165px;
color:#fff;
margin:0px 0px 0px 5px;
padding:5px 0px 3px 0px;
float:left;
text-align:center
}
#singleActions ul li.self a:hover,
#singleActions ul li.extra a:hover{
border-bottom:1px solid #fff;
background:#8fd154;
color:#237e1c;
}
#singleActions ul li span{
color:#8fd154;
display:block;
margin:0px 0px 0px 5px;
padding:5px 0px 3px 0px;
width:165px;
background:#42a80a;
border-bottom:1px solid #a5da7c;
float:left;
text-align:center
}
#singleActions ul li.else{margin-bottom:5px;margin-top:5px;}
#singleActions ul li.else a{text-decoration:underline;}

#singleActions ul li#commentLink span{display:block;width:165px;padding-left:25px;}
#singleActions div{
	text-align:center;
	padding:5px 0;
	background-color: #88C606;
	height:10px;
	margin-bottom:5px;
}

#singleMeta{margin:0;padding:15px 0;list-style:none;width:250px;float:left;}
#externalLinks{width:250px;float:left;}



#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:140px;
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;

}
#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;
margin-bottom:5px;
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{
background:none;
margin-bottom:5px;
}
#comment li.comments-author{background:#42A80A;color:#DDDDDD;
padding:3px;}
#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;
margin-right:40px;
}

.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;

overflow:hidden;
}



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

.d_list .grid{
background:url(http://l.yimg.com/e/style/8/821/gridbig_01.jpg) no-repeat left top;
display:block;

height:110px;
padding:20px;
}

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

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

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

.d_list .videoTitle{
height:1.2em;

overflow:hidden;
}
.d_list .videoDesc{
height:1.2em;

overflow:hidden;
}
#content .info .adminVideo a:hover{color:#db9c41;}

/*---------------sidebar----------------*/
#sidebar{

}
#sidebar a{color:#237E1C;}
#sidebar a:hover{border-bottom:1px solid #db9c41;color:#69C21B;}
h3{
padding:35px 0px 0px 170px;

color:#fff;
}

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

#boxList .box1{
}
#boxList .box1 .side{
padding-left:140px;

margin-bottom:15px;
}
#mySpaceImg a:hover{border:none;}
#mySpace select{width:150px;}

#myCategory,
#myInteraction,
#mine select{margin-left:140px !important;}

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

/*namecard*/

#namecard{
background:#69C21A;
color:#444;
border:1px solid #DDDDDD;
}
#myService li a{
border-bottom:1px solid #ddd;
background:none;
border-left:1px solid #ddd;
}
#myService li a:hover{
background:#8FD154;
color:#237E1C;}
#swf{background:#69C21A;margin-bottom:0}
.single #header{background:#69C21A;width:950px;}
#axd_word a{color:#fff}