/*
Theme Name: 	Robert Winston Theme 0.2
Theme URI: 		http://signpostdesign.co.uk
Description: 	Robert Winston Theme
Version: 		0.2
Author: 		Charles Harvey
Tags: 			nice, sciency
*/


html, body, div, span,  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,  samp,small, strike, strong, sub, sup, tt, var,b, i,  dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details,  figure, figcaption, footer, header, hgroup, menu, nav, output, 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}
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }


body {font: normal 62.5%  'Ubuntu', sans-serif;background: #eee;color:#333;}

h1 {}
h2 {font-size: 3em;margin:0 0 10px;}
h3 {font-size:2em;margin:0 0 10px;font-weight: bold;}
h4 {font-size: 1.8em;margin:0 0 10px;}
p {font-size:1.5em;padding:0 0 20px;line-height:160%;}
li {font-size:1.5em;padding:0 0 10px;}
li li, li li li, li p {font-size: 1em}
time {font-size: 1.5em;color:#aaa;margin:10px 0 20px;display: block;}

blockquote {background: #eee;border-left:3px solid #ccc;padding:20px 20px 0;margin:0 20px 20px;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}


a:link, a:visited  {color:#03036d;}
a:hover, a:active {color:#ee76a5;-webkit-transition: color 170ms linear;
     -moz-transition: color 170ms linear;
     -o-transition: color 170ms linear;
     -ms-transition: color 170ms linear;
     transition: color 170ms linear;}


.wrap {width: 960px;margin-left:auto;margin-right: auto}
.clear {clear: both;}


.col-12 {padding:30px 30px 20px;width:640px;position:relative;}
.home .col-12 {width:680px;padding:10px;}

.col-4 {width:200px;}
.col-4 img {width:200px;}

.alignleft {float:left;margin:0 10px 0 0;}
.alignright {float:right;margin:0 0 0 10px;}

#featured-slider, article, aside#sidebar section, footer, aside#aside-biography { background: #fff;padding:10px;border-bottom: 4px solid #ddd;margin:0 10px 20px;float:left;}




/* HEADER */
header {position: relative;margin-bottom: 30px;margin-top:33px;height:50px;}
	header h1, header h2 {position: relative;margin:0;font-size:3.5em;text-transform:uppercase;font-weight: bold;
/*
text-shadow:
0px 1px 0 #eee,
0px 2px 0 #eee,
1px 0px 0 #eee,
1px 1px 0 #eee,
1px 2px 0 #eee,
2px 0px 0 #eee,
2px 1px 0 #eee,
2px 2px 0 #eee,
3px 3px 0 #bcf,
3px 4px 0 #bcf,
4px 3px 0 #bcf,
4px 4px 0 #bcf  */


}
	header h1 a,header h2 a {float:left;display: block;width:345px;height:45px;text-decoration: none;}
	header h1 img, header h2 img {display:none}
	header h1 span, header h2 span {display:block}




	nav {
		
		height:51px;color: #03036d;width:595px;float:right;line-height:51px;
		
	}



	nav.fixed {position: fixed;top:0;z-index:347529834798;}
		
		nav ul li {display: inline;font-size:1.6em;text-transform: uppercase;font-weight: bold;margin:0 0px;position: relative;}
		nav ul li a {padding:0 8px;text-decoration: none;display: inline-block;}
	
	
		nav a:link, nav a:visited {color:#03036d;}
		nav a:hover {color:#5dbef0;background: #bedbff;}
	
		nav ul li:hover a {background: #bedbff;}
		nav li.current_page_item a{background: rgba(0,0,0,0.13)}


		li ul.children {position:absolute;top:35px;left:0;display:none;z-index:2347786;width:200px;}
		li:hover ul.children {display:block;}
		li ul.children li {font-size:0.9em;background:#ddd;margin:0;}
		li ul.children li a {display:block;background: rgba(130,200,255,0.8)}
		li ul.children li a:hover {background: rgb(130,200,255);color:white;}


		#menudropdown {display: none;width: 100%;background:rgb(64,164,221);color:white;cursor: pointer;}



#content {position: relative;}






/* FRONT PAGE */

/*FEATURED SLIDER */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;background:rgba(255,255,255,0.7);;height:40px;width: 40px;border-radius: 44px;box-shadow: 0 0 20px #000;text-align: center;font-size:30px;line-height: 36px;color:black;text-decoration: none}
ul.bjqs-controls.v-centered li a:hover {background:rgba(255,255,255,0.9);}
ul.bjqs-controls.v-centered li.bjqs-next a{right:25px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:25px;}



ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;padding:5px;background:#fff;margin:4px;border-bottom:2px solid #ddd;}
p.bjqs-caption{display:block;margin:0;position:absolute;background:rgba(0,0,0,0.5);color:#fff;border-top:1px solid rgba(255,255,255,0.3);padding: 10px;bottom: 10px;width:100%;}



#aside-biography {overflow: hidden;}
#aside-biography img {margin:0}
#aside-biography p {padding:0};

#boxes {position: relative;height:350px;width: 100%;margin:0 0 30px;}
#boxes article {margin:7px ;float:left;background: none;border:none;padding:0background:#fff;padding:10px;}
#boxes article img  {width:200px;height:auto;min-height:200px}
#boxes h3 {text-align: center;color:#03036d;border-bottom: 3px solid #ccc;position: relative;top:-8px;width:80%;margin:0 auto 20px;text-shadow: 0 1px 1px #fff;font-size:3em;}
#boxes h4 {text-align: center;color:#6b6b6b;border-bottom: 3px solid #6b6b6b;position: relative;top:-8px;width:80%;margin:auto;text-transform: uppercase;font-size: 1.7em;font-weight: bold;}
#boxes h3 span, #boxes h4 span {background:#eee;position: relative;top:11px;padding:0 10px;}
#boxes h3 span {top:18px;}




/* PAGES font:italic 6em "Times New Roman", "Book Antiqua", "Baskerville Old Face", "Georgia", serif; */
article {}



	article h1 {font-size:5.5em;font-weight:bold;margin:0 0 20px;}
	
.page article ul {list-style: disc;margin-left:30px;}
.page article ol {list-style: decimal;margin-left:30px;}


.paragraph {margin:0 0 20px;}
.paragraph h3 {cursor: pointer;padding-left:28px;background:url('images/hide.png') no-repeat 4px 4px;}
.paragraph.hidden h3 {background: url('images/reveal.png') no-repeat -4px -3px;}
.paragraph.hidden p, .paragraph.hidden ul, .paragraph.hidden ol {display: none}
 .explanation {display:inline-block;color:#888;background: #eee;padding: 4px;border-radius: 4px;font-size:1.2em;}



/* BOOKS */
.book-list {float:left;margin:8px;width:190px;}
.book-list img {width:180px;height:225px;margin:0 0 10px;}
.book-list h4 {}

.research-list {border-bottom:1px dotted #ccc;padding:15px 0 0;}


/* RADIO ARTICLE  LINK */
.radio {margin-bottom:40px;background:#f1f1f1;padding:20px;}
.article {margin-bottom:40px;background:#f1f1f1;padding:20px;}
.link {margin-bottom:40px;background:#f1f1f1;padding:20px;}
.research {margin-bottom:40px;background:#f1f1f1;padding:20px;}



/* SEARCH PAGE AND ARCHIVES     change colour to icons in corner of boxes */
article.book {background:  #fdd;}
article.research {background:#def;}



/* SINGLE*/
.single article h1 {font-size:3.6em;}
h1 span.breadcrumbs {text-transform:uppercase;font-size:45%;color: #ccc;margin:0 10px 0 0;}
h1 span.breadcrumbs a {color:#ccc;}
.single time {border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;padding:10px 0;width:50%;}


/*.wp-post-image {width: 100%;height: auto;margin:5px 0 15px;} */
.wp-post-image {width:250px;height:auto;float:right;margin:10px 0px 10px 10px}
.wp-post-image.attachment-small {width:200px;height:auto;float:left;margin:0px 10px 10px 0;}

/* COMMENTS */
#comments {clear: both;border-top:2px dotted #aaa;padding: 20px 0;margin:20px 0;}
label {display: block;cursor: pointer;}
input {padding:4px;}
ol.commentol {margin: 0 0 20px;}
ol.commentol li {list-style:none;padding: 15px 10px 0 0 ;border-bottom:1px dotted #a8a8E8;position: relative;}
ol.commentol img.avatar {position:absolute;top:10px;left:0;width:96px;border-radius:36px;}
ol.commentol cite {font-weight:bold;margin:0 10px 0 120px;display: block;}
ol.commentol time {margin:-5px 0 10px 120px;display: block;font-size:0.8em;padding:0;border:0;}
ol.commentol blockquote {margin:0 0 5px 120px;display: block;background:none;border:none;padding:0;}







/* FOOTER */
footer.wrap {max-width:940px;margin-bottom: 20px;float:none;clear:both;font-size:1.5em}








/*  MAIN SIDEBAR */
aside#sidebar {float:left;width:200px;}
aside#sidebar section {width:200px;}


/* 400 and up */
@media screen and (max-width:600px) {



	.wrap, footer.wrap, header, nav, aside#sidebar.col-4{width: 100%; float:none;padding:0;margin:0;}


	.col-12, .col-4 , aside#sidebar section, aside#aside-biography, #featured-slider   {width:80%;float:none;padding:5%;margin:10px 5%;}


	header h1 img, header h2 img {width:80%;margin:80px 0 20px;}
/*
	header {padding: 0}
	nav {overflow: visible;top:0;}
	nav ul {padding:0 30px;}
	nav ul li {height:17px;display:block;float:left;margin:0;padding:  0;line-height:19px;}
	nav ul li a {font-size:75%;margin:0 0 0px;}
*/
header {margin-top:0;}
nav {top:0;height:auto;z-index:1287;}
nav ul {display:none;}
nav:after, nav:before {border:0;}
nav ul li {display: block;}
nav ul li a {display: block;}
#menudropdown {display: block;}



	.book-list {float:none;margin:0 0 20px;}




	p.bjqs-caption {height:42px;}


}