@charset "utf-8";

/*
Theme Name: Fridaying
Theme URL: http://www.Fridaying.com/
Version: 1.0
Author: [ī].
Author URL: http://www.Fridaying.com/
*/

/**** Default Style //////////*/
html,body { margin: 0 ; padding: 0 ; font-family: Verdana, Arial, "宋体" ; font-size:13px; color:#3d3d3d; width:100%; }
body { background:url(bg.jpg) top left #FFFFFF repeat-x; }
a { font-size: 13px; color: #0099cc ; text-decoration: none;/*star:expression(this.onFocus=this.blur());*/outline:none; /* for FF */}
a:visited { text-decoration: none; color: #444444;  }
a:hover { text-decoration: none; color: #cc0000; }
a:focus { outline:0;/*For firefox*/ }
a:active { text-decoration: none; }
p { margin: 0 !important; padding: 0 !important;  line-height: 140%;  }
p img { padding: 2px; border:#CCCCCC solid 1px;}
input, select, option, textarea, button, fieldset, legend { color: #3d3d3d; font-size: 1em; font-family: Verdana, Arial;}
img { border: none; }
form { margin: 0 !important;margin: 0 ; padding: 0 !important; padding: 0 ;list-style: none;}
ul { margin: 0 !important;margin: 0 ; padding: 0 !important; padding: 0 ;list-style: none;} 
li { margin: 0 !important;margin: 0 ; padding: 0 !important; padding: 0 ;list-style: none;}
div{ word-wrap: break-word;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
/**** Default Style \\\\\\\\\\\*/

/**/
img , #Logo , #index_Top_BG , #Tea ,#index_Left .Content ,#index_Left .Dot ,#Blog .Top,
#Blog .Bottom ,#slideshow ul li .PhotoPage ,#Photo_Top_BG ,#Blog_Top_BG,#Blog .KindShow,
.index_List .Top .KindShow ,.index_List .Top,.index_List .Bottom
{behavior: url(images/iepngfix.htc);}

.Clear { clear:both; height:0px; width:0px; margin: 0 auto; font-size: 0px;}
.Center{ position: relative; margin:0 auto; width:800px; padding:0;}
.CenterOnly{ text-align:center; width:100%;}
.Hidden { position: absolute; top:-9999px; left:-9999px; visibility:hidden;}
.Bold{ font-weight:bold;}

.relative{ position:relative;}
.absolute{ position:absolute;}
.block{ display:block;}
.Width100{ width:100%;}
.Height_0 { font-size:0; height:0; text-indent:-9999px;}
.Height_40{ margin:0 auto; height: 40px;}
.Height_30{ margin:0 auto; height: 30px;}
.Height_20{ margin:0 auto; height: 20px;}
.Height_10{ margin:0 auto; height: 10px;}
#Logo{ position:absolute; top: 0px; left:0px; background:url(Logo.png); z-index:5;}
#Logo a{ position:relative; width:307px; height:166px; font-size:0; text-indent:-9999px; display:block;}
#index_Top {margin: 135px 0 0 0; width:100%; }

#Nav{ position:absolute; top:-41px; _top:-43px; right:0; width:430px;} /* 这里限制宽度，是防止IE7 出现很滚动条，！Bug*/
#Nav ul li{ float: left;}
#Nav ul li a{ background:#779501;}
#Nav ul li a i{ margin:-3px auto;display:block; padding: 0 0 3px 0;font-size:10px; font-style:normal; font-family:Arial;}
#Nav ul li.HR{float:left;width:2px; height:43px;background:url(NavBG.gif) 0 -100px no-repeat;}
#Nav ul li.Left{ float: left;width:6px; height:43px; background:url(NavBG.gif) 0 0 no-repeat; }
#Nav ul li.Active a{float:left;display:block;padding:13px 25px 0; height:30px;color:#FFFFFF;font-size:14px;background:url(NavBG.gif) 0 -150px repeat-x; }
#Nav ul li.Active a i{color:#c1d089;}
#Nav ul li.Out a{ float: left;padding:13px 25px 0;height:30px; color:#dddddd;  font-size:14px; background:url(NavBG.gif) 0 -200px repeat-x;}
#Nav ul li.Out a:hover{ color:#FFFFFF; background:url(Nav_Change_BG.gif) 0 0 repeat-x;}
#Nav ul li.Out a i{color:#a8b47c;}
#Nav ul li.Out a:hover i{ color:#c1d089;}
#Nav ul li.Right{ float: left;width:6px; height:43px; background:url(NavBG.gif) 0 -50px no-repeat; }

#index_Top_BG{ margin: 2px auto 0 auto;background:url(index_TopBG.gif) #7fa100 center 2px no-repeat; height: 213px; width:100%;}
#Tea {position:absolute; width: 258px; height: 176px; background:url(Tea.png) no-repeat; top: -130px; left: 12px; font-size:0; text-indent:-999px; z-index:2000;}
#inde_Top_Title { margin: 5px 0 0 350px; }
#inde_Top_Title  .MoZheTeaTextIMG {width:323px;height:91px;}
#inde_Top_Title h3{ margin: 15px 0 0 30px;font-size: 1em; color:#FFFFFF; font-weight:normal;}
/*
#index_Left { float:left; width:280px;background:url(index_Left_BG.png) left repeat-y;}
#index_Left .Content{ position:relative ;margin: 50px 0 0 0; width:240px; padding:0 0 0 40px; color:#666666; background:url(dot.png) no-repeat;}

#index_Left .Content .Dot { position:absolute; bottom: 30px; left: 200px; height: 58px; width: 38px; background:url(dot1.png) no-repeat;}
#index_Left_Bottom{ height:74px;background:url(index_Left_Bottom_BG.png) right no-repeat;}

*/

.index_List { position:relative;width:795px; margin:16px auto ;}
.index_List .KindShow{ position:absolute; top:2px; left: 620px; width: 85px; text-align:center;  height:26px; background:url(KindShow.png) no-repeat; }
.index_List .KindShow a{font-size:13px; color:#FFFFFF;line-height:26px; vertical-align:middle;}
.index_List .HR { margin: 10px 100px 0 35px ;font-size:0; height:1px; border:none; background:url(DotHR.gif) repeat-x;}
.index_List .HR_Bottom { margin: 10px 0;font-size:0; height:1px; border:none; background:url(DotHR.gif) repeat-x;}
.index_List .Top {height: 89px; background:url(index_Content_Top.png) no-repeat;}
.index_List .Top h2{ padding: 38px 0 0 50px;}
.index_List .Top h2 a{font-size:18px; font-weight:bold; color:#333333;}
.index_List .Top h2 a:hover{ color:#09c;}
.index_List .Top h2 span { margin: 0 0 0 10px;font-size:14px; color:#006600; font-weight:normal;}
.index_List .Content {padding: 15px 20px 10px 45px;position:relative;background:url(Content_Center.png) repeat-y; }
.index_List .Content .Date{ position: absolute; top:-50px; right: 10px; margin:0; text-align:right; font-style:italic; font-family:Georgia, "Times New Roman"; width: 136px;}/* 这里限制宽度，是防止IE7 出现很滚动条，！Bug*/
.index_List .Content .DateDay{ font-size:48px; color:#0099cc; }
.index_List .Content .DateMonth{ margin: 0 5px 0 0;color: #333333; font-weight:bold;}
.index_List .Content .DateYear{color: #999999;}
.index_List .ShowContent{ margin: 20px auto 0;color:#666666; font-size:13px; }
.index_List .ShowContent p { line-height: 180%;}
.index_List .ShowContent img.NoBorder{ border:none;}
.index_List .ShowContent img{ padding: 2px; border:#eeeeee; background:url(Loading.gif) center no-repeat;}

.index_List .SayCount{ margin:10px 10px 0 0 ; text-align:right;}
.index_List .SayCount a{padding:0 15px 0 0; color:#666666; background:url(Add.gif) right 50% no-repeat;}
.index_List .SayCount a i{ padding: 0 4px 0 0 ; font-size: 11px;font-style:normal; color:#09c;}
.index_List .SayCount a:hover i{ color:#c00;}
.index_List .Bottom{ position:relative;margin: -11px 0 0 0 ; font-size:0; height:11px;background:url(Content_Bottom.png) 0 bottom no-repeat;}




.index_more { margin: 30px 0 0 0 ; width: 800px; text-align:right;}
.index_more a{ color:#09c;}

.HR_Bottom { margin: 10px 0;font-size:0; height:1px; border:none; background:url(DotHR.gif) repeat-x;}

/*************  Blog  *******/
#Blog_Top_BG{ margin: 172px 0 0 0 ; *margin: 38px 0 0 0 ; _margin: 35px 0 0 0; background:url(Blog_TopBG.png) center no-repeat; height: 90px; width:100%;}
#Blog { position:relative;width:795px; margin:-3px auto 0 auto; }
#Blog .KindShow{ position:absolute; top:4px; left: 620px; width: 85px; height:26px; background:url(KindShow.png) no-repeat; font-size:13px; color:#FFFFFF; text-align:center; line-height:26px; vertical-align:middle;}
#Blog .HR_Bottom { margin: 10px 0;font-size:0; height:1px; border:none; background:url(DotHR.gif) repeat-x;}
#Blog .Top { height: 89px; background:url(Content_Top.png) no-repeat;}
#Blog .Top h2{ padding: 38px 0 0 50px;font-size:18px; font-weight:bold; color:#333333;}
#Blog .Top h2 span { margin: 0 0 0 10px;font-size:14px; color:#006600; font-weight:normal;}
#Blog .Content { background:url(Content_Center.png) repeat-y; padding: 15px 20px 0 45px;}
#Blog .Content .Date{ position:absolute; top:36px; right:20px; text-align:right; font-style:italic; text-align: right; font-family:Georgia, "Times New Roman"; width: 137px;}/* 这里限制宽度，是防止IE7 出现很滚动条，！Bug*/
#Blog .Content .DateDay{ font-size:36px; color:#0099cc;font-size: 52px; }
#Blog .Content .DateMonth{ margin: 0 5px 0 0;color: #333333; font-weight:bold;}
#Blog .Content .DateYear{color: #999999;}

#Blog .Content .Left{ float:left; width: 100px; }
#Blog .Content .Left .List{ border-right:#e1e1e1 solid 1px; }
#Blog .Content .Left .List ul li a{ display:block; padding: 0 0 6px 0; height: 16px; color:#0099cc;}
#Blog .Content .Left .List ul li a:hover{ color:#cc0000;}
#Blog .Content .Left .List ul li a i { margin: 0 0 0 6px; color:#999999; font-size:11px; font-style:normal;}
#Blog .Content .Left .List ul li a:hover i{ color:#000000;}
#Blog .Content .Left .BottomHR { height: 50px; background:url(Bottom_Split.gif) bottom right no-repeat; font-size:0; text-indent:-999px;}

#Blog .Content .Right{ width: 540px;margin: 0 0 0 30px;float:left;}
#Blog .Content .Right ul li a{ position:relative;display: block; color:#0099cc; height:16px; padding:3px 0;}
#Blog .Content .Right ul li a:hover{ color:#cc0000;}
#Blog .Content .Right ul li a i{ position:absolute; top:0; left:390px;font-style:normal; color:#CCCCCC; font-size:10px; margin: 0 0 0 8px;}
#Blog .Content .Right ul li a:hover i{ color:#000000;}
#Blog .Content .Right ul li a span{ position:absolute; top: 0; left: 450px; font-size:10px;color:#CCCCCC; width:88px; }
#Blog .Content .Right ul li a:hover span{ color:#000000;}

/*
#Blog .Content .Right .Pages { margin: 30px 0 10px 0; width:518px; background: url(Pages.png) 2px 0 no-repeat;}
#Blog .Content .Right .Pages ul li{ float:left; }
#Blog .Content .Right .Pages ul li.Active a{ float:left; background:#FFFFFF; display:block; margin: 16px 0 0 0; padding: 0 42px 20px 0 ;font-size:11px; color:#cc0000; font-weight:bold;}
#Blog .Content .Right .Pages ul li a:hover{ color:#cc0000;}
#Blog .Content .Right .Pages ul li a{float:left; background:#FFFFFF; display:block; margin: 16px 0 0 0; _margin: 16px 0 0 0; padding: 0 42px 20px 0 ;font-size:11px; color:#0099cc; font-weight:bold;}
*/

.Blog_Pages_POS { margin: 0 auto 0 127px;}
.Pages { margin: 30px 0 10px 0; width:518px; background: url(Pages.png) 2px 0 no-repeat;}
.Pages ul li{ float:left; }
.Pages ul li.Active a{ float:left; background:#FFFFFF; display:block; margin: 16px 0 0 0; padding: 0 42px 20px 0 ;font-size:11px; color:#cc0000; font-weight:bold;}
.Pages ul li a:hover{ color:#FF6600;}
.Pages ul li a{float:left; background:#FFFFFF; display:block; margin: 16px 0 0 0; _margin: 16px 0 0 0; padding: 0 42px 20px 0 ;font-size:11px; color:#0099cc; font-weight:bold;}



#Blog #ShowContent{ margin: 20px 0 0 ; color:#666666; font-size:13px; }
#Blog #ShowContent p { line-height: 180%;}
#Blog #ShowContent img.NoBorder{ border:none;}
#Blog #ShowContent img{ padding: 2px; border:#eeeeee; background:url(Loading.gif) center no-repeat;}
#Blog .Content .PageTag{ margin: 0 0 10px 0 ;position:relative;color:#666666; width:730px;}
#Blog .Content .PageTag i{ margin: 0 0 0 10px; font-style:normal;color:#cccccc; }
#Blog .Content .PageTag .PageUp{ float:left;}
#Blog .Content .PageTag .PageUp a{ margin: 0 0 0 10px;color:#0099cc; }
#Blog .Content .PageTag .PageUp a:hover{ color:#cc0000; }
#Blog .Content .PageTag .PageDown { float: right;}
#Blog .Content .PageTag .PageDown a{ margin: 0 5px 0 10px;color:#0099cc; }
#Blog .Content .PageTag .PageDown a:hover{ color:#cc0000; }

#Blog .Bottom{ position:relative;margin:-11px 0 0 0;height:11px; font-size:0; background:url(Content_Bottom.png) no-repeat;}

#Photo_Top_BG{margin: 35px 0 0 0; background:url(Photo_TopBG.png) center no-repeat; height: 90px; width:100%;}

#Error{ margin: 0 auto; width: 200px; height: 100px; text-align:center; padding: 75px 0 0 0 ;font-size:14px; background:url(Error.gif) top center no-repeat; font-family:Georgia, "Times New Roman";}





#Say {width: 500px; margin:30px auto; padding: 0 0 0 150px; background:url(Say.gif) left top no-repeat;}
#Say #ToMe ul li { line-height: 30px;}
#Say #ToMe ul li i{ padding: 0 0 0 6px;font-style:normal; color:#999999;}
#Say #ToMe ul li input{ padding: 3px ;width: 160px; border: #ccc solid 1px; color:#555;}
#Say #ToMe ul li textarea{ color:#555; line-height: 20px; overflow:hidden; background:url(Pen.gif) right bottom  no-repeat;border: #ccc solid 1px; }
#Say #ToMe ul li .empty { color:#888;}
#Say #ToMe ul li .Must { color: #c79;}
#Say #ToMe ul li input#SaySumbit {border:none; width:auto; height:auto; margin: 6px 0 0 0 ; padding:0; width: 75px; height:26px; }
#Say #ToMe ul li #SaySumbit_A{ margin: 6px 0 0 0 ;display:block; text-indent:-999px; font-size:0; width: 75px; height:26px;}
#Say #ToMe ul li .OK{ background:url(Save.gif) top left no-repeat;}
#Say #ToMe ul li .NO{ background:url(Save.gif) bottom left no-repeat;}

.SayList { margin:10px auto 40px auto ;clear:both; width: 700px; height:auto;}
.SayList .Left{ float:left; padding: 0 40px 0 0 ;text-align:right; width: 200px;background:url(Say_quote.gif) 220px top no-repeat;}
.SayList .Left h3{ font-size:12px; font-weight:bold;}
.SayList .Left h3 a{ color:#018ab8; font-weight:bold;}
.SayList .Left h3 a:hover{color:#c00;}

.SayList .Left h5{ margin: 5px 0 0 0; font-size:10px; color:#999;}
.SayList .Right{ float:left; width: 400px; padding: 0 12px 3px 10px; line-height: 160%; color:#666; background:url(Say_quote.gif) right bottom no-repeat;}



#Bottom_HR{ background:#f7f7f7; height:1px; font-size:0; border:none;}
#Bottom .Split { float:left; margin: 0 25px;font-size:0; width:1px; height: 120px; background:url(Bottom_Split.gif) no-repeat;}
/********** Bottom Me *************/
#Bottom .Me { float:left ; width: 280px;color:#666666;}
#Bottom .Me .ShowPhoto {float:left; margin: 0 10px 0 0;}
#Bottom .Me .ShowPhoto img { padding:2px; border:#EEEEEE solid 1px;}
#Bottom .Me .ShowTEXT ul li{ margin: 0 0 5px 0; margin-bottom: 5px !important;/*FF、IE7 Bug ?*/ display: block;}
#Bottom .Me .ShowTEXT ul li span img{ width:55px; height:11px;}
/********** Bottom Categories *************/
#Bottom .Categories { float:left; margin: 3px 0 0 0;}
#Bottom .Categories ul li { clear:both;display:block;}
#Bottom .Categories ul li a{ float:left; padding: 0 0 6px 0; color:#0099cc; height:15px; display:block; }
#Bottom .Categories ul li a:hover{ color:#cc0000;}
#Bottom .Categories ul li a i{ margin: 0 0 0 8px;font-style:normal; color:#CCCCCC; font-size:10px; }
#Bottom .Categories ul li a:hover i{ color:#cc0000;}
/********** Bottom Comments *************/
#Bottom .Comments{ float:left; margin: 3px 0 0 0;}
#Bottom .Comments ul li{clear:both; display:block; }
#Bottom .Comments ul li a{ float:left; position:relative; padding: 0 0 5px 60px;/*7px , Other 6px ,???*/color: #888888; display:block;}
#Bottom .Comments ul li a:hover{ color:#000000;}
#Bottom .Comments ul li a i{ position: absolute; top:0; left:0; color:#0099cc; font-style:normal;}
#Bottom .Comments ul li a:hover i{ color:#cc0000;}
/********** Bottom Copy *************/
#Bottom .Copy{ margin: 5px 0 5px 0; color:#CCCCCC; text-align:center; font-size:0.9em;}
#Bottom .Copy ul li a{ padding: 0 0 6px 0; display: block;}