/*  
Theme Name: Pajama Press 1.07
Theme URI: http://pajamapress.ca/
Description: Custom WordPress Site
Version: 1.07
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,menu {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; font:62.5%/1.6 "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%; background: url(images/bg.png) top left; }


/* 

Dark Blue: #0061af
Light Blue: #00abe5
Grey: #e5e5e5

*/




/* -- Typography & Colors -- */
#main-menu { font-size: 1.6em; font-weight: bold; }
#page-title { font-size: 1.5em; color: #0061af; border-bottom: 2px solid #0061af; padding-bottom: 2px; margin-bottom: 13px; display: block; max-width: 100%; }
#by-the-same-author-title { font-size: 1.5em; color: #0061af; border-bottom: 2px solid #0061af; padding-bottom: 2px; margin-bottom: 13px; display: block; width: 100%; clear: both; padding-top: 20px; }
.page-template-page-authors-php #page-title { max-width: 931px; }
.entry { font-size: 1.3em; line-height: 1.3; }
.entry h3 { font-size: 1.15em; color: #0061af; margin-bottom: 0; }
.book-entry { font-size: 1.3em; line-height: 1.3; }
.book-entry h3 { font-size: 1.15em; color: #0061af; margin-bottom: 15px; }
.post a { color: #0061af; }
.post a:hover { color: #00abe5; }
.post p { clear: both; }



/* -- Begin Structure -- */
header { background-color: #fff; height: 113px; border-bottom: 2px solid #0061af; }
#header-content { max-width: 980px; margin: 0 auto; padding: 0 20px; }
#logo a { display: block; width: 320px; height: 71px; text-indent: -99999px; float: left; margin: 5px 0 11px 0;  }
#page { max-width: 936px; margin: 0 auto; padding: 20px; background-color: #fff; border-left: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; }
#header-right { width: 360px; float: right; }
html .social-link { margin-left: 3px; padding: 0; border: 0; display: block; display: block; float: left; }
#header-right { margin-top: 24px; }
#footer-wrapper { max-width: 980px; margin: 15px auto; padding-bottom: 30px; }
#footer-links img { margin-right: 15px; }
#footer-links { display: inline-block; float: left; }
#footer-text { display: inline-block; float: right; font-size: 1.2em; }
#breadcrumbs { margin-bottom: 10px; display: block; color: #00abe5; }
#breadcrumbs a { color: #00abe5; text-decoration: none; font-weight: bold; }
#breadcrumbs a:hover { color: #0061af; }
#showonly { margin-bottom: 10px; display: block; color: #00abe5; font-weight: bold; font-size: 1.2em; }
#showonly a { margin: 0 3px 0 3px; color: #00abe5; text-decoration: none; }
#showonly a:hover, #showonly .current-cat a { color: #0061af; }
#content { width: 690px; float: left; }
#sidebar { max-width: 210px; float: right; }
#by-the-same-author { clear: both; max-width: 952px; margin-right: -21px; }



/* -- Homepage -- */
.page-template-page-home-php #page { padding: 0; max-width: 980px; height: 505px; border: 0; }
#clothesline { background: url(images/homepage-clothesline.png) center 60px no-repeat; width: 100%; height: 100%; position: relative; }
#clothesline-footer { position: absolute; bottom: 0; width: 100%; }
#clothesline-footer a { display: block; width: 171px; height: 77px; text-indent: -9999em; background-position: top left; float: left; margin: 0 0 19px 19px; border: 1px solid #99c0e7; }
#clothesline-footer a:hover { border-color: #00abe5; }
#homepage-button-featured-artist { background: url(images/homepage-button-featured-artist.png); }
#homepage-button-featured-book { background: url(images/homepage-button-featured-book.png); }
#homepage-button-featured-trailer { background: url(images/homepage-button-featured-trailer.png); }
#homepage-button-special-promotions { background: url(images/homepage-button-special-promotions.png); }
#homepage-button-coming-soon { background: url(images/homepage-button-coming-soon.png); }
.clips { background: url(images/clips.png) top center no-repeat; height: 22px; position: absolute; top: -14px; z-index: 10; }
#feature-one { position: absolute; top: 116px; right: 227px; transform: rotate(-4.8deg); -ms-transform:rotate(-4.8deg); -webkit-transform:rotate(-4.8deg); }
#feature-one .clips { width: 104px;  }
#feature-two { position: absolute; top: 123px; right: 353px; transform: rotate(-1.8deg); -ms-transform:rotate(-1.8deg); -webkit-transform:rotate(-1.8deg); }
#feature-two .clips { width: 118px;  }
#feature-three { position: absolute; top: 125px; right: 496px; transform: rotate(0.9deg); -ms-transform:rotate(0.9deg); -webkit-transform:rotate(0.9deg); }
#feature-three .clips { width: 140px;  }
#feature-four { position: absolute; top: 118px; right: 659px; transform: rotate(5deg); -ms-transform:rotate(5deg); -webkit-transform:rotate(5deg); }
#feature-four .clips { width: 144px;  }
#feature-five { position: absolute; top: 96px; right: 830px; transform: rotate(10deg); -ms-transform:rotate(10deg); -webkit-transform:rotate(10deg); }
#feature-five .clips { width: 122px;  }
#feature-pjs { position: absolute; top: 89px; right: 13px; }
#clothesline a img:hover { -moz-box-shadow: 0px 0px 10px 5px rgba(194,194,194,0.7); -webkit-box-shadow: 0px 0px 10px 5px rgba(194,194,194,0.7); box-shadow: 0px 0px 10px 5px rgba(194,194,194,0.7); }
.page-id-7515 #page { padding: 0; max-width: 980px; height: 555px; border: 0; }
.page-id-7515 #clothesline { background: url(images/homepage-clothesline-mid.png) top center no-repeat; width: 100%; height: 100%; position: relative; }
.page-id-7515 #feature-five { position: absolute; top: 67px; right: 570px; transform: rotate(6deg); -ms-transform:rotate(6deg); -webkit-transform:rotate(6deg); }
.page-id-7515 #feature-four { position: absolute; top: 77px; right: 355px; transform: rotate(1deg); -ms-transform:rotate(1deg); -webkit-transform:rotate(1deg); }
.page-id-7515 #feature-three { position: absolute; top: 67px; right: 205px; transform: rotate(-4deg); -ms-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); }

/* -- Books -- */
#book-content a { text-decoration: none; }
#book-content { max-width: 960px; margin-right: -20px; }
#book-content a { width: 215px; }
.single-book-item { text-decoration: none; display: block; float: left; margin-right: 24px; height: 320px; width: 215px; }
#by-the-same-author .single-book-item { margin-right: 20px; }
.single-book-cover { width: 215px; height: 200px; background-position: center center; background-repeat: no-repeat; border: 1px solid #e5e5e5; box-shadow: 3px 3px 3px #e6e6e6; margin-bottom: 8px; }
.single-book-title { color: #0061af; border-bottom: 2px solid #0061af; font-size: 1.3em; padding-bottom: 2px; margin-bottom: 4px; }
.single-book-info { color: #000; font-size: 1.2em; line-height: 1.4; }
#book-meta { width: 215px; float: left; margin-right: 20px; }
.book-entry { width: 455px; float: right; }
.gallery { height: 0; width: 0; }
.gallery a { display: none; }
.gallery a.first-image img { display: none; }
.gallery a.first-image { display: block; background: url(images/look-inside.png) top left no-repeat; width: 52px; height: 51px; position: absolute; top: 35px; left: -11px;  }
#author-content { max-width: 952px; margin-right: -21px; }
.single-book #content { position: relative; }
#author-content a { text-decoration: none; }
.single-author-wrapper { width: 115px; height: 164px; float: left; margin: 0 21px 21px 0; position: relative; }
.single-author-wrapper img { margin: 0; padding: 0; border: 0; }
.single-author-image { height: 140px; overflow: hidden; }
.single-author-name { text-align: center; padding: 3px 3px 4px 3px; color: #fff; font-size: 1.1em; position: absolute; bottom: 0; border-top: 1px solid #2d68b6; background-color: #2d68b6; width: 109px; }
#sb-wrapper h3 { color: #0061af; margin-bottom: 5px; border-bottom: 2px solid #0061af; font-size: 1.15em; }
#sb-body-inner { background-color: #fff; font-size: 1.3em; }
#sb-body-inner a { color: #0061af; }
#buy-this-book { display: none; }
#sb-player.html { padding: 20px; }
#buy-button { margin: 7px 0 3px 0; }

/* -- News -- */
.blog .page-title, .page-template-page-resources-php #content .page-title, .archive .page-title { font-size: 1.5em; border-bottom: none; padding-bottom: none; margin-bottom: 0; display: block; width: 100%;}
.blog .page-title a, .page-template-page-resources-php #content .page-title a, .archive .page-title a { text-decoration: none; color: #0061af; border-bottom: 2px solid #0061af; padding-bottom: 2px; margin-bottom: 3px; display: block; width: 100%; }
.single .page-title a { text-decoration: none; color: #0061af; border-bottom: 2px solid #0061af; padding-bottom: 2px; margin-bottom: 3px; display: block; width: 100%; font-size: 1.5em; }
.posted-on { font-size: 1.3em; font-weight: normal; color: #00abe5; margin: 0 0 10px 0; }
.blog .post, .page-template-page-resources-php .post, .archive .post { margin-bottom: 40px; }
.postmetadata { font-size: 1.3em; }
.navigation { font-size: 1.3em; }
.navigation a { color: #0061af; }
.navigation a:hover { color: #00abe5; }
.search .page-title { font-size: 1.5em; }
.search .post { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 20px; }



/* -- Menu -- */
#mobile-menu { display: none; }
#main-menu { clear: both; position: relative; display: block; }
#main-menu li {}
#main-menu a { background: url(images/menu-bg.png) top left repeat-x; color: #fff; text-decoration: none; padding: 5px 23px; border-radius: 7px 7px 0 0; border-left: 1px solid #0061af; border-top: 1px solid #0061af; border-right: 1px solid #0061af; }
#main-menu a:hover, #main-menu .current-menu-item a { background: url(images/menu-bg-hover.png) top left repeat-x; color: #00abe5; border-left: 2px solid #0061af; border-top: 2px solid #0061af; border-right: 2px solid #0061af; padding: 4px 22px 5px 22px; border-bottom: 1px solid #fff; }
@-moz-document url-prefix() { #main-menu a:hover, #main-menu .current-menu-item a { border-bottom: none; } }
#main-menu nav { margin-top: 5px; }
#main-menu .sub-menu li a { display: block; font-size: 0.7em; background: url(images/menu-bg-hover.png) top left repeat-x; border-radius: 0; color: #00abe5; padding: 8px 11px 5px 11px; font-weight: normal; border: 1px solid #e5e5e5; }
#main-menu .sub-menu li a:hover { background: url(images/menu-bg.png) top left repeat-x; color: #fff; border: 1px solid #0061af; }
#main-menu li { display: inline; }
#main-menu .menu-item-has-children { position: relative; display: inline-block; }
#main-menu li .sub-menu { visibility: hidden; position: absolute; top: 28px; left: 0; background-color: #fff; z-index: 1000; min-width: 140px; }
#main-menu { position: relative; }



/* -- Sidebar -- */
.widgettitle { font-size: 1.5em; color: #0061af; border-bottom: 2px solid #0061af; padding-bottom: 2px; margin-bottom: 0; display: block; width: 210px; }
.widget li { font-size: 1.2em; line-height: 1.4; border-bottom: 1px dotted #686868; padding: 4px 0 4px 9px; background: url(images/bullet.png) 1px 11px no-repeat; }
.widget a { color: #000; text-decoration: none; }
.widget a:hover { color: #0061af; }
.widget { margin-bottom: 20px; }



/* -- Begin Images -- */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 15px 15px; display: inline; }
img.alignleft { margin: 0 15px 15px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }



/* -- Begin Lists -- */
ol,ul { list-style:none; }
.entry ul { list-style: disc inside; text-indent: 0.5em; padding-bottom: 0.75em; }
.entry ol { list-style:decimal inside; padding-bottom: 1.5em; }
.entry li { padding-bottom: 0.75em; margin: 0; line-height: 1em; }
#showonly li { display: inline; }


/* -- Begin Comments -- */
ol.commentlist { margin-bottom: 2.5em; }
.commentlist li { padding:20px 0 5px 0; border-bottom:1px solid black; }
.commenttext { clear:both; }
.fn { font-style: normal; font-weight: bold; float: left; color: black; }
.comment p { clear: both; margin-bottom: 15px; }
.commentmetadata a { color: red; text-decoration: none; margin-left: 10px; padding-left: 10px; border-left: 1px solid black; }
.commentmetadata { float:left; margin-bottom: 8px; }
.commenttop div.commentmetadata a { text-decoration:none; }
.commenttop div.commentmetadata a:hover { color: black; background-color:transparent; text-decoration:none;}
.commentauthor { float:left; }
#commentform p { margin:0 0 10px 0; }
#commentform small { margin-left: 5px; }
#commentform textarea, #author, #url, #email { border:1px solid black; padding: 5px; font-size: 14px; }
#respond h3 { margin-bottom: 15px; }
#comment { width: 580px; }
.says { display: none; }



/* -- Begin Searchbox -- */
#searchbox { border: 2px solid #e5e5e5; width: auto; -moz-border-radius: 3px; border-radius: 3px; float: left; padding-right: 2px; }
#searchbox #s { width: 200px; border: 0; padding: 0 2px 2px 2px; }
#searchbox #searchicon { margin-top: 2px; margin-bottom: -2px; }



/* -- Begin Various Tags & Classes -- */
.entry p, .book-entry p { padding-bottom: 1.3em; }
.clr { clear: both; }
.cf:before,
.cf:after { content: ""; display: table; } 
.cf:after { clear: both; }
.cf { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.clr { clear: both; }
.post-edit-link { display: block; width: 40px; height: 40px; background: url(images/edit-post.png) top left no-repeat; text-indent: -10000px; position: fixed; right: 20px; bottom: 20px; }
*:focus { outline: 0; }
iframe, object, embed { max-width: 100%; }
#sidebar-resources { display: none; }
#sidebar .resources-visible { display: block; }


/* .postid-326 #sidebar-resources, .postid-312 #sidebar-resources, .postid-318 #sidebar-resources, .postid-316 #sidebar-resources, .postid-314 #sidebar-resources { display: none; } */