/*  
Theme Name: Elizabeth
Description: Website Theme for Elizabeth Davis
Author: Pawel Debik
Author URI: http://paweldebik.com/
Version: 1.0
*/


@font-face {
    font-family: 'sofiapro';
    src: url('fonts/sofiaprolight-webfont-webfont.eot');
    src: url('fonts/sofiaprolight-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sofiaprolight-webfont-webfont.woff') format('woff'),
         url('fonts/sofiaprolight-webfont-webfont.ttf') format('truetype'),
         url('fonts/sofiaprolight-webfont-webfont.svg#sofiapro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alexbrush';
    src: url('fonts/alexbrush-regular-webfont.eot');
    src: url('fonts/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alexbrush-regular-webfont.woff') format('woff'),
         url('fonts/alexbrush-regular-webfont.ttf') format('truetype'),
         url('fonts/alexbrush-regular-webfont.svg#alexbrush') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'existence';
    src: url('fonts/existence-light-webfont.eot');
    src: url('fonts/existence-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/existence-light-webfont.woff') format('woff'),
         url('fonts/existence-light-webfont.ttf') format('truetype'),
         url('fonts/existence-light-webfont.svg#existence') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen {


/* * * * * * * * * * * * * * * * * * * * * * *
    RESET
* * * * * * * * * * * * * * * * * * * * * * */

html, body, blockquote, img,
dl, dt, dd, ol, ul, li, fieldset, form,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0 none; margin: 0; padding: 0; }
ul, ol { list-style: none; }
.col-2 ol { list-style: decimal; padding-left: 20px; }
.col-2 ol li { margin-bottom: 20px; }
.col-2 ul { list-style: disc; padding-left: 35px; }
.col-2 ul li { margin-bottom: 20px; }
a { outline: 0; }
#cformsform ul, #cformsform ol { list-style: none; padding-left: 0; }


/* * * * * * * * * * * * * * * * * * * * * * *
    GENERAL
* * * * * * * * * * * * * * * * * * * * * * */
html    { position: relative; min-height: 100%; }
body    { background:url(images/cream-white-pat.png) repeat scroll left top #fff; font: 18px/155% "sofiapro"; /* bottom = footer height */ }
h1      { float: left; height: 59px; margin: 0; padding: 0; font-weight: bold; font-family: existence; }
h1 a    { display: block; height: 60px; padding: 20px 35px 20px 0; font-size: 44px; text-decoration: none; color: black; }
h2      { margin:0 0 16px 0; padding: 0; font-size: 26px; line-height: 37px; letter-spacing: 3px; text-transform: uppercase; }
h2 a    { color: black; display: block; text-decoration: none; }
h3      { font-family: sofiapro, Helvetica; font-size: 1.1em; font-weight: normal; letter-spacing: 0.1em; margin: 1.5em 0 6px 0; text-transform: uppercase; }
h3 a    { color:black; text-decoration: none; }
a       { color: #336fdc; text-decoration: underline; }
a:hover { color: #0749be; cursor:pointer; text-decoration: none; }
p       { margin: 0 0 15px; }

.menu-mainmenu-container { width: 870px; margin: 0 auto; }
.wrap  { width: 960px; margin: 0 auto; padding: 0 20px; }
.wrap.single { width: 740px; }
.col-1 { float: left; width: 270px; }
.col-2 { float: left; width: 690px; margin-bottom:60px; }
.fleft { float: left; margin-right: 20px; }
.fright{ float: right; }

/* List style 1 */
/* Links with subtitles */
ul.list-style-1 { margin: 0 0 30px 0; padding: 0; }
ul.list-style-1 li { margin-bottom: 13px; list-style: none outside none; }
ul.list-style-1 li a { line-height: 23px !important; margin-bottom: 3px; text-decoration: none; }
ul.list-style-1 li span { line-height: 14px; color: #c5c5c5; }
ul.list-style-1 li a:hover { text-decoration: underline; }
ul.list-style-1 .subheading { font-size: 0.8em; display: block; font-size: 0.8em; text-transform: uppercase; }

/* * * * * * * * * * * * * * * * * * * * * * *
    HEADER
* * * * * * * * * * * * * * * * * * * * * * */

/* header image */
#header { height: 340px; margin-bottom: 45px; }
.header-image-container { position: absolute; top: 70px; height: 270px; width: 100%; overflow: hidden; }
#header-image { min-width: 1420px; position: absolute; width: 100%; z-index: 0; }

/* nav */
#mainmenu { float: right; height: 61px; width: 100%; z-index: 10; overflow: hidden; }
#mainmenu .wrap { width: auto; max-width: 100%; padding-left: 20px; }
#mainmenu li { display: inline-block; margin: 0 8px; }
#mainmenu .menu { float: right; margin-right: 20px; }
#mainmenu .menu a { display: block; color: #000; cursor: pointer; margin: 18px 10px; font-size: 17px; font-style: normal; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease 0s; }
#mainmenu .menu a:hover { border-bottom: solid 2px #000; color: #336fdc; }
.current_page_item a { border-bottom: solid 2px #336fdc; font-weight: bold; color: #336fdc; }

/* socialmedia buttons in header */
#other-socialmedia { float: right; margin-right: 25px; margin-top: 17px; }
#other-socialmedia .socialmedia-button { display: block; width: 37px; height: 37px; padding-top: 14px; text-indent: -9999px; transition: all 0.2s ease 0s; }
#other-socialmedia .socialmedia-button:hover { padding-top: 11px; }
#other-socialmedia li { display: inline-block; margin: 0 2px; }
#pinterest-follow { background: transparent url(images/pinterest-s.png) top left no-repeat; }
#goodreads-follow { background: transparent url(images/goodreads-s.png) top left no-repeat; }
#twitter-follow { background: transparent url(images/twitter-s.png) top left no-repeat; }

.current-menu-item a,
.current-post-ancestor a { color:black; }
.current-menu-item a:before,
.current-post-ancestor a:before,
.current-menu-item a:after,
.current-post-ancestor a:after  { content: ""; display: block; position: absolute; top: 16px; width: 20px; height: 20px; background: transparent url(images/flower.png) 0 0 no-repeat; }
.current-menu-item a:before,
.current-post-ancestor a:before { margin-left:-22px; }
.current-menu-item a:after,
.current-post-ancestor a:after  { right: 0; }



/* * * * * * * * * * * * * * * * * * * * * * *
    CONTENT
* * * * * * * * * * * * * * * * * * * * * * */

/* General */
.content-float-container { width: 600px; }

/* Home */
.home .wrap  { width: auto; max-width: 1240px; }
.home .col-1 { width: 65%; }
.home .col-2 { width: 35%; min-width: 300px; }

/* Post */
.post-head .date { display: block; margin: -15px 0 35px; }
.next-blog a,
.prev-blog a { text-decoration: none; padding-right: 30px; }
.next-blog a:hover,
.prev-blog a:hover { text-decoration: underline; }
.twitter-share-button { position: relative; top: 4px; }
.blog-nav-sep { padding:0 20px; }
#post-footer { padding: 20px 0 40px 0; }

/* Page */
@media only screen and (min-width : 1300px) { h1.wrap { margin-left:200px; } }
.blog-item { margin-bottom: 55px; }
#continue-reading { padding-top:25px; }
#continue-reading em { text-indent: 30px; display: block; font-style: italic; padding-bottom: 10px;}
#continue-reading .btn { margin-left:10px; display: inline-block; }
.book-image { float: left; width: 185px; }
.book-description { float: left; width: 500px; }
.book-preview { margin-bottom: 60px; }
.read-more-about-book { display: block; margin-top: -10px; }

/* Blog roll */
ul.blogroll { margin-bottom: 0; }
ul.blogroll li { margin-bottom: 18px; }
ul.blogroll li a { display: block; }
.link-to-archive { display: block; margin: -10px 0 40px 0; }

/* Category Page*/
.full-blogroll { float: left; width: 45%; margin-bottom: 60px; }
.full-newslist { float: right; width: 45%; margin-bottom: 60px; }

/* Thank You */
.thank-you-wrap { background: #1c2025; }
.thank-you-inner { width: 777px; margin: 0 auto; padding: 45px; }
.thank-you-header { margin: 0 16px; padding: 24px 0; border-bottom: 1px solid #c5c5c5; font-family: alexbrush; font-size: 48px; text-align: center; text-transform: none; color: #fff; }
.thank-you-body { padding: 16px 30px 0px 30px; text-align: center; width: 727px; color: #fff; }

/* Contact Form */
.content .cform { width: 700px; margin-bottom: 120px; border: none; background: none; }
.content .cform fieldset { padding: 5px 0 0; }
.content .cform legend { display: none; }
.content .cform .sendbutton { float: left; letter-spacing: 1px; }

.content .cform input,
.content .cform textarea,
.content .cform select,
.content .cform input,
.content .cform textarea,
.content .cform select { border: 2px solid #dedede; border-radius: 2px; background: white; text-align: left; }

.content .cform input:hover,
.content .cform textarea:hover,
.content .cform select:hover,
.content .cform input:focus,
.content .cform textarea:focus,
.content .cform select:focus { border: 2px solid #8db2f5; }

.content .cform li { margin-bottom: 14px !important; position: relative; }

.content .cform span.reqtxt, 
.content .cform span.emailreqtxt {
    position: absolute;
    left: 128px;
    top: -2px;
    width: 5px;
    margin: 0;
}

/* Comments */
.comment { width: 100%; border-top: 1px solid #dedede; padding-top: 10px; }
.comment-author { display: block; font-weight: bold; }
.comment-date { display: block; font-size: 13px; color: #8db2f5; }
.comment-form-comment textarea { display: block; width: 550px; }
.form-allowed-tags { font-size: 14px; font-style: italic; }
.comment p + p { text-indent: 0; }

/* About me */
.about-me { border: none; }
.about-me td { padding: 8px 0; border: none; border-top: 2px solid black; }
.about-me .table-1 { padding-right: 14px; text-transform: uppercase; }

/* Inspiration */
.duo-col { margin-bottom: 20px; }
.half-col { float: left; width: 480px; }

/* Buy on Amazon button */
.buy-on-amazon {background: url("images/amazon-btn.png") no-repeat scroll 0 0 transparent; display: block; height: 50px; text-indent: -9999px; width: 150px; }



/* * * * * * * * * * * * * * * * * * * * * * *
    Footer
* * * * * * * * * * * * * * * * * * * * * * */
footer      {left: 0; bottom: 0; width: 100%; padding: 20px 0; z-index: 10; }
footer span { display: block; color: #656565; line-height: 45px; margin: 40px 15px 0 24px; text-align: center; }



/* * * * * * * * * * * * * * * * * * * * * * *
    Clearfix
* * * * * * * * * * * * * * * * * * * * * * */
.clearfix:after       { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix             { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix      { height: 1%; }


/* * * * * * * * * * * * * * * * * * * * * * *
    PARTS
* * * * * * * * * * * * * * * * * * * * * * */

/* Sidebar */
#book-actions       { background-color: #f3eff7; border: solid #f2e8ee 1px; padding: 12px 8px; width: 204px; margin-bottom: 30px; }
#blog #book-actions { /* margin-bottom: 55px; */ }
.home #book-actions { margin: 0 0 26px 42px; }
#book-actions a     { text-align: center; display: block; }
.order-book         { margin-bottom: 17px; }
.look-inside        { margin-bottom: 4px; }

/* Button */
#sendbutton,
.btn { text-transform: uppercase; text-decoration:none; color: white; padding:5px 25px; background-color: #922d76; border: solid #8b6a92 1px; border-radius: 4px;
background: -moz-linear-gradient(top, #5d92f2 0%, #336fdc 13%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d92f2), color-stop(13%,#336fdc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5d92f2 0%,#336fdc 13%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5d92f2 0%,#336fdc 13%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5d92f2 0%,#336fdc 13%); /* IE10+ */
background: linear-gradient(to bottom, #5d92f2 0%,#336fdc 13%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d92f2', endColorstr='#336fdc',GradientType=0 ); /* IE6-9 */ }
#sendbutton:hover,
.btn:hover { color:#e9d9e3; cursor: pointer; }

/* Book cover */
.home #book-cover { box-shadow: 0 0 11px rgba(0, 0, 0, 0.5); }

/* Sidebar */
#excerpt-cover-container,
#cover-container       { position: relative; overflow: hidden; width: 222px; height: 331px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); margin-bottom: 10px; }
.home #cover-container { width: 313px; height: 470px; margin-bottom: 17px; }
.hover-cover           { cursor:pointer; background: url("images/look-inside.png") no-repeat scroll 0 0 transparent; height: 1000px; left: -66%; position: absolute; top: -19%; width: 1000px; }
.home .hover-cover     { left: -36%; top: 0%; }
#buy-at h3             { font-size: 14px; margin: 0 0 11px; }
#excerpt-buy-at h3     { font-size: 14px; margin: 0 0 11px 10px; }
#buy-at ul,
#excerpt-buy-at ul     { padding-left: 26px; margin-bottom: 25px; }
#buy-at li,
#excerpt-buy-at li     { display:block; margin-bottom:10px; height:40px; }
#buy-at li span        { padding:5px 0; }
#buy-at li a,
#excerpt-buy-at li a   { float: left; height: 40px; }
#at-amazon img         { padding-right:3px; }
#at-are img            { padding-right:3px; }
#at-smashwords img     { padding-right:10px; }
#or                    { margin: 16px 0 9px; }
.home #or              { margin: 16px 40px 9px; text-align: center; }

/* Cforms */
#cformsform          { padding-top: 15px; }
#cformsform label    { float: left; padding-right: 30px; text-align: right; width: 125px; }
#cformsform li       { margin-bottom: 8px; }
#cformsform .single  { width: 255px; }
input,
textarea             { border: 1px solid #D2CCE7; font: 16px/155% "sofiapro"; padding: 3px 6px; }
#cformsform textarea { width: 420px; }
.cf-sb               { margin-left: 156px; }
.cf_hidden           { position: absolute; }
#sendbutton          { font-size: 18px; border: medium none;  }
.cf_li_err input     { border:solid #b52e7e 2px; }

/* Minimap */
ul.minimap    { list-style: disc; margin-left: 18px; }
ul.minimap li { padding-left: 15px; }

/* Return to top */
#to-top { position: fixed; margin-left: -240px; top: 100px; }
.hide   { display: none; }

/* Style for small screens */
@media all and (max-width: 1040px) {
    .home .wrap,
    .wrap { width: auto; }
    .home .col-1,
    .home .col-2 { width: 100%; }
    .thank-you-inner, .thank-you-body {width: auto; } 


    .header-image-container { top: 125px; }
    #mainmenu { overflow: visible; }
    #mainmenu .menu {float: left; } 
}

@media all and (max-width: 740px) {
    .col-2 { clear: both; }
    .col-1, .col-2,
    .wrap-single { width: 100%; }
    .full-blogroll, 
    .full-newslist { float: left; width: 100% }
}

/**********************************************
    Clearfix
**********************************************/
.clearfix:after         { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix               { display: inline-block; }
html[xmlns] .clearfix   { display: block; }
* html .clearfix        { height: 1%; }


/* print media */
@media print {

/* Comments */
#comments { page-break-before: always; }
.comment { margin-bottom: 45px; }
.comment-header { float: left; width: 160px; }
.comment-body { float: left; width: 500px; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Times,"Garamond New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: sofiapro, Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }
