/* Theme Name: Andrew Q. Gordon Theme URI: Description: A Custom Wordpress Theme for author Andrew Q. Gordon. Version: 1.0 Author: AngstyG Author URI: */ @import url(http://fonts.googleapis.com/css?family=Cinzel); @import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic); @font-face { font-family: 'ferrumextra-condensed'; src: url('fonts/ferrum-webfont.eot'); src: url('fonts/ferrum-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ferrum-webfont.woff2') format('woff2'), url('fonts/ferrum-webfont.woff') format('woff'), url('fonts/ferrum-webfont.ttf') format('truetype'), url('fonts/ferrum-webfont.svg#ferrumextra-condensed') format('svg'); font-weight: normal; font-style: normal; } /* #Basic Styles ================================================== */ body { font: 1em 'Open Sans', sans-serif; line-height: 1.75; color: #fff; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; overflow-x: hidden; height:100%; margin:0; padding:0; } html { background: #04040e /*url(images/aqg-bg.jpg) no-repeat left top*/; height:100%; margin:0; padding:0; /*overflow-x: hidden;*/ } .clear {clear:both;} a {text-decoration:none;} #bg {position:absolute;z-index:-1;top:0;left:0;width:100%;} #bg-bottom {position:fixed;z-index:-1;bottom:0;left:0;width:100%;} #wrapper {width:55%;margin:auto;} #nav {background:url(images/nav.png);padding:1px 1em 0px;position:relative;} #nav ul {list-style:none;margin:0;padding:0;} #nav ul li {float:left;display:inline;list-style-type:none;margin:0;padding:0 2px 0 0;background:url(images/menu-sep-1.jpg) no-repeat right 49%;} #nav ul:after {content: ""; clear: both; display: block;} #nav ul li a {padding:0px 0.6em;line-height:3.5em;display:inline-block;color:#d9ea74;font-family:'ferrumextra-condensed', serif;text-transform:uppercase;text-decoration:none;font-size:1.2em;} #nav ul li a:hover, #nav li:hover a {color:#fff;background-color:#1e1e34;} #nav ul ul {display: none;list-style-type:none;position: absolute; top: 100%; z-index:99; left:0;right:0;letter-spacing: 0.02em;border-top:3px solid #1e1e34;border-bottom:3px solid #1e1e34;background:#1e1e34;padding:.75em 1em;} #nav ul ul li {display:inline; border:0;text-align:left;margin:0;padding:0 5px 0 0;background:url(images/menu-sep-2.png) no-repeat right 60%;} #nav ul li:last-child {background-image:none;} #nav ul li:hover > ul {display: block;} #nav ul ul li a {white-space:pre;color:#3cf2fb;text-decoration:none; border:0;background:none;margin:.85em 0;font-size:.75em;display:inline-block;background:#48343d;font-family:'Cinzel', serif;line-height:2.3em;padding:0 .5em 0 .5em;margin:0 .5em 0 .5em;} #nav ul ul li a::first-letter {font-family:'Cinzel Decorative', 'Cinzel', serif;} #nav ul ul li a:hover {background:#3cf2fb;color:#1e1e34;} #nav ul ul li:last-child {background-image:none;} #nav ul ul ul {display:none;} #wrapper #head {background:url(images/head-bg.png) repeat-y right top;height:12.5em;margin-top:.5em;} #wrapper #head #head-left {width:60%;float:left;} #wrapper #head #head-left .logo {display:inline-block;padding-top:.8em;} #wrapper #head #head-left .logo h2 {font-family: 'Cinzel Decorative', serif; font-size:1.5em;color:#3cf2fb;letter-spacing:.05em;font-weight:400;text-transform:uppercase;margin:0;padding:0;text-align:center;} #wrapper #head #head-left .logo a h1 {text-decoration:none;font-family:'ferrumextra-condensed', serif; font-size:5em;color:#d9ea74;margin:0;padding:0;font-weight:300;letter-spacing:-.07em;line-height:.9em;} #wrapper #head #head-left .logo a h1 span {font-family: 'Cinzel Decorative', serif;color:#3cf2fb;font-size:1.1em;margin:0 0 0 -.06em;} #wrapper #head #head-left .logo .subtitle .line {height: 2px;background: none repeat scroll 0% 0% #D9EA74;float: left;margin: 0.1em 0px 0px;width: 29em;} #wrapper #head #head-left .logo .subtitle {color: #3CF2FB;font-family: "Cinzel",serif;text-align: right;line-height: 0.5em;text-transform: uppercase;letter-spacing: 0.1em;font-size: 0.8em;} #wrapper #head #head-left ul.social {list-style:none;margin:1em 0 0;padding:0;} #wrapper #head #head-left ul.social li {display:inline;} #wrapper #head #head-left ul.social li a {margin: 0 .3em 0 0;display:inline-block; background:url(images/social-bg.png);width:34px;height:34px;} #wrapper #head #head-left ul.social li a.email {background: url(images/social-main.png) 0px 0px;} #wrapper #head #head-left ul.social li a.dreamspinner {background: url(images/social-main.png) -34px 0px;} #wrapper #head #head-left ul.social li a.facebook {background: url(images/social-main.png) -68px 0px;} #wrapper #head #head-left ul.social li a.pinterest {background: url(images/social-main.png) -102px 0px;} #wrapper #head #head-left ul.social li a.goodreads {background: url(images/social-main.png) -136px 0px;} #wrapper #head #head-left ul.social li a.instagram {background: url(images/social-main.png) -170px 0px;} #wrapper #head #head-left ul.social li a.amazon {background: url(images/social-main.png) -204px 0px;} #wrapper #head #head-left ul.social li a.tumblr {background: url(images/social-main.png) -238px 0px;} #wrapper #head #head-left ul.social li a.twitter {background: url(images/social-main.png) -272px 0px;} #wrapper #head #head-left ul.social li a.google {background: url(images/social-main.png) -306px 0px;} #wrapper #head #head-left ul.social li a.email:hover {background: url(images/social-main.png) 0px -34px;} #wrapper #head #head-left ul.social li a.dreamspinner:hover {background: url(images/social-main.png) -34px -34px;} #wrapper #head #head-left ul.social li a.facebook:hover {background: url(images/social-main.png) -68px -34px;} #wrapper #head #head-left ul.social li a.pinterest:hover {background: url(images/social-main.png) -102px -34px;} #wrapper #head #head-left ul.social li a.goodreads:hover {background: url(images/social-main.png) -136px -34px;} #wrapper #head #head-left ul.social li a.instagram:hover {background: url(images/social-main.png) -170px -34px;} #wrapper #head #head-left ul.social li a.amazon:hover {background: url(images/social-main.png) -204px -34px;} #wrapper #head #head-left ul.social li a.tumblr:hover {background: url(images/social-main.png) -238px -34px;} #wrapper #head #head-left ul.social li a.twitter:hover {background: url(images/social-main.png) -272px -34px;} #wrapper #head #head-left ul.social li a.google:hover {background: url(images/social-main.png) -306px -34px;} #wrapper #head #head-right {width:40%;float:right;position:relative;height:12.5em;overflow:hidden;} #wrapper #head #head-right .cover {float:right;width:7.375em;height:12.5em;background:#1b2036;} #wrapper #head #head-right .cover a {display:block;} #wrapper #head #head-right .cover img {width:100%;height:11.250em;display:block;} #wrapper #head .book-info {float:right;text-align:right;padding:0 .5em 0 0;font-size:.8em;width:16.8em;} #wrapper #head .book-info .title {color:#d9ea74;font-family:'ferrumextra-condensed', serif;text-transform:uppercase;font-size:1.5em;letter-spacing:-.02em;line-height: .7em;margin: 1em 0 0;} #wrapper #head .book-info .series {color:#3cf2fb;font-family: "Cinzel",serif;letter-spacing:.1em;text-transform:uppercase;font-size:.8em;} #wrapper #head .book-info .buy-text {color: #3CF2FB;font-family: "Cinzel Decorative",serif;margin: .7em 0 0;letter-spacing: .1em;} #wrapper #head .book-info ul {list-style:none;margin:0;padding:0;float: right;} #wrapper #head .book-info ul li {padding: 0!important;font-size: 0.8em;list-style:none;margin:0;color: #3CF2FB;font-family: "Cinzel Decorative",serif;letter-spacing: .1em;} #wrapper #head .book-info ul li a {line-height:1em;padding:.3em 0;color: #d9ea74;font-size: 1em;display: block;text-transform: uppercase;letter-spacing: 0.05em;width: 15em;font-family: "cinzel";border-bottom: 1px solid #7a8c6d;} #wrapper #head .book-info ul li:first-child {background-image:none;border-top: 1px solid #7a8c6d;} #wrapper #head .book-info ul li a:hover {background:#1e1e34;} #wrapper #head #head-right ul.bxslider {list-style: none; position: absolute; padding: 0; margin: 0; width: 100%; top: 0;overflow: hidden; } #wrapper #head #head-right ul.bxslider li {list-style:none;margin:0;padding:0;} #wrapper #head #head-right .main-slider { height: 1%; overflow: hidden; } #wrapper #head #head-right .main-slider .viewport { height: 12.5em;width: 21.79em; overflow: hidden; position: relative; } #wrapper #head #head-right .arrows {text-align: center;height: 1em;line-height: 1em;position: absolute;bottom: 0;right: 2em;} #wrapper #head #head-right .arrows div {width:7px;height:10px;background-color:#9a2433;display:inline-block;} #wrapper #head #head-right .arrows div:hover {background-color:#fff;} #wrapper #head #head-right .arrows #slider-prev {background-image:url(images/left.png);background-position:center center;margin:0 .5em;background-repeat:no-repeat;} #wrapper #head #head-right .arrows #slider-next {background-image:url(images/right.png);background-position:center center;margin:0 .5em;background-repeat:no-repeat;} #wrapper #content {margin-top:1em;} #wrapper #content #left-col {min-height:20em;width:72%;float:left;} #wrapper #content #left-col h1.page-title {margin: 0 0 .5em;text-align: center;background: #9a2433;font-family: "Cinzel Decorative", serif;font-weight: normal;letter-spacing: .06em;opacity: 0.75;} #wrapper #content #left-col .post {overflow:hidden;background:url(images/post-bg.png);margin:0 0 1em;} #wrapper #content #left-col .post:hover {background:#fff;} #content #left-col .post .text a {color:#9a2433;font-weight:bold;} #content #left-col .post .text a:hover {background:#9a2433;color:#fff;} #wrapper #content #left-col .post h2.post-title {font-size: 2em;} #wrapper #content #left-col .post h2.post-title, #wrapper #content #left-col .post h2.post-title a {font-family:'ferrumextra-condensed', serif;letter-spacing: -0.02em;color: #272A51;text-align: center;font-weight: normal;padding: 1em 0 0;margin: 0;line-height: 1em;} #wrapper #content #left-col .post .meta {background:#1e1e34;font-size:.6em;color:#d9ea74;text-transform:uppercase;letter-spacing:.1em;} #wrapper #content #left-col .post .meta .meta-left {float:left;width:86%;padding:1em;} #wrapper #content #left-col .post .meta a {color:#3cf2fb;} #wrapper #content #left-col .post .meta a:hover {color:#fff;} #wrapper #content #left-col .post .meta a.comments {display: block;float: right;line-height: 3em;padding: 0 1em .2em .9em;background: url("images/comments.png") no-repeat scroll -1em center #d9ea74;text-align: center;color: #1e1e34;font-size: 1.2em;font-weight: bold;width: 2em;} #wrapper #content #left-col .post .meta a.comments:hover {background: url("images/comments.png") no-repeat scroll -1em center #3cf2fb;} #wrapper #content #left-col .post a.read-more {display:block;background:#1e1e34;font-size:.75em;color:#d9ea74;text-transform:uppercase;letter-spacing:.1em;font-family:'Cinzel', serif;text-align:center;padding:.75em;} #wrapper #content #left-col .post a.read-more:hover {color:#fff;} #wrapper #content #left-col .post .inner {position:relative;} #wrapper #content #left-col .post .kindle-meta {display:none;} #wrapper #content #left-col .post .featured-horizontal {margin: 2% 2% -.7em; width:100%;} #wrapper #content #left-col .post .inner .wp-post-imagexx {margin: 2% 2% -.7em;display:block;width:96%;height:auto;} #wrapper #content #left-col .post .featured-center {text-align:center;margin: 2% 2% -.7em;} #wrapper #content #left-col .post .featured-vertical {float:left;margin:1em;width:12em;} #wrapper #content #left-col .post .featured-horizontal img {height:auto;display:block;width:96%;max-height:250px;} #wrapper #content #left-col .post .featured-center img {width:50%;display:block;margin:auto;} #wrapper #content #left-col .post .featured-vertical img {display:block;} #wrapper #content #left-col .post .text {padding:0 1em 1em 1em;color:#282a37;font-size:.8em;text-align:justify;} #wrapper #content #left-col .post .tags {background:#1e1e34;font-size:.63em;color:#d9ea74;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:.75em;} #wrapper #content #left-col .post .tags a {display:inline-block;color:#1e1e34;background:#3cf2fb;padding:.1em .6em;opacity:.5;margin: .3em .3em;} #wrapper #content #left-col .post .tags a:hover {opacity:1;} #wrapper #content #left-col .post.book .text{} #wrapper #content #left-col .post.book .book-info {float:left;margin:1em;width:13em;font-size:.75em;text-align:center;} #wrapper #content #left-col .post.book .book-info a.cover {border:0;display:block;width:100%;} #wrapper #content #left-col .post.book .book-info a.cover img {height:auto;border:0;display:block;width:100%;} #wrapper #content #left-col .post.book .book-info a.info-link, #wrapper #content #left-col .post.book .book-info div.status {border-bottom:1px solid rgb(58, 64, 93);display:block;background:#1e1e34;color:#3cf2fb;padding:.3em 0;text-align:center;} #wrapper #content #left-col .post.book .book-info div.status {background:#9a2433;color:#fff;} #wrapper #content #left-col .post.book .book-info a.info-link:hover {background:#9a2433;color:#fff;} #wrapper #content #left-col .post.book h3.series-title {background:rgb(58, 64, 93);overflow:hidden;font-family:'Cinzel', serif;margin:.5em;text-transform:uppercase;font-weight:normal;color:#fff;text-align:center;letter-spacing:.14em;font-size:.8em;padding:.5em;} #wrapper #content #left-col .post.book h3.series-title a {color:#fff;} #wrapper #content #left-col .post.search form {padding:1em;text-align:center;} /* book stuff */ #wrapper #content #left-col .post.purchase {text-align:center;} #wrapper #content #left-col .post.purchase a.purchase-link {margin: .3em auto;text-align: center;background: none repeat scroll 0% 0% #9A2433;width: 75%;display: block;color: #FFF;padding: 0.6em;font-weight: normal;font-family: "ferrumextra-condensed", serif;font-size: 1.2em;letter-spacing: .04em;text-align: center;} #wrapper #content #left-col .post.purchase a.purchase-link strong {font-weight: normal;color: #d9ea74;} #wrapper #content #left-col .post.purchase a.purchase-link:hover strong {color:#fff;} #wrapper #content #left-col .post.purchase a.purchase-link strong.extra-pad {padding-right:.5em;} #wrapper #content #left-col .post.purchase a.purchase-link div {float: right;width: 3em;display: inline-block;border-left: 1px solid #d9ea74;padding: 0px .7em;margin: 0px 0px 0px .7em;} #wrapper #content #left-col .post.purchase a.purchase-link:hover {background:rgb(58, 64, 93);color:#fff;} #wrapper #content #left-col .post.review h4 {margin: 2em 0 0;background:rgb(58, 64, 93);color:#fff;text-transform: none;font-family:'Cinzel Decorative', serif;} #wrapper #content #left-col .post.review h4 a {color:#3cf2fb;} #wrapper #content #left-col .post.review h4 a {background:none;color:#fff;} #wrapper #content #left-col .post.review h4 span {font-size:.7em;font-family:'Cinzel', serif;} #wrapper #content #left-col .post.review .reviewtext {margin: 0;padding: 0 3em;font-style: italic;} #wrapper #content #left-col .post.book {padding-bottom:2em;} #wrapper #content #left-col .post.excerpt .inner .text .preview {text-indent:3em;background: none repeat scroll 0% 0% rgb(255, 255, 255);margin: 0px;padding: 2em 4em;font-family: "georgia","times new roman",serif;letter-spacing: 0.03em;line-height: 2.2em;} #wrapper #content #left-col .post.excerpt .inner .text .preview h1 {font-family:'Cinzel', serif;background:none;color:#rgb(58, 64, 93);} #wrapper #content #left-col .post.goodreads {position:relative;background:#fff;opacity:.5} #wrapper #content #left-col .post.goodreads:hover {opacity:1} #wrapper #content #left-col .post.goodreads .book-social a img {display:block;margin:auto;} #wrapper #content #left-col .post.goodreads .grframe .grright {position:absolute;right:3em;top:3em;} #wrapper #content #left-col .post.goodreads .grframe {background:#fff;padding:1em;} #wrapper #content #left-col .post.goodreads .grframe h1 {line-height: 1em;margin:0;padding:0;background:none;font-family:'Cinzel', serif;color:rgb(58, 64, 93);} #wrapper #content #left-col .post.goodreads .grframe h1 a {background:none!important;} #wrapper #content #left-col .post.goodreads .grframe h1 a:hover {color:#9a2433;} #wrapper #content #left-col .post.goodreads .grframe iframe {width:100%;} div#content .wrap #left-col .post .kindle.hide {display:none;} /* post stuff */ #content #left-col .post .inner .text img.size-full, #content #left-col .post .inner .text img.aligncenter {max-width:100%; height:auto;} #content #left-col .post .inner .text img.aligncenter {margin:auto;display:block;} #content #left-col .post .inner .text img.alignleft {float:left;margin:.4em 1em .4em 0;} #content #left-col .post .inner .text img.alignright {float:right;margin:.4em 0 .4em 1em;} #content #left-col .post .inner .text h1{text-align: center;font-family: "Cinzel Decorative",serif;letter-spacing: 0.05em;color: rgb(30, 30, 52);font-weight: normal;background: none repeat scroll 0% 0% rgb(217, 234, 116);} #content #left-col .post .inner .text h2{} #content #left-col .post .inner .text h3{font-family: "Cinzel Decorative", serif;font-size: 1.4em;font-weight: normal;text-align: center;background: #1e1e34;color: #fff;padding: .3em;letter-spacing: .02em;} #content #left-col .post .inner .text h4{font-family: "ferrumextra-condensed";font-weight: normal;font-size: 1.5em;text-transform: uppercase;font-style: normal;text-align: center;} #content #left-col .post .inner .text h5{font-size: 1.2em;font-variant: small-caps;font-weight: bold;} #content #left-col .post .inner .text h6{} #content #left-col .post .inner .text h1 strong, #content #left-col .post .inner .text h2 strong, #content #left-col .post .inner .text h3 strong, #content #left-col .post .inner .text h4 strong, #content #left-col .post .inner .text h5 strong, #content #left-col .post .inner .text h1 a, #content #left-col .post .inner .text h2 a, #content #left-col .post .inner .text h3 a, #content #left-col .post .inner .text h4 a, #content #left-col .post .inner .text h5 a {font-weight:normal;} #content #left-col .post .inner .text h4 em {font-style:normal;} #content #left-col .post .inner .text li a {display:block;} #content #left-col .post .inner .text blockquote {background: none repeat scroll 0% 0% rgb(255, 255, 255);margin: 0px;padding: 2em 4em;font-family: "georgia","times new roman",serif;letter-spacing: 0.03em;line-height: 2.2em;} #content #left-col .post .inner .text h1 span {color: rgb(30, 30, 52) !important;} #content #left-col .post .inner .text iframe {width:100%!important;} /* Comments */ #wrapper #content #left-col .comment-container {} #wrapper #content #left-col .comment-container h2.comments-title, #wrapper #content #left-col .comment-container h2.comments-add {color:#d9ea74;font-family:'ferrumextra-condensed', serif;font-size:1.5em;letter-spacing:-.02em;font-weight:normal;} #wrapper #content #left-col .comment-container #comments {} #wrapper #content #left-col .comment-container #comments ol {list-style:none;padding:0;margin:0;font-size: .8em;} #wrapper #content #left-col .comment-container #comments ol li{padding: 0;position: relative;margin: 1em 0px 0px;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body {background:#1e1e34;padding:1em;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body a {color:#3cf2fb;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body a:hover {color:#fff;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.comment-author {z-index: 3;position: relative;text-align: center;color: rgb(217, 234, 116);font-family: "Cinzel Decorative",serif;font-size: 1.3em;background: none repeat scroll 0% 0% rgb(58, 64, 93);padding: 0.3em .6em;margin: -0.76em -0.76em 0px;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.comment-author img {position: absolute;right: .4em;top: .4em;float: right;border: 2px solid rgb(170, 170, 170);} #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.comment-author cite {font-style: normal;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.comment-author cite a {color:#3cf2fb;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.comment-author span {font-size: 0.6em;font-family: "Cinzel",serif;text-transform: uppercase;letter-spacing: 0.1em;color: rgb(255, 255, 255);} #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.comment-meta {background: none repeat scroll 0% 0% rgb(60, 242, 251);padding: 0.5em;opacity: 0.5;z-index: 1;position: relative;font-size: 0.8em;text-transform: uppercase;margin: 0px -1.25em;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.comment-meta a {color: #1e1e34;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.reply {text-align: right;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.reply a.comment-reply-link {background: none repeat scroll 0% 0% rgb(60, 242, 251);color: rgb(30, 30, 52);display: inline-block;font-size: 0.8em;text-transform: uppercase;padding: 0.3em 3em;opacity: 0.5;margin: auto;} #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.reply a.comment-reply-link:hover {opacity:1;} #wrapper #content #left-col .comment-container #comments ol li ul.children {list-style: none;border-left: 3px dotted rgb(58, 64, 93);} #wrapper #content #left-col .comment-container #comments ol li ul.children li div.comment-body {background: none repeat scroll 0% 0% rgb(58, 64, 93);} #wrapper #content #left-col .comment-container #comments ol li ul.children li div.comment-body div.comment-author {background:#1e1e34;} #wrapper #content #left-col .comment-container #comments #respond div.user ul {list-style:none;margin:0;padding:0;} #wrapper #content #left-col .comment-container #comments #respond div.user ul li {text-align: center;float:left;width:33.33%;display:block; margin:0; padding:0; list-style:none;} #wrapper #content #left-col .comment-container #comments #respond div.user ul li.leftThird input {margin:0 2% 0 0;width:88%;} #wrapper #content #left-col .comment-container #comments #respond div.user ul li.middleThird input {margin:0 2% 0;width:86%;} #wrapper #content #left-col .comment-container #comments #respond div.user ul li.rightThird input {margin:0 0 0 2%;width:88%;} #wrapper #content #left-col .comment-container #comments #respond div.user ul li input {font-family:'Open Sans', sans-serif;padding:5%;} #wrapper #content #left-col .comment-container #comments #respond div.user ul li input, #wrapper #content #left-col .comment-container #comments #respond div#form-wrap ul li textarea {font-size:.8em;border: 0;background: #3A405D;opacity:.5;color:#fff;} #wrapper #content #left-col .comment-container #comments #respond div.user ul li input[type=text]:focus, #wrapper #content #left-col .comment-container #comments #respond div#form-wrap ul li textarea:focus {box-shadow: 0 0 5px #fff;opacity:1;} #wrapper #content #left-col .comment-container #comments #respond div#form-wrap ul li textarea {width:96%;padding:2%;font-family:'Open Sans', sans-serif;font-size:.8em;line-height:1.7em;} #wrapper #content #left-col .comment-container #comments #respond div#form-wrap ul li.buttons {float:none;clear:both;} #wrapper #content #left-col .comment-container #comments #respond div#form-wrap ul {list-style:none;margin:0;padding:0;text-align: center;} #wrapper #content #left-col .comment-container #comments #respond label {color: #3cf2fb;font-family: "Cinzel Decorative",serif;font-size: .9em;} #wrapper #content #left-col .comment-container #comments #respond p.comment-subscription-form label {font-family: 'Open Sans', sans-serif;font-size:.7em;text-transform:uppercase;} #wrapper #content #left-col .comment-container #comments #respond p.comment-subscription-form {display:block;margin:0;padding:0;} #wrapper #content #left-col .comment-container #comments input[type=submit] {font-family: "ferrumextra-condensed",serif;font-size: 1.2em;letter-spacing: -0.02em;border: 0px none;background: none repeat scroll 0% 0% #3cf2fb;padding: 0.3em;margin: 0.5em 0;text-transform: uppercase;display: block;width: 100%;cursor: pointer;opacity: 0.5;} #wrapper #content #left-col .comment-container #comments input[type=submit]:hover {opacity:1;} #wrapper #content #left-col .comment-container #comments ol li #respond { margin-bottom: 10px; } #wrapper #content #left-col .comment-container #comments ol li #respond #form-wrap { margin: 0; } #wrapper #content #left-col .comment-container #comments ol li #respond li { padding-left: 1%; border: 0; } #wrapper #content #left-col .comment-container #comments ol li li #respond { margin: 10px 0px 0px 0; } #wrapper #content #left-col .comment-container #comments ol li #respond header { position: relative; border: 0; margin: 0; padding-bottom: 0; } #wrapper #content #left-col .comment-container #comments ol li #respond header h2, #wrapper #content #left-col .comment-container #comments ol li #respond header div, #wrapper #content #left-col .comment-container #comments ol li #respond header p.allowed-tags, #wrapper #content #left-col .comment-container #comments ol li #respond header p.user { display: none; } #wrapper #content #left-col .comment-container #comments #respond p.user {font-size: 0.6em;text-align: center;text-transform: uppercase;font-weight: normal;background: #9a2433;padding: .5em 0;letter-spacing: .1em;} #wrapper #content #left-col .comment-container #comments #respond p.user a {color:#fff;text-decoration:none;font-weight:normal;} #wrapper #content #left-col .comment-container #comments #respond a#cancel-comment-reply-link {z-index:4;position:absolute;top:-5em;left:1em;background: none repeat scroll 0% 0% rgb(60, 242, 251);color: rgb(30, 30, 52);display: inline-block;font-size: 0.8em;text-transform: uppercase;padding: 0.3em 3em;opacity: 1;} #wrapper #content #left-col .comment-container #comments #respond a#cancel-comment-reply-link:hover {background:#9a2433;color:#fff;} #wrapper #content #left-col .comment-container #comments ol.commentlist li.pingback .comment-body p { margin: 0; } #wrapper #content #left-col .comment-container #comments ol.commentlist li.pingback span.says { display: none; } #wrapper #content #left-col .comment-container #comments ol.commentlist li.pingback .reply { display: none; } #wrapper #content #left-col .comment-container #comments ol.commentlist li.pingback .comment-body p { font-style: italic; margin:0;text-align:center;} #wrapper #content #left-col .comment-container #comments ol.commentlist li.pingback .comment-body .comment-meta {background:none;text-align:center;} #wrapper #content #left-col .comment-container #comments ol.commentlist li.pingback .comment-body .comment-meta a {color:#fff;} #wrapper #content #right-col {min-height:20em;width:26%;float:right;font-size:.8em;} #wrapper #content #right-col a {color:#d9ea74;} #wrapper #content #right-col ul {list-style:none;margin:0;padding:0;text-align:right;} #wrapper #content #right-col ul li {background:url(images/widget.png) repeat-y left center;padding:1em;margin: 0 0 1em;} #wrapper #content #right-col ul li li {line-height: 1.2em;background:none;padding:0;font-family:'ferrumextra-condensed', serif;text-transform:uppercase;margin: 0 0 0;border-bottom:1px solid #77a1a9;} #wrapper #content #right-col ul li li a {display:block;padding:0.65em 0px;background:none;} #wrapper #content #right-col ul li li a:hover {padding:.65em .75em .65em 0;background:#1e1e34;} #wrapper #content #right-col ul li.widget_recent_comments li {padding:.65em 0;} #wrapper #content #right-col ul li.widget_recent_comments li a {display:inline-block;padding:0;background:none;} #wrapper #content #right-col ul li.widget_recent_comments li a:hover {padding:0;background:#1e1e34;} #wrapper #content #right-col ul li h3 {margin:0;padding:0;font-weight:normal;font-family:'Cinzel Decorative', serif;letter-spacing:.1em;color:#3cf2fb;} #wrapper #content #right-col ul li.widget-social {background: url("images/share-bg.png") repeat scroll 0% 0% transparent;margin-left: -.5em;text-align: center;padding: 0px;} #wrapper #content #right-col ul li.widget-social h3 {padding: 0.31em;text-align: center;background: none repeat scroll 0% 0% rgb(30, 30, 52);margin: 0px 0px 0.5em;} #wrapper #content #right-col ul li .share a {text-indent:9999px;overflow:hidden;margin:0;display:inline-block;width:60px;height:25px;background-color:rgb(58, 64, 93);} #wrapper #content #right-col ul li .share a.facebook {background-image:url(images/facebook-logo.png);background-repeat:no-repeat;background-position:center center;} #wrapper #content #right-col ul li .share a.twitter {background-image:url(images/twitter-logo.png);background-repeat:no-repeat;background-position:center center;} #wrapper #content #right-col ul li .share a.pinterest {background-image:url(images/pinterest-logo.png);background-repeat:no-repeat;background-position:center center;} #wrapper #content #right-col ul li .share a.goodreads {background-image:url(images/goodreads-logo.png);background-repeat:no-repeat;background-position:center center;} #wrapper #content #right-col ul li .share a.plusone {background-image:url(images/google-logo.png);background-repeat:no-repeat;background-position:center center;} #wrapper #content #right-col ul li .share div.kindleWidget {text-indent:9999px;overflow:hidden;display: inline-block;margin:.5em 0 1em!important;width:85px;height:25px;background-color:rgb(58, 64, 93);background-image:url(images/kindle-logo.png);background-repeat:no-repeat;background-position:center 5px;} #wrapper #content #right-col ul li .share a.facebook:hover {background-color:#375794} #wrapper #content #right-col ul li .share a.twitter:hover {background-color:#33ccff} #wrapper #content #right-col ul li .share a.pinterest:hover {background-color:#cc2127} #wrapper #content #right-col ul li .share a.goodreads:hover {background-color:#988464} #wrapper #content #right-col ul li .share a.plusone:hover {background-color:#da5535} #wrapper #content #right-col ul li .share div.kindleWidget:hover {background-color:#f49b1a;} #wrapper #content #right-col ul li p {font-size:.9em;text-align:justify;color:#ccc;} #wrapper #content #right-col ul li a.cover img, #wrapper #content #right-col ul li a.cover {display:block;} #wrapper #content #right-col ul li a.cover {margin:.5em 0 0;} #wrapper #content #right-col ul li #subscribe-email input {width: 95%;background: #9a2433;border: 0;padding: 2.5%;color: #fff;text-align:center;text-align:center;} #wrapper #content #right-col ul li #subscribe-email input:focus {box-shadow: 0 0 5px #fff;opacity:1;} #wrapper #content #right-col ul li #subscribe-submit input[type=submit] {cursor: pointer;background: rgb(58, 64, 93);border: 0;padding: 2.5%;color: #3cf2fb;text-transform: uppercase;font-size: .8em;letter-spacing: .1em;} #wrapper #content #right-col ul li #subscribe-submit input[type=submit]:hover {background:#3cf2fb;color:#1e1e34;} #wrapper #content #right-col ul li #subscribe-submit {text-align:center;} #wrapper #footer {margin:2em 0 1.5em;font-size:.8em;} #wrapper #footer .widget a {color:#5D808A;} #wrapper #footer .widget {width:33.333%;float:left;} #wrapper #footer .widget.pad img.banner {width:100%;display:block;opacity:.6;} #wrapper #footer .widget:nth-child(1) .pad {margin:0 .7em 0 0;min-height:7em;} #wrapper #footer .widget:nth-child(2) .pad {text-align:center;margin:0 .7em 0;border-left:1px solid #1d2939;border-right:1px solid #1d2939;} #wrapper #footer .widget:nth-child(3) .pad {margin:0 0 0 .7em;min-height:7em;} #wrapper #footer .widget {min-height:9em;color: #5D808A;} #wrapper #footer .widget h3.widget-title {margin:0 0 .4em; line-height: 1.2em;font-weight:normal;font-size:1.7em;text-transform:uppercase;text-align:center;color:#5D808A;font-family: "ferrumextra-condensed",serif;} #wrapper #footer .widget-branding {text-align:center;} #wrapper #footer .widget .pad .logo {margin: 0 .4em 0;padding: 0 0 .1.2em;line-height: 1.2em;border-bottom: 1px solid #1d2939;font-family: "ferrumextra-condensed",serif;font-size: 2.8em;letter-spacing: -0.05em;} #wrapper #footer .widget .pad .logo span {font-family: "Cinzel Decorative",serif;font-size: 1.3em;} #wrapper #footer .widget .pad .copyright {text-transform:uppercase;text-align:center;font-size: .8em;letter-spacing: .1em;} #wrapper #footer .widget .pad ul.social {list-style:none;margin:1em 0 .3em;padding:0;text-align:center;} #wrapper #footer .widget .pad ul.social li {list-style:none;margin:0;padding:0;text-align:center;display:inline;} #wrapper #footer .widget .pad ul.social li a {display:inline-block;margin:0 .37em 0;width:24px;height:24px;} #wrapper #footer .widget .pad ul.social li a.email {background: #39405c url(images/social-small.png) 0px 0px;} #wrapper #footer .widget .pad ul.social li a.dreamspinner {background: #39405c url(images/social-small.png) -24px 0px;} #wrapper #footer .widget .pad ul.social li a.facebook {background: #39405c url(images/social-small.png) -48px 0px;} #wrapper #footer .widget .pad ul.social li a.pinterest {background: #39405c url(images/social-small.png) -72px 0px;} #wrapper #footer .widget .pad ul.social li a.goodreads {background: #39405c url(images/social-small.png) -96px 0px;} #wrapper #footer .widget .pad ul.social li a.instagram {background: #39405c url(images/social-small.png) -120px 0px;} #wrapper #footer .widget .pad ul.social li a.amazon {background: #39405c url(images/social-small.png) -144px 0px;} #wrapper #footer .widget .pad ul.social li a.tumblr {background: #39405c url(images/social-small.png) -168px 0px;} #wrapper #footer .widget .pad ul.social li a.twitter {background: #39405c url(images/social-small.png) -192px 0px;} #wrapper #footer .widget .pad ul.social li a.google {background: #39405c url(images/social-small.png) -216px 0px;} #wrapper #footer .widget:nth-child(4), #wrapper #footer .widget:nth-child(5), #wrapper #footer .widget:nth-child(6), #wrapper #footer .widget:nth-child(7), #wrapper #footer .widget:nth-child(8), #wrapper #footer .widget:nth-child(9), #wrapper #footer .widget:nth-child(10), #wrapper #footer .widget:nth-child(11), #wrapper #footer .widget:nth-child(12), #wrapper #footer .widget:nth-child(13), #wrapper #footer .widget:nth-child(14), #wrapper #footer .widget:nth-child(15), #wrapper #footer .widget:nth-child(16), #wrapper #footer .widget:nth-child(17), #wrapper #footer .widget:nth-child(18), #wrapper #footer .widget:nth-child(19), #wrapper #footer .widget:nth-child(20), #wrapper #footer .widget_nav_menu ul ul {display:none;} #wrapper #footer .widget_nav_menu ul {list-style:none;padding:0;margin:0;font-size:.9em;text-align:center;} #wrapper #footer .widget_nav_menu ul li {display:inline-block;margin: .1em;} #wrapper #footer .widget_nav_menu ul li a {display:inline-block;color:#1e1e34;background:#3cf2fb;opacity:.5;padding:.0 .7em;text-transform:uppercase;} #wrapper #footer .widget_nav_menu ul li a:hover {opacity:1;} #wrapper #footer .widget_text .textwidget {font-size: 0.9em;} #wrapper #footer .widget_recent_entries ul {list-style:none;margin:0;padding:0;font-size: 1em;} #wrapper #footer .widget_recent_entries ul li{list-style:none;margin:0;padding:0;} #wrapper #footer .widget_recent_entries ul li a{display:block;border-bottom: 1px solid #1d2939;text-align:center;} #wrapper #footer .widget_recent_entries ul li a:hover {background:#1e1e34;color:#3cf2fb;} #wrapper #footer .widget_recent_comments ul {list-style:none;margin:0;padding:0;} #wrapper #footer .widget_recent_comments li {display:block;border-bottom: 1px solid #1d2939;text-align:center;} #wrapper #footer .widget_recent_comments li a {color:#d9ea74;} #wrapper #footer .widget .pad ul.social li a.email:hover {background: url(images/social-small.png) 0px -24px;} #wrapper #footer .widget .pad ul.social li a.dreamspinner:hover {background: url(images/social-small.png) -24px -24px;} #wrapper #footer .widget .pad ul.social li a.facebook:hover {background: url(images/social-small.png) -48px -24px;} #wrapper #footer .widget .pad ul.social li a.pinterest:hover {background: url(images/social-small.png) -72px -24px;} #wrapper #footer .widget .pad ul.social li a.goodreads:hover {background: url(images/social-small.png) -96px -24px;} #wrapper #footer .widget .pad ul.social li a.instagram:hover {background: url(images/social-small.png) -120px -24px;} #wrapper #footer .widget .pad ul.social li a.amazon:hover {background: url(images/social-small.png) -144px -24px;} #wrapper #footer .widget .pad ul.social li a.tumblr:hover {background: url(images/social-small.png) -168px -24px;} #wrapper #footer .widget .pad ul.social li a.twitter:hover {background: url(images/social-small.png) -192px -24px;} #wrapper #footer .widget .pad ul.social li a.google:hover {background: url(images/social-small.png) -216px -24px;} /* transition effects and border radiuses */ #wrapper #content #left-col .comment-container #comments #respond div.user ul li input, #wrapper #content #left-col .comment-container #comments #respond div#form-wrap ul li textarea, #wrapper #content #left-col .comment-container #comments input[type=submit], #nav ul li a, #wrapper #head #head-left ul.social li a, #wrapper #head .book-info ul li a , #wrapper #content #left-col .post .meta a.comments, #wrapper #content #left-col .post a.read-more, #wrapper #content #right-col ul li li a, #wrapper #footer .pad ul.social li a, #wrapper #content #left-col .post.book .book-info a.info-link, #wrapper #footer .widget_nav_menu ul li a, #wrapper #content #left-col .comment-container #comments #respond a#cancel-comment-reply-link, #wrapper #content #left-col .post.purchase a.purchase-link, #wrapper #content #right-col ul li #subscribe-email input, #wrapper #content #right-col ul li #subscribe-submit input[type=submit] {-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;} #nav ul ul li a, #wrapper #head #head-left ul.social li a, #wrapper #content #left-col .post .tags a, #wrapper #content #left-col .comment-container #comments ol li div.comment-body div.reply a.comment-reply-link, #wrapper #content #left-col .comment-container #comments #respond div.user ul li input, #wrapper #content #left-col .comment-container #comments input[type=submit], #wrapper #footer .widget .pad ul.social li a, #wrapper #content #right-col ul li .share div.kindleWidget, #wrapper #content #right-col ul li .share a, #wrapper #footer .widget_nav_menu ul li a, #wrapper #content #left-col .comment-container #comments #respond a#cancel-comment-reply-link, #wrapper #content #left-col .comment-container #comments #respond p.user, #wrapper #content #left-col .post.purchase a.purchase-link {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} #wrapper #content #left-col .comment-container #comments #respond div#form-wrap ul li textarea, #wrapper #content #right-col ul li #subscribe-email input, #wrapper #content #right-col ul li #subscribe-submit input[type=submit] {-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;} .wp-pagenavi {position:relative; margin:3em 0;text-align:center;font-size:.8em;} .wp-pagenavi a, .wp-pagenavi a:link {padding: 6px 1%; margin: 2px!important; text-decoration: none!important; color: #ccc; background:rgb(58, 64, 93);border:0!important; font-weight:normal;} .wp-pagenavi a:hover {background:#1e1e34;color:#d9ea74;} .wp-pagenavi span.pages {color:#ccc;padding: 6px 1%!important; margin: 2px 2px 2px 0px!important; background:rgb(58, 64, 93); margin-left:1.5em;border:0!important;} .wp-pagenavi span.current {padding: 6px 1%!important; margin: 2px!important; font-weight: bold!important; background:#9a2433; border:0!important; color:#ccc;} .wp-pagenavi span.extend {color:#ccc; padding: 6px 1%!important; margin: 2px!important; background:rgb(58, 64, 93)!important; border:0!important;} /* #responsive ================================================== */ @media screen and (max-width: 1590px) { #wrapper #head #head-left {font-size:85%;width:50%;} #wrapper #head #head-right {width:50%;} } @media screen and (max-width: 1390px) { #wrapper #head #head-left {font-size:80%;width:50%;} } @media screen and (max-width: 1300px) { #wrapper #head #head-left {font-size:90%;width:50%;} #wrapper {width:75%;margin:auto;} #nav {font-size:90%;} #bg {top:-15%;left:-13%;width:113%;} } @media screen and (max-width: 1100px) { #wrapper #footer .col2 .pad .logo {font-size:2em;} } @media screen and (max-width: 1071px) { #wrapper #head #head-left {font-size:85%;width:50%;} } @media screen and (max-width: 1024px) { body {font-size:90%;} #wrapper #head .book-info, #wrapper #footer .col2 .pad ul.social {display:none;} #wrapper #head #head-left {width:80%;font-size:110%;} #wrapper #head #head-right {width:20%;} #bg {top:0;} #wrapper #content #left-col {width:100%;float:none;} #wrapper #content #right-col {display:none;} #wrapper #footer .col2 .pad .logo {font-size:1.6em;} #wrapper #footer .col2 .pad .copyright {font-size:.5em;} } @media screen and (max-width: 750px) { body {font-size:85%;} #wrapper #head #head-left {font-size:95%;} #wrapper #head #head-left ul.social {list-style:none;padding:0;} #wrapper #head #head-left ul.social li {list-style:none;margin:0;padding:0;text-align:center;display:inline;} #wrapper #head #head-left ul.social li a {width:24px;height:24px;} #wrapper #head #head-left ul.social li a.email {background: url(images/social-small.png) 0px 0px;} #wrapper #head #head-left ul.social li a.dreamspinner {background: url(images/social-small.png) -24px 0px;} #wrapper #head #head-left ul.social li a.facebook {background: url(images/social-small.png) -48px 0px;} #wrapper #head #head-left ul.social li a.pinterest {background: url(images/social-small.png) -72px 0px;} #wrapper #head #head-left ul.social li a.goodreads {background: url(images/social-small.png) -96px 0px;} #wrapper #head #head-left ul.social li a.instagram {background: url(images/social-small.png) -120px 0px;} #wrapper #head #head-left ul.social li a.amazon {background: url(images/social-small.png) -144px 0px;} #wrapper #head #head-left ul.social li a.tumblr {background: url(images/social-small.png) -168px 0px;} #wrapper #head #head-left ul.social li a.twitter {background: url(images/social-small.png) -192px 0px;} #wrapper #head #head-left ul.social li a.google {background: url(images/social-small.png) -216px 0px;} #wrapper #head #head-left ul.social li a.email:hover {background: url(images/social-small.png) 0px -24px;} #wrapper #head #head-left ul.social li a.dreamspinner:hover {background: url(images/social-small.png) -24px -24px;} #wrapper #head #head-left ul.social li a.facebook:hover {background: url(images/social-small.png) -48px -24px;} #wrapper #head #head-left ul.social li a.pinterest:hover {background: url(images/social-small.png) -72px -24px;} #wrapper #head #head-left ul.social li a.goodreads:hover {background: url(images/social-small.png) -96px -24px;} #wrapper #head #head-left ul.social li a.instagram:hover {background: url(images/social-small.png) -120px -24px;} #wrapper #head #head-left ul.social li a.amazon:hover {background: url(images/social-small.png) -144px -24px;} #wrapper #head #head-left ul.social li a.tumblr:hover {background: url(images/social-small.png) -168px -24px;} #wrapper #head #head-left ul.social li a.twitter:hover {background: url(images/social-small.png) -192px -24px;} #wrapper #head #head-left ul.social li a.google:hover {background: url(images/social-small.png) -216px -24px;} } @media screen and (max-width: 610px) { #wrapper {width:90%;margin:auto;} #wrapper #footer .col1, #wrapper #footer .col3 {display:none;} #wrapper #footer .col2 {width:100%;} #wrapper #footer .col2 .pad {border:0;margin-bottom:0;min-height:auto;} #wrapper #footer .col2 .pad .logo {border:0;} } @media screen and (max-width: 520px) { body {font-size:75%;} #wrapper #head #head-left {font-size:80%;} } @media screen and (max-width: 470px) { #wrapper #head #head-left {width:100%;float:none;text-align:center;font-size:100%;} #wrapper #head {background:url(images/nav.png);height:auto;} #wrapper #head #head-right {display:none;} #nav {text-align:center;} #nav ul li {float:none;} } @media screen and (max-width: 375px) { body {font-size:70%;} #wrapper {width:95%;margin:auto;} }