body {
 margin:0; padding:0;
 font-size: small;
 background-color: #fff; 
 color: #222;
 line-height: 1.5em;
 width:100%;
 text-align:center;
 font-family: verdana,arial,helvetica,sans-serif;
}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}
h1, h2, h3, h4 {
 font-family:Helvetica, Arial, Sans-Serif;
 letter-spacing:-1px;
 padding: 5px 0;
}
h1 { font-size: 22px; line-height:22px; }
h1 { font-size: 22px; line-height:20px; }
h3, h4{ font-size:18px; line-height:18px; }
ul, ol {padding:0; margin:0;}
ul li {list-style: none;}
img {border:none;}
form{margin:0; font-size:small;}
dd{margin:5px 0 0 15px;}
* html ul li {height:1%;}

#main {
 display: block;
 background-color:white;
 width: 96%;
 text-align: left;
 margin: 1em auto 0 auto; padding:0;
}

/** Header **/
#header{
 background-color: white;
 margin:0; padding:0;
 height:30px;
}
#header .navi{
 float:right;
}
#header .navi a{
 color:white;
 padding:4px 6px;
 background-color:#222;
}
#header .navi a:hover{
 background-color:#666;
 text-decoration:none;
}

#logo {
 font-family:Helvetica, Arial, Sans-Serif;
 font-size:22px;
 font-weight:bold;
 vertical-align:middle;
}

div#container{
width: 100%;
float: left;
margin-right: -340px;
}

div#things{
 position: relative;
 margin:0 336px 0 0;
 padding: 0;
}

ul#navi a{
 display:block;
 text-decoration:none;
 padding: 6px 8px;
 background-color:#EEE;
 color:#222;
 border:solid 1px #DCDCDC;
  border-bottom:solid 1px snow;
}
ul#navi a.selected{
 background-color:white;
}
ul#navi a:hover{
 background-color:white;
}
ul#navi li{
 float:left;
 margin-right:1px;
}

/* sidebar */
div#sidebar{
 float:right;
 width:320px;
 margin:0;
 padding:0;
}

#sidebar .side-head{
 border-bottom:solid 1px #666;
}
#sidebar .head{
 font-size:medium;
 border-bottom:dotted 1px #666; padding-bottom:6px;
}
#sidebar .block{
 margin-bottom:1.5em;
 padding: 7px 0;
}
#sidebar li{ margin:5px 0; }

/** Footer**/
div#footer{
 width:100%;
 clear:both;
 margin-top:1em; padding: 10px 0;
}

/** Navigation **/
#entryNaviContainer {
  clear: both;
  margin: 12px 0;
}
ul#entryNavi{
 padding: 5px 12px;
 background-color: #000;
}
ul#entryNavi li{
 display:inline;
 margin-right: 10px;
 height: 22px;
 line-height: 22px;
}
ul#entryNavi a{
 font-weight: bold;
 color: #fff;
}

/** corner */
span.rtop, span.rbottom {
 display:block;
 background-color: #fff;
}
span.rtop span, #main span.rbottom span {
 display:block;
 height: 1px;
 overflow: hidden;
 background-color: #000;
}
span.r1{margin: 0 5px;}
span.r2{margin: 0 3px;}
span.r3{margin: 0 2px;}
span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}

.pointer {
  background-image: url(pointer_black.gif);
  background-position:45px 0;
  background-repeat:no-repeat;
  height:10px;
  line-height:10px;
  margin-bottom:4px;
}


/* top */
.top_info{
 padding:6px; margin:1em 0 1.5em 0;
 background-color:#eeeecc;
 border:solid 1px #d3d3d3;
 text-align:center;
}

.promo{
 margin-bottom: 2em;
}
.promo li{
 float:left;
 margin-right:18px;
 text-align:center;
 font-size:15px;
 font-weight:bold;
}


#listTitle {
 background-color: #000;
 padding:10px;
 color: #fff;
 font-size: 16px;
 font-family:Helvetica, Arial, Sans-Serif;
}

/** Item **/
#item{
 width:100%;
 padding-bottom:1.2em;
}
#item .item{
 clear:both;
 margin-bottom:1.5em;
}
#item .il, #item .ir, #item .is{
 border-bottom:solid 1px #d3d3d3;
 padding: 16px 5px 16px 0;
}
#item .il{
 width:75px;
}
#item .is{
 width:75px;
}

li.log{
 padding: 7px 0;
 border-top:solid 1px #d3d3d3;
}

#item .title{
 font-size:18px;
 line-height:20px;
 letter-spacing:-1px;
 margin-bottom:7px;
}
#item .item_block{
 padding: 1.2em 0;
 border-bottom:dashed 1px #666;
}
.item_tb{
 width:100%; font-size:small;
}

#customer_reviews .customer_review{
 margin-bottom:17px;
}

#customer_reviews .customer_review{
 margin-bottom:17px;
}
#customer_reviews .summary {
 border-bottom: solid 1px #ccc;
 padding: 3px 0;
 margin-bottom: 6px;
}

/** Log **/
#log{
 width:100%;
 clear:both;
 margin:1.2em 0;
}
#log h1{
 padding:0; margin:0 0 10px 0;
 font-size:medium;
 font-weight:normal;
}
#log .ll, #log .lr, #log .ls{
 border-bottom:solid 1px #d3d3d3;
 padding: 16px 5px 16px 0;
}
#log .ll{
 width:85px;
}
#log .ls{
 width:75px;
}
#log .title{
 font-size:18px;
 line-height:20px;
 letter-spacing:-1px;
 margin-bottom:7px;
}
#log .notes{
 margin-bottom:7px;
}

.log_display{
 border-bottom:solid 1px #ccc;
 height:120px;
}
.log_display li{
 float:left; margin-right:7px;
}

#log .meta {
 float:left;
 padding:1.2em 0;
 margin:0 1.2em 1.2em 0;
 border:solid 1px #ccc;
 width:200px;
 text-align:center;
}

.info_block{
 /* background-color:#eef5fd; */
 background-color:#f5f5f5;
 border: solid 1px #ddd;
 margin:1.2em 0;
 padding:7px;
}
.book_log_name, .book_log_note, .info_inner{
 background-color:white;
 padding:10px; margin:0.5em 0;
}

/*
#item a.book_log_link, #log a.book_log_link{
 color:#ff8c00;
 text-decoration:none;
}
*/
#item a.book_log_link, #log a.book_log_link{
  height:22px;
  line-height:22px;
  background-color:#009DE9;
  border:0 none;
  color: #fff;
  text-decoration:none;
  padding: 2px 3px;
}
#item a:hover.book_log_link, #log a:hover.book_log_link { background-color:#59BAE9; }

/*
#item a.delete_link, #log a.delete_link{
 color: #333;
 text-decoration:none;
}
*/
#item a.delete_link, #log a.delete_link{
  height:22px;
  line-height:22px;
  font-size:12px;
  border:0 none;
  color: #333;
  text-decoration:none;
  padding: 2px 3px;
}
#item a:hover.delete_link, #log a:hover.delete_link { color:#666; }

#booklog_stats td{
 padding:0 12px;
}
#booklog_stats .bli_td{
 border-right:solid 1px #d3d3d3;
}

/** Calendar **/
#calendar_content .row {
 margin-bottom: 1.0em;
}


#signin_block {
  position: relative;
  margin:1.2em 0;
  padding:1.2em;
  border:solid 1px #ccc;
}
#openid_container table {
  width: 100%;
}
#openid_container td {
  padding: 0 5px 5px 0;
}

/** Form **/
.form td{
 padding:0 7px 7px 0;
}

#search_form {
 padding: 7px;
 border:solid 1px #ddd;
}

input, textarea{
 font:99% arial,helvetica,clean,sans-serif;
 border:1px solid #ccc;
}
textarea{
 width:400px; height:130px;
}
input[type="text"]{
 width: 400px;
 padding:2px 1px;
}
input[type="radio"]{
 border:none;
}
td.tl{
 text-align:right;
 white-space: nowrap;
}
#id_title, #id_cached_tag_list{
 width:99%;
}
#id_notes{
  width:99%;
  height:130px;
}

#feedback_form input[type="text"]{
 width: 400px;
}
#feedback_form textarea{
  width: 400px; height:260px;
}

#import_forms input[type="text"]{
 width: 360px;
}

#import_forms .list {
 margin:.6em 0;
 padding:.6em;
 border-bottom:solid 1px #ccc;
}

/** pagenate **/
.pagination {
 text-align:right;
 padding: 3px; margin: 3px;
}

.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #336699;
}

.pagination a:hover, .pagination a:active {
  border: 1px solid #222;
  color: #222;
}

.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  font-weight: bold;
  border: 1px solid #222;
  background-color: #222;
  color: #FFF;
}

.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #F5F5F5;
  color: #ddd;
}


/** button **/
/*
input.standard{
 padding:2px;
 font-size:13px;
 background-color:#eee;
 border: solid 1px #ccc;
 cursor:pointer;
}
*/
.standard {
  height:22px;
  line-height:22px;
  margin: 4px 0;
  width:auto;
  background-color:#009DE9;
  border:0 none;
  cursor:pointer;
  color:white;
  font-size:13px;
  padding:2px 5px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  vertical-align:middle;
}
.standard:hover { background-color:#59BAE9; }

input.dark{
 padding:2px;
 font-size:13px;
 background-color:#333;
 border: solid 1px #000;
 color:#fff;
 cursor:pointer;
}

/** GalleryView **/
.filmstrip li{
 width:70px; text-align:center;
}


/** jQuery Gallery Plugin **/
.gallery{
  position: relative;
  overflow: hidden;
  background-color: #666;
  padding: 12px;
  height: 350px;
}
.gallery a{
  color: #fff;
  text-decoration: underline;
}

.galleryBar {
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0 7px;
  display:none;
}

.galleryBar li {
  position: relative;
  margin: 0 7px 12px 0;
  padding: 0;
  overflow: hidden;
  float: left;
  list-style: none;
}
.galleryScreen, .galleryInfo {
  position: absolute;
}
.galleryScreen {
 background-color: #222;
}
.galleryInfo {
 background-color: transparent;
 color: #fff;
 padding: 12px;
}
.galleryTitle {
 font-size: 135%;
 font-weight: bold;
}



/** ETC **/
.notice{
 border:solid 1px #d3d3d3;
 padding: 6px;
}
.feed_icon{ vertical-align:middle; }
.thumb{ vertical-align:middle;width:35px; height:35px; }
.name{}
.large{font-size:large;}
.medium{font-size:medium;}
.small{font-size:small;}
.x-small{font-size:x-small;}
.bd{padding:1em;border:solid 1px #d3d3d3;}
.bold{font-weight:bold;}
.white{color:white;}
.gray{color:#666;}
.light-gray{ color:#d3d3d3;}
.dark{color:#333;}
.red, .error{color:#FF0000;}
.blue{color:blue;}
.light-blue{ color:#99aacc;}
.green{color:green;}
.orange{color:#ff8c00;}
.left{float:left;}
.right{float:right;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.clear_both{clear:both;}
.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}
.valign_middle{vertical-align:middle;}
.first{margin:7px 0;}
.line_dot{ border-bottom:dotted 1px #666; padding-bottom:6px; }
.line_solid{ border-bottom:solid 1px #d3d3d3; padding-bottom:6px; }