/*  
Theme Name: Dace With Net
Theme URI: http://dancewithnet.com/
Description: IE6+、Firefox1.0+、Opera8.0+
Version: 1.0.1
Author: Kaven Yan
Author URI: http://dancewithnet.com/
*/
@media screen{
*{margin:0;padding:0;}
html,body{background:#242424;color:#ddd;}
body{font:62.5%/160% "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑",Verdana, Arial, Helvetica, sans-serif;}
img{border:none;}
a{text-decoration:none;color:#ccc;}
a:hover{color:#fff;border-bottom:1px solid #999;}
ul li{list-style:none;}
ol li{list-style:decimal;}
ol ol li{list-style:lower-alpha;}
ol ol ol li{list-style:lower-roman;}
table{border-collapse:collapse;font-size:1em;}
th{font-weight:normal;}
del{color:#888;}
ins{text-decoration:none;background:#393939;}
sup,sub{color:#666;padding:0 3px 0 2px;font-family:Georgia;}
#wrapper{background:#000;width:100%;min-width:100em;height:8em;}
#paster{border-bottom:1px solid #333;height:7.6em;}
#page{margin:0 auto;width:100em;}
.fix-float:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.fix-float{
  zoom:1;
}
.none{
  display:none;  
}
.word-break-all{
  word-wrap:break-word;
}

/*====header begin====*/
#header{position:relative;height:7.6em;}
#header a:hover{border:none;}
#header h1{position:absolute;left:1em;bottom:0;width:17.9em;height:6.6em;font-size:1em;}
#header h1 img{width:17.9em;height:6.6em;}
#header li{float:left;}
#nav{position:absolute;right:1em;bottom:0;font-size:1.6em;}
#nav a{display:block;padding:3px .5em 12px;}
#nav .last a{padding:3px 0 12px .5em;}
#nav a:hover{color:#fff;}
#subNav{position:absolute;right:1em;top:0;font-size:1.2em;color:#999;}
#subNav li{padding:0 1em 0 0;line-height:1.9em;background:url(img/symbols.png) no-repeat 0 -496px;text-indent:20px;cursor:pointer;}
#subNav a{color:#999;}
#subNav a:hover{color:#ccc;}
#nav .here a{background:url(img/navHere.png) no-repeat  50% 100%;}
/*==search begin==*/
#search{position:absolute;right:1em;top:.3em;color:#999;}
#search input{border:1px solid #666;border-right:none;padding-top:3px;width:14.5em;height:19px;background:#000; vertical-align:middle;color:#999;font-size:1.2em;text-indent:3px;}
#search input:focus{background:#212121;}
#search #searchSubmit{margin-left:-4px;border:none;width:31px;height:24px;background:#444 url(img/search.png) no-repeat 50% 50%;text-indent:-9999em;cursor:pointer;}
/*==search end==*/
/*====header end====*/

/*====content begin====*/
#content{float:left;position:relative;margin:1.5em 0 1.5em 1em;width:75.4em;}
.tips span{position:absolute;top:15px;left:15px;display:none;border:1px solid #666;padding:0 2px;line-height:160%;background:#242424;color:#999;white-space:nowrap;font-size:12px;}
.tipTitle{font-weight:normal;font-size:1.8em;text-align:center;color:#ccc;line-height:160%;}
.tipDl{margin:2em 0 0 14em;font-size:1.4em;line-height:200%;}
.tipDl dt{font-weight:bold;}
.tipDl ol{margin:0 0 0 6em;}
.tipDl a{border-bottom:1px solid #666;}
#allArchives a{font-size:1.4em;line-height:200%;}
#allArchives li{float:left;width:24.9%;text-indent:5%;background:url(img/symbols.png) no-repeat 2em -388px;}
#stat{font-size:1.4em;text-align:center;line-height:200%;}
.link-btn{margin:0 8px;border:1px solid #777;padding:0 10px;border-right-color:#333;border-bottom-color:#333;background:#555;font-weight:bold;color:#bbb;line-height:1em;white-space:nowrap;display:inline;}
.link-btn:hover{border-color:#333;border-right-color:#777;border-bottom-color:#777}
/* slide begin {{{ */
.slide{border:1px solid #424242;background:#424242;}
.slide a{border:1px solid #242424;background:url(/wp-content/themes/dancewithnet/img/loading.gif) 36em 6em no-repeat;}
.slide a,.slide #slideImg{display:block;width:75em;height:15em;}
.slide div{height:2.3em;line-height:2.3em;min-height:23px;background:url(img/symbols.png) no-repeat 10px 0.3em;}
.slide div a{border:none;width:auto;height:auto;}
.slide h3{float:left;width:70%;text-indent:45px;font-weight:normal;font-size:1.4em;color:#ddd;}
.slide h3 a{display:inline;}
.slide h3 a:hover{border:none;}
.slide ul{margin-top:0.6em;float:right;width:136px;}
.slide li{float:left;position:relative;margin:0 4px;width:14px;height:12px;list-style:none;font-size:1.2em;cursor:pointer;}
#firstSlide{background:url(img/signs.png) no-repeat 0 0;}
#firstSlide:hover{background:url(img/signs.png) no-repeat 0 -20px;}
.slide #firstSlide:hover span{display:inline;}
#previousSlide{background:url(img/signs.png) no-repeat 3px -40px;}
#previousSlide:hover{background:url(img/signs.png) no-repeat 3px -60px;}
.slide #previousSlide:hover span{display:inline;}
#stopSlide{background:url(img/signs.png) no-repeat 5px -79px;}
#stopSlide:hover{background:url(img/signs.png) no-repeat 5px -99px;}
.slide #stopSlide:hover span.stop{display:inline;}
#stopSlide.play{background:url(img/signs.png) no-repeat 4px -120px;}
#stopSlide.play:hover{background:url(img/signs.png) no-repeat 4px -140px;}
.slide #stopSlide.play:hover span.play{display:inline;}
#nextSlide{background:url(img/signs.png) no-repeat 3px -160px;}
#nextSlide:hover{background:url(img/signs.png) no-repeat 3px -180px;}
.slide #nextSlide:hover span{display:inline;}
#lastSlide{background:url(img/signs.png) no-repeat 0 -200px;}
#lastSlide:hover{background:url(img/signs.png) no-repeat 0 -220px;}
.slide #lastSlide:hover span{display:inline;}
#listSlide{background:url(img/signs.png) no-repeat 2px -239px;}
#listSlide:hover{background:url(img/signs.png) no-repeat 2px -259px;}
.slide #listSlide:hover span{display:inline;}
#listSlide a{width:100%;height:100%;}
/* }}} slide end */

/* start : twitter {{{ */
#twitter_div{
  padding:2em 0 0 3em;
  text-align:right;
  font-weight:normal;
  color:#bbb;
}
#twitter_div a{
  border-bottom:1px solid #777;
}
#twitter_div a:hover{
  border-bottom:none;
}
#twitter_div h2{
  font-size:1.6em;
  font-weight:normal;
  padding:.5em 0;
  text-align:left;
  font-family:"Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑",Verdana, Arial, Helvetica, sans-serif;
}
#twitter_div h2 a{
  border:0;
}
#twitter_div h2 a:hover{
  border-bottom:1px solid #777;
}
#twitter_div ul{
  margin-left:2em;
}
#twitter_div li{margin:1em 0;border:none;padding-left:15px;background:url(img/symbols.png) no-repeat 4px -390px;color:#666;
  text-align:left;
}
#twitter_div li span{
  font-size:1.4em;
  line-height:1.5;
  color:#bbb;
}
/* }}} end : twitter */

/* start article list {{{ */
#articleList{margin:3em 0;}
.articleList{margin:1.5em 0;overflow:hidden;}/*float*/
.articleList dt{float:left;border-right:1px solid #363636;width:16%;text-align:center;font:1.2em/100% Georgia;color:#999;letter-spacing:0.1em;}
.articleList dt strong{display:block;margin-top:-0.1em;font-size:4.8em;font-weight:normal;line-height:110%;color:#777;letter-spacing:0.1em;}
.articleList dd{float:right;margin-top:-1em;width:79%;}
.articleList dl{margin-right:1.5em;}
.articleList dd dt{float:none;margin-top:0.8em;border:none;width:100%;text-align:left;background:url(img/symbols.png) no-repeat 0 -95px;text-indent:25px;font:1.8em/150% "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑",Verdana, Arial, Helvetica, sans-serif;}
.articleList dd dd{float:none;margin:0;width:100%;font-size:1.2em;color:#999;line-height:160%;text-indent:25px;vertical-align:bottom;}
.articleList dd dd a{border-bottom:1px solid #555;color:#999;}
.articleList dd dd a:hover{border-bottom:1px solid #777;color:#ccc;}
.articleList dd dd span{font:1.2em Georgia;}
.articleList dd dd .more{color:#ccc;font:0.86em Verdana;white-space:nowrap;}
.articleList dd dd a:hover .more{color:#fff;}
.articleList dd .content{margin:0.5em 0;color:#bbb;font-size:1.4em;}
.articleList dd .content a{margin:0 0.5em;color:#bbb;}
.articleList dd .content a:hover{color:#fff;}
.articleList .noIndent{text-indent:0;padding-left:2em;}
.articleList ol,.artcleList ul{margin-left:3.4em;text-indent:0;}
.articleList h3{font-size:1em;}
/* }}} end :article list */

/* start : turn page {{{ */
#turnPage{padding:1em 0 0 24%;float:left;}
#turnPage li{position:relative;float:left;padding:0 0.3em;min-width:8px;min-height:12px;list-style:none;}
#turnPage .unDigit{margin:0.5em 0 0;width:14px;height:12px;padding:0 3px;cursor:pointer;}
#turnPage .unDigit a{width:100%;height:100%;padding-bottom:0;}
#turnPage a{display:block;float:left;border:none;padding-bottom:6px;color:#999;font:1.4em Georgia;}
#turnPage a:hover{color:#ddd;}
#turnPage .here{color:#ddd;background:url(img/pageHere.png) no-repeat 50% 100%;}
#firstPage{background:url(img/signs.png) no-repeat 6px -420px;}
#firstPage:hover{background:url(img/signs.png) no-repeat 6px -400px;}
#turnPage #firstPage:hover span{display:inline;}
#previousPage{background:url(img/signs.png) no-repeat 6px -300px;}
#previousPage:hover{background:url(img/signs.png) no-repeat 6px -280px;}
#turnPage #previousPage:hover span{display:inline;}
#nextPage{background:url(img/signs.png) no-repeat 6px -360px;}
#nextPage:hover{background:url(img/signs.png) no-repeat 6px -340px;}
#turnPage #nextPage:hover span{display:inline;}
#lastPage{background:url(img/signs.png) no-repeat 6px -480px;}
#lastPage:hover{background:url(img/signs.png) no-repeat 6px -460px;}
#turnPage #lastPage:hover span{display:inline;}
/* }}} end : turn page */

/*==page nav begin==*/
#pageNav{margin:0.5em 24%;width:24%;}
#pageNav p{float:left;font-size:1.4em;line-height:140%;}
#pageNav .next{float:right;}
/*==page nav end==*/

/*==post beign==*/
.post h1,
.post h2{font-size:2.4em;line-height:180%;text-align:center;}
.en{
  font-family:arial,helvetica,clean,sans-serif;  
}
.en h1{
  text-align:left;  
  padding-left:.5em;
}
.en #postContent h2{
  text-align:left;  
}
.en #postContent p{
  text-align:justify;
  margin-bottom:1em;
}
#snapshot-list li{
  margin-bottom:5px;
  padding-left:15px;background:url(img/symbols.png) no-repeat 4px -390px;
  font-family:arial;
}
/*post content begin*/
.center{text-align:center;}
.inscribe{padding:1.5em 1.5em 1.5em 0;text-align:right;}
.floatLeft{float:left;margin:0.5em 2em;clear:left;}
.floatRight{float:right;clear:right;}
.clear{clear:both;}
#postContent{margin:1em;}
#postContent a{color:#aaa;border-bottom:1px solid #555;}
#postContent a:hover{color:#ccc;border-bottom-color:#777;}
#postContent img{margin:0.5em 0.5em 0.5em 2em;border:0.5em solid #333;}
#post-1040 #postContent img{margin:0;border:none;}
#post-1040 #postContent span img{margin-right:.2em;}
#postContent li img{margin-left:0;}
#postContent a:hover img{border-color:#444;}
#postContent h3{margin:1.5em 0 1em;font-size:1.8em;line-height:120%;color:#fff;}
#postContent h4{margin:1em 0;font-size:1.4em;line-height:180%;color:#eee;}
#postContent h5,#postContent h6{font-size:1.4em;}
#postContent p{margin:0.3em 0;text-indent:2em;}
.en #postContent p{text-indent:0;}
#postContent .noIndent{text-indent:0;}
#postContent p,#postContent li,#postContent th,#postContent td,#postContent dt,#postContent dd,#postContent caption,#postContent pre{font-size:1.4em;line-height:160%;}
#postContent li p,#postContent dd p,#postContent li li,#postContent dd li,#postContent li th,#postContent dd th,#postContent li td,#postContent dd td,#postContent li dt,#postContent dd dt,#postContent li dd,#postContent dd dd,#postContent li caption,#postContent dd caption,#postContent li pre,#postContent dd pre{font-size:1em;}
#postContent .refer li{font-size:1.2em;padding:0.2em 0;}
#postContent .refer a{margin-left:0.5em;}
#postContent dd .refer li,#postContent li .refer li{font-size:0.857em;}
#postContent dd{
  padding-left:2em;
}
#postContent ul{margin-left:2.8em;}
#postContent li ul,#postContent dd ul{margin-left:2em;}
#postContent li ul li{list-style:none;}
#postContent ol{margin:0 0 0.5em 5.2em;}
#postContent li ol,#postContent dd ol{margin:0 0 0.5em 2em;}
#postContent th,
#postContent td{
  padding:.1em .5em;
  border:1px solid #333;
}
#postContent th{
  background:#282828;
}
#postContent .small th,
#postContent .small td{
  font-size:1.2em;
}
#postContent td.quirks{
  background:#000;
}
#postContent td.almost{
  background:#111;
}
#postContent td.standards{
  background:#222;
}
#postContent .circle li{
  list-style:circle;
}
#postContent table,#postContent dl{margin:1em 0 1em 2.8em;}
#postContent table.stat th{text-align:left;}
#postContent table.stat td{text-align:center;}
#postContent li table,#postContent dd table,#postContent li dl,#postContent dd dl{margin:0.5em 0 0.5em 2em;}
#postContent dt{font-weight:bold;}
#postContent blockquote{margin:1em 0;border:1px solid #282828;padding:1em;background:#222;color:#999;}
#postContent blockquote h3,#postContent blockquote h4{margin:0.2em 0 1em;}
#postContent blockquote .inscribe{padding:1.5em 1.5em 0 0;}
#postContent .demo{color:#ccc;font-weight:bold;}
#errata li{
  margin-bottom:1em;
}
#errata li sup{
  padding-left:1em;
}
/*special begin*/
#postContent p#tagsCloud{line-height:250%;font-size:1em;}
#tagsCloud a{margin:0 0.5em 0 0;white-space:nowrap;border:none;}
#tagsCloud a:hover{border-bottom:1px solid #666;color:#ccc;}
#postContent #sitemap{margin-left:20em;color:#444;}
#sitemap img{margin:0;border:none;vertical-align:bottom;}
#sitemap li{margin:1em 0;font-size:1em;}
#sitemap li li{margin:0.5em 0;}
#sitemap a{border:none;font-size:1.4em;font-weight:bold;}
#sitemap li li a{font-weight:normal;}
/*special end*/
/*post content end*/
/*post meta data begin*/
#postMetaData{padding:0.5em 1em;background:#2f2f2f;color:#bbb;clear:both;}
#postMetaData p{font-size:1.2em;line-height:160%;}
#postMetaData a{color:#bbb;border-bottom:1px solid #666;}
#postMetaData a:hover{color:#ccc;border-bottom:1px solid #999;}
/*post meta data end*/
/*post nav begin*/
#postNav{padding:0.5em 1em;overflow:hidden;}
#postNav a{color:#bbb;border-bottom:1px solid #666;}
#postNav a:hover{color:#ccc;border-bottom:1px solid #999;}
#postNav p{float:left;width:49.9%;font-size:1.2em;line-height:200%;}
#postNav .next{float:right;text-align:right;}
/*post nav end*/
/*==post end==*/
/*==feedback begin==*/
#feedback{float:left;width:73%;}
#feedback h3{margin-bottom:0.5em;font-size:1.4em;font-weight:normal;line-height:140%;background:url(img/symbols.png) no-repeat 0 -98px;text-indent:25px;}
#feedback h3 a{color:#bbb;border-bottom:1px solid #555;}
#feedback h3 a:hover{color:#ddd;border-bottom:1px solid #888;}
#feedback h3 strong{font:1.4em/100% Georgia;}
#feedback dl{margin:1em 0;color:#bbb;}
#feedback dt{padding:0.6em 1em;text-align:right;}
#feedback dt a{border-bottom:1px solid #555;}
#feedback dt a:hover{border-bottom:1px solid #888;}
#feedback dd{margin-bottom:1em;padding:0 1em 0.5em 5em;}
#feedback dd a{color:#999;border-bottom:1px solid #444;}
#feedback dd a:hover{color:#ccc;border-bottom-color:#666;}
#feedback p{padding:0.3em 0;font-size:1.2em;line-height:140%;}
#feedback .alt{background:#282828;}
#feedback cite{float:left;font-size:1.4em;font-style:normal;line-height:140%;}
#feedback img.avatar{float:left;vertical-align:middle;margin:0 1em 1em 0;}
#feedback small{color:#666;font-size:1.2em;}
#feedback p small{font-size:1em;}
#feedback input,#feedback textarea{margin:0.3em 0.5em;padding:0.4em 0.5em;border:1px solid #444;background:#242424;color:#ccc;font-size:116.6667%;}
#feedback input{width:40%;}
#feedback .tip{display:block;padding-left:.5em;}
#feedback #submit{font-size:1.2em;width:87%;background:#333;letter-spacing:0.2em;cursor:pointer;}
#feedback pre{font-size:1.2em;}
/*==feedback end==*/
/*==commending begin==*/
#commending{float:right;width:24.8%;}
#commending h3{font-size:1.4em;font-weight:normal;line-height:140%;background:url(img/symbols.png) no-repeat 0 -98px;text-indent:25px;}
#commending li{margin:3px 0;padding-left:15px;font-size:1.2em;color:#999;line-height:140%;background:url(img/symbols.png) no-repeat 4px -392px;}
#commending li a{color:#999;}
#commending li a:hover{border-bottom:1px solid #999;color:#ccc;}
#commending div{padding:2em 0.5em 0.5em;}
/*==commending end==*/

/*==all links begin==*/
#allLinks h2{font-size:1.4em;line-height:200%;}
#allLinks li li{margin:0.6em 0;font-size:1.2em;color:#888;}
#allLinks a{margin:0 2.4em 0 0;}
#allLinks ul{margin:0 0 0 2.8em;}
/*==all links end==*/

/*==code begin==*/
.articleList dd dd code,#postContent code,#feedback code{font-family:Courier New;}
.articleList dd dd pre{overflow:hidden;}
.articleList dd dd pre code{font-size:.9em;line-height:1.4em;text-indent:0;}
.articleList dd dd pre code,#postContent pre code{display:block;margin:0.5em;border:1px solid #282828;padding:1em;background:#222;color:#999;}
.articleList dd dd code span,#postContent code span{color:#777;font:0.8571em Verdana;}
#postContent dd pre code,#postContent li pre code,#postContent td pre code{margin:0.35em;padding:0.7em;}
/*==code end==*/
/*====content end====*/

/*====sidebar begin====*/
#sidebar{float:right;margin:1.5em 1em 1.5em 0;width:21em;}
#sidebar h2{padding:0 0.5em;color:#bbb;font-size:1.4em;font-weight:normal;line-height:180%;background:#2c2c2c;}
#sidebar h2 a{color:#bbb;}
#sidebar li{margin:1.5em 0;}
#sidebar li li{margin:3px 0;border:none;padding-left:15px;background:url(img/symbols.png) no-repeat 4px -392px;color:#666;}
#sidebar li li li{margin:0;}
#sidebar li li a{color:#bbb;font-size:1.2em;line-height:140%;}
#sidebar li li a:hover{border-bottom:1px solid #999;color:#ddd;}
#sidebar .categories img{ vertical-align:bottom;}
#sidebar .categories li a{font-size:1.4em;}
#sidebar .categories li li a{font-size:1.2em;}
#sidebar .categories li{background:none;padding-left:0;}
#sidebar .categories li li{padding-left:30px;background:url(img/symbols.png) no-repeat 19px -394px;}
.categories ul,#tags p,#newPosts ul,#newComments ul,#archives ul,#links ul,#sidebarAd ul,#music ul{padding:8px 0 8px 6px;}
#music{display:none;}
.categories ul ul{border:none;padding:0;}
#newPosts li,#newComments li{overflow:hidden;}
#show-book p{
  padding-top:1em;
  text-align:center;
}
#javascript-the-good-parts-book{
	margin-left:5px;
  margin-left:4px\0;
  *margin-left:4px;
	border-bottom:1px solid #fff;
}
#archives ul{overflow:hidden;}
#archives li{float:left;width:42%;}
#sidebar #tagsCloud a{margin:0 0.2em 0 0;line-height:120%;color:#777;}
#sidebar #tagsCloud a:hover{color:#ccc;}
#sidebar #sidebarAd #adWords{background:none;padding-left:0;}
#sidebar #sidebarAd #adWords div{height:21em;overflow:hidden;}
#sidebar .categories{margin-top:0;}
#tags p{font-size:1em;line-height:250%;}
#sidebar .titles h2{text-align:right;overflow:hidden;}
#sidebar .titles h2 strong{float:left;font-weight:normal;}
#sidebar .titles h2 span{font-size:0.86em;}
#sidebar .titles h2 span a{color:#999;}
#sidebar .titles h2 span a:hover{border-bottom:1px solid #666;color:#999;}
#sidebar #newComments li{margin:5px 0;}
/*====sidebar end====*/

/*====footer begin====*/
#footer{clear:both;border-top:1px solid #3b3b3b;font-size:1.2em;line-height:200%;color:#666;overflow:hidden;}
#footer a{color:#666;margin:0 5px;}
#footer a:hover{color:#999;border-bottom:1px solid #666;}
#footer ul{float:right;margin:10px;text-align:right;}
#footer #declaration{float:left;text-align:left;text-indent:5px;}
#footer #declaration a{margin:0;}
#top{position:fixed; bottom:0;right:0;height:34px;width:34px;}
#top a{display:block;height:35px;width:35px;text-indent:-9999px;background:url(img/symbols.png) no-repeat 0 -600px;}
#top a:hover{border:none;background:url(img/symbols.png) no-repeat 0 -635px;}
#top a:focus{-moz-outline-style:none;}
/*====footer end====*/
}
/*====hack for only Opera7+ Chrome Safari begin====*/
/*Last @media is in effect in Mac Safari ?*/
@media all and (min-width:0px){
	#content{margin:1.5em 0 1.5em 0.5em;}
	#sidebar{margin:1.5em 0.5em 1.5em 0;}
	.articleList dd dd .more{white-space:normal;}
	#tagsCloud a{white-space:normal;}
	#feedback textarea{
		width:500px;
	}
}
/*====hack for only Opera7+ Chrome Safari end====*/

@media print{
    #header,#slide,#turnPage,#postNav,#feedback,#commending,#sidebar,#footer,#top{display:none;}
}