/*  
Theme Name: Jessica
Theme URI: http://www.funnyapple.com
Description: This is my theme.
Version: 1.0
Author: Jessica Lin
Author URI: http://www.funnyapple.com/
*/
/*reset*/
html{color:#000;background:#fff;}
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{font-size:0;height:0;line-height:0;visibility:hidden;}
select,input,button,textarea{font:12px/14px "Microsoft Yahei",Arial;border:none;}
a{text-decoration:none;}
.clear:after{display:block;height:0;clear:both;content:"";  }
body{background:url(images/sprite.png) no-repeat right -557px;font:12px/18px Tahoma;}
#container{margin:0 auto;overflow:hidden;width:960px;}
pre,code{font:12px/18px Tahoma;}
/*header*/
#header{height:91px;overflow:hidden;margin:20px 0;width:261px;}
#logo{background:url(images/sprite.png) no-repeat -151px -19px;float:left;height:100%;text-indent:-261px;width:100%}
/*menu*/
#menu{border-bottom:1px solid #000;float:left;margin-bottom:20px;width:650px;}
#menu li{float:left;font:18px/36px Tahoma;margin-right:3.0em;}
/*search form*/
#search-form{border-bottom:1px solid #000;float:right;margin-bottom:20px;padding:4px 0 11px;width:250px;}
#search-form fieldset{float:right;}
#s,#feed #email{background-color:#9a9a9a;border:1px solid #000;color:#fff;float:left;height:15px;padding:2px;width:170px;}
#search-button{background:url(images/sprite.png) no-repeat right -414px;cursor:pointer;float:left;height:21px;margin-left:10px;overflow:hidden;text-indent:-10em;width:29px;}
/*wrapper*/
#wrapper{clear:both;overflow:hidden;width:100%;}
#main{float:left;width:650px;}
#sidebar{float:right;width:250px;}
#wrapper h1,h2,h3,h4{font-weight:bold;}
/*red link font color*/
#menu li.current a,.entry .more a,.code ol li.remark,.code ol strong,#comments strong,cite,cite a,#pager .current{color:#cc0001;}
/*black link font color*/
#menu li a,h3 a,h1 a,#sidebar a{color:#000;}
/*gray font color*/
.meta-data span,.meta-data a,#breadcrumb a{color:#a8a8a8;padding:0 1px;}
/*hover: red background and white font color*/
#sidebar a:hover,.entry .more a:hover,.meta-data a:hover,#pager a:hover,#breadcrumb a:hover,cite a:hover{background-color:#cc0000;color:#fff;}
/*link add underline*/
.entry a:hover,#footer a:hover{text-decoration:underline;}
/*sidebar*/
#sidebar .widget{margin-bottom:15px;}
#sidebar .widget ul,#widget-tag-cloud-content{margin-left:10px;}
#widget-tag-cloud-content{line-height:24px;}
#sidebar .widget ul .children{background-color:#fff;margin-left:-12px;padding-left:12px;}
#sidebar h3{background-color:#f5f3e6;font:14px/26px "Microsoft Yahei", "Microsoft JhengHei", Arial;margin-bottom:5px;padding-left:10px;}
#sidebar a{padding:0 1px;}
#sidebar li{line-height:24px;}
#widget-hot-articles li{background:url(images/sprite.png) no-repeat -401px -316px;padding-left:16px;}
#widget-categories li{background:url(images/sprite.png) no-repeat -408px -271px;padding-left:12px;}
#feed a:hover{background:none;}
#subscribe{background-color:#000000;color:#ffffff;font-family:Arial, Helvetica, sans-serif;margin-left:5px;padding:0 2px;height:20px;}
#feed h4{font:12px/30px "Microsoft Yahei", "Microsoft JhengHei", Arial;}
#feed h4,#feed form{margin-left:10px;}
#feed li{height:30px;}
/*main*/
#archives,#archive{overflow:hidden;width:100%;}
#archives .item,#archive{margin-bottom:30px;overflow:hidden;position:relative;}
#archives h3,#wrapper h1{font:normal 28px/40px "Microsoft Yahei", "Microsoft JhengHei", Arial;padding-right:90px;}
.entry{font-size:14px;line-height:24px;}
.entry h3{font-size:16px;}
.entry p{margin:12px 0;}
.entry .more{font-size:12px;line-height:16px;padding-bottom:25px;background:url(images/sprite.png) no-repeat center 30px;margin-bottom:0;}
.entry .more a{padding:1px;}
.entry .description{margin:12px 0;}
.entry sub{font-size:12px;}
#archives .description img{border:1px solid #eaeaea;padding:5px;}
/*meta*/
.meta-data{margin-top:12px;}
.meta-data span{margin-right:15px;}
.meta-data a{margin-right:5px;padding:0 1px;}
/*date*/
.date{background:url(images/sprite.png) no-repeat 0 -45px;display:block;height:66px;width:88px;position:absolute;right:0;top:0;}
.date span{background:url(images/sprite.png) no-repeat;display:block;height:28px;overflow:hidden;position:absolute;text-indent:-30px;width:30px;}
.date .month{top:0;left:0;}
.date .day{top:27px;right:16px;}
.date .n-01{background-position:0 -110px;}
.date .n-02{background-position:0 -138px;}
.date .n-03{background-position:0 -166px;}
.date .n-04{background-position:0 -194px;}
.date .n-05{background-position:0 -222px;}
.date .n-06{background-position:0 -250px;}
.date .n-07{background-position:0 -278px;}
.date .n-08{background-position:0 -306px;}
.date .n-09{background-position:0 -334px;}
.date .n-10{background-position:0 -362px;}
.date .n-11{background-position:0 -390px;}
.date .n-12{background-position:0 -418px;}
.date .n-13{background-position:0 -446px;}
.date .n-14{background-position:0 -474px;}
.date .n-15{background-position:0 -502px;}
.date .n-16{background-position:0 -530px;}
.date .n-17{background-position:-36px -110px;}
.date .n-18{background-position:-36px -138px;}
.date .n-19{background-position:-36px -166px;}
.date .n-20{background-position:-36px -194px;}
.date .n-21{background-position:-36px -222px;}
.date .n-22{background-position:-36px -250px;}
.date .n-23{background-position:-36px -278px;}
.date .n-24{background-position:-36px -306px;}
.date .n-25{background-position:-36px -334px;}
.date .n-26{background-position:-36px -362px;}
.date .n-27{background-position:-36px -390px;}
.date .n-28{background-position:-36px -418px;}
.date .n-29{background-position:-36px -446px;}
.date .n-30{background-position:-36px -474px;}
.date .n-31{background-position:-36px -502px;}
/*code*/
.code{padding-right:20px;background-color:#ecffd6;font-size:12px;}
.code ol{padding-left:40px;}
.code ol li{border-top:1px solid #fff;border-bottom:1px solid #65b705;line-height:24px;list-style:decimal;padding-left:20px;}
.code ol li:first-child,.code ol li.first-line{border-top:none;padding-left:0;}
.code ol li.last-line{border-bottom:none;padding-left:0;}
/*breadcrumb*/
#breadcrumb{line-height:24px;margin-bottom:10px;font-family:Arial,"Microsoft Yahei",Tahoma}
#breadcrumb .home{font-size:14px;}
/*pager*/
#pager{font:15px/24px Georgia, "Times New Roman", Times, serif;}
#pager a,#pager span{background-color:#f5f3e6;border:1px solid #ccc;color:#000;padding:2px 5px;margin:0 5px;}
#pager .prev,#pager .next{background:none;border:0;margin:0;}
/*comment*/
#comments input,#comments textarea{background-color:#eaeaea;border:1px dashed #ccc;margin:5px 10px 0 0;padding:4px;width:180px;}
#comments textarea{overflow:auto;width:500px;}
#comments h3{font-size:14px;font-weight:bold;}
#comments strong{font-family:Georgia,Arial;font-size:40px;line-height:46px;font-style:italic;margin:0 2px;}
#comments ol{margin-bottom:40px;}
#comments ul.children{width:100%;}
#comments .comment-item{border-top:1px dashed #eaeaea;margin-top:10px;overflow:hidden;padding-top:10px;}
#comments .comment-item .comment-item{border-width:5px 2px;border-style:solid;border-color:#f8f8f8;margin-left:76px;padding-bottom:10px;padding-left:10px;padding-right:10px;} 
#comments .comment-item .comment-item .comment-item{margin-left:152px;}
#comments .comment-item .comment-item .comment-item .comment-item{margin-left:228px;}
#comments .comment-item .comment-item .comment-item .comment-item .comment-item{margin-left:304px;}
#comments .comment-item .comment-item .comment-item .comment-item .comment-item .comment-item{margin-left:380px;}
#comments .comment-item .comment-item .comment-item .comment-item .comment-item .comment-item .comment-item{margin-left:456px;}
#comments img{border:1px solid #eaeaea;float:left;margin-right:10px;padding:2px;}
#comments .comment-content{overflow:hidden;padding-right:40px;position:relative;zoom:1;}
#comments .comment-reply-link{position:absolute;right:0;top:24px;}
#comments .comment-content .name,#comments .comment-content .name a{font-size:14px;}
#comments .comment-content .comment-date{color:#ccc;position:absolute;right:0;top:0;}
#comments .comment-content p{margin-top:10px;}
#respond .submit-button input{background:none;border:0;cursor:pointer;height:30px;margin:0;padding:30px 0 0;width:175px;}
#respond .submit-button{display:block;height:30px;width:175px;background:url(images/sprite.png) no-repeat right -149px;margin-top:10px;overflow:hidden;}
#respond .submit-button:hover{background-position:right -179px;}
#respond .submit-button:active{background-position:right -209px;}
/*footer*/
#footer{border-top:1px solid #000;margin-top:40px;overflow:hidden;width:100%;}
#footer .section{float:left;display:inline;margin:0 5px;width:310px;}
.section h2{border-bottom:1px solid #000;font:bold italic 14px/40px Arial;text-transform:uppercase;}
.section ul{margin-top:10px;}
.section ul li{clear:left;height:24px;line-height:24px;overflow:hidden;}
.section ul li strong{float:left;width:45px;}
.section ul li cite{margin-right:5px;}
.section ul li cite a:hover{text-decoration:none;}
#footer p{clear:left;padding:15px 0 10px;text-align:center;}