body, p, h1, h2, h3, h4, h5, h6, form, dl, ul, li { margin: 0; padding: 0; } ul li { list-style: none; } a { color: #008000; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /*\*/ .clearfix {display:block;} /**/ body { padding: 15px 0; background: #2C2C2C url(../images/bg.gif) repeat-x 0 0; } body, input, textarea, select, button { font: 12px/1.6em Verdana,Arial,sans-serf; color: #454540; } #wrap { margin: 0 auto; width: 960px; background: #F6F6E9; } #header { height: 35px; background: #111; position: relative; } #header h2 a, #subscribe a, #feedburner a { display: block; width: 240px; height: 35px; background: url(../images/image.gif) no-repeat 15px 8px; line-height: 100px; overflow: hidden; } #subscribe a { position: absolute; left: 590px; top: 0; width: 175px; background-position: -230px 8px; } #feedburner a { position: absolute; left: 790px; top: 0; width: 120px; background-position: -300px -131px; } #nav { border-top: 3px solid #899419; height: 31px; background: #AAB91F; overflow: hidden; } #gs { display: inline; float: right; margin-right: 130px; width: 240px; padding-top: 4px; background: transparent url(../images/image.gif) no-repeat -230px -94px; } #q { width: 170px; height: 22px; border: none; background: transparent; } #btnG { width: 63px; height: 22px; border: none; background: transparent; text-indent: -9999px; cursor: pointer; } #nav ul { padding: 5px 0 0 7px; } #nav li { float: left; padding-right: 20px; } #nav li a { float: left; height: 21px; background: url(../images/image.gif) no-repeat; line-height: 100px; overflow: hidden; } #nav #home a { width: 46px; background-position: 0 -37px; } #nav #home a:hover { background-position: 0 -60px; } #nav #archives a { width: 58px; background-position: -80px -37px; } #nav #archives a:hover { background-position: -80px -60px; } #nav #about a { width: 46px; background-position: -160px -37px; } #nav #about a:hover { background-position: -160px -60px; } #nav #feedback a { width: 69px; background-position: -240px -37px; } #nav #feedback a:hover { background-position: -240px -60px; } #topagetop { display: none; } #content { padding: 20px 0; background: url(../images/side.gif) repeat-y 590px 0; } #mainbody { float: left; padding-left: 15px; width: 575px; w\idth: 560px; overflow: hidden; } #mainbody h3 { color: #7E7E75; font-size: 11px; } .blogbody { margin-bottom: 10px; border-bottom: 3px solid #E6E6DA; font-size: 1.17em; line-height: 1.6em; } .blogbody .commentbtn { float: right; font-size: 12px; } .blogbody h2, .blogbody h1 { font-size: 16px; } .blogbody h2 a { color: #25251D; } #mainbody .blogbody h3 { font-size: 14px; color: #222; } .blogbody p { margin: 1.17em 0; } .entrysummary .inbody, .entrybody .insummary { display: none; } .entryheadimg { float: left; margin: 0.5em 0.5em 0.5em 0; } .blogbody code { display: block; margin: 10px 0; color: #111; font-family: monaco monospace; _font-family: "Courier New" monospace; } .blogbody code em { font-style: normal; color: #999; } .blogbody ul li { margin-left: 1.6em; padding: 5px 0; list-style: disc; } .blogbody dt { margin-bottom: 5px; color: #2E2D2A; } .blogbody dd { margin-bottom: 10px; } #entryad { float: right; margin: 0 0 5px 14px; padding: 5px; border: 1px solid #E7E7DA; background: #FFF; } .entrysummary #entryad { display: none; } #continue {} #continue li, #share li { padding: 5px 0; border-bottom: 1px solid #E9E8D9; font-size: 14px; } #continue li a, #share li a { padding-left: 15px; background: url(../images/image.gif) no-repeat -478px -94px; } #continue li a:visited, #share li a:visited { background-position: -478px -134px; color: #25251D; } #share .source { color: #7E7E75; font-size: 12px; } #side #continue li { border-bottom-color: #CED5CA; font-size: 12px; } #comments div { margin: 6px 0; padding: 5px 10px; } #comments .darkrow { background: #E6E6DA; } .gravatar { float: right; border: 4px solid #E6E6DA; } .darkrow .gravatar { border-color: #F6F6E9; } #comments p { margin: 10px 50px 10px 0; } #comments span { font-size: 0.83em; } #comments .trackback { background: #F8F8F8; border-bottom: 2px dotted #DDD; } #comments .reply { margin: 10px 0 0 0; padding: 8px 0 0; border-top: 3px solid #AAB91F; } #postcomment { margin-top: 15px; padding-top: 15px; border-top: 3px solid #AAB91F; } #postinfo { margin: 0 0 10px 0; padding: 15px; background: #89897E; text-align: center; color: #FFF; } #postcomment fieldset { margin: 0; padding: 0; border: none; } #postcomment legend { display: none; } #postcomment label { display: block; margin-top: 5px; font-size: 11px; } #postcomment em { font-size: 9px; font-style: normal; color: #7E7E75; } #postcomment input, #postcomment textarea { padding: 4px 2px; width: 225px; border: 1px solid; border-color: #89897E #CED5CA #CED5CA #89897E; background: #FFF; } #postcomment textarea { width: 330px; height: 5em; } #seccoderow { margin-top: 9px; padding-left: 110px; } #seccoderow img { float: left; margin-left: -110px; display: inline; } #postcomment input#seccode { height: 40px; he\ight: 30px; width: 116px; width: 110px !important; text-align: center; line-height: 30px; } #seccodetip { margin-top: 9px; } #postcomment .formsubmit { display: block; height: 9px; overflow: hidden; visibility: hidden; } #postcomment button { width: 63px; height: 22px; border: none; background: transparent url(../images/image.gif) no-repeat -230px -140px; text-indent: -9999px; cursor: pointer; } #side { float: right; padding-right: 15px; width: 355px; w\idth: 340px; } #category {} #category li { float: left; margin-right: 1em; } #side h4, #continue h4, #share h4, #comments h4 { margin: 20px 0 8px; width: 120px; height: 20px; background: url(../images/image.gif) no-repeat; text-indent: -9999px; } #category h4 { background-position: 0 -100px; } #twitter h4 { background-position: 0 -120px; } #music h4 { background-position: 0 -140px; } #douban h4 { background-position: 0 -160px; } #share h4 { background-position: 0 -180px; } #continue h4 { background-position: 0 -200px; } #info h4 { background-position: 0 -220px; } #postcomment h4, #comments h4 { background-position: 0 -240px; } .serviceicon { float: right; width: 70px; height: 20px; background: url(../images/image.gif) no-repeat; text-indent: -9999px; } #twitter .serviceicon { background-position: -160px -120px; } #music .serviceicon { background-position: -160px -140px; } #douban .serviceicon { background-position: -160px -160px; } #share .serviceicon { background-position: -160px -180px; } #twitter li { padding: 5px 0; border-bottom: 1px solid #CED5CA; } #side .date { font-size: .83em; color: #7E7E75; white-space: nowrap; } #side a.date { color: #008000; } #music ul { margin-right: -10px; } #music li { float: left; margin: 0 10px 8px 0; } #music img { width: 48px; height: 48px; w\idth: 42px; he\ight: 42px; border: 3px solid #A9B8B2; background: url(../images/album-cover.gif) no-repeat 0 100%; } #music a:hover img { border-color: #FFF; } #music .album1 { float: none; padding: 0 10px 0 150px; border-bottom: 1px solid #CED5CA; } #music .album1 { height: 150px; background: url(../images/album-cover.gif) no-repeat 0 0; } #music .album1 img { float: left; margin: 12px 0 0 -138px; width: 120px; height: 120px; border: none; background-image: none; } #music .track { padding-top: 12px; } #mydouban { margin-right: -10px; } #mydouban a { float: left; margin: 0 10px 8px 0; width: 48px; height: 48px; w\idth: 42px; he\ight: 42px; border: 3px solid #A9B8B2; line-height: 120px; overflow: hidden; } #mydouban a:hover { border-color: #AAB91F; } #blogroll { padding: 15px; background: #111111; } #blogroll li { float: left; margin-right: 1.2em; } #footer { padding: 10px; background: #2C2C2C; font-size: .83em; text-align: center; } #script_temp { display: none; } #archivelink { height: 0; background: #111; overflow: hidden; } #archivelist { padding: 15px; } #archivelist li { float: left; width: 20%; text-align: center; } #w3counterdiv { display: none; } #gad02 { margin-top: 10px; border: 1px solid #CED5CA; background: #F6F6E9; }