@charset "UTF-8";
@import url('reset.css');
.hide{display:none}
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
/*opacity:0.4;filter:alpha(opacity=40);*/

/*Define base styles*/
html,body{background:#f6f6f6 url('images/html-bg.gif') repeat-x center top;color:#000;font-family:'宋体',Calibri,Sans-Serif;font-size:14px;font-weight:normal;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:1em}
p{margin-bottom:1em}
h1,h2,h3,h4,h5,h6{line-height:1em;font-weight:bold}
h1{font-size:24px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
ul,ol{padding-left:2em;margin:1em 0;list-style:none none outside}
ol{list-style:decimal}
ul{list-style:disc}
dt{font-weight:bold}
optgroup,option{padding:0;margin:0;text-indent:0}
optgroup{color:#900}
optgroup option{color:#000}
a{color:#03c;text-decoration:none}
a:hover{text-decoration:underline}
/*End*/

/*Fieldset*/
fieldset .section,fieldset .submit{padding:0 0 .5em 130px;border-bottom:dotted 1px #eee;margin:.5em 0;min-height:1.5em;line-height:1.5em;_height:1.5em}
fieldset .section .label{font-weight:bold;font-style:normal;cursor:default;width:105px;padding:0 10px;position:absolute;text-align:right;overflow:hidden;margin-left:-130px;background:transparent url('images/fieldset-label-bg.gif') no-repeat center right}
fieldset .section .textbox{width:60%;height:1em;line-height:1em;padding:2px;margin:0 .5em 0 0}
fieldset .section textarea{width:99%;height:100px}
fieldset .submit{margin:0;border:0}
/*End*/

/*Elements Page Specific*/
#elements dt{background:#eee;padding:.5em;color:#900}
#elements dl dt{background:none;padding:0;color:#000}
#elements dd{border:solid 1px #eee;padding:.5em;margin-bottom:1em}
#elements dl dd{border:0;padding:0;margin:0}
/*End*/

/*Layout*/
body{background:transparent url('images/body-bg.gif') no-repeat center top}
.background{background:transparent url('images/form-bg.jpg') no-repeat center top}
#wrap{width:980px;margin:0 auto}
#header{height:100px}
#nav{height:40px}
#content{overflow:auto;background:#f6f6f6 url('images/content-bg.gif') repeat-x center top;padding:10px}
#doc{clear:both;background:#fff;padding:30px;min-height:500px;_height:500px}
#footer{clear:both;padding:15px 30px;color:#999;font-size:13px;line-height:15px;height:15px}
/*End*/

/*footer*/
#copyright{float:left}
#icp{float:right}
/*end*/

/*header*/
#header h1 span{color:#fff;font-weight:bold;position:absolute}
#header #chs-title{font-family:'黑体';font-size:150%;margin:30px 0 0 40px;line-height:150%}
#header #en-title{font-family:Georgia,Serif;font-size:90%;font-style:italic;margin:70px 0 0 500px;overflow:hidden}
/*end*/

/*nav*/
#nav{padding:0 0 0 30px;background:url('images/nav-bg.gif') no-repeat center top}
#nav ul{list-style:none;margin:0;padding:0 15px 0 0;background:transparent;overflow:auto;display:block;float:left}
#nav li{float:left;line-height:30px;margin-right:5px;font-weight:normal}
#nav li a,#nav li span{line-height:30px;color:#64799b;display:block;text-decoration:none}
#nav li a{padding:0 0 0 15px;background:transparent url('images/nav-btn-left-bg-out.gif') no-repeat top left}
#nav li a span{padding: 5px 15px 5px 0;background:transparent url('images/nav-btn-right-bg-out.gif') no-repeat top right}
#nav li a:hover,#nav li a:hover span{color:#fff}
#nav li a:hover{background:transparent url('images/nav-btn-left-bg-over.gif') no-repeat top left}
#nav li a:hover span{background:transparent url('images/nav-btn-right-bg-over.gif') no-repeat top right}
#nav li.selected a{}
#nav li.selected a:hover{}
/*end*/

/*subscribe*/
#subscribe{color:#fff;font-size:13px;float:right;margin:5px 10px -10px 0;line-height:45px}
/*end*/

/*list*/
ul.list{padding:0;list-style:none;padding-top:5px;border-top:solid 1px #333;margin-top:5px}
.list li{overflow:auto;clear:both;padding:0 5px 5px 5px;border-bottom:solid 1px #333;margin-bottom:5px}
.list .left{float:left;overflow:hidden;white-space:nowrap}
.list .right{float:right}
/*end*/

/*about jlc*/
#about-jlc{padding:2.5em;line-height:2em;font-size:120%}
#about-jlc img{float:left;margin:0 1em 1em 0}
/*end*/

/*wenjing books*/
#wenjing-books dl{min-height:200px;_height:200px;_overflow:visible;margin-bottom:1em;padding:1em;border:solid 1px #99f;background:#f6f9fe}
/*#wenjing-books dt img{width:120px;height:150px;border:0;background:transparent url('images/book-frame.jpg') no-repeat center top;padding:25px}*/
#wenjing-books dt img{width:120px;height:170px;border:0;background:transparent url('images/book-cover-outside-3d.gif') no-repeat left top;padding:10px 0 0 10px}
#wenjing-books dt{position:absolute;*margin-left:-185px}
#wenjing-books dd{margin:0 0 0 185px}
#wenjing-books dd p{text-indent:2em;line-height:1.3em}
#wenjing-books .book-title .title{color:#039;font-size:130%;font-weight:bold;line-height:1.5em}
#wenjing-books .book-title .print-info{font-size:100%;color:#666}
#wenjing-books .book-title{margin-bottom:.5em;border-bottom:dotted 1px #666;padding-bottom:.5em}
/*end*/

/*movies*/
#movies .section{clear:both;min-height:160px;_height:160px;margin-bottom:2em}
#movies .album-cover{background:transparent url('images/movie-poster-bg.gif') no-repeat center center;padding:5px 22px;position:absolute}
#movies .album-cover img{width:106px;height:150px;border:0}
#movies dl{padding:10px 0 0 160px}
#movies dt{margin:0 0 .5em -10px;padding:0 10px;line-height:35px;font-size:150%;background:#666 url('images/movie-title-bg.gif') repeat-x center left;color:#c00}
#movies .foot-note{font-size:90%}
/*end*/

/*reviews*/
.review-page{padding:2em}
.review-page h3{margin-bottom:1.5em;font-size:170%}
.review-page .center span{margin-bottom:1.5em;display:block}
.review-page p{font-size:130%;line-height:1.5em;text-indent:2em}
/*end*/

/*jlc works*/
#jlcworks{}
#jlcworks .shelf td{width:20%;text-align:center;vertical-align:top}
#jlcworks .shelf td .booktitle,#jlcworks .shelf td .year{display:block}
#jlcworks .shelf td img{width:120px;height:150px;border:0;margin:10px 0}
#jlcworks .shelf td .booktitle{}
#jlcworks .shelf td .year{color:#999}
/*#jlcworks #the60s{border:solid 1px #f00;}*/

#jlcworks ul,#jlcworks li{list-style:none;padding:0;margin:0;line-height:2em}
/*end*/

/*news*/
ul.news{border-top:dotted 1px #ccc;padding:0;margin:0}
.news li{line-height:1.5em;border-bottom:dotted 1px #ccc;margin:0;padding:.5em .5em .5em 1.5em;list-style:none;overflow:auto;clear:both;background:transparent url('images/news-arrow-bg.gif') no-repeat left 13px}
.news li .title{float:left;white-space:nowrap;overflow:hidden;width:530px}
.news li .datetime{float:right}
.news li div{clear:both;color:#999}
.news li div a.more{font-size:90%;float:right;display:block;margin-top:1.5em;*margin-top:0}
/*end*/

/*photo-slides*/
.photo-slides{background:#eee;border:solid 1px #ccc}
.photo-slides ul,.photo-slides li{margin:0;padding:0;list-style:none;text-align:center}
/*.photo-slides li{display:none}*/
.photo-slides img{margin:15px;border:0;display:block}
.photo-slides .summary{background:#ccc;display:block;padding:.5em;color:#000;font-size:90%;line-height:1.5em}
.show-li{display:block}
/*end*/

/*paging*/
.paging{margin:1.5em 0;padding:0;display:block;font-size:90%;line-height:1.5em;background:transparent;text-align:center}
/*.paging .fst-page,.paging .lst-page,.paging .prv-page,.paging .nxt-page,.paging .pages a,.paging .current-page{margin:0 .5em;color:#999;text-decoration:none}
.paging .pages a{padding:5px}*/
.paging a{margin:0 .5em;color:#666;text-decoration:none;padding:5px}
.paging .fst-page,.paging .lst-page{color:#ccc}
.paging a:hover{color:#000;background:#eee}
.paging .pages .current-page{color:#03c;text-decoration:underline}
.paging .pages .current-page:hover{color:#000}
/*end*/

/*homepage*/
#homepage{overflow:auto;clear:both}
#homepage #news-listing{float:left;width:700px}
#homepage .photo-slides{float:right;width:180px}
#homepage .photo-slides li{display:none;}
#homepage .photo-slides li.current{display:inline;}
/*end*/

/*mappage*/
#mappage #summary{padding:.5em;font-size:90%}
#mappage #locations{background:#fff url('images/map-bg.gif') no-repeat center center;width:900px;height:500px}
#mappage #locations a.loc span{display:none}
#mappage #locations a.loc{position:absolute;display:block;width:9px;height:9px;background:transparent url('images/map-location-dot-bg.gif') no-repeat center center}
#mappage #locations a.loc:hover{background:transparent url('images/map-location-dot-bg-over.gif') no-repeat center center}
#books .content{margin-top:-153px;overflow:hidden;clear:both;height:123px;padding:15px;background:#ccc;filter:alpha(Opacity=90);opacity:0.9}
#books .content img{position:absolute;width:80px;height:113px;border:5px solid #000}
#books .content dl{padding:0 15px;margin-left:85px}
#books .content dt{line-height:25px;font-size:90%}
#books .content dt.location{color:#666;display:block;line-height:1em;font-weight:normal}
#books .content dt.book-title{border-bottom:solid 1px #4a3513;margin-bottom:.5em}
#books .content dd{height:6em;overflow:hidden;color:#21180a;font-size:90%;line-height:1.5em}
#mappage table,#mappage tr,#mappage td{padding:0;margin:0;border-spacing:0;border-collapse:collapse;border:0}
#books .content dt.book-title a{color:#900;text-decoration:none}
#books .content dt.book-title a:hover{text-decoration:underline}
/*end*/

/*g-fav*/
#g-fav{overflow:auto}
#g-fav h5{font-size:90%;padding-bottom:.5em;margin-bottom:.5em;border-bottom:solid 1px #ccc;font-weight:normal}
#g-fav ul{list-style:none;padding:0}
#g-fav li{width:130px;padding:0 5px;margin-bottom:1em;text-align:center;float:left}
#g-fav li img{width:80px;height:113px;margin-bottom:.5em;border:0}
#g-fav li span{display:block;line-height:1.5em}
#g-fav li span.book-title{font-weight:bold;font-size:13px;}
#g-fav li span.votes strong{color:#900}
/*end*/