body { 
	margin: 0px; padding: 0px;
	font-size: 11px; color: #272727; font-family: Georgia, "Times New Roman", serif; line-height: 1.2;
   background: url("img/bg.jpg") top left repeat;
	}
	
/* ARTICLE ================== */

h2 { font-size: 20px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; }
h4 { font-size: 14px; font-weight: bold; }
h5 { font-size: 14px; font-weight: bold; }

/* RESET ==================== */

input, 
textarea {
   font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
   }

input[type=text], 
input[type=password] {
   padding: 6px 10px;
   border: 1px solid #9B9C97;
   font-size: 14px; font-family: Georgia, "Times New Roman", serif; 
   }
   
textarea {
   padding: 8px 13px;
   border: 1px solid #9B9C97;
   font-size: 14px;
   }
   
input[type=checkbox], label {
   vertical-align: middle; 
   cursor: pointer;
   }
   
select {
   padding: 8px 13px;
   border: 1px solid #9B9C97;
   font-size: 14px;
   }   
   
input.input-error {
   border: 1px solid #CC0000;
   }

input[type=submit] {
   cursor: pointer;
   }

* { 
	outline: none;
	}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, caption, form, fieldset, p, blockquote, span, a, img { 
	padding: 0px; margin: 0px;
	}
th {
	text-align: left;
	}
img { 
	border: 0px;  
	}
a {   
   text-decoration: none; color: #272727;
   cursor: pointer;
   }
a:hover {
   text-decoration: none; color: #038050;
   }
a:active {   
   color: #035d3f;
   }

/* UTILS ==================== */

.button-white {
   padding: 6px 10px; display: inline-block; height: 17px;
   border: 1px solid #C0C0B6; background: #FFFFFF;
   font-size: 12px; font-weight: bold; line-height: 17px;
   -moz-box-shadow: 0 1px 2px 0 #CCCCCC; -webkit-box-shadow: 0 1px 2px 0 #CCCCCC; -o-box-shadow: 0 1px 2px 0 #CCCCCC; box-shadow: 0 1px 2px 0 #CCCCCC;
   }
input.button-white {
   height: 31px;
   }
.button-white:hover {
   color: #038050; border-color: #038050; text-decoration: none;
   }   
.button-white:active {
   color: #035d3f; border-color: #035d3f;
   } 

.set-p3{
   padding:3px;
   }
.set-break {
   word-break: break-all; word-wrap: break-word; 
   }   
.set-left { 
	float: left;
	}
.set-right { 
	float: right;
	}
.set-fixed { 
	position: fixed; 
	}      
.set-abs { 
	position: absolute; 
	}
.set-rel { 
	position: relative; 
	}
.set-top { 
	vertical-align: top;
	}
.set-middle { 
	vertical-align: middle;
	}
.set-bottom { 
	vertical-align: bottom;
	}
.set-baseline { 
	vertical-align: baseline;
	}   
.set-clear { 
	clear: both; height: 0px; font-size: 0px; line-height: 0px;
	}
.set-debug { 
	border: 1px solid #00FF00; 
	}
.set-hide { 
	display: none !important;
	}   

.set-shadow {
   -moz-box-shadow: 0 2px 2px 0 #CCCCCC; -webkit-box-shadow: 0 2px 2px 0 #CCCCCC; -o-box-shadow: 0 2px 2px 0 #CCCCCC; box-shadow: 0 2px 2px 0 #CCCCCC;
   }
   
.set-bradius3 {
   -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
   }         
.set-bradius5 {
   -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   }
.set-bradius12 {
   -webkit-border-radius: 12px; -o-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
   }      
   
.set-bradius10tl { 
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;
	}    
.set-bradius10tr { 
	-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;
	}    
.set-bradius10bl { 
	-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
	}           
.set-bradius10br { 
	-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
	}   

.set-bradius5tl { 
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
	}    
.set-bradius5tr { 
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
	}    
.set-bradius5bl { 
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
	}           
.set-bradius5br { 
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
	}             

/* SITE ==================== */

div.bg {
   background: url("img/header.jpg") top left repeat-x;
   }
div.container {
   width: 940px; margin: 0px auto;
   }
   
div.header {   
   height: 180px;
   }
   div.header-followers {
      right: 140px;
      }
   div.header-followings {
      right: 20px;
      }
   div.header-followers,
   div.header-followings {      
      top: 55px;
      font-size: 16px; color: #FFFFFF; text-align: center;
      }
      div.header-followers a,
      div.header-followings a {
         padding: 11px 0px 27px; display: block;
         background: url("img/follow.jpg") top center no-repeat;
         font-size: 26px; color: #FFFFFF; text-align: center;
         }
   
   div.social-profiles {
      margin-top: 40px;
      }
         
   div.header-avatar {
      top: 40px; padding: 8px; width: 205px; height: 205px;
      background: #FFFFFF;
      -webkit-border-radius: 110px; -o-border-radius: 110px; -moz-border-radius: 110px; border-radius: 110px;
      -webkit-box-shadow: 0 2px 2px 0 #CCCCCC; -o-box-shadow: 0 2px 2px 0 #CCCCCC; -moz-box-shadow: 0 2px 2px 0 #CCCCCC; box-shadow: 0 2px 2px 0 #CCCCCC;      
      }
      div.avatar-official {
         width: 75px; height: 75px; left: -10px; top: -10px;
         background: url(img/official.png) 0 0 no-repeat;
         }      
      div.header-avatar img {
         width: 205px; height: 205px;
         -webkit-border-radius: 110px; -o-border-radius: 110px; -moz-border-radius: 110px; border-radius: 110px;
         -webkit-box-shadow: 0 0 2px 0 #CCCCCC; -o-box-shadow: 0 0 2px 0 #CCCCCC; -moz-box-shadow: 0 0 2px 0 #CCCCCC; box-shadow: 0 0 2px 0 #CCCCCC;      
         }
   h1.header-title {         
      padding: 55px 220px 0 240px;
      }
      h1.header-title a {
         font-size: 30px; color: #FFFFFF; font-weight: normal;
         }
   div.header-desc {   
      padding: 15px 0 0 240px; width: 450px; height: 65px; overflow: hidden;
      color: #887d71; font-size: 14px; line-height: 160%;
      }
      div.header-desc a {
         color: #FFFFFF; text-decoration: underline;
         }
      div.header-desc a:hover {
         text-decoration: underline;
         }
   
div.footer {
   padding: 35px 0 110px 240px;
   text-align: center; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; text-transform: uppercase; font-weight: bold;
   }   

/* MENU =================================== */      

div.side-left {
   width: 220px; padding-top: 85px;
   }
   
div.search {
   margin-bottom: 40px;
   border-bottom: 1px solid #BFBFB7;
   }
   div.search input[type=text] {
      padding: 10px; width: 175px;
      border: 0px; background: none;
      font-size: 18px; vertical-align: middle;
      }
   div.search input[type=submit] {
      width: 20px; height: 25px;
      border: 0px; background: url("img/glass.png") 50% 50% no-repeat; font-size: 1px; line-height: 1px;
      vertical-align: middle;
      }         
   
div.side-left-line {
   margin: 40px 0px; height: 8px;
   background: url("img/shelf.png") bottom left repeat-x;
   }
      
div.menu {
   }
   div.menu-entry, h3.menu-entry {
      margin-bottom: 5px;
      text-align: center;
      }
   div.menu a {
      display: inline-block; padding: 6px 15px;      
      font-size: 18px; font-weight: normal;
      }
   div.menu a.menu-active,
   div.menu a:hover {
      background: url("img/menu_bg.jpg") 0 0;
      border-bottom: 1px solid #8F8F83;
      color: #FFFFFF;
      }
      
div.shelf-counter {
   padding: 10px 20px 25px; margin: 30px 0;
   background: #FFFFFF;
   }
   a.shelf-counter-count {
      padding-bottom: 10px; display: block;
      text-align: center; color: #CC7502; font-size: 70px; line-height: 1;      
      }
   a.shelf-counter-title {
      display: block;
      font-family: "Helvetica Neue",Arial,Tahoma,Verdana,sans-serif; font-weight: bold; text-align: center;     
      }
      
div.box-currently {
   margin-bottom: 40px;
   }
   h3.box-currently-header {
      padding-bottom: 20px;
      font-size: 18px; text-align: center; font-weight: normal;
      }
   div.box-currently-cover {
      text-align: center;
      cursor: pointer;
      }
   div.box-currently-spacer {
      height: 20px;
      }
   div.box-currently-title {
      padding: 8px 0 3px;
      font-size: 14px; font-weight: bold; text-align: center; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
      }
   div.box-currently-author {
      font-size: 14px; text-align: center; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
      }
   div.box-currently-progress-title {
      padding: 5px 0px;
      font-size: 12px; text-align: center; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; font-weight: bold;
      }
   div.box-currently-progress {
      margin: 0px auto; width: 150px;
      border: 1px solid #CCCCCC; 
      background: url("img/menu_bg.jpg") 0 100% repeat-x;
      }      
      div.box-currently-progress span {
         display: block; height: 10px;
         background: #FFFFFF;
         }
   
div.box-favorite {   
   padding-top: 30px;
   background: url("img/favorite.png") top center no-repeat;
   margin-bottom: 40px;
   }
   h3.box-favorite-header {
      padding-bottom: 10px;
      font-size: 18px; text-align: center; font-weight: normal;
      }
   div.box-favorite-list {
      padding: 8px 17px;
      background: url("img/shelf.png") bottom left repeat-x;
      }
      div.box-favorite-entry {
         width: 62px; height: 80px;
         cursor: pointer;
         }
         div.box-favorite-entry-cover {
            bottom: -2px; width: 100%;
            text-align: center;            
            }
   
div.box-recently {}      

/* FOLLOW =================================== */   

div.follow {
   padding-top: 40px; width: 700px;
   }
      
div.follow-header {
   padding-bottom: 40px; 
   font-size: 30px;
   }
   
a.follow-entry {
   padding: 20px; padding-left: 105px; height: 105px; margin: 0px 20px 20px 20px; width: 180px; display: block;
   border: 1px solid #BEBEB4; background: #FFFFFF;
   cursor: pointer;
   }
   div.follow-entry-pic {
      top: 20px; left: -20px; padding: 3px; height: 100px; width: 100px;
      border: 1px solid #BEBEB4; background: #FFFFFF;
      }
   div.follow-entry-title {
      padding: 5px 0px 8px;
      font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; font-size: 22px;
      word-wrap: break-word;
      }
   div.follow-entry-date {
      font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; color: #BDBDBD;
      padding-bottom: 10px;
      }
   div.follow-entry-desc {
      font-size: 14px; line-height: 140%;
      }
   
/* POST =================================== */   
   
div.posts {
   width: 700px;
   }
   div.posts-navigation {
      padding-top: 40px;
      }
      div.posts-navigation a {
         font-size: 16px; margin: 0px 10px;
         }

div.post {
   margin-top: 40px; padding-top: 40px;
   border: 1px solid #C0C0B4; background: #FFFFFF;
   }
   div.post-review {
      top: 0px; right: 0px; height: 96px; width: 96px;
      background: url("img/stars.png") 0 0 no-repeat;
      }
      div.post-review-10 { background-position: -96px 0; }
      div.post-review-20 { background-position: -192px 0; }
      div.post-review-30 { background-position: -288px 0; }
      div.post-review-40 { background-position: -384px 0; }
      div.post-review-50 { background-position: -480px 0; }
      div.post-review-05 { background-position: -576px 0; }
      div.post-review-15 { background-position: -672px 0; }
      div.post-review-25 { background-position: -768px 0; }
      div.post-review-35 { background-position: -864px 0; }
      div.post-review-45 { background-position: -960px 0; }
      
   h2.post-title {
      padding: 0px 55px 10px 55px;
      font-size: 40px; text-align: center; font-weight: normal; word-wrap: break-word; 
      }  
      h2.post-title a.post-title-url {
         text-decoration: underline; word-wrap: break-word; 
         }
   div.post-spoiler {
      padding: 0 40px;
      text-align: right;
      }
      div.post-spoiler span {
         padding: 2px 5px; display: inline-block;
         border: 1px solid #c30000; background: url("img/red_stripes.png") 50% 50% repeat-x;
         color: #c30000; font-size: 10px; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; line-height: 1;
         }
   div.post-date {
      margin-bottom: 40px;
      text-align: center; 
      }
      div.post-date a {
         color: #a2a2a2; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
         }
   div.post-books {
      padding: 0 40px 30px;
      text-align: center;
      }
      div.post-books img {
         padding: 0 5px 5px 0;
         }
   div.post-video {
      padding: 0 40px 40px;   
      }
   div.post-photos {
      padding: 0 40px 35px;   
      }
      div.post-photos-entry {
         padding-bottom: 5px;
         }
      div.post-photos-title {
         padding-bottom: 10px;
         font-size: 12px; font-style: italic;
         }
   div.post-quote {
      padding: 0 40px 40px;
      font-size: 40px; font-style: italic; text-align: center;
      }
   div.post-url {
      padding: 0 40px 40px;
      font-size: 40px; font-style: italic; word-break: break-all; word-wrap: break-word;
      }      
   div.post-desc {
      padding: 0 40px 40px;
      font-size: 18px; line-height: 145%;
      }
      div.post-desc blockquote{
         margin:25px 50px;
         text-align: center;
      }
      div.post-desc a {
         text-decoration: underline;
         }
      div.post-desc img {
         padding: 10px;
         }
      div.post-desc ul,
      div.post-desc ol {
         list-style-position: inside;
         }
      div.post-desc-more {
         padding-top: 5px;
         }
         div.post-desc-more a {
            font-size: 14px; font-weight: bold; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; text-decoration: none;
            }  
   div.post-tags {
      padding-bottom: 20px;
      text-align: center;
      }
      div.post-tags a {
         display: inline-block; padding: 2px 10px; margin: 0px 1px 5px;
         border: 1px solid #DFDFDD;
         }
   div.post-source {
      padding-bottom: 20px;
      color: #a2a2a2; text-align: center; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
      }
      div.post-source a {
         color: #a2a2a2; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
         }
   div.post-reblog-note {
      margin: 20px 0; padding: 0 40px;
      font-size: 20px;
      }
   div.post-reblog-top {
      margin-bottom: 20px; padding: 0 40px 30px;
      border-bottom: 1px solid #c0c0b4;
      font-size: 20px;
      }
   div.post-reblog {
      padding: 0 40px; margin-bottom: 20px;
      font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; font-size: 14px; text-decoration: underline;
      }
      div.post-reblog a {
         font-weight: bold;
         }         
   a.post-more {
      display: block; height: 6px;
      background: url(img/post_more.jpg) top left repeat-x;
      }      
div.post-info {
   padding-top: 20px;
   font-size: 10px; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; font-weight: bold;
   }
   div.post-info img {
      margin-left: 5px;
      }
div.post-emotion{
   padding:0px 40px 20px;
   font-size: 14px;
   }
   div.post-emotion img{
      margin-left: 5px;
      height:16px;
      vertical-align: middle;
      }
/* PAGE =========================== */         
      
div.page {
   padding-top: 40px; width: 700px;
   }
   h2.page-title {
      padding-bottom: 20px;
      font-size: 40px; font-weight: normal;
      }
   div.page-text {
      font-size: 18px;
      line-height: 145%;
      }
      
/* SHELF =========================== */      

div.shelf-menu {
   padding: 10px 20px 20px; margin-top: 35px;
   background: #FFFFFF; border-bottom: 2px solid #BEBEB4;
   }
a.shelf-menu-counter {
   padding-bottom: 10px; display: block;
   text-align: center; color: #CC7502; font-size: 70px; line-height: 1; 
   }
a.shelf-menu-counter-title {
   display: block;
   text-align: center; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; font-weight: bold;
   }
div.shelf-menu-line {
   margin: 15px 0px;
   border-bottom: 1px solid #C0C0B6;
   }
   
div.shelf-menu a.shelf-menu-link {
   display: block; padding: 5px 0px;
   font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center;
   }
   div.shelf-menu a.shelf-menu-active {
      color: #CC7502;   
      }
   div.shelf-menu a.shelf-menu-category {
      text-align: left;
      }
      
/* SHELF BOOKS ---------------------- */      

div.shelf {
   width: 700px; padding-top: 40px;
   }

div.shelf-header {
   font-size: 30px;
   }

div.shelf-order {
   text-align: right;
   margin-bottom: 5px;
   }
   div.shelf-order a {
      display: inline-block; padding: 0 15px 0 10px;
      font-size: 12px; font-weight: bold; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
      }
      div.shelf-order a:hover {
         color: #CC7502;
         }
      a.shelf-order-asc {
         background: url(img/order_asc.png) 100% 50% no-repeat;
         color: #CC7502;
         }
      a.shelf-order-desc {
         background: url(img/order_desc.png) 100% 50% no-repeat;
         color: #CC7502;
         }
      a.shelf-order-normal {
         background: url(img/order.png) 100% 50% no-repeat;
         }   
   
div.shelf-books {   
   padding: 0px 50px;
   background: url("img/shelf.png") top left repeat;
   }
   div.shelf-books-entry {
      width: 120px; height: 198px;
      margin-bottom: 5px;
      }
      div.shelf-books-entry-cover {
         bottom: 0px; width: 100%;
         text-align: center;
         }
         div.shelf-books-entry-rating {
            margin-bottom: -7px;
            }         
                  
div.shelf-navigation {
   padding-top: 40px;
   text-align: center;
   }
   div.shelf-navigation a {
      display: inline-block; padding: 8px 10px; margin: 0px 1px 2px;
      border: 1px solid #C1C0BB;
      font-weight: bold; line-height: 1; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
      border-radius: 15px;
      }
   div.shelf-navigation a.shelf-navigation-active,
   div.shelf-navigation a.shelf-navigation-active:hover {
      background: #FFFFFF;
      }
      
/* TIMELINE ================= */

div.timeline {
   width: 700px; padding-top: 40px;
   }

div.timeline-today {
   width: 160px; margin-left: 30px;
   }
   div.timeline-today-header {
      height: 30px;
      font-size: 18px; text-align: center;
      }
   div.timeline-today-month {
      height: 40px;
      background: #FFFFFF;
      border-top: 1px solid #C0C0B6; border-right: 1px solid #C0C0B6; border-left: 1px solid #C0C0B6;
      text-align: center; font-size: 18px; line-height: 40px;
      }
   div.timeline-today-day {
      height: 120px;
      background: url("img/bg2.jpg") top left repeat;
      text-align: center; font-size: 120px; color: #FFFFFF; line-height: 120px;
      }
      
div.timeline-currently {}

   div#timeline-currently-left {
      width: 34px; height: 35px; top: 83px; left: -20px;
      background: url("img/left.png") 0 0 no-repeat;  
      cursor: pointer; z-index: 1;
      }
   div#timeline-currently-right {
      width: 34px; height: 35px; top: 83px; right: -20px;
      background: url("img/right.png") 0 0 no-repeat;  
      cursor: pointer; z-index: 1;
      }
   
   div.timeline-currently-scroll {
      width: 462px; height: 195px; overflow: hidden;
      }
      div.timeline-currently-scroll-content {
         height: 195px; 
         }
         div.timeline-currently-entry {
            width: 420px; height: 150px; padding: 20px; margin-right: 20px;
            background: #FFFFFF; border: 1px solid #BFBFB3;
            }
            div.timeline-currently-cover {
               cursor: pointer;
               }
            div.timeline-currently-info {
               width: 300px; padding-top: 30px;
               }
               div.timeline-currently-progress {
                  padding-bottom: 10px;
                  }
                  div.timeline-currently-progress > span {
                     display: inline-block; width: 120px; height: 18px;
                     background: url("img/timeline_progress_bg.jpg") 0 0 repeat;  
                     border: 1px solid #027649;
                     }
                     div.timeline-currently-progress > span > span {
                        display: inline-block; width: 120px; height: 18px;
                        background: url("img/timeline_progress_active.jpg") 0 0 no-repeat;     
                        text-transform: uppercase; color: #FFFFFF; font-size: 11px; font-weight: bold; line-height: 18px; text-align: center; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
                        }                 
               div.timeline-currently-title {
                  padding-bottom: 10px;
                  font-size: 20px; font-weight: bold; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
                  cursor: pointer;
                  }
               div.timeline-currently-author {
                  font-size: 12px; font-weight: bold; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
                  cursor: pointer;
                  }
                  
                  
/* TIMELINE LIST ========================= */                  
                  
div#timeline-list {
   min-height: 500px; padding-top: 15px;
   background: url("img/timeline_line.jpg") 50% 0 repeat-y;
   }
   
div.timeline-line {
   margin: 40px 0px;
   border-bottom: 1px solid #C1C1B9;
   }
   
div.timeline-more {
   padding-top: 30px;
   }
   div.timeline-more a {
      font-size: 18px;
      }      
   
/* DATE ======================================== */   
   
div.timeline-date {
   clear: both; padding: 10px 0; margin: 10px 0;
   text-align: center;
   }  
   div.timeline-date-content {
      display: inline-block; width: 80px;
      border: 1px solid #c1bfb6;
      }
      div.timeline-date-month {
         padding: 5px 0px;
         background: #FFFFFF;
         font-size: 12px; text-align: center;
         }
      div.timeline-date-day {
         height: 70px;
         background: url("img/bg2.jpg") 0 0 repeat;
         font-size: 60px; color: #FFFFFF; text-align: center; line-height: 60px;
         }     
   
/* ENTRY ====================================== */         
         
div.timeline-entry {
   min-height: 50px; width: 285px; margin-bottom: 30px; padding: 20px;
   background: #FFFFFF; border: 1px solid #C1BFB6;
   }
   div.timeline-entry-arrow {
      width: 11px; height: 26px; right: -11px; top: 20px;
      background: url("img/arrow_left.png") 0 0 no-repeat;
      }                     
   div.timeline-entry-right div.timeline-entry-arrow {
      left: -11px; top: 20px;
      background: url("img/arrow_right.png") 0 0 no-repeat;
      }                     
   div.timeline-entry-dot {
      width: 4px; height: 8px; right: -26px; top: 30px;
      background: url("img/timeline_dot.jpg") 0 0 no-repeat;
      }
   div.timeline-entry-right div.timeline-entry-dot { 
      left: -26px; 
      }   
         
         
div.timeline-entry-title {
   padding-bottom: 5px;
   font-size: 10px; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; text-transform: uppercase;
   }
     
div.timeline-list-books {}
   div.timeline-list-books img {
      cursor: pointer;
      }
      
div.timeline-list-follow {
   font-size: 16px; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; font-weight: bold;
   }
   div.timeline-list-follow img {
      margin-right: 10px;
      }

div.timeline-list-like {
   font-size: 16px; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; font-weight: bold;
   }
   div.timeline-list-like img {
      margin-right: 10px;
      }      
div.timeline-list-like-entry {
   padding-top: 10px;
   font-size: 16px;
   }
   
div.timeline-list-book {}
   div.timeline-list-book-cover {
      width: 100px;
      }
      div.timeline-list-book-rating {
         margin-bottom: -5px;
         text-align: center;
         }
   div.timeline-list-book-info {
      width: 170px; padding-top: 35px;
      font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; font-weight: bold;
      }
      a.timeline-entry-book-title {
         display: block; padding-bottom: 5px;
         font-size: 20px;
         }
      a.timeline-entry-book-author {
         display: block;
         font-size: 12px;
         }
         
div.timeline-entry-chall {
   }
   div.timeline-entry-chall-type {
      padding-bottom: 15px;
      font-weight: bold; font-size: 10px; text-transform: uppercase;            
      }
   div.timeline-entry-chall-title {
      padding-bottom: 10px;
      font-size: 16px; font-weight: bold;
      }
      div.timeline-entry-chall-info{
         text-align: center;
         margin-bottom: 10px;
         font-size: 12px; 
      }
      div.timeline-entry-chall-info a,
      div.timeline-entry-chall-info span{
         font-weight: bold; 
      }
      div.timeline-entry-chall-progress {
         width: 285px; height: 12px; margin-bottom: 5px;
         border: 1px solid #005E3A;
         background: url("img/timeline_progress_bg.jpg") 0 0 repeat;
         }      
      div.timeline-entry-chall-progress-bar {
         height: 12px; margin-bottom: 5px;
         background: url("img/timeline_progress_active.jpg") 0 0 repeat;
         }
      div.timeline-entry-chall-progress-info {
         font-size: 12px; text-align: center;
         font-weight: bold;
         }
         
div.timeline-list-post {}
   div.timeline-entry-post-text {
      font-size: 20px;
      }
   div.timeline-entry-post-reblog {
      margin: 5px 0;
      font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; font-size: 12px;
      }      
      div.timeline-entry-post-reblog a {
         font-weight: bold;
         }
   div.timeline-entry-post-quote {
      font-size: 20px; font-style: italic;
      }      
   div.timeline-entry-post-link {
      font-size: 20px; font-family: "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif;
      }
   div.timeline-entry-post-books {
      padding-top: 15px;
      }  
   div.timeline-entry-post-rating {
      width: 32px; height: 100px; top: -5px; left: 10px;
      background: url("img/activity_rating.png") 0 0 no-repeat;                  
      }
      div.timeline-entry-right div.timeline-entry-post-rating {
         right: 10px; left: auto;
         }           
      div.timeline-entry-post-rating-10 { background-position: -32px 0 !important; }
      div.timeline-entry-post-rating-20 { background-position: -64px 0 !important; }
      div.timeline-entry-post-rating-30 { background-position: -96px 0 !important; }
      div.timeline-entry-post-rating-40 { background-position: -128px 0 !important; }
      div.timeline-entry-post-rating-50 { background-position: -160px 0 !important; }
      div.timeline-entry-post-rating-05 { background-position: -192px 0 !important; }
      div.timeline-entry-post-rating-15 { background-position: -224px 0 !important; }
      div.timeline-entry-post-rating-25 { background-position: -256px 0 !important; }
      div.timeline-entry-post-rating-35 { background-position: -288px 0 !important; }
      div.timeline-entry-post-rating-45 { background-position: -320px 0 !important; }      
      
      div.timeline-entry.timeline-entry-review {
         padding-left: 55px; width: 250px;
         }
      div.timeline-entry-right.timeline-entry-review {
         padding-left: 20px; padding-right: 55px;
         }

/* WIDGETS ======================== */      

div.fb-comments {
   margin: 10px 0;
   background: #FFFFFF;
   }
   
div.disqus {}