/*
 =Global
-------------------------------------
 */
body {color:#333; font-family:arial,sans-serif; padding:0px; margin:0px; font-size:80%;}

p {margin:0px 0px 10px 0px;}
p.lg {font-size:160%; color:#AAA; margin:0px 0px 30px 0px;}

.Fixed-Width {width:420px; margin:0px auto;}


.header {text-align:center; margin:10px 0px; position:relative;}
	.header .title {font-size:300%; font-weight:900;}
	.header .es {font-size:235%;}
	.header .logo img {position:relative; top:8px;}
	.header .menu {position:absolute; top:5px; left:10px; z-index:100; display:none; padding:40px 0px 0px 0px;}
	.header .menu.hover {display:block;}
	.header .menu .logo-menu-link {position:absolute; top:0px; left:0px; height:50px; width:30px;}
	.header .menu .menu-body {width:151px; border:1px solid #643E23; border-width:0px 1px; font-size:130%; background:#FFF; text-align:left;}
	.header .menu .menu-body a:hover {text-decoration:underline;}
	.header .menu .menu-body ul {padding:5px 10px;}

abbr { border:0px; }
	
/*
 =My Reading Lists
-------------------------------------
 */
.multi-books {width:330px; margin:10px auto;}
.Book-I-Am-Reading {width:150px; float:left; margin:0px 30px 10px 0px; position:relative;}
	.Book-I-Am-Reading.center {margin:0px 30px 10px 88px;}
	.Book-I-Am-Reading.right {margin:0px 0px 0px 0px; float:right; }
	.Book-I-Am-Reading .text { font-size:100%; color:#999;}
	.Book-I-Am-Reading a img { font-size:150%; width:150px; }
.single-book {width:150px; margin:10px auto; overflow:hidden; _height : 1%;}
	.single-books .Book-I-Am-Reading {margin:0px 0px 10px 0px;}
	
	.Book-I-Am-Reading .done {padding:5px 0px; display:block; border:1px solid #CCC; color:#666; text-align:center; margin:5px 0px;}
	.Book-I-Am-Reading .done:hover {background:#666; color:#CCC;}
	
	.Book-I-Am-Reading.left .edit, .Book-I-Am-Reading.center .edit {position:absolute; left:-89px; top:3px; text-align:right; display:none; width:80px; padding:0px 30px 10px 0px; }
	.Book-I-Am-Reading.right .edit {position:absolute; left:130px; top:3px; text-align:left; display:none; width:80px; padding:0px 0px 10px 30px; }
	.Book-I-Am-Reading.hover .edit {display:block;}
	.Book-I-Am-Reading .edit a:hover {text-decoration:underline;}
	.Book-I-Am-Reading .edit .move { cursor:move; }	
	
.I-Want-to-Read-form {text-align:center; position:relative; margin:30px 0px;}
	.I-Want-to-Read-form .text {width:300px; border:1px solid #AAA;}
	.I-Want-to-Read-form .Start-Reading {float:right; width:110px; font-size:80%; text-align:center;}
	.I-Want-to-Read-form .Start-Reading {color:#333; }
	.I-Want-to-Read-form .Start-Reading span:hover {color:#0000EE; text-decoration:underline;}
	.I-Want-to-Read-form  label { width:110px; padding:1px 0px; display:block; float:right; border:1px solid #AAA; }
	.I-Want-to-Read-form  .ajax-search {width:300px; position:absolute; top:20px; left:3px; background:#FFF; border:1px solid #CCC; border-width:0px 1px 1px 1px; z-index:10; text-align:left; display:none;}
	.I-Want-to-Read-form  .ajax-search li {padding:10px 10px 10px; overflow:hidden; _height : 1%;}
	.I-Want-to-Read-form  .ajax-search li img {float:left; width:30px; margin:0px 10px 0px 0px;}


#title {font-weight:900; font-size:200%; margin:20px 0px 10px;}
.list-title {font-weight:900; font-size:140%; margin:20px 0px 10px;}

.Book-List {list-style:decimal; margin:0px 0px 40px 0px;}
	.Book-List li {margin:0px 0px 5px 20px; position:relative;}
	.Book-List .title {font-size:140%;}
	.Book-List a.title:hover {text-decoration:underline;}
        .Book-List .hide {display:none;}
	.Book-List .reverse  { list-style:none  }

	.Book-List .number { position:absolute; left:-158px; top:5px; text-align:right; width:150px; padding:0px 0px 10px 0px; } 
	
	.Book-List .author {color:#999; white-space:nowrap}
	.Book-List .author a {color:#999;}
	.Book-List .author a:hover {color:#0000EE;}
	
	.Book-List .metainfo {color:#999; white-space:nowrap}
	.Book-List .metainfo:hover {color:#333;}

        .Book-List .grade {color:#999;  white-space:nowrap}
        .Book-List .grade:hover {color:#333;}
	
	.Book-List span.comment {color:#999;}
	.Book-List span.comment a {color:#999; font-size:90%;}
	.Book-List span.comment a:hover {color:#0000EE;}

	.Book-List div.comment {font-size:100%; margin:5px 0px 15px 10px; color:#000;}
	.Book-List div.comment  input {font-size:90%;}
	.Book-List div.comment  .actions {float:right; margin-right:35px;}
	.Book-List div.comment  textarea.comment { width:350px; }

        .Book-List span.edit-comment {color:#999;}
        .Book-List span.edit-comment a {color:#999; font-size:90%;}
        .Book-List span.edit-comment a:hover {color:#0000EE;}

	.Book-List .edit {position:absolute; left:-180px; top:3px; text-align:right; display:none; width:150px; padding:0px 30px 10px 0px; }
	.hover .edit {display:block;}
	.hover .edit a:hover {text-decoration:underline;}
	
/*
 =SINGLE BOOK
-------------------------------------
 */
.start-reading {display:block; border:1px solid #AAA; padding:10px; margin:0px 0px 10px 210px; text-align:center;}
.start-reading:hover {background:#AAA; color:#FFF;}

#BookEdit { display:none; margin:40px 0px 40px 0px; border-bottom:1px solid #AAA; padding:0px 0px 20px 0px;}
#BookEdit .title { text-align:right; font-weight:900;}
#BookEdit .text { width:180px;}
#BookEdit textarea { width:250px; height:100px; }
#BookEditClose {float:right;}


/*
 =Register / Signin
-------------------------------------
 */
#openid { border: 1px solid gray;  display: block; padding:10px; margin:0px 0px 10px 0px;     }
#openid, #openid INPUT{   font-family: "Trebuchet MS";  font-size: 12px;     }     
#openid LEGEND{ line-height:2.1em; font-weight: bold;color: #FF6200;padding-left: 5px;padding-right: 5px;}
#openid INPUT.openid_login{ background: url(imgs/3rdparty/openid-login-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; width: 280px; margin-right: 10px; }
#openid A{ color: silver; }
#openid A:hover{  color: #5e5e5e; }
.message { display:block; margin:0px 0px 10px 0px; list-style:disc; }
#openid_message {display:none;} /* hide the javascript redirect to the openid server */


/*
 =Footer
-------------------------------------
 */
#footer { border-top:1px solid #DDD; text-align:center; color:#AAA; padding:10px 0px 0px 0px; margin:40px 0px 20px 0px; font-size:90%;  }
#footer a { color:#AAA; text-decoration:underline; }