body {
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size:1.08em; /* everything else should be a percentage */
    margin: 0px;
    padding: 0px;
    color: #333;
}

a, a:visited, a:active {
    text-decoration: none;
}

.main-content-holder {
    text-align: center;
}

.page-content {
    display: inline-block;
    width: 955px;
}

/*NAVIGATION*/

.by-genre {
    cursor: pointer;
}

.header-container {
    text-align: center;
    margin: 10px 15px 0 15px;
    padding: 5px 0;
    height: 90px;
}

.nav-list {
    /*background-color: #3385ff;*/ 
    background-color: black;
    display: inline-block;
    height: 36px; 
    position: relative;
    text-align: center; 
    width: 955px;
}

.nav-item {
    float: left; 
    font-size: 107%;
    padding: 0 3px;
    text-align: center; 
    color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.debut-nav-item {
    width: 20%;
}

#home #home-nav, #genre #by-genre-nav, #ranges #ranges-nav, #debut #debut-nav, #search #search-nav, #advice #advice-nav, #keyword #keyword-nav, #series #series-nav, #about #about-nav {
    background-color: #666666;
}

.nav-link {
    color: #FFF;
    display: block;
    padding: 9px 20px; 
}

a.bottom-nav-link:hover {
	text-decoration: none;
}

.nav-item a:hover {
    background: #8C8C8C;
    text-decoration: none;
}

.view-all {
    color: #000;
    display: block;
    margin: 12px 0 -4px -10px;
    padding: 0 15px;
}

.view-all-articles {
    display: block;
    margin: 0 0 -18px -8px;
}

.follow {
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

.genre-list-container { 
	display: none; 
}

.genre-list {
    width: 230px; 
    padding: 0; 
    margin: 0; 
    position: absolute; 
    top: 150px; 
    left: 15%;
    z-index: 5;
    background-color: black;
} 

.genre-item { 
    text-align: center; 
    height: 40px; 
    line-height: 40px; 
    background: #484848; 
    width: 100%; 
    margin: 0; 
    padding: 0;
    list-style: none; 
    color: #000;
}

.main-header {
	font-size: 380%;
	line-height: 50px;
}

.header-separator {
    padding-left: 8px;
}

.sub-header {
	font-size: 205%;
}

.header-title {
	display:block; 
	clear: right;
}

.tagline {
    text-align: center;
    display: block;
    padding: 5px 0 10px;
    font-family: cursive;
    font-size:  130%;
}

.nav-container {
    /* background-color: #3385ff; */
    background-color: black;
    color: white;
    text-align: center;
}


a.bottom-nav-link:hover {
	text-decoration: underline;
}

.bottom-nav-link {
    padding: 0 15px;
    color: #FFF;
}



#twitter-widget-0 {
    margin-bottom: -4px;
}

.bottom-nav-container {
    clear: both;
    text-align: center;
    padding-top: 17px;
    margin: 5px 15px 0 15px;
}

/*.bottom-nav-items {
    border-top: solid 1px #C8C8C8;
}*/

.menu-icon-container {
    display: none;
}

.overlay-container {
    display: none;
    position: relative;
    
}    
    
.overlay {
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    color: white;
    background-color: #484848;
    padding: 25px 0;
    opacity: 0.95;
    height: 335px;
    width: 100%;
    z-index: 10;
    text-align: center;
}

.close-overlay {
    display: block;
}

.overlay-link {
    display: block;
    color: white;
    padding: 8px;
}

.copyright {
	width:100%; 
	text-align: center;
	padding: 18px 0;
}

.generic-text {
    font-size: 110%;
    line-height: 1.5;
    margin: -10px 100px 20px 100px;
    text-align: left;
}

.header-text {
    font-size: 108%;
    line-height: 1.5;
    margin: 5px 100px 15px;
}

.page-description {
    line-height: 1.5;
    padding: 27px 10px 8px;
}

.page-title {
	padding: 20px 10px 3px 10px; 
	font-size: 190%;
	text-align: center;
}

.page-sub-header {
    font-size: 135%;
    padding-top: 8px;
    margin-bottom: -4px;
}

.sub-section-border {
    text-align: center; 
    border-top: solid 1px #C8C8C8; 
    margin: 5px 21% 0; 
    padding-top: 17px
}

.utility-holder {
    text-align: center;
}

.examples-range {
	padding: 3px 10px 10px 10px; 
	font-size:115%;
	text-align: center;
        color: #787878;
}

.divider-row {
	background-color: #F8F8F8;
}

.header-highlight {   
    font-size: 170%;
    letter-spacing: 2px;
    line-height: 1.3;
    padding: 10px 10px 7px;
    text-align: center;
}


/* FRONT */

.home-front-header {
	padding: 30px 10px 20px; 
	font-size: 160%;
	text-align: center;
}

.home-front-header-plain {
	padding: 20px 10px 5px; 
	font-size: 160%;
	text-align: center;
}

.books-of-week-container {
    text-align: center; 
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.book-of-week-container {
    width: 40%; 
    float: left;
}

.book-of-week-container.left {
    padding-left: 10%;
}

.book-of-week-container.right {
    padding-right: 10%;
}

.book-of-week-mobile-divider {
    display: none;
}

.books-of-week-border {
   clear: both;
   border-bottom: solid 1px #C8C8C8;
   padding: 10px;
   margin: 0 30px;
}

.search-border {
   clear: both;
   border-bottom: solid 1px #C8C8C8;
   margin: auto;
   width: 700px;
}

.accuracy-border {
    margin: 0 0 10px 0;
}

.books-of-week-container .image-container {
    float: left; 
    text-align: right; 
    width:42%;
    padding: 0 5px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.books-of-week-container .details-container {
    float: right; 
    text-align: left; 
    width: 58%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.image-container > .book-image {
	vertical-align:top; 
	width: 100px; 
	height: 148px; 
	padding-right: 8px;
}

.details-container > .book-name {
	font-size: 111%; 
	clear: right; 
	padding: 5px 0;
}

.details-container > .book-author {
	font-size: 100%; 
	clear: right; 
	padding-bottom: 3px; 
	color: #787878;
}

.details-container > .book-meta-data {
	font-size: 95%; 
	clear: right; 
	padding: 3px 0;	
}

.word-range-good {	
	color: #009966;
	padding-left: 1px;
}

.word-range-low {
	background-image: url('/static/images/down-arrow.png');
	background-position: 0% 20%;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #FF0000;
}

.word-range-high {
	background-image: url('/static/images/up-arrow.png');
	background-position: 0% 40%;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #FF0000;
}

.front-text-container {
    padding: 10px 0;
}

.about-text {
    display:  block;
    padding-bottom:  10px;
}

.about-books-container {
   padding: 0;
}
    
.about-book-container {
    clear: both;
    padding-top: 20px;
}

.about-book-container-top {
    border-bottom: 1px solid #D8D8D8;
}

.about-image-container {
    float: left; 
    text-align: right; 
    width:12%;
    padding: 0 5px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.about-details-container {
    float: left; 
    text-align: left; 
    width: 85%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.about-book-image {
	vertical-align:top; 
	width: 84px; 
	height: auto; 
	padding-right: 8px;
}

.about-book-description {
	font-size: 103%; 
	clear: right; 
        line-height: 1.7;
        max-width: 700px;
}

.about-read-more {
    margin: 4px 5px 8px 0;
}

.free-image-container {
    float: left; 
    text-align: right; 
    width:32%;
    padding: 0 5px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.free-details-container {
    float: left; 
    text-align: left; 
    width: 65%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.free-book-image {
    vertical-align:top; 
    width: 210px; 
    height: auto; 
    padding-right: 8px;
}

.promo-free-quiet {
    color: #3385ff; 
    font-size: 160%; 
}

.free-quiet-image {
    vertical-align: middle;
    width: 70px; 
}

.second-quiet-image {
    padding-left: 10px;
}

.pdf-icon {
    height: auto;
    padding-right: 8px;
    width: 72px;
}

.author-photo {
    width: 175px; 
    height: auto;
}

.share-icons {
    width: 17px;
    height: auto;
    padding: 0 1px;
}


/*BY GENRE*/

.genre-ranges-container {
	width: 100%;
	border-spacing: 0;
}

.genre-count-header {
	font-size: 118%;
	color: #fff;
	text-align: left;
	padding: 6px 20px;
}

.genre-title {
        font-size: 107%;
	width: 80%;
        padding: 6px 5px 6px 100px;
}

.genre-count {
        font-size: 108%;
	width: 37%;
	vertical-align: top;
        padding: 6px 5px;
}

.genre-count-divider-row {
	background-color: #999999;
}


/*RANGES*/

.range {
    padding-top: 14px;
    padding-bottom: 14px;
}

.ranges-container {
	border-spacing: 0;
        font-size: 108%;
        margin-bottom: 25px;
        width: 100%;
}

.range-title {
	text-align: right;
	width: 48%;
}

.range-title-link {
	color: #009afc;
}

.range-count {
        padding-left: 10px;
        text-align: left;
        width: 52%;
}

.range-image-container {
	float: left;
        text-align: left;
}

.range-image {
	vertical-align: top; 
	height: auto; 
	width: 50px;
	padding-right: 8px;
}

.range-author {
	display: block; 
	clear: right; 
	font-size: 87%; 
	color: #787878;
        padding-top: 3px;
}

/* CONTACT */

.form-text-field {
    margin: 20px 0px;
}

.form-button {
   background-color: #DFDFDF;
   border-radius: 8px;
   border: 1px solid #666666;
   color: black;
   font-size: 107%;
   padding: 8px 14px;
}

.input-field {
    height: 20px;
    width: 300px;
    padding: 3px;
    font-size: 100%;
    font-family: Trebuchet MS, Helvetica, sans-serif;
}

.search-book-field {
    color: #B0B0B0;
    border: 1px solid #666666;
    border-radius: 25px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 115%;
    margin-bottom: 20px;
    padding: 20px;
    width: 90%
}

.search-book-field:focus {
    color: #000;
}

.accurate {
    font-size: 67%;
    padding-left: 6px;
}

.verified {
    color: green;
}

.calcuated {
    color: #ff8c00;
}

.comment-field {
    height: 100px;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.result-message {
    text-align: center;
}


/*Search*/

.search-spotlight {
    font-weight: bold;
}

.strong-link {
     text-decoration: underline;
}

.search-title {
    font-style: italic;
}

/* Advice */

.advice-container {
    padding-top: 10px;
}

.advice-article {
    font-style: italic;
}

.advice-author {
    font-size: 90%;
}

.advice-date {
    color: #808080;
}

.advice-item {
    padding: 14px 15px 11px 10px;
}

.advice-item-standard {
    border-bottom: solid 1px #C8C8C8;
}

.advice-item-front {
    padding: 14px 15px 11px 4px;
    border-bottom: solid 1px #F0F0F0;
}

/* Book Detail Page */

.book-detail-container {
    clear: both;
    padding: 20px 10px 5px;
    margin-bottom: 25px;
}

.book-results-detail-container {
    clear: both;
    padding: 20px 10px 5px;
    border-top: 1px solid #c8c8c8;
    margin-bottom: 25px;
}

.book-detail-image-container {
    float: left;
    text-align: right;
    padding: 0 5px 10px 0;
    box-sizing: border-box;
    width: 30%;
}

.book-detail-image { 
    vertical-align: top; 
    height: auto; 
    width: 150px;
    padding-right: 8px;
}

.book-detail-image-small { 
    vertical-align: top; 
    height: auto; 
    width: 120px;
    padding-right: 8px;
}

.book-detail-meta-container {
    float: right;
    text-align: left;
    box-sizing: border-box;
    width: 70%;
    padding-right: 10%;
    padding-bottom: 15px;
}

.book-detail-title {
    font-size: 150%;
    clear: right;
}

.book-detail-author{
    clear: right;
    font-size: 115%;
    color: #787878;
    padding-top: 4px;
}
.book-details {
    font-size: 109%;
    padding-top: 8px;
    clear: right;
}

.book-detail-word-count {
    padding: 17px 0 13px;
    font-size: 125%;
    border-bottom: solid 1px #C8C8C8;
    clear: right;
}

.book-detail-item {
    padding: 12px 0 13px;
    font-size: 120%;
    border-bottom: solid 1px #C8C8C8;
    clear: right;
}

.book-detail-image-search { 
    vertical-align: top; 
    height: auto; 
    width: 125px;
    padding-right: 8px;
}

.book-detail-title-search {
    font-size: 120%;
    clear: right;
}

.book-detail-author-search {
    clear: right;
    font-size: 105%;
    color: #787878;
    padding-top: 4px;
}

.book-detail-word-count-search {
    padding: 13px 0 11px;
    font-size: 120%;
    border-bottom: solid 1px #C8C8C8;
    clear: right;
}

.amazon-link-search {
    color: #fd950f;
    display: block;
    padding-top: 8px;
    text-decoration: underline;
    font-size: 97%;
    padding-top: 13px;
}

.book-detail-amazon {
    border-bottom: 0;
    padding-bottom: 0;
}

.new-imporoved {
    color: #3385ff; 
    font-size: 115%;
    font-weight: bold; 
    padding: 0; 
    margin: 3px 0; 
}

.learn-more {
    border-top: 1px solid grey; 
    padding-top: 10px;
}

.book-detail-description {
    line-height: 1.7em;
}

.book-detail-category {
    font-weight: bold;
}

.list-item {
    padding-bottom: 6px;
}

.amazon-link{
    color: #fd950f;
    display: block;
    padding-top: 8px;
    text-decoration: underline;
    font-size: 101%;
    padding-top: 13px;
}

a.book-link:hover {
    font-weight: bold;        
}

.book-link {
    color: #333;
    text-decoration: underline; 
}

.footer-container {
    background-color: black;
    color: white;
    font-size: 120%;
    padding: 20px 0;
}

/*ADS*/

.desktop-header-ad {
    display: block;
    padding-top: 5px;
    text-align: center;
}

.mobile-header-ad {
    display: none;
}

 .desktop-footer-ad {
    text-align: center;
    display: block;
}

.mobile-footer-ad {
    display: none;
}

.promo-book {
    /*border-bottom: solid 1px #8C8C8C;*/
    display: inline-block;
    font-size: 142%;  
    line-height: 1.5;
    padding: 15px; 
    text-align: center; 
    width: 955px;
}

.promo-image-container {
    float: left; 
    text-align: right; 
    width:20%;
    padding: 0 5px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.promo-details-container {
    float: left; 
    text-align: left; 
    padding-top: 4px;
    width: 77%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.promo-book-image {
    vertical-align:top; 
    height: auto; 
    padding-right: 8px;
    width: 119px; 
    height: auto;
}

.three-book-promo {
    padding-right: 28px;
}

.promo-book-author {
    font-size: 71%; 
    color: #787878; 
    padding-left: 3px;
}

.promo-book-description {
    font-size: 91%;
    clear: right; 
    line-height: 1.7;
    max-width: 700px;
}

.promo-just-released {
    border-bottom: solid 1px #8C8C8C;
    color: black;
    font-size: 135%; 
    margin-bottom: 12px;
}

.promo-book-title {
    color: #000;
    font-weight: bold;
}

.promo-book-close {
    clear: both;
    line-height: 1.2;
    font-size: 77%;
}

/*Book Converter*/

.converter-header {
    font-size: 118%;
    margin: 10px 0 0 0;
}

/*Keywords*/

.keyword-radios {
    font-size: 108%;
    padding: 20px 0 15px;
}

.unique-keywords {
    font-size: 103%;
    padding: 5px 10px 5px;
}


/*Small Tablets and Mobile Devices*/
@media only screen and (max-width: 766px) {
        
    .page-content {
        width: 100%;
    }
    
    .main-header {
        font-size: 230%;
        line-height: 30px;
    }
    
    .promo-book {
        padding: 5px 0 15px 0;
        width: 92%;
    }
    
    .search-border {
        width: 100%;
    }
    
    .header-container {
        height: 60px;
    }
    
    .tagline {
        font-size: 115%
    }
    
    .nav-list {  
        height: 30px;     
        width: 100%;
    }
    
    .nav-item {
        font-size: 85%;
    }
    
    .nav-link {
        padding: 8px 5px;
    }
    
    .home-front-header, .home-front-header-plain {
        font-size: 125%;
    }
    
    .details-container > .book-name {
        font-size: 93%;
    }
    
    .details-container > .book-author {
        font-size: 83%;
    }
    
    .details-container > .book-words {
        font-size: 81%;
        padding: 9px 0 2px 0;
    }
    
    .details-container > .book-meta-data {
        font-size: 81%;
    }
    
    .books-of-week-container .image-container {       
        width: 40%;      
    }
    
    .books-of-week-container .details-container {       
        width: 60%;
    }
    
    .image-container > .book-image {
        width: 85px;
        height: 126px;
        padding-right: 2px;
    }
    
    .bottom-nav-link, .copyright {
        font-size: 93%;
    }
    
    .page-title {
        font-size: 111%;
        padding: 12px 0 3px;
    }
    
    .page-sub-header {
        font-size: 125%;
    }
    
    .search-book-field {
        padding: 7px 0 7px 5px;
    }
    
    .form-button {
        padding: 7px;
    }
   
    .ranges-container, .examples-range, .generic-text, .header-text, range-title, .range-count {
        font-size: 96%;
    }
    
    .header-text {
        font-size: 100%;
        margin: 5px 15px 15px;
    }
    
    .range-image-container, .genre-count {
        font-size: 91%;
    }
    
    .range-image {
        width: 40px;
    }
    
    .genre-count-header {
        font-size: 93%;
        padding-left: 10px;
    }
    
    .genre-title {
	width: 80%;
        padding: 6px 5px 6px 15px;
    }

    .genre-count {
	width: 20%;
	vertical-align: top;
        padding: 6px 5px;
    }
    
    .view-all-articles {
        font-size: 100%;
    }
    
    .generic-text {
        line-height: 1.5;
        margin-left: 15px;
    }

   
}


/*Mobile Devices*/
@media only screen and (max-width: 680px) {
    
    .collapsable-item {
        display: none;
    }
    
    .menu-icon-container {
        display: block;
        float: right;
        width: 19%;
        line-height: 8px;       
    }
    
    .menu-icon {
         color: #fff;
    }
    
    .menu-bar {
        width: 25px;
        height: 25px;
    }
    
    .genre-list {
        top: 114px;
    }
    
    .nav-item {
        width: 20%;
    }
    
    .promo-book {
        font-size: 115%;  
    }
    
    .page-description {
        font-size: 90%;
    }
    
    .generic-text {
        margin: -10px 20px 7px 20px;
    }
    
    .header-text {
        margin: 7px 20px 10px;
        font-size: 96%;
    }
    
    .range-image-container {
        /*max-width: 185px;*/
        max-width: 75%;
    }
    
    .book-of-week-container {
        width: 100%; 
    }
    
    .book-of-week-mobile-divider {
        display: block;
        border-top: solid 1px #F0F0F0;
        padding: 10px;
        margin: 0 30px;
        clear: both;
    }
    
    .home-front-header {
        padding: 12px 10px; 
    }
    
    .home-front-header-plain {
        padding: 12px 10px 7px; 
    }
    
    .book-of-week-container.left {
        padding: 0 0 12px 0;
    }

    .book-of-week-container.right {
        padding: 0 0 0 0;
    }
    
    .books-of-week-border {
       padding: 10px;
       margin: 0 10px;
    }
    
    .search-border {
       padding: 5p 0x;
       margin: 0;
    }
    
    .book-detail-image-container {
        float: none;
        padding: 0 15px 10px 0;
        width: auto;
        text-align: center;
    }

    .book-detail-image { 
        vertical-align: top; 
        height: 221px; 
        width: 150px;
        padding-right: 8px;
    }

    .book-detail-meta-container {
        float: none;
        text-align: left;
        box-sizing: border-box;
        width: auto;
        font-size: 85%;
    }
    
    .author-photo {
        width: 130px; 
        height: auto;
    }
    
    .new-imporoved {
        margin: 9px 0 3px; 
    }
    
    .book-results-detail-container {
        padding: 20px 15px 5px;
        margin-bottom: 25px;
    }
    
    .page-title {
	padding: 20px 7px 3px 7px; 
	font-size: 107%;
        font-weight: bold;
    }
    
    .form-button {
       font-size: 100%;
       padding: 5px;
    }
    
    .search-book-field { 
        padding: 5px 0 5px 5px;
    }
    
    .page-sub-header {
        font-size: 115%;
    }
    
    .sub-section-border {
        margin: 5px 18px 0; 
    }
    
    .about-image-container {
        width:33%;
    }

    .about-details-container { 
        width: 65%;
    }
    
    .free-image-container {
        width:33%;
    }

    .free-details-container { 
        width: 65%;
    }
    
    .free-book-image {
        width: 95px;
    }
    
/*    .desktop-header-ad {
        display: none;
    }*/
    
    .mobile-header-ad {
        text-align: center;
        display: block;
        padding-top: 5px
    }
    
    .desktop-footer-ad {
        display: none;
    }
    
    .mobile-footer-ad {
        text-align: center;
        display: block;
    }
    
    .three-book-promo {
        padding-right: 9px;
        width: 90px;
    }
    
    .promo-just-released {
        font-size: 125%; 
    }
    
    .pdf-icon {
        height: auto;
        width: 50px;
    }
    
    .promo-free-quiet {
        font-size: 120%; 
        padding-bottom: 7px;
    }

    .free-quiet-image {
        width: 50px; 
    }
    
    .second-quiet-image {
        display: none;
    }
    
}