/*
Theme Name: Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme that graced version 1.5 to version 2.9, based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: SPL Design - Taz Johnston
Author URI: http://spldesign.co.uk/
Tags: blue, silver, white, two-columns, fixed-width, right-sidebar, fixed-width, custom-header, threaded-comments, sticky-post, rtl-language-support, translation-ready
Text Domain: kubrick

	

	This theme was built on the original Kubrick Theme by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; 
  background: url(images/bill_roedy.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body { font-size: 86%; color: #666666; font-family: 'Raleway', sans-serif; letter-spacing:0.05em; }
ol, ul { list-style:circle; padding:0 4% 0 4%;}
ul li { margin: 0; padding: 0;}
h1 {font-weight:500; font-size:1.4em;}
h2 {font-weight:600; font-size:1.1em; margin:0 0 0 0;}	
a, img { outline: none; border:none; color: #000; font-weight: 500; }
p { margin: 0.5em 0 10px; line-height: 1.4em; width:100%;}
img { display: block; margin-bottom: 10px;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
	small {margin:0 0 2em 0;}
	small.books a {color:#efefef;}

blockquote {margin:0.5em 1em; width:100%; float: left; font-style:italic;}
	
/* Structure */
#wrapper {
	width: 96%;	
	max-width: 1366px;
	margin: auto;
	padding: 0 2%;
	overflow: auto;
	} 

	#main {
		width: 60%;
		margin-right: 5%;
		float: left;
		}		
		
	aside {
		width: 35%;
		float: right;
		}
		
		
	/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


/* Logo H1 */
header h1 {
	height: 70px;
	width: 160px;
	float: left;
	display: block;
	background: url(../images/demo.gif) 0 0 no-repeat;
	text-indent: -9999px;
	}
		
/* Nav */
header {width: 100%;position: relative; overflow:auto; }

header nav {
	display:none;
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		}

#skipTo {
	display: none;
	}
	#skipTo li {
		background: #b1fffc;
		}
		
		nav a#pull {
	display: none;
}


#pull {display:none;}

.logo { background:#000; margin:0 80% 3em 0;}
.logo img, .third_thumb img {width:100%; height:auto;}

.logo, #aside {width:20%; float:left; min-width:148px; max-width:158px; }


/*Begin Content*/

#content {width:100%; display:block; position:relative; overflow:auto;}

.green, .page-item-9 {background:#6f9e32;}
.green_child {background: #8bc53f;}
.blue, .page-item-13 {background:#00adee;}
.blue_child {background: #58b5e6;}
.pink, .page-item-15 {background:#ec008c;}
.pink_child {background:#eb4297;}
.orange, .page-item-17 {background: #ff6633;}
.orange_child {background: #f4774a;}
.dk_blue, .page-item-181 {background: #0071bb;}
.dk_blue_child {background: #73b1da;}
.grey {background:#666666;}
.teal, .page-item-11, .page-item-39 {background:#00a89c;}
.teal_child {background: #5cb5ac;}

.right {text-align:right;}


/* Home */

#home_page {color:#fff; line-height:2.5em; width:60%; float:left; margin:0 40% 0 0;}
#home_page h1, #home_page h2 {text-transform:uppercase; font-size:2em; line-height:1.2em;}
#home_page p {margin:1em 0 1.2em 0;}	

#home_page h1 a, #home_page h2 a, #home_page a {text-decoration:none; color:#fff;}
#home_page a{font-weight:400;}




.row {width:100%; float:left;  max-height: 80px; min-height:70px; }
#button {width:28%; padding:0 0 0 2%; float:left; display:inline-block; color: #fff; min-width:210px; max-width:245px;}
#button a {text-decoration:none; colour: #fff;}
#button p {width: 90%; display:inline-block; float:left; padding:0; margin:0.8em 0 0.7em 0;}
#button:after {font-family: FontAwesome; content:"\f0da"; display: inline-block; width:4%; padding:0.2em 4% 0 0;
vertical-align: middle; text-align:right;}

.logos {width:58%; float:right;display:inline-block; margin:0 0 0 4%;}
.bx-wrapper {width:100%; float:left; max-height:100px;}

/*sidebar*/
#aside {margin:2em 0 0 0;}
#aside a {color:#fff; text-decoration:none; font-weight:normal;}
.accord-header, .accord-content {padding:0.5em;}
.accord-content { display: none; }
.accord-content li {list-style:none; padding:0.2em;}

#aside .current_page_item a, .current-cat a {color:#000 !important;}
#aside .page-item-251, .page-item-2075 {font-style:italic; font-weight:normal;}

.sub, .cat-item-14 {font-style:italic; margin-top:0.5em; padding-top:0.5em !important; border-top:1px dotted #fff;}

.active-side a {color:#000 !important;}

.children ul {padding:0; color:#fff;}
.children a, .page-item a, .page-item-251 a {color:#fff;}

.social {width:100%; float:left; margin-top: 1em;}
.social img, .mobile_nav img {float:left; display:inline-block; width:30px; height:auto; margin:0 0.5em 0 0; }

/*pages*/


#page {width:78%; float:left; margin:2em 0 0 2%; background:#fff;  display:inline-block; max-width:920px; padding:0 0 2em 0;}
#page p, #page h2,#page.org_logo, .page_row {padding:0 2%; width:96%; display:inline-block;}
#page h1 {background:#000; color: #fff; padding:0.9em 2% 0.4em 2%; min-height: 1.8em; margin:0 0 1.2em 0; font-weight:400; }
#page h1 a {color:#fff; text-decoration:none; font-weight:400;}
#page h2 {font-style:italic; color:#000;}

.mobile_nav {display:none;}

.page_row, .two_thirds, .third, .third_thumb {float:left; display:inline-block; position:relative;}
.third h3, .two_thirds h3 {font-weight:normal; font-style:italic; font-size:1em; padding:0 0 1em 2%;}
.third p {padding:0 0 0 2%;}



.page_row {width:98%;}

.two_thirds {width:62.666%; margin:0 2%;}
.third, .third_thumb {width:31.333%; margin:0 2% 0 0;}
.third_thumb {margin-top:0.6em;}
.third a {font-weight:normal; color:#666666;}

.icon, .icon_archive{float:left; min-width:10px;}
.icon {width:10%}
.icon_archive {width:5%;}
.icon_text {width:90%; float:left;}
.icon_text_archive{width:95%; float:left;}

.icon, .icon_text {margin:0 0 0.8em 0;}
.icon_right {margin:-1em 0 1em 90%; float:right; width:10%;}

.cat_thumb img {width:40%; height:auto; float:left; padding:0 2% 0 2%;}

.fifty {width:48%; float:left; margin:0 2% 0 0;}
.fifty img, .third img {width: 48%; float:left; max-width: 120px; margin:0; padding:0 2% 0 0;}
.page_row img {margin:0 2% 2em 2%; width:96%; height:auto;}


.spacer {width:100%; display:inline-block; height:0.5em; margin:0.25em 0;}

.page_carousel {width:96%; margin:2em 2%; float:left; display:inline-block;}

/*about page*/

#page.about {border-top:10px solid #6f9e32;}
.about.third a {color:#72BF44;}
.spacer.about {border-top:1px solid #72BF44;}


.ngg-breadcrumbs, .ngg-albumoverview {padding: 0 2% !important;}
.ngg-album-compact h4 .ngg-album-desc {height:auto !important;}
.ngg-album-compact p {margin: 1em 0 !important;}
.ngg-galleryoverview {width:94%; padding:0 2%;}

/*archive*/

.crumb, .crumb a, .crumb p {font-size:80%; color:#A3A1A2; font-weight:normal;}


/*organisations*/

.org_logo {float:left; width:30%; margin:1em 2% 1em 0; max-width:220px; height:100px;}

.org_info {float:left; width:62%;  bottom:30px; display:inline-block; position:absolute; text-align:right;}
.org_info a {text-decoration:none; font-style:italic; color:#a7a9ac;}
.org_info a:hover {color:#666666; }


/*global health*/

#page.global_health {border-top:10px solid #00adee;}
#page.global_health h2, #page.global_health small a {color:#00adee;}


/*business*/

#page.business {border-top:10px solid #ec008c;}
#page.business small a {color: #ec008c;}

/*geo political*/

#page.geopolitical {border-top:10px solid #00a89c;}


/*education*/

#page.education {border-top:10px solid #f4774a;}

/*books*/

#page.books {border-top:10px solid #0071bb;}
.books a, .books h3 {color: #0071bb; text-decoration:none;}
.books h3 a  {font-weight:500;}
.books a {font-weight:400;}
.books a:hover {color:#73b1da;}
.spacer.books {border-top:1px solid #0071bb;}
.books h3 {font-weight:500; font-size:1em; padding:0 2% 1em 0;}

/*default*/


#page.default {border-top:10px solid #00a89c;}


.back-to-top { margin: 0; padding:0.5em 2%;
 
position: fixed;
 
bottom: 1em;
 
right: 0;
 
width: 16px;
 
height: 16px;
 
z-index: 100;
 
display: none;
 
text-decoration: none;
 
color: #72BF44;

 
}

/*archive*/

.video {position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;}
	
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}

 .single_thumb img{float:left;  display:block; width:30%;} 
 
.quote p {margin: -0em 2.4% 0 -2%;  font-style:italic; width:84% !important;}

.spacer.archive {border-top:1px solid #efefef; margin-bottom:1em;}

/*blog*/

.news_image {width:96%; padding:0 2%; color: #C3C2C2; font-weight:400; font-style:italic; margin:0 0 1em 0;}
.news_image img {max-width:100%; height:auto;}

	 
.back-to-top i {
 
  font-size: 1.2em;
 
}



/*footer*/

#footer { margin:2em 0; font-size:0.8em; width:96%; max-width:1366px; }
#footer a{color: #666666;font-weight:normal; text-decoration:none;}
#footer a:hover{text-decoration:underline}
#footer p {width:100%; float:left;}


/* Media Queries */

@media screen and (max-width: 1020px) {
	
	.logos {width:52%;}


}


@media screen and (max-width: 945px) {
		#home_page {width:70%;}

.third_thumb img {width:100%; height:auto; min-width:0; max-width:none; padding-top:0;}
.third img {max-width:160px;}

}

@media screen and (max-width: 780px) {
	
#home_page {width:80%;}
#page {width:74%;}
.two_thirds {width:96%; margin: 0 2%;}
.third {width:92%; margin:1em 4%;}
.third.books {border-top:1px solid#0071bb; padding:1em 0 0 0;}
.two_thirds.books {width:62.666%; float:left;}
.icon{width:5%;}
.icon_text {width:95%;}

}



@media screen and (max-width: 650px) {

html { overflow-y: scroll; 
  background: url(images/bill_roedy_vertical.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
	
	header nav {
		
		clear: left;
		margin: 0; 
		width: 100%;
		display:block; position:relative;
		overflow:hidden;
		}	
		
	nav {
		border-bottom: 0;  position:fixed; float:right; right:0; width:100%; 
	}
	nav ul {
		    display: none;
    height: auto;
    border: 0;
    width: 100%;
    margin: 0;
    padding: 0;}
	
		header nav li {
			margin: 0; padding:0;
			background: #efefef;
			display: block;
			width:100%;
			
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				text-decoration:none;
				color:#ffffff;
				}	
				
	
nav a#pull {
    display: block;
    width: 100%;
    position: relative;
    height: 40px;
	padding:0;
	
	}
	nav a#pull:after {
    content: "";
    background: url('./images/nav-icon.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 20px;
}
	
	#pull img {height:100px; width:auto; float:left;}	
	
	.logo, #aside, .logos {display:none;}
	#page, #home_page, .org_logo {width:100%; margin:0; padding:0;}
	#home_page {margin: 48% 0 0 0;}
	#page {margin: 52% 0 0 0;}
	
	.mobile_nav {width:98%; display:block; padding: 0 0 0 2%;}
	.mobile_nav li, .mobile_nav ul {list-style:none; width:auto; float:left; padding:0 0.5em 0 0;}
	.mobile_nav a {color: #666666; font-weight:400; }
	.mob_sub li {border-right:0.75px solid; padding-right:0 0.5em; margin-left:0.5em;}
	.mob_sub li:first-child{margin-left:0;}
	.mob_child a {font-weight:200; font-style:italic;}
	
	#button, .org_info {width:96%; padding-left:2%; min-width:0; max-width:none; margin:0 2% 0 0;} 
	.row {min-height:0; max-height:none;}
	.logos { margin:1em auto;}
	
	.org_info, .org_logo {position:relative; display:inline-block;}
	
	.org_logo img {margin:0 25% 0 25%; max-width:none; min-width:0;}
	.org_info {margin:2.5em 0 0 0;}
	
	#footer {padding:0 2%; width:94%;}
	
	
}

@media screen and (max-width: 480px) {
	
		#page {margin: 46% 0 0 0;}
		.third_thumb{width:100%; text-align:center;}
		.third_thumb img {max-height:200px; width:auto; margin: 0.6em 25% 0 25%;}
		.two_thirds.books {width:100%;}

	
}
	



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */