/*
Theme Name: D.D. Everest
Author: Bookswarm
Author URI: http://www.bookswarm.co.uk
Description: Custom theme for D.D Everest
Version: 1.0
Text Domain: ddeverest;
*/


/* --- reset --- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

textarea, input {
	outline: none;
}


/* --- structure --- */

header#masthead, #content, #footer {
	width: 785px;
	margin: 0 auto;
}

body {
	background: #000 url('images/parchment-bg-y.png') repeat-y center;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #2e5171;
	font-size: 13px;
	line-height: 19px;
}

#wrapper {
	background: url('images/main-bg.jpg') no-repeat center top;
	min-height: 1164px;
}

.home #wrapper {
	background: url('images/home-bg.png') no-repeat center top;
}


/* --- typography and generic elements / classes --- */

h1,h2,h3,h4,h5,h6 {
	color: #2e5171;
	font-family: 'Gabriela', serif;
}

h1 {
	font-size: 40px;
	line-height: 46px;
	margin-bottom: 25px;
}

h2 {
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 22px;
}

h3 {
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 16px;
}

h4 {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 15px;
}

h5 {
	font-size: 15px;
	line-height: 19px;
	margin-bottom: 16px;
}

h6 {
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 14px;
}

p {
	margin-bottom: 25px;
	font-weight: 600;
}

p span.intro {
	color: #333333;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Gabriela', serif;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

a:link, a:visited {
	text-decoration: none;
	color: #5c89cc;
}

a:hover {
	text-decoration: underline;
}

a.button:link, a.button:visited,
input[type=submit], .gform_button  {
	display: inline-block;
	background: url('images/button.png') repeat-x;
	padding: 9.5px 5px;
	font-family: 'Gabriela', serif;
	font-size: 12px;
	color: #2e5171;
	min-width: 147px;
	text-align: left;
	text-transform: uppercase;
	border: 0;
}

a.button:hover {
	text-decoration: none;
}

a.button.archie:link,
a.button.archie:visited {
	font-family: 'Gabriela', serif;
	font-size: 12px;
	color: #2e5171;
	position: absolute;
	z-index: 10;
	background: none;
	top: 270px;
	left: 8px;
}

.sub {
	font-size: 14px;
	color: #000;
	font-family: 'Gabriela', serif;
	margin-bottom: 16px;
}

img.alignright, .wp-caption.alignright {float:right; margin:0 0 0.6em 0.6em} 
img.alignleft, .wp-caption.alignleft {float:left; margin:0 0.6em 0.6em 0} 
img.aligncenter {display: block; margin-left: auto; margin-right: auto} 
.alignright {float:right; } 
.alignleft {float:left; } 
.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption-text { font-weight: bold;text-align: center;margin-top: 3px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }


ul, ol {
	margin-left: 21px;
	margin-bottom: 20px;
}

ul li, ol li {
	list-style: disc;
}

ol li {
	list-style: decimal;
}

blockquote {
	font-family: 'Gabriela', serif;
	font-size: 18px;
	line-height: 26px;
	color: #0a032c;
	margin: 0 139px 0 5px;
}

blockquote p {
	margin-bottom: 10px;
}

hr {
	border: 0;
	margin: 10px 0 20px 0;
	padding: 0;
	background: url('images/dotted-line.png') no-repeat left center;
	height: 2px;
}

/* --- forms & comments --- */

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

label {
	display: inline-block;
	width: 100px;
}

textarea {
	height: 120px;
	margin-left: 5px;
}

textarea.medium {
	margin-left: 0;
}

#comments #reply-title {
	font-size: 16px;
}

#respond {
	padding-top: 15px;
}

#commentform p {
	margin-bottom: 12px;
}

ul.commentlist {
	margin-left: 0;
}

.commentlist li {
	list-style: none;
	margin-left: 0;
}

.comment-body p {
	margin-bottom: 12px;
}

#comments #submit {
	width: 75px;
	text-transform: uppercase;
}

.gform_wrapper .top_label .gfield_label {
	width: 300px;
}

.gform_wrapper .top_label textarea.textarea, .gform_wrapper .top_label input.medium {
	font-size: 14px;
	padding: 5px;
}


/* --- header & nav ---- */

header#masthead {
	position: relative;
	text-align: center;
}

#lines {
	background: url('images/lines.png')no-repeat center top;
	width: 100%;
	height: 30px;
	position: absolute;
	top: 19px;
	z-index: 5;
}

header#masthead .subtitle {
	padding: 14px 42px 0 42px;
	background: url('images/shadow.png') no-repeat center;
	display: inline-block;
	background-size: cover;
	position: relative;
	z-index: 20;
}

header#masthead .subtitle p {
	font-size: 16px;
	color: #cead6b;
	font-family: 'Gabriela', serif;
	background: -webkit-linear-gradient(top, #c8c2ab, #cead6b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#fire-breathing-dragon {
	position: absolute;
	top: 0px;
	left: -110px;
	z-index: 1;
}

#logo {
	margin-top: -20px;
	margin-bottom: 75px;
}

#social-bartender {
	position: absolute;
	right: 26px;
	top: 82px;
}

#social-bartender a {
	margin-left: 5px;
}

#site-navigation {
	padding-left: 36px;
	padding-top: 4px;
}

#site-navigation ul {
	margin: 0;
}

#site-navigation ul li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	float: left;
}

#site-navigation ul li a:link,
#site-navigation ul li a:visited {
	color: #cead6b;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	padding: 9px 0 8px;
	font-family: 'Gabriela', serif;
	display: block;
	margin: 0 13px;
}

#site-navigation ul li a:hover,
#site-navigation ul .current_page_item > a:link,
#site-navigation ul .current_page_item > a:visited  {
	background: url('images/nav-hover.png') repeat-x bottom;
}

#site-navigation ul.sub-menu {
	display: none;
	position: absolute;
	z-index: 999;
	width: auto;
	height: auto;
	background: #17293a;
	margin: 0;
}

#site-navigation ul.sub-menu li {
	float: none;
	position: relative;
	display: block;
	margin: 0;
	white-space: nowrap;
}

#site-navigation ul.sub-menu li a {
	border: 0;
	display: block;
	padding: 10px 5px 12px;
	margin: 0 5px;
	text-align: left;
	display: block;
	height: 15px;
}

#site-navigation ul.nav-menu > li:hover ul.sub-menu {
	display: block;	
	/*width: 100%;*/
	margin: 0;
}

#site-navigation ul.sub-menu li a:hover {
	background: none;
	text-decoration: underline;
}


/* --- page content --- */

#content {
	padding: 51px 40px 40px;
	width: 686px;
	position: relative;
	z-index: 10;
	min-height: 449px;
	margin-bottom: -168px;
	overflow: hidden;
	clear: both;
}


/* -- homepage -- */

#content.home {
	padding: 29px 40px 60px 40px;
	
}

.home .button {
	width: 100%;
}

.sub {
	margin-bottom: 4px;
	text-transform: uppercase;
}

.home .col1 {
	width: 331px;
	float: left;
}

.home .col1 .sub {
	margin-bottom: 14px;
}

.home .col1 h1, .home .col2 h1 {
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 10px;
}

.home .col1 .left {
	width: 148px;
	float: left;
}

.home .col1 .right {
	width: 182px;
	height: 201px; /* do not alter the height! Dragons will come and eat you if you do! */
	float: right;
}

.home .col2 {
	width: 331px;
	float: right;
	position: relative;
}

.home .col2 h1 {
	width: 105px;
	margin-bottom: 85px;
	line-height: 37px;
	position: relative;
	z-index: 10;
}

.home .col2 p {
	position: relative;
	z-index: 11;
}

.home .col2 .left {
	width: 185px;
	height: 272px;
	margin-bottom: 36px;
	padding-left: 8px;
}

.home .col2 .button {
	position: absolute;
	bottom: 0;
	left: 0;
}

.home .col2 .archie {
	position: absolute;
	top: -104px;
	right: -44px;
	z-index: 1;
}

.home .col2 .flame {
	position: absolute;
	top: 35px;
	right: -40px;
}

.home .col2 .archie-bg {
	margin-top: 2px;
}

.home h2 {
	margin-bottom: 13px;
}

/* special as it's only used on the homepage to fit in behind the bricks on the left */
.button.special:link, .button.special:visited {
	background: url('images/button-special.png') no-repeat;
	padding-left: 24px;
	margin: -6px 0 0 -5px;
	width: 100%;
}

.border {
	background: url('images/portrait-border.png') no-repeat center;
	width: 104px;
	height: 110px;
	display: block;
	padding: 26px 32px 32px 36px;
	margin: -3px 0 0 -20px;
}

.border img {
	border-radius: 50%;
	width: 104px;
	height: auto;
}

.home .col3 {
	clear: both;
	width: 331px;
	float: left;
	padding-top: 51px;
}

.home .col3 ul {
	margin: 0;
}

.home .col3 ul li {
	list-style: none;
	margin-bottom: 20px;
}

.home .col4 {
	width: 323px;
	float: right;
	padding-top: 51px;
	position: relative;
}

.home .col4 .left {
	width: 180px;
	padding-top: 23px;
}

.home .col4 .left p {
	margin-bottom: 10px;
}

.home .col4 .right {
	position: absolute;
	bottom: -52px;
	right: -60px;
	float: none;
}

#updates {
	overflow: hidden;
}

#updates li {
	margin-bottom: 16px;
}

#updates li p {
	margin-bottom: 10px;
}

.excerpt p {
	margin-bottom: 7px;
}

/* -- other pages -- */

.book.right {
	float: right;
	text-align: center;
}

.book.right img {
	margin-bottom: -26px;
}

.book.right a {
	min-width: 129px;
}


/* lightbox */

#cboxOverlay {
	background: #000!important;
	opacity: 0.8!important
}

#cboxWrapper {
	background: url('images/lightbox-bg.png') no-repeat;
}

#colorbox #cboxContent {
	background: none;
	position: relative;
	overflow: visible;
}

#colorbox #cboxTopLeft,
#colorbox #cboxTopRight,
#colorbox #cboxBottomLeft,
#colorbox #cboxBottomRight,
#colorbox #cboxTopCenter,
#colorbox #cboxBottomCenter,
#colorbox #cboxMiddleLeft,
#colorbox #cboxMiddleRight {
	background: none;
}

#colorbox #cboxCurrent {
	display: none!important;
}

#colorbox #cboxLoadedContent {
	overflow: hidden!important;
}

.magic {
	padding: 20px;
}

.magic h1 {
	font-size: 30px;
}

.magic .left {
	width: 330px;
	float: left;
}

.magic .right {
	width: 180px;
	float: right;
}

#colorbox #cboxNext, #colorbox #cboxPrevious, #colorbox #cboxClose {
	display: block;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 46%;
}

#colorbox #cboxNext {
	background: url('images/next.png') no-repeat center;
	left: 587px;
}
#colorbox #cboxPrevious {
	background: url('images/prev.png') no-repeat center;
	left: -18px;
}

#colorbox #cboxClose {
	background: url('images/close.png');
	width: 26px;
	height: 26px;
	top: 0;
	right: 2px;
}

/* --- footer --- */

#footer {
	clear: both;
	background: url('images/oxford.png') no-repeat center top;
	padding: 225px 136px 0 136px;
	width: 848px;
	position: relative;
	z-index: 1;
	margin-top: -189px;
}

#footer a.button:link, #footer a.button:visited {
	background: url('images/solid-button.png') repeat-x;
}

#foter a:link, #footer a:visited,
.site-info a:link, .site-info a:visited {
	color: #2e5171;
}

#footer .inner {
	background: #000;
	padding: 0 74px 111px 74px;
}

#footer-widgets {
	background: url('images/dotted-line.png') no-repeat left bottom;
	overflow: hidden;
	padding-bottom: 13px;
	margin-bottom: 3px;
}

#footer-widgets > div {
	width: 330px;
	float: left;
}

#latest-tweets {
	margin-right: 40px;
}

#footer-widgets h4 {
	color: #cead6b;
	font-size: 22px;
}

#latest-tweets ul {
	margin: 0 0 15px 0;
}

#latest-tweets li.tweet {
	color: #cead6b;
	list-style: none;
	font-size: 13px;
	margin-bottom: 15px;
}

#cover-gallery a.cover {
	margin-right: 11px;
}

#cover-gallery a.cover:last-of-type {
	margin-right: 0;
}

#cover-gallery p {
	font-size: 12px;
	color: #fff;
	font-family: 'Gabriela', serif;
	margin-bottom: 10px;
}

#cover-gallery hr {
	margin: 1px 0 6px 0;
}

.site-info p {
	font-size: 11px;
}



@media (min-width: 1281px) {
	html {
		zoom: 1.2;
		transform-origin: center 0;
		-ms-transform: scale(1.2);
	    -moz-transform: scale(1.2);
	    -moz-transform-origin: center 0;
	}

	@-moz-document url-prefix() {
	    body {
	    	background-size: 912px;
	    }
	}
}

/* --- IE 10 and 11 only --- */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	body {
		background-size: 912px;
	}
}