/*
Theme Name: SLT Custom Theme
Theme URI: http://sltaylor.co.uk
Description: A custom-built theme for this site.
Author: Steve Taylor
Version: 1.0
Author URI: http://sltaylor.co.uk
*/

/* Fonts
-------------------------------------------------------------------*/
@font-face { font-family: 'TeXGyreAdventorRegular'; src: url('fonts/texgyreadventor-regular-webfont.eot'); src: url('fonts/texgyreadventor-regular-webfont.eot?iefix') format('eot'), url('fonts/texgyreadventor-regular-webfont.woff') format('woff'), url('fonts/texgyreadventor-regular-webfont.ttf') format('truetype'), url('fonts/texgyreadventor-regular-webfont.svg#webfontVNQ4fiYu') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TeXGyreAdventorItalic'; src: url('fonts/texgyreadventor-italic-webfont.eot'); src: url('fonts/texgyreadventor-italic-webfont.eot?iefix') format('eot'), url('fonts/texgyreadventor-italic-webfont.woff') format('woff'), url('fonts/texgyreadventor-italic-webfont.ttf') format('truetype'), url('fonts/texgyreadventor-italic-webfont.svg#webfontT2RgH7m3') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TeXGyreAdventorBold'; src: url('fonts/texgyreadventor-bold-webfont.eot'); src: url('fonts/texgyreadventor-bold-webfont.eot?iefix') format('eot'), url('fonts/texgyreadventor-bold-webfont.woff') format('woff'), url('fonts/texgyreadventor-bold-webfont.ttf') format('truetype'), url('fonts/texgyreadventor-bold-webfont.svg#webfont5xaUGbMa') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TeXGyreAdventorBoldItalic'; src: url('fonts/texgyreadventor-bolditalic-webfont.eot'); src: url('fonts/texgyreadventor-bolditalic-webfont.eot?iefix') format('eot'), url('fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'), url('fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'), url('fonts/texgyreadventor-bolditalic-webfont.svg#webfontNpLiKCmY') format('svg'); font-weight: normal; font-style: normal; }

/* Basic elements
-------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
body { background: #000; color: #fff; font: 12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; }
#wrapper { position: relative; width: 730px; margin: 0 auto; padding: 33px 56px; background-color: #000; text-align: left; }
.single-article #wrapper, .page-id-63 #wrapper { background-color: #fff; }
a { outline: none; color: #ccc; text-decoration: none; }
a img { border: none; }
a:hover, a:focus { background-color: #666; color: #fff; }
ul, ol { list-style: none; }
h1, h2, h3, h4 { font-family: TeXGyreAdventorBold, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }
.hide, .noscreen { position: absolute; left: -9000px; top: 0; }
.notop { margin-top: 0 !important; padding-top: 0 !important; }
.nobottom { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.clear { clear: both; }
.center { text-align: center; }
.img-rep { text-indent: -9000px; overflow: hidden; }
.img-rep a, .img-rep span { display: block; background-color: inherit; }
.required, .alert { color: #d00; }
.shadow { box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }

/* Clearfix hack
See http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* Link icons
Based on: http://wordpress.org/extend/plugins/file-icons/ */
a[href$=".pdf"], a[href$=".txt"], a[href$=".mp3"], a[href$=".aiff"], a[href$=".wav"], a[href$=".ogg"], a[href$=".wma"], a[href$=".zip"], a[href$=".rar"], a[href$=".ace"], a[href$=".tar.gz"], a[href$=".tgz"], a[href$=".mpg"], a[href$=".mpeg"], a[href$=".avi"], a[href$=".mv2"], a[href$=".mov"], a[href$=".mp4"], a[href$=".wmv"], a[href$=".swf"], a[href$=".xls"], a[href$=".doc"], a[href*="trackback"], a[href*="@"], a[href*="postcomment"], a[href*="respond"], a[href*="action=edit"] { padding-bottom: 2px; padding-left: 22px; padding-top: 2px; background: transparent; }
a[href$=".pdf"] { background: url(img/icons/page_white_acrobat.png) no-repeat scroll left center; }
a[href$=".txt"] { background: url(img/icons/page_white_text.png) no-repeat scroll left center; }
a[href$=".mp3"], a[href$=".aiff"], a[href$=".wav"], a[href$=".ogg"], a[href$=".wma"] { background: url(img/icons/music.png) no-repeat scroll left center; }
a[href$=".zip"], a[href$=".rar"], a[href$=".ace"], a[href$=".tar.gz"], a[href$=".tgz"] { background: url(img/icons/page_white_compressed.png) no-repeat scroll left center; }
a[href$=".mpg"], a[href$=".mpeg"], a[href$=".avi"], a[href$=".mv2"], a[href$=".mov"], a[href$=".mp4"], a[href$=".wmv"] { background: url(img/icons/film.png) no-repeat scroll left center; }
a[href$=".xls"] { background: url(img/icons/page_white_excel.png) no-repeat scroll left center; }
a[href$=".doc"] { background: url(img/icons/page_white_word.png) no-repeat scroll left center; }
a[href*="mailto:"] { background: url(img/icons/email.png) no-repeat scroll left center; }
a[href*="postcomment"], a[href*="respond"] { background: url(img/icons/comment.png) no-repeat scroll left center; }
a[href*="action=edit"] { background: url(img/icons/page_white_edit.png) no-repeat scroll left center; }
/* My override */
a.no-icon { padding: 0 !important; background: none !important; }

/* Forms */
form fieldset { border: none; }
form div.form-field, p.form-submit { clear: both; padding-top: 10px; }
form div.label { float: left; width: 100px; text-align: right; }
form div.field { float: right; width: 300px; }
form label { font-weight: bold; }
form .input { padding: 2px 4px; width: 290px; border: none; font: bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif; background: rgb( 255, 255, 255 ); background: rgba( 255, 255, 255, 0.3 ); color: #fff; }
form .input:-webkit-autofill { color: #000 !important; }
form .input#securityquiz { width: 10em; }
form p.form-submit { text-align: right; }
form .button, input#submit { font-weight: bold; padding: .1em 1em; }
/* Search */
form.search-form #search-q { width: 145px; font-size: 13px; color: #333; border: 1px solid #ccc; }
.page-id-36 form.search-form { margin-top: 15px; }
/* Contact form */
form.wpcf7-form, form.signup { line-height: 2em; }

/* Header
-------------------------------------------------------------------*/
#header { overflow: hidden; width: 730px; height: 263px; }
#header a { color: #fff; text-decoration: none; }
#header a:hover, #header a:focus { background-color: transparent; color: #ccc; }
/* Logo */
#header #logo { float: right; width: 210px; height: 200px; margin: 32px 40px 0 0; }
#header #logo a { width: 210px; height: 200px; }
/* Menu */
#header #nav-main { float: left; width: 175px; margin-top: 80px; font-size: 16px; font-family: TeXGyreAdventorBold, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; text-transform: uppercase; text-align: right; }
#header #nav-main li { margin-bottom: 6px; }
/* Selected issue */
#selected-issue { clear: left; margin-left: 175px; padding-top: 20px; font-size: 11px; font-family: TeXGyreAdventorBold, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; text-transform: uppercase; }

/* Content
-------------------------------------------------------------------*/
#content { overflow: hidden; width: 520px; margin: 60px 0 100px 175px; }
#content.full-width { width: 730px; margin-left: 0; }
.single-article #content, .page-id-63 #content { width: 420px; margin-top: 30px; padding: 30px 25px; background: rgb( 255, 255, 255 ); color: #000;  }
.page-id-63 #content { padding-top: 20px; }
.single-article #content { background: rgba( 255, 255, 255, 0.65 ); min-height: 1000px; }
.page-id-36 #content { margin-top: 38px; }
#content h1 { margin: 0 0 30px; line-height: 1.2em; font-size: 16px; font-weight: normal !important; font-style: normal !important; }
#content h1.small { font-size: 13px; }
#content h2 { margin: 3em 0 .7em; font-size: 16px; font-weight: normal !important; font-style: normal !important; }
#content > h2 { margin: 0 0 30px; }
#content h3 { margin: 1em 0 .5em; font-size: 14px; font-weight: normal !important; font-style: normal !important; }
#content h4 { margin: 1em 0 .5em; font-size: 12px; font-weight: normal !important; font-style: normal !important; }
#content p, #content ul, #content ol, #content dl, #content table { margin-bottom: 1em; }
#content dt { font-weight: bold; }
#content dd { margin: 0 0 .5em 0; }
#content blockquote { margin: 1.5em 3em; font-size: 11px; }
#content acronym, #content abbr { border-bottom: 1px dotted #999; cursor: help; }
#content code { font: 12px Consolas, "Courier New", Courier, monospace; }
#content hr { margin: 2em 0; border: 0; height: 1px; background-color: #ccc; color: #ccc; }

/* Body copy */
#content .body-copy { padding-left: 170px; }
#content .body-copy h2 { margin-left: -170px; }
#content .body-copy h2:first-child { margin-top: 0; }
#content .body-copy ul, #content .body-copy ol { padding: 0 2em; }
#content .body-copy ul ul, #content .body-copy ol ol { margin-bottom: .2em; }
#content .body-copy ul { list-style: disc; }
#content .body-copy ol { list-style: decimal; }
#content .body-copy li { margin-bottom: .5em; }
#content .body-copy a { text-decoration: underline; }
#content .body-copy a:focus, #content .body-copy a:hover { text-decoration: none; }
p#join-mailing-list a { text-decoration: underline; }
p#join-mailing-list a:hover, p#join-mailing-list a:focus, p#join-mailing-list a:active { text-decoration: none; }

/* Meta */
#content p.postmeta { margin: 30px 0; font-size: 11px; }
#content p.postmeta.top { margin: 0 0 30px 30px; float: right; }
#content p.postmeta span.sharethis { color: #fff; }
.single-article #content p.postmeta span.sharethis { color: #000; }

/* Images */
#content img.centered, #content .aligncenter, #content div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
#content img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
#content img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
#content div.alignright { margin: 0 0 2px 7px; }
#content div.alignleft { margin: 0 7px 2px 0; }
#content .alignright { float: right; }
#content .alignleft { float: left; }
#content .wp-caption-text { text-align: center; }
#content a.img { text-decoration: none !important; }
#content a.img:hover, #content a.img:focus { background-color: transparent !important; color: #000 !important; }
#content a span.enlarge { padding-left: 16px; background: url(img/magnifying_glass.png) no-repeat; font-size: 11px; }

/* Search results */
#cse-search-results iframe { width: 420px; height: 1000px; margin-top: -30px; }

/* Authors / person profiles */
ul.authors { font-family: TeXGyreAdventorBold, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; text-transform: uppercase; list-style: none !important; padding: 0 !important; }
ul.authors a { color: #fff; text-decoration: none !important; }
.author #content h1, .page-template-page_profile-php #content h1 { margin-bottom: 25px; }
.author #content div.photo, .page-template-page_profile-php #content div.photo { float: left; width: 310px; padding-bottom: 10px; text-align: right; }
.author #content div.details, .page-template-page_profile-php #content div.details { float: right; width: 390px; margin-top: 40px; }

/* Issue contents */
.single-issue #content ol.articles { clear: both; }
.single-issue #content ol.articles > li { padding: 5px 5px 25px; }
.single-issue #content ol.articles > li:hover { background: rgb( 204, 204, 204 ); background: rgba( 204, 204, 204, 0.25 ); }
.single-issue #content ol.articles > li h3 { float: left; width: 180px; margin: 0; font-family: TeXGyreAdventorRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; }
.single-issue #content ol.articles > li .article-details { float: right; width: 310px; }
.single-issue #content ol.articles > li h4 { margin: 0 0 3px; font-size: 16px; line-height: 21px; }
.single-issue #content ol.articles > li h4 a { color: #fff; }
.author #content ol.articles li { margin-bottom: 5px; font-family: TeXGyreAdventorRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; }
.author #content ol.articles li a { font-family: TeXGyreAdventorBold, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; text-transform: uppercase; }

/* Review titles */
ul.review-titles { margin: 0 0 1em 0; }
ul.review-titles li { margin-bottom: 3px !important; }
ul.review-titles li .title { font-family: TeXGyreAdventorItalic, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; }
ul.review-titles li .byline { font-family: TeXGyreAdventorBold, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; text-transform: uppercase; white-space: nowrap; }

/* Issues */
.page-id-36 #content h1 { margin: 0 0 .7em; font-size: 16px; font-weight: normal !important; font-style: normal !important; }
#content ol.issues { margin-left: 170px; }
#content ol.issues li { margin: 0 0 .5em; font: 13px/1.2 TeXGyreAdventorBold, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }

/* Old style with thumbnails
#content ol.issues li { float: left; width: 140px; height: 200px; margin: 0 56px 0 0; }
#content ol.issues li.end { margin-right: 0; }
#content ol.issues li div.cover { width: 140px; height: 140px; margin-bottom: 5px; background: rgb( 255, 255, 255 ); background: rgba( 255, 255, 255, 0.25 ); }
#content ol.issues li h2 { margin: 0; font-size: 11px; line-height: 1.2em; }
*/

/* Footnotes */
#content sup { line-height: 1em; color: #666; }
#content sup a { display: none; }
#content sup a.footnoted { display: inline; color: #333; font-weight: bold; text-decoration: none; }
#content sup a.footnoted:hover, #content sup a.footnoted:focus { color: #ccc; }
#content ol.footnotes { margin: 2em 0; }
#content ol.footnotes li { background: transparent none; padding: 0; margin: 0 0 4px; border: none; list-style: decimal; }
#content ol.footnotes li sup { display: none; }
div.float-a-note { background-color: #333; border-color: #333 !important; color: #ccc; }
div.float-a-note div.footnote { background-color: #333; color: #ccc; }
div.float-a-note div.note-label { background-color: #000; color: #999; }
div.float-a-note + div { display: none; }

/* Footer
-------------------------------------------------------------------*/
#footer { position: absolute; bottom: 20px; overflow: hidden; font-size: 11px; font-family: TeXGyreAdventorBold, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; text-align: center; text-transform: uppercase; color: #666; }
#footer a { color: #999; }
#footer a:hover, #footer a:focus { color: #fff; }
#footer ul { margin: 0 auto; }
#footer li { display: inline; padding: 0 10px; }

/* Cover pages
-------------------------------------------------------------------*/
.cover #wrapper { width: 890px; padding: 0; background: none; }
.cover #header { position: absolute; width: 890px; height: 605px; top: 50%; margin-top: -270px; padding: 0; }
.cover #header #nav-main { width: 235px; margin-top: 120px; }
.cover #header #logo, .home #header #logo a { width: 338px; height: 310px; }
.cover #selected-issue { margin-left: 190px; padding-top: 400px; }

/* Article page
-------------------------------------------------------------------*/
.single-article #content .body-copy { padding: 0; }
.single-article #content .body-copy h2 { margin: 0; }
.single-article #content h1 { margin-bottom: 3px; }
.single-article #content h1.byline { margin-bottom: 10px; font-family: TeXGyreAdventorRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal !important; font-style: normal !important; }
.single-article #content h1.byline a { color: #000; }
.single-article #content h1.byline a:hover, .single-article #content h1.byline a:focus { color: #fff; }
.single-article #content a { color: #333; }
.single-article #content a:hover, .single-article #content a:focus { background-color: #666; color: #fff; }
.single-article #footer { color: #ccc; }
.single-article #footer a { color: #999; }
.single-article #footer a:hover, .single-article #footer a:focus { color: #fff; }

/* Responsive
-------------------------------------------------------------------*/

/* Below 842px wide
@media only screen and ( max-width: 841px ) {

	#wrapper {
		width: 88%;
		padding: 33px 6%;
	}
	#header {
		width: 100%;
	}
	#selected-issue {
		margin-left: 48px;
	}
	#content {
		width: 88%;
		margin-left: 12%;
	}
	#content.full-width {
		width: 100%;
		margin: 40px 0 !important;
	}
	#content ol.issues li.end {
		margin-right: 56px;
	}
	#content .body-copy {
		padding-left: 0;
	}
	#content .body-copy h2 {
		margin-left: 0;
	}
	#content a.img {
		display: block;
	}
	#content img {
		float: none !important;
		display: block !important;
		max-width: 100% !important;
		height: auto !important;
		padding: 1px !important;
		margin: 0 !important;
	}
	#content.full-width {
		margin-top: 20px !important;
	}
	.cover #wrapper {
		width: 100%;
	}
	.cover #header {
		position: static;
		width: 100%;
		margin-top: 0;
		text-align: center;
	}
	.cover #header #logo {
		width: 100%;
		height: 470px;
		float: none;
		margin: 0;
	}
	.cover #selected-issue {
		margin: 0 auto;
		padding: 0;
	}
	.single-article #content {
		width: 90%;
		padding: 30px 5%;
		margin: 30px 0 0 !important;
	}
	.author #content div.photo, .page-template-page_profile-php #content div.photo {
		width: 200px;
		text-align: left;
	}
	.author #content h1, .page-template-page_profile-php #content h1 {
		margin-bottom: 10px;
	}
	.author #content div.details, .page-template-page_profile-php #content div.details {
		float: none;
		width: 100%;
	}

}
 */

/* Below 500px
@media only screen and ( max-width: 499px ) {

	#header {
		height: auto;
		position: relative;
	}
	#header p#logo {
		float: none;
		margin: 0;
		width: 100%;
		height: 263px;
	}
	#header p#logo a {
		width: 100% !important;
		height: 100% !important;
	}
	#header #nav-main {
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 0;
		padding: 10px;
		width: auto;
		text-align: left;
		background-color: #000;
		background-color: rgba( 0, 0, 0, 0.4 );
	}
	#header #nav-main li {
		font-size: 14px;
	}
	#header #selected-issue {
		margin-left: 0;
		padding: 5px 10px;
	}
	#header #selected-issue li {
		float: left;
		margin-right: 20px;
	}
	#content {
		margin: 20px 0;
		width: 100%;
		font-size: 1.3em;
		line-height: 1.5em;
	}
	#content.full-width {
		margin-top: 10px !important;
	}
	.cover #header {
		background-size: 100% auto;
		text-align: left;
	}
	#content h2 {
		margin-top: 1em;
	}
	#content form p {
		margin-bottom: .4em;
	}
	#content a.img .enlarge {
		display: none;
	}
	.cover #header #logo, #header #logo a {
		height: auto !important;
	}
	.cover #header #selected-issue {
		margin: 8% 0 0 12%;
	}
	.cover #header #selected-issue li {
		float: none;
	}
	.single-issue #content ol.articles > li {
		padding-bottom: 10px;
	}
	.single-issue #content ol.articles > li h3 {
		float: none;
		width: auto;
	}
	.single-issue #content ol.articles > li .article-details {
		float: none;
		width: auto;
	}
	.single-article #content {
		margin-top: 10px !important;
	}
	.author #content div.photo, .page-template-page_profile-php #content div.photo {
		float: none;
		width: auto;
	}
	.author #content div.details, .page-template-page_profile-php #content div.details {
		margin-top: 5px;
	}

}
 */