/***************************************
作者：Panda 熊姬
主題：求婚大作戰SP*影音
作者網址：http://www.wretch.cc/blog/ryohei0221
****************************************/

HTML {
SCROLLBAR-FACE-COLOR:#DB2128;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;SCROLLBAR-SHADOW-COLOR:#ffffff;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#ffffff;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;}

BODY {BACKGROUND:url(http://f7.wretch.yimg.com/ryohei0221/23/o1891442386.jpg?VDXQCgVDfB87pNLs97lSrM7bkBGRmoqWNARJJRrfc_nBQjS2Iq2rRC8gJBoq) #fff fixed repeat right bottom;OVERFLOW-X:hidden;}

INPUT {
BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;FONT-SIZE:10px;BACKGROUND:#fffffE;BORDER-LEFT:#000 1px solid;COLOR:#000000;PADDING-TOP:2px;BORDER-BOTTOM:#000 1px solid;FONT-FAMILY:verdana, arial;}

A {
FONT-SIZE:10px;COLOR:#333;FONT-FAMILY:verdana;LETTER-SPACING:1px;TEXT-DECORATION:none;}
A:hover {
FONT-SIZE:10px;COLOR:#000;TEXT-DECORATION:none;
}

#container{
width:780px;
margin-left:100px;
}

/*all setting*/
select{
background:#FCD8CE;
color:#000;
}
#searchText input{
border:1px solid #000;
background:#FCD8CE;
color:#000000;
}

/*header*/
#header{
background:url(http://f7.wretch.yimg.com/ryohei0221/19/1005109012.jpg?DFrmuGdDdBa7vJqh5X9TjdmDk7EH112Y.ZcJwoQv.OKzLpKtADzxU8Y1Kiz7) #fff no-repeat right;
position:relative;
height:auto!important;
height:190px;
width:750px;
min-height:0px;
margin-left:10px;
}
#header h1 {
position:relative;
top:10px;
left:100px;
font-weight:bold;
width:200px;
}
#header h1 a {
font-family:verdana;FONT-SIZE:23px;COLOR:#DB2128;
}

#header h1 a:hover {
font-family:verdana;FONT-SIZE:23px;BACKGROUND:#DB2128;COLOR:#ffffff;
}

#description{
position:relative;
FONT-SIZE:7pt;
COLOR:#000;
FONT-FAMILY:verdana;
LETTER-SPACING:1px;
TEXT-DECORATION:none;
top:40px;
left:150px;
}
#header a{
color:#000;
}

.single #header{background:none;}
.single #swf{}
h1{font-size:25px;
}
.single #header h1{padding:0;text-align:center;}
#navigation{text-align:right;}
.single #navigation{float:right;}


/*content*/
#content{
FONT-SIZE:10px;
COLOR:#333;
FONT-FAMILY:verdana;
LETTER-SPACING:1px;
TEXT-DECORATION:none;
width:450px;
margin-left:0px;
position:relative;
padding:0 0 0 10px;
}
.list #content a, 
.d_list #content a, 
.all_list #content a, 
.import #content a{
FONT-SIZE:10px;COLOR:#333;FONT-FAMILY:verdana;LETTER-SPACING:1px;TEXT-DECORATION:none;}
.list #content a:hover, 
.d_list #content a:hover, 
.all_list #content a:hover, 
.import #content a:hover{
FONT-SIZE:10px;COLOR:#DB2128;FONT-FAMILY:verdana;LETTER-SPACING:1px;TEXT-DECORATION:none;}
#sort{padding-right:50px;}
#sort li a{
background:#FEDCCE;
padding:2px 5px;
}
#sort li a:hover{

}
#sort span{display:block;margin-bottom:5px;}
#viewMode{margin-bottom:8px;}
#viewMode li a{
background:#FCD8CE;
border:0px solid #DB2128;
padding:2px 5px;
}
#viewMode li a:hover{
border:0px solid #DB2128;
}
.list h2, 
.d_list h2, 
.all_list h2, 
.import h2{
font-family:"Simhei";
font-size:25px;
clear:both;}

#mainTab{
position:relative;
z-index:100;
}
#mainTab li{
BORDER-RIGHT:#DB2128 1px solid;
BORDER-TOP:#DB2128 1px solid;
FONT-SIZE:10px;
BACKGROUND:#FEDCCE;
BORDER-LEFT:#DB2128 1px solid;
COLOR:#000000;
PADDING-TOP:2px;
BORDER-BOTTOM:#DB2128 1px solid;
FONT-FAMILY:verdana, arial;
width:100px;
display:block;
float:left;
margin-right:0px;
text-align:center;
}
#mainTab li a{
width:100px;
display:block;
}
#mainTab li.current{

}
#mainTab li.current a{
color:#333333;
}
#videoPosts .image img{border:0px solid #DB2128;}


/*list--content*/
.list .grid, 
.import .grid{
margin-left:0px;
width:130px;
height:200px;
overflow:hidden;
}
.list .image, 
.import .image{
float:left;
padding-left:0px;
}
.list .image span, 
.import .image span{
width:150px;
height:5px;
}
.list .info, 
.import .info{
width:150px;
float:left;
padding:10px 10px 0 0;
}
.videoTitle{
FONT-SIZE:15px;
COLOR:#333;
FONT-FAMILY:verdana;
LETTER-SPACING:1px;
TEXT-DECORATION:none;
width:145px;
height:2.52em;
overflow:hidden;
}

/*d_list--content*/
.d_list .grid{
width:450px;
background:#fff;
border:1px solid #DB2128;
margin:0 0 15px 0;
position:relative;
}
.d_list .grid .image span{
height:120px;
width:120px;
padding-left:20px;
}

.d_list .info{
width:420px;
margin-left:0px;
margin-top:0px;
}
.d_list .info ul{font-size:10px;color:#DB2128;}
.d_list .videoTitle{
width:420px;
}
.d_list .videoDesc{
width:420px;
}
.d_list .adminVideo{
position:absolute;
right:10px;
top:5px;
}


/*single--content*/
#mainSection{
position:relative;

}
.single h2{
position:absolute;
top:0px;
left:30px;
font-family:"Simhei";
font-size:25px;
color:#989998;
padding:0 20px;
}
#adminSingleVideo{
font-size:13px;
position:absolute;
left:20px;
width:450px;
}
.single #videoPosts{
padding:0px;
background:#fff;
border:1px solid #DB2128;}
#singleVideo{
padding-top:10px;
}
#singleVideos{
padding:0px;
}
#singleVideos ol {
display:block;
padding:0px 0px 0px 70px;
}
#singleVideos li {
border-top:1px dashed #DB2128;
background:#FCD8CE;
}
#singleVideos li.grid_currentClip {
background:#FCD8CE;
}
#singleInfo{
padding:0px 0px 0px 50px;
margin:0px 0px 0px;
}
#singleDesc{
width:450px;
padding:0px 10px;
color:#989998;
display:block;
margin:0px 0px 0px 0px;
}
#singleActions{
display:block;

}
#singleActions ul{
margin-top:5px;
display:block;
}

#singleActions ul li{clear:both;}
#singleActions ul li a{float:left;margin-right:5px;margin-bottom:5px;}
#singleActions ul li.self a, #singleActions ul li.extra a{
background:#FFE3D6;
border:1px solid #DB2128;
display:block;
padding:2px 5px;
text-align:center;
width:100px;
}

#singleActions ul li.self a:hover, #singleActions ul li.extra a:hover{
background:#DB2128;color:#fff;}
#singleActions ul li.else{float:right;margin-bottom:5px;}
#singleActions ul li.else a{text-decoration:underline;}

#singleActions li span {
background:#eee;
border:1px solid #aaa;
display:block;
padding:2px 5px;
text-align:center;
width:110px;
float:left;margin-right:5px;}

#singleMeta{
float:left;
margin:5px;
width:250px;
display:block;
color:#989998;
}
#externalLinks{
margin:2px 0px 0px 0px;
width:250px;
padding-bottom:10px;
}
#externalLinks input{width:450px;}
#embedLinks{
margin:2px 0px 0px 0px;
width:250px;
float:left;
}
#singleData{
width:450px;
display:block;
margin:10px;
padding:100px 0px 20px 0px;
}
#singleRating #scores{
}
#singleRating #ratingDesc{
height:20px;
}
#ysmcm{background:#ffdf92;}


/*all_list--content*/
.all_list #videoPosts{
background:#fff;
border:1px solid #DB2128;
border-top:none;}
.all_list #sort{
background:#fff;
border:1px solid #DB2128;
border-bottom:none;}
*html .all_list #sort{
height:1%;
}
.all_list h2{
}
*html .all_list h2{
height:1%;}
.all_list .page{
height:40px;
}
.all_list #videoPosts ol{
padding:0 20px;
}


/*sidebar*/
#sidebar{
margin-right:0px;
}
.box0{
background-color:#FEDCCE;
border:#aaaaaa 1px solid;
PADDING-LEFT:5px;
font-weight:normal;
font-size:7pt;
color:#000;
font-family:verdana;
letter-spacing:1px;
padding-bottom:4px;
padding-top:4px;
TEXT-ALIGN:CENTER;
}
.side{
PADDING-RIGHT:10px;PADDING-LEFT:5px;FONT-SIZE:10px;PADDING-BOTTOM:2px;BORDER-TOP-STYLE:none;LINE-HEIGHT:170%;PADDING-TOP:5px;COLOR:#000;FONT-FAMILY:verdana;TOP:10px;TEXT-ALIGN:left;
}
.side li a{
color:#DB2128;
padding:1px 5px 0px 5px;
}
*html .side li a{
height:1%;
}
.side li a:hover{
color:#772B1A;
TEXT-DECORATION:none;
}
#mySpace a{
color:#989998;
}
#mySpace a:hover{
color:#000;}
#mySpace select{width:190px;}

/*commenttrackback*/
#recentTrackbacks .side li a, 
#recentComments .side li a{
display:inline;
padding:0px;
}
#recentTrackbacks .side li a:hover, 
#recentComments .side li a:hover{
background:none;
text-decoration:underline;
border:0px;
padding:0px;
}
#recentTrackbacks .side li p, 
#recentComments .side li p{
border-bottom:0px solid #DB2128;
}
#recentTrackbacks .side li p a, 
#recentComments .side li p a{color:#888;}


/*interaction*/
#postName input, 
#postEmail input, 
#postUrl input, 
#comments_text{
width:400px;}
background:#fff;
border:1px inset #DB2128;}
#interaction{
padding:10px 0px;
}
#comment strong a{
background:none;
display:inline;
margin:2px;
}
#interaction h5{
font-family:"Simhei";
font-size:25px;
color:#3F3F3F;
}
#interaction h4{font-size:12px;}
#comment ol, 
#trackback ol{border:1px solid #DB2128;padding:5px;margin-bottom:10px;}
.comments-author p{background:#fffff;margin-left:95px;padding:5px;}
.comments-author .comments-post{text-align:right;}

/*post*/
#post{
color:#000;
position:relative;
}
#post h5{
padding:10px 0;
}
#post h5 span{
height:20px;
}
#postForm{
width:400px;
background:#FCD8CE;
border:1px solid #DB2128;
}
#word_form{

}
#post p{
padding:5px 0;
}
* html #post p{
height:1%;
padding:3px 0;
}
#post p:after{
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}

.head{
float:left;
width:100px;
margin:0 5px;
padding-bottom:3px;
text-align:right;
color:#777;
}
#postMode{}
li#replyByText, li#replyByVideo {
display:block;
float:left;
width:100px !important;
}

li#replyByText, li#replyByVideo {
display:block;
float:left;
width:100px !important;
}
#postMode input{background:none;border:0px;}
#cookieMe input{background:none;border:0px;}
#sealePost input{background:none;border:0px;}
#post #postName{
padding-top:20px;
}
#postContent textarea{
width:200px;
color:#000;
}
#userName, 
#email, 
#url{
width:100px;
}
#magic{
width:100px;
border:1px solid #aaa;
margin:3px 0;
margin:0;
}
#magicNumber span{
display:block;
margin-left:120px;
width:100px;
}
* html #magicNumber span{
margin-left:0;
}
#post #submitPost{
background:#FCD8CE;
}
#post #uTip{
padding:20px;
}


/*namecard*/

#namecard{
background:#FEDCCE;
color:#666;
border:1px solid #DB2128;
}
#myImg a:hover{border-color:#DB2128;}
#myService li a{
color:#fff;
background:#DB2128;
border-bottom:1px solid #ececec;
border-left:1px solid #ececec;
}
#myService li a:hover{
color:#000;
background:#F2A188;}