a, a:visited	  { color: blue; text-decoration: none; }
a:hover, a:active { color: #f95919; text-decoration: underline; }

body, p, td, div, input, select, textarea { font-family:  Tahoma, Arial; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal }
body { color:#555; background-color:#fff; padding:0; margin:0; background:#fff url(/i/head.png) repeat-x 0 0;}
input, select, textarea { color: #999 }
html { overflow-y: scroll; }

h1, .h1 { font-size:22px; font-weight:normal;  margin:0 0 2px 0!important; padding:0 0 10px 0!important; color:#f95919; background:#fff url(/i/h1.png) no-repeat left bottom; }
h2, .h2 { font-size:16px; color:gray; margin: 10px 20px 10px 0; padding:0 0 10px 0; background:#fff url(/i/dott.gif) repeat-x 0 25px; }
h3 { font-size:13px }

p { text-align: justify }
ul, ol { padding:0; margin:5px 0 10px 20px }
img { border: 0px }
form { margin:0px; padding:0px }

#container { margin: 0 auto; width: 950px;/* border-left: #486fbe 1px solid; border-right: #486fbe 1px solid;*/ }

#head { height:195px; position: relative; color:#ccc }
#cont { float:left; width:600px; padding-left:10px; position:relative }
#side { float:right; width:300px }
#copy { clear:both; padding: 20px 0px; clear:both; color:#999; }


#head .logo  { float:left; }
#head .banner { position:absolute; display:block; width:468px; height:60px; right:0; top:11px; }

#head a, #head u { color: #bbb!important }
#head a:hover { text-decoration:none; }
#head a.authors { position:absolute; text-decoration:underline; font-size:14px; display:block; left:300px; top:120px; color:#f95919!important; }
#head a.authors:hover { color: blue!important }
#head u.authors { position:absolute;font-size: 14px; display:block; left:70px; top:120px; }
#head u.title { position:absolute; font-size: 14px; display:block; left:180px; top:120px; }
#head a.add { position:absolute; font-size: 14px; display:block; left:425px; top:120px; color:blue!important; text-decoration:underline }
#head a.add:hover { color:#f95919!important }
#head .index { position:absolute; font-size: 12px; display:block; left:174px; top:140px; line-height: 200% }
#head .index a:link, .index a:active, .index a:visited { padding:1px 5px; border: transparent 1px solid; text-decoration: none }
#head .index a:hover, #head .index .active { text-decoration:none; color: #fff!important; background: url("/i/head.png") repeat-x 0 0!important; border: 1px solid #006699!important; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow: 0 0 3px #444; -moz-box-shadow: 0 0 3px #444; -webkit-box-shadow: 1x 0 3px #444 }
#head .links { display:block; position:absolute; overflow:hidden; left:10px; top:95px }

#head .search { position:absolute; display:block; right:0px; top:95px; border: #e7ecf7 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#head .search:hover { border-color: #a9b8d8!important; box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777 }
#head .search input { width:293px; margin:2px; font-size:14px; border:none; background:none; }
#head .search img { margin-left:4px; }

#side ul { line-height:160% }
#side ul a {color: gray;}
#side .h1 { margin-top:10px!important; }

#tags { padding:10px; line-height:190%; border:#e7ecf7 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px; }
#tags a:hover { color: blue!important; text-decoration:none }
#tags a.active{ color: #f95919!important; }
#tags a 	  { color: #cfd6e5; padding-right: 10px; }
#tags p       { padding: 7px 0 0 0; margin: 10px 10px 0 10px; border-top: #e7ecf7 1px dashed; text-align:right; }

#tags:hover	a { color: #b9b9b9; }
#tags:hover   { border: #a9b8d8 1px solid; box-shadow: 0 0 10px #777; -moz-box-shadow: 0 0 10px #777; -webkit-box-shadow: 0 0 10px #777 }
#tags:hover p { border-top: #a9b8d8 1px dashed }


#cont .cover { background:#FFFFFF url(/i/ajax-loader.gif) no-repeat center center; }
#cont #taglist .colum { float:left; width:440px; margin-right:35px; line-height:150%; text-align:justify; /*height: 140px;*/ }
#cont #booklist .linfo { color:silver; margin-bottom:15px; font-size:11px }
#cont #booklist .colum { float:left; height:200px; width:280px; margin-right:15px; overflow:hidden }
#cont #booklist .colum .cover { float:left; padding:3px; margin-right:10px; border:1px solid #ddd;  -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#cont #booklist .colum .cover img { width: 100px }

#cont #booklist .colum .brief { float:left; width:160px }
#cont #booklist .colum a.title { display:block; font-size:16px; margin-bottom:5px }
#cont #booklist .colum a:hover.title { text-decoration:none }
#cont #booklist .colum .join2  { color:gray; margin-bottom:5px }
#cont #booklist .colum .join2 a{ color:gray }
#cont #booklist .colum .join   { color:#ccc; margin-bottom:5px }
#cont #booklist .colum .join a { color:#ccc }

#cont #bookinfo { margin-top: 20px; }
#cont #bookinfo .cover { float:left; padding:3px; margin-right:20px; border:1px solid #ddd;  -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#cont #bookinfo .cover img { width: 174px }
#cont #bookinfo .info { float:left; width:380px; }
#cont #bookinfo .info label { color:silver }
#cont #bookinfo .info div   { font-size: 16px; color:blue; margin:5px 0 15px 10px; }
#cont #bookinfo .info #bookmarks   { padding-top:7px; }
#download    { font-size: 12px!important; margin:10px 0 20px 0!important; padding:10px 0 0 10px }
#download a { text-decoration:underline }

#download .bold { padding-right:20px  }
#cont #bookinfo .anno { clear:both; padding-top:20px; text-align:justify; line-height:150%}
#cont #bookinfo .anno div {padding-bottom:10px; margin-bottom:5px; font-size: 16px; background:#FFFFFF url(/i/dott.gif) repeat-x scroll left bottom; }

#cont #letterauthor { font-size:16px; line-height:150%; margin-top:10px; }
#cont #letterauthor div { float:left; width:300px }
#cont #letterauthor div div { clear:both; }
#cont #letterauthor div a { float:left; width:auto; font-size:15px; padding-left:5px;}
#cont #letterauthor div span { float:left; width:30px; color:silver; text-align:right }
#cont #letterauthor-back { clear:both; text-align:center; padding: 30px 0; }

#cont #home strong { font-weight:normal }
#cont #home { line-height: 150% }


#copy .copy-left  { width:65%; float:left;  line-height:15px;  }
#copy .copy-right { width:30%; float:right; text-align:right }
#copy .copy-left a { color:#999 }

#loginform div { width: 205px; margin: 40px auto; text-align:center }
#loginform input { text-align:center; font-size: 20px; display: block; margin-bottom: 20px; width: 200px; font-weight: bold; color: #666 }
#loginform label { font-size: 12px; display: block; margin-bottom: 5px; color: #999 }
#loginform span  { height:40px; font-size: 12px; display: block; margin-bottom: 5px; color: red }

#editform { margin:10px 0 0 0; padding:0;}
#editform label { font-size:12px; display:block; margin-bottom:5px; color:#999 }
#editform input, #editform textarea { font-size:12px; display: block; margin-bottom:10px; color:#666;  }
#editform input.text, #editform textarea { width:550px; padding:3px; border:#a9b8d8 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; }
#editform textarea { height:150px }


#loginform span  { height:40px; font-size: 12px; display: block; margin-bottom: 5px; color: red }


input.button { height:30px; width:auto!important; font-size:14px!important; margin: 20px auto; padding:0 20px; color:#000!important }

.stats-cont { position:relative }
.stats-cont .colums { line-height:150%; padding:0 0 10px 10px; }
.stats-cont .colums .item { float:left; width:230px; font-size:11px; }
h2.stats-head { cursor:pointer; margin:0 0 5px 0; font-weight:normal }
h3.stats-head { cursor:pointer; font-size:18px; font-weight:normal; color:#f95919; padding:4px 0; margin:0; }
h3.stats-head span { font-size:14px; padding-left:5px; }
td.bar { padding:3px 15px; border-left:2px solid }
td.small { font-size:11px; }
td.count { padding-right:15px; text-align:right; font-size:11px }


.bold  { font-weight:bold!important }
.blue  { color:blue!important }
.gray  { color:gray!important }
.black { color:black!important }
.silver{ color:silver!important }
.red   { color: #f95919!important }
.clear { clear:both }
.center{ text-align: center }
.wait  { background:url(/i/ajax-loader.gif) no-repeat 50% 50%; }
.dotted{ background:url(/i/dotted.gif) repeat-x left bottom }

#pages { clear: both; padding:15px 0; overflow:hidden; height:30px; line-height:30px; font-size:12px; background:url(/i/dott.gif) repeat-x 0 0 }
#pages a:link, #pages a:active, #pages a:visited  { padding:2px 5px; background:#f1f1f1; border:1px solid #ddd;  -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; margin:0 2px; color:#777; font-weight:100;}
#pages a:hover, #pages a.active { text-decoration: none; color: #fff!important; background: url("/i/head.png") repeat-x 0 0!important; border:1px solid #006699!important; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 3px #444; -moz-box-shadow: 0 0 3px #444; -webkit-box-shadow: 1x 0 3px #444 }
#pages span { padding:2px 5px; background:#fafafa; border:1px solid #eee;  -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; margin:0 2px;color:#ddd; font-weight:100; }

/************ highslide***************************/
.highslide {
	cursor: url(/js/graphics/zoomin.cur), pointer;
    outline: none;    s
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}

.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(/js/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(/js/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}