/*
Theme Name: Daniel Forrester
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Find out more at Underscores.me.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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;
	font-family: "Open Sans", sans-serif; 
	font-weight: 13px; 
	color: #2c2c2c;
}
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;
}
a {
	text-decoration: none;
	color: inherit;
}
p {margin-bottom: 1.25em}

h1 {font-size: 1.6em;}
h2 {font-size: 1.5em}
h3 {font-size: 1.4em}
strong {font-weight: 700}

/* END RESET */
.thruue a {text-decoration: underline}
a:hover {color: #2ca8de!important}

body {background-color: #e6e6e6}
.wrapper {
	width: 1140px; 
	margin: 0 auto;
	margin-top: 12px
	}
header.site-header {
	height: 230px
}
.header {
	width: 390px; 
	height: 183px; 
	float: left; 
	} 

nav.navigation-main {
	float: left;
	margin-left: 80px;
	width: 265px;
	border-right: 1px solid #aaa;
	padding-bottom: 10px;
	}

nav.navigation-main a, 
nav.nav-social h1 {
	color: #494949; 
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 20px;
	padding: 4px 10px 4px 6px;
	width: 150px; 
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	}

nav.navigation-main li.current_page_item a,
nav.nav-social h1 {
	color: #2ca8de; 
	background-color: #212121; 
	}

nav.nav-social ul {position: relative}

nav.nav-social {
	float: right;
	}

nav.nav-social li {
	width: 65px;
	height: 65px;
	background-color: #212121;
	float: right; 
	box-shadow: 2px 0px 3px rgba(0,0,0,0.65);
	}
nav.nav-social li img {
	width: 63px; 
	height: 63px;
	margin-left: 2px;
}
nav.nav-social li:nth-child(1) {background: rgba(0, 0, 0, 0.5);}
nav.nav-social li:nth-child(2) {background: rgba(0, 0, 0, 0.6);}
nav.nav-social li:nth-child(3) {background: rgba(0, 0, 0, 0.68);}
nav.nav-social li:nth-child(4) {background: rgba(0, 0, 0, 0.75);}



/* twitter */
nav.nav-social li ul {
	position: absolute;
	top: 65px;
	left: -9999px;
	opacity: 0;
	transition: opacity 250ms linear;
}
nav.nav-social li:hover ul {
	left: 0;
	opacity: 1;
}
nav.nav-social li:nth-child(2) .latest-tweets {opacity: 1}
.latest-tweets {
	width: 230px!important; 
	float: left; 
	background-color: #212121;
	float: left;
	padding: 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	margin-top: 20px;
		}
.latest-tweets img {padding:5px!important}	
.arrow {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #212121!important;
	position: absolute;
	top: 0px; 
}
	
.twtr-ft
{
display: none;
}
/* Home Page  */

.home-page {
	width: 100%;
	float: left;
	margin-top: 35px;
	}
.welcome h1 {
	color: #2ca8de;
	font-size: 75px; 
	font-family: "Open Sans", sans-serif;
	font-weight: 100;
	text-transform: uppercase;
	margin-bottom: 25px;
	font-style: normal;
	}
	
.welcome {
	font-size: 32px; 
	font-style: italic;
	font-family: Georgia, serif;
	line-height: 1.85em;
	color: #606060;
	width: 1050px;
	margin-bottom: 50px;
	}

.tiles {
	width: 100%; 
	float: left;
	margin-bottom: 70px;
	}

.tiles li {
	float: right; 
	margin-right: 0px;
	width: 285px; 
	height: 285px;
	overflow: hidden;
	box-shadow: 3px 0px 3px rgba(0,0,0,0.45) 
	}



.thinkers-box {
	float: left; 
	width: 520px; 
	height: 540px; 
	color: #fff;
	font-size: 15px; 
	line-height: 1.95em;
	background-color: #c0c0c0;
	padding: 18px 25px;
	margin-right: -1px;
	position: relative;
	z-index: 2;
	box-shadow: 5px 0px 7px rgba(0,0,0,0.65);
	}

.thruue {
	float: left; 
	width: 520px; 
	height: 540px; 
	color: #fff;
	font-size: 15px; 
	line-height: 1.95em;
	background-color: #2e2e2e;
	padding: 18px 25px;
	position: relative;
	z-index: 1;
	box-shadow: 3px 0px 7px rgba(0,0,0,0.3);
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	}
	
.thruue h1 {
	font-family: "Open Sans", sans-serif;
	font-size: 33px; 
	font-weight: 900;
	color: #fff;
	margin-bottom: 10px;
	}

.thinkers-box h1 {
	font-family: "Open Sans", sans-serif;
	font-size: 33px; 
	font-weight: 900;
	color: #2c2c2c;
	margin-bottom: 10px;
	}

.thinkers-blue {
	color: #2ca8de;
}
.thruue-yellow {
	color: #d1a616;
	}


ul.reflective-thinkers h3 {
	color: #434343;
	font-size: 32px; 
	font-family: "Open Sans", sans-serif;
	font-weight: 100; 
	line-height: 1.35em;
	margin-top: 10px;
}

ul.reflective-thinkers a.thinker-byline {
	display: block; 
	width: 100%; 
	clear: both; 
	text-align: right;
	color: #2ca8de;
	text-transform: uppercase;
	font-size: 22px; 
	font-weight: 700;
}
ul.reflective-thinkers a:hover {
	color: #434343!important;
}



#content {
	width: 100%;
	float: left;
	
}

/* PAGES */

.page-content p {
	color: #2c2c2c; 
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 1.75em;
	}


.page-content h1 {
	color: #2ca8de;
	font-size: 45px; 
	font-family: "Open Sans", sans-serif;
	font-weight: 100;
	text-transform: uppercase;
	margin-bottom: 25px;
	font-style: normal;
	margin-top: 50px;
	} 
.page-w-sidebar {
	width: 600px!important;
	float: left;
}

.contact-form {
	float: left; 
	width: 680px; 
	}
	
.speaking {
	float: right;
	width: 405px; 
	margin-left: 10px;
	}

.contact-form p {
	float: left;
	font-size: 16px; 
	font-family: "Open Sans", sans-serif;
	color: #434343;
	text-transform: uppercase;
	font-weight: 900;
	 }
	 
.contact-form p.name-email {
	width: 300px; 
	margin-right: 30px;
	}	

	
.contact-form input[type=text] {
	width: 300px; 
	height: 2em; 
	border: 0; 
	border: 1px solid #999; 
	background-color: #efefef;
	border-radius: 3px; 
	float: left; 
	font-family: "Open Sans", sans-serif;
	font-weight: 100;
	padding-left: 5px; 
	font-size: 16px; 
	margin-top: 5px;
	}
.contact-form textarea {
	width: 630px; 
	height: 260px; 
	border: 0; 
	border: 1px solid #999; 
	background-color: #efefef;
	border-radius: 3px; 
	float: left; 
	font-family: "open Sans", sans-serif;
	font-weight: 100;
	padding-left: 5px; 
	font-size: 16px; 
	margin-top: 5px;
	}

.contact-form p.subject, .contact-form p.subject input[type=text] {
	width: 630px; 
	} 

.contact-form p.submit {clear: left}
	
.contact-form input[type=submit] {
	clear: both!important;
	float: left;
	border: 0; 
	background-color: #212121;
	color: #2ca8de;
	font-size: 16px;
	text-transform: uppercase; 
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	padding: 8px 12px 6px 12px; 
	border-radius: 3px;
	cursor: pointer;
	}
.contact-form input[type=submit]:hover {
	background-color: #434343
	}

/* footer */
footer.site-footer {
	width: 100%;
	float: left; 
	height: 100px;
	}

ul .latest-tweets h3 {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	color: white; 
	text-transform: uppercase;
	font-size: 17px;
	}

ul .latest-tweets input[type=text] {
	float: left;
	border: 0; 
	background-color: transparent; 
	border: 1px solid #666; 
	height: 30px; 
	color: #dcdcdc; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 14px;
	width: 155px;
	padding-left: 5px;
	border-radius: 3px;
} 

ul .latest-tweets input.button[type=submit] {
	background-color: #777; 
	color: #dcdcdc;
	border: 0;
	height: 33px;
	float: left;
	border-radius: 3px; 
	margin-left: 10px;
	cursor: pointer;
	
}

label.mc_var_label {display: none}



/* BLOG */
img.alignleft {
	float: left; 
	margin: 0px 30px 10px 0
	}
	
img.alignright {
	float: right; 
	margin: 0px 0 10px 30px;
	}
	
body.blog #content {
	float: left; 
	width: 640px;
	}
	
article a {
	color: #2ca8de;
	}
	
article a:hover {
	text-decoration: underline
	}
	
article {
	width:640px;
	line-height: 1.65em; 
	}
	
article h1.entry-title {
	color: #2ca8de; 
	font-family: "Open Sans", sans-serif; 
	font-weight: 100;
	font-size: 24px; 	
	}

article footer {	
	padding-bottom: 0px; 
	border-bottom: 1px solid #aaa;
	margin-bottom: 40px; 
	padding-bottom: 25px;
	}

.sidebar {
	width: 400px; 
	float: right;

	}
.site-main {
	margin-top: 30px;
}
time.entry-date {
	text-transform: uppercase; 
	font-size: 12px;
	}
	
nav.navigation-paging, nav.navigation-post {
	width: 640px; 
	margin: 0 auto;
	}

.previous {float: left}
.next {float: right}


/* single */
.comments {
	width: 640px;
}



/* BOOK PAGE */
.book-page {position: relative;}
.book-page h1 {
	font-weight: 900;
	margin-bottom: 0;
	position: absolute;
	top: 140px; 
	left: 330px;
	
}
.book-page h3 {
	font-weight: 100; 
	font-size: 22px; 
	color: #666;
	width: 360px;
	position: absolute; 
	top: 245px; 
	left: 330px;
}
.book-page img.book-img {margin-left: -270px;}

.book-page .contact-daniel {
	position: absolute;
	top: 50px; 
	right: 0px; 
	width: 230px; 
	padding-left: 20px;
}
.book-page .contact-daniel img {
	margin-top: 12px;
	opacity: .8;
}

.book-page .contact-daniel img:hover {opacity: 1}

.book-page .book-content {
	margin: -70px 0 0 330px; 
	width: 650px
}

/* FOOTER */

footer.site-footer {
	width: 100%;
	height: 50px; 
	background-color: #212121;
	margin-top: 50px;
	color: #efefef; 
	text-align: center;
	line-height: 37px;
	font-size: 11px;
	margin-bottom: -20px;

}

footer .follow {
	width: 100px; 
	float: right;
	
}
footer .follow img {
	padding-top: 2px;
}


.videos {float: left; margin-top: 45px; width: 600px; border-bottom: 1px solid #ccc; padding-bottom: 40px}
.videos iframe {width: 600px;}
.videos h3 {font-family: 'Open Sans', sans-serif; font-weight: 900; font-size: 15px; text-transform: uppercase}

ul.speaking {padding-left: 20px; line-height: 1.5em; margin-bottom: 10px}

.contact-daniel {width: 300px; padding: 13px 10px 5px 10px; background-color: #1a1a1a; color: #efefef; }
.contact-daniel h4 {
	color: #2ca8de; 
	font-family: "Open Sans", sans-serif; 
	font-weight: 100;
	font-size: 20px; 	
	margin: 0; 
	line-height: 1em; 
	margin-bottom: 7px;
	}
.contact-daniel p {color: #efefef; font-size: 13px; }


/* Basic jQuery Slider essential styles */
#reflective-thinkers {float: left;position: relative;}
.more-thinkers {position: absolute; bottom: 25px; width: 510px; text-align: right; height: 20px;}
.more-thinkers a {color: #434343; font-weight: 700}
.more-thinkers a:hover {color: #2ca8de}
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{display: none}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; position: relative; bottom: 70px; }
ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	font-weight: 700;
	color: 	#2ca8de; 
}

ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline; width: 30px; background-color: #434343; height: 30px; float: left; margin-right: 8px;}
ol.bjqs-markers li a{display:inline-block; color: #efefef; }
p.bjqs-caption{display:none;}