/*
Theme Name: Emotion & Self Lab Custom Theme
Author: Creative B'stro
Author URI: http://bstro.com
Description: Custom theme developed by Creative B'stro for the UBC Emotion & Self Lab
Version: 1
Tags: custom, bstro, ubc emotion & self lab, emotion lab
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */
 
body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #810e1a; color: #fff; text-shadow: none; }
::selection { background: #810e1a; color: #fff; text-shadow: none; }

p{
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5, h6{
	margin:0px;
	padding:0px; 
}

/* =============================================================================
   Links
   ========================================================================== */

a { color: #810e1a; text-decoration:none; font-style:normal;}
a:visited { color: #810e1a; }
a:hover { color: #810e1a; text-decoration:underline;}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; height: auto;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Font
   ========================================================================== */

@font-face {
  font-family: 'MuseoSlab-500';
  src: url('font/MuseoSlab-500.eot?#iefix') format('embedded-opentype'),  url('font/MuseoSlab-500.otf')  format('opentype'),
	     url('font/MuseoSlab-500.woff') format('woff'), url('font/MuseoSlab-500.ttf')  format('truetype'), url('font/MuseoSlab-500.svg#MuseoSlab-500') format('svg');
  font-weight: normal;
  font-style: normal;
}




/* ==|== primary styles =====================================================
   Author: Lauren From Creative B'stro
   ========================================================================== */
   
/*--------- Headers --------*/
h1{
	font-size:183.3%;
	line-height:122.8%;
	color:#810e1a;
	font-weight:normal;
	font-family: 'MuseoSlab-500';
}


/*html {-webkit-text-size-adjust:none} */ /*stop text resizing on the iphone (used in older boilerplate, not sure if normalise CSS stops this...*/

/*--------- Sticky Footer --------*/

html{
 	height:100%;
}
body{
 	height:100%;
 	width:100%;
 	background-color:#f9f5e7;
 	background-image: url("images/bg-body.jpg");
	background-position:center;
 	background-repeat:repeat-y;
}
#main{
	min-height: 100%;
	position: relative;
} 
/*.ie6 #main{
	height:100%;
}*/
footer{
	background-color: #450c0c;
	position: absolute;
	bottom:0px;
	width:100%;
	clear:both;
	border-top:8px solid #810e1a;
} 
/*#content-wrapper{
	min-width:980px;
	max-width:1000px;
	width:auto;
	min-height: 100%;
	position: relative;
	margin: 0px auto 0px auto;
	background-color:#fff;
}*/

footer .content-wrapper {
	max-width: 960px;
    padding: 25px 0px;
    margin: 0px auto 0px auto;
}
#content{
	max-width:960px;
	padding:40px 0px 0px 0px;
	margin: 0px auto 0px auto;
	padding-bottom:270px;/*135 x 2*/
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:92.3%;
	color:#444444;
	line-height:183.4%;
}

.footer-col {
	float: left;
}

.footer-col.left {
	width: 44%;
	padding-right: 20px;
	box-sizing: border-box;
}

.footer-col.mid {
	width: 34%;
	padding-right: 20px;
	box-sizing: border-box;
}

.footer-col.right {
	width: 22%;
}
/*--------- Header --------*/

header{
	padding:13px 0px 0px 0px;
	background-image: url("images/bg-header.jpg");
 	background-repeat:repeat-x;
 	font-family: Georgia, Times New Roman, Times, serif;
}
#header-content{
	max-width: 960px;
	margin: 0px auto 0px auto;
	background-color:#fff;
	overflow: hidden;
}
header hgroup{
	padding:30px 0px 30px 10px;
	min-height:40px;
}
.logo{
	display:inline;
	font-family: 'MuseoSlab-500';
	
}

.logo a:hover {
	text-decoration: none;
}
h1.logo{
	font-size:276.9%;
	line-height:100%;
	color:#444444;
	font-weight:bold;
}
h2.logo{
	font-size:92.37%;
	line-height:100%;
	margin-left:10px;
	text-transform:uppercase;
	color:#666666;	
	font-weight:normal;
}
#header-nav{
	border-top:1px solid #888888;
	border-bottom:1px solid #888888;
	padding:1px 0px 1px 0px;
	color:#444444;
	text-transform:uppercase;
	position:relative;
}
#header-nav ul{
	list-style-type:none;
	border-top:2px solid #d0d0d0;
	border-bottom:2px solid #d0d0d0;
	min-height:37px;
}
#header-nav li{
	float:left;
	border-left:1px dotted #929292;
}
#header-nav li:last-child{
	border-right:1px dotted #929292;	
}
#header-nav a{
	text-decoration:none; 
	display:block;
	color:#444444;
	border-bottom:2px solid #fff;
	padding:10px 11px 9px 11px;
	font-style:normal;
	font-family: 'MuseoSlab-500';
}
#header-nav a:hover, #header-nav .current-menu-item a, #header-nav .current-page-ancestor a, #header-nav .current_page_parent a{
	color:#fff;
	border-bottom:2px solid #450c0c;
	background-color:#810e1a;
}
#form-positioner{
	position:absolute;
	top:0px;
	right:0px;
}
form#global-search{
	position:relative;
	border:1px solid #c6c6c6;
	height:27px;
	width:171px;
	margin-top:7px;
	background-color:#fafafa;
	text-transform:none;

}
input#submit-search{
	background-color: transparent;
    background-image: url("images/btn-submit.jpg");
    background-repeat: no-repeat;
    border: medium none;
    height: 28px;
    width: 27px;
    padding: 0;
    position: absolute;
    text-indent: -999px;
    right: 0px;
    top: 0px; 
    cursor:pointer;
}
label.input, label.input span{
	cursor:text;
}
#header-search-label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header-search-label.input {
  margin: 0px 0px;
  background: transparent;
  /*float: right;
  clear: both;*/
  cursor:default;
  position: relative;
  display: block;
}
#header-search-label.input span {
  position: absolute;
  padding: 0px;
  padding-top:4px;
  margin-left: 0px;
  color: #8c8c8c;
  font-size:11px;
  line-height:11px;
  text-align:left;
  width:130px;
  margin-left:10px;
  top:0px;
  left:0px;
}
	
#header-search-label.input input{
  position: relative;
  margin: 0;
  border-width: 0px;
  border:none;
  padding: 0px;
  background: transparent;
  font: inherit;
  font-size:11px;
  line-height:11px;
  width:100%;
  height:27px;
  color:#444444;
  text-align:left;
  outline:none;
  padding: 0 38px 0 10px;
  box-sizing: border-box;
}
	.webkit #header-search-label.input span{
	  padding-top:8px;
	}
	
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { /*padding: 4px;*/ }
}

#header-content .menu-toggle {
	display: none;
}

/*--------- Content - Home Page --------*/

#home-col1{
	width:73%;
}
#home-col2{
	padding-left:20px;
	width:27%;
	box-sizing: border-box;
}

#home-col1 .theme-default .nivo-controlNav {
	right: 10px;
	margin: 0 !important;
	left: auto;
}

#carousel{
	width:700px;
	min-height: 340px;
	position:relative;
}
	.carousel-control{
		height:25px;
		width:26px;
		display:block;
		background-image: url("images/sprite-carousel-controls.png");
		position:absolute;
		top:156px;
	}
	#left-control{
		background-position:0px 0px;
		left:15px;
	}
	#right-control{
		background-position:-26px 0px;
		right:15px;
	}
	#left-control:hover{
		background-position:-52px 0px;
		left:15px;
	}
	#right-control:hover{
		background-position:-78px 0px;
		right:15px;
	}
	#carousel-scroller{
		width:700px;
		margin:0px auto 0px auto;
		position:absolute;
		top:317px;
		/*left:250px;*/
		text-align:center;
	}
	#carousel-list{
		text-align:center;
		list-style-type:none;
	}
	#carousel-list li{
		display:inline;
	}
	.scroller{
		height:18px;
		width:16px;
		display:inline-block;
		background-image: url("images/sprite-carousel-controls.png");	
	}
	.scroller.on{
		background-position:-16px -25px;
	}
	.scroller.off{
		background-position:0px -25px;
	}
	.scroller:hover{
		background-position:-16px -25px;
	}
	
#about{
	border:1px solid #ded6bc;
	background-color: #f9f5e7;
	padding:9px;
	margin:-30px 0px 20px 0px;
}
	#about section{
		background-color:#fffcf2;
		padding:15px 10px 25px 10px;
	}
	#about section h1{
		color:#8d725e;
		font-size:233.3%;
		line-height:115%;
	}
	#about section p{
		padding-top:10px;
	}

.featured-media img {
	max-width: 100%;
	height: auto;
}

.featured-media .media-item {
	width: 50%;
}

.featured-projects .box-content, .featured-media.column .box-content {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.featured-media .standard .box-content + .box-content {
	border-top: 1px dotted #d0d0d0;
}

.featured-projects .box-content:nth-child(2n + 2), .featured-media.column .box-content:nth-child(2n + 2) {
	padding-left: 30px;
}
.featured-projects .box-content:nth-child(2n + 1), .featured-media.column .box-content:nth-child(2n + 1) {
	border-right: 1px dotted #d0d0d0;
	padding-right: 30px;
}

.featured-projects .box-content:nth-child(2n) ~ .box-content {
	border-top: 1px dotted #d0d0d0;
}

@media(max-width: 640px){
	.featured-projects .box-content, .featured-media.grid .custom, .featured-media.grid .standard, .featured-media.column .box-content {
		float: none;
		width: auto;
	}
	
	.featured-media.grid .custom {
		border-bottom: 1px dotted #d0d0d0;
		border-right: none;
	}
	
	.featured-projects .box-content:first-child ~ .box-content {
		border-top: 1px dotted #d0d0d0
	}
	
	.featured-media.grid .custom .box-content p:first-child img:first-child {
		margin-top: 0;
	}
	
	#content .featured-projects .box-content, #content .featured-media .box-content {
		padding: 25px 10px 20px 10px;
		border-right: none;
		border-left: none;
	}
}
	
/*--------- Content Boxes --------*/	
.box-column-left{
	width:50%;
	padding-right:10px;
	box-sizing: border-box;
}
.box-column-right{
	width: 50%;
	padding-left:10px;
	box-sizing: border-box;
}
.box{

}

/* Size */
/*.box-240{
	width:240px;
}
.box-340{
	width:340px;
}
.box-320{
	width:320px;
}
.box-700{
	width:700px;
	overflow:hidden;
}*/

/* Grey */
.grey-box{
	margin-bottom:20px;
}
.grey-box .box-top{
	border-color:#888888;
}
.grey-box .h2-border, .box .grey-box h2{
	border-color:#d0d0d0;
	color:#666666;
}
.grey-box .box-bottom{
	border-color:#e7e7e7;
	background-color:#fafafa;
}
.grey-box .box-content{
	padding:25px 10px 20px 10px;
}
.grey-box .box-content.border{
	border-color:#d0d0d0;
}
.grey-box .box-content h3{
 	font-family: Georgia, Times New Roman, Times, serif;
 	font-size:166.6%;
 	color:#810e1a;
 	font-weight:normal;
 	position:relative;
}

.grey-box h3:not(.no-replace), .red-box h3:not(.book), .red-box h3:not(.no-replace) {
	font-family: 'MuseoSlab-500';
}

.grey-box .box-content h3.padding-btm{
	padding-bottom:3px;
}
.grey-box .box-content h3 a{
	font-style:normal;
}
.grey-box .box-content h4{
	font-size:108.3%;
	font-weight:bold;
}
.grey-box .box-content h4.authors{
	padding-bottom:3px;
	font-weight:normal;
}
.grey-box .box-content h4.publication{
	font-size:100%;
	font-style:italic;
	color:#8d725e;
	padding-top:1px;
	font-weight:normal;
}
.grey-box .box-content h4.metadata{
	font-size:91.6%;
	line-height:163.7%;
	font-style:normal;
	font-weight:normal;
	color:#8d725e;
	padding-top:1px;
	display:inline-block;
}
.grey-box .box-content h4.metadata a{
	color:#8d725e;
}
.grey-box .box-content h4.metadata.cat-tags{
	display:block;
}
.grey-box .box-content h4.metadata.padding-bottom{
	padding-bottom:20px;
}
.grey-box .box-content h4.comments{
	font-size:91.6%;
	line-height:163.7%;
	font-style:normal;
	padding-top:1px;
	display:inline-block;
		font-weight:normal;
}
.grey-box .box-content h4.comments a{
	font-style:normal;
	color:#810e1a;
	background-image: url('images/icon-comments.jpg');
	background-position: 100% 100%;
	background-repeat:no-repeat;
	padding-right:20px;
	display:block;
}

.box .grey-box .box-content h4.yellow{
	color:#8d725e;
	font-weight:normal;
}
.box .grey-box .box-content h4.yellow.title{
	font-size:100%;
	line-height:150%;
}
.grey-box .box-content h4.black{
	color:#444444;
}
.grey-box p{
	padding:10px 0px 10px 0px;
	/*margin:10px 0px 10px 0px;*/
}
.grey-box a.read-more{
	color:#8d725e;
}
.grey-box img{
	/*margin:10px;*/
	/**/
	border: 1px solid #E8E8E8;
	/**/
}
#home-col1 .grey-box  img{
	margin-bottom:10px;
	max-width:100%;
	overflow:hidden;
}
#home-col1 img{
	border:none;
}
.grey-box ul{
	list-style:none;
	padding:15px 15px 15px 15px;
}
.grey-box ul li{
	background-image: url('images/icon-ul-line.jpg');
	background-repeat: no-repeat;
	background-position: 0px 11px;
	padding-left:16px;
}
.grey-box ol{
	padding:15px 15px 15px 31px;
	list-style-position: outside;
}
.grey-box ol{
	line-height:22px;
}
.grey-box ol li{
	line-height:22px;
}
/* Red */
.red-box{
	margin-bottom:20px;
	font-size:91.6%;
	line-height:172.8%
}
.red-box .box-top{
	border-color:#450c0c;
}
.red-box .h2-border{
	border-color:#881b27;
	background-color:#810e1a;
}
.box .red-box h2{
	border-color:#fff;
	color:#fff;
}
.red-box .box-bottom{
	border-color:#ede7d5;
	background-color:#f9f5e7;
}
.red-box .box-content{
	padding:20px 10px 20px 10px;
	background-color:#fffcf2;
}
.red-box .box-content.see-all{
	padding:7px 10px 7px 10px;
	background-color:#fffcf2;
}
.red-box .box-content.border{
	border-color:#ded6bc;
}
.red-box .box-content h3, .red-box .box-content h4{
 	font-family: Georgia, Times New Roman, Times, serif;
 	font-size:166.6%;
 	color:#810e1a;
 	font-weight:normal;
 	padding-bottom:10px;
}
.red-box .box-content h3.book, .red-box .box-content h4.book{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size:100%;
 	color:#544f54;
 	font-weight:bold;
 	padding-bottom:0px;
}
.red-box .box-content a{
	font-style:normal;
}
.red-box a.read-more{
	color:#8d725e;
}
.red-box a.read-more.align-left{
	text-align:left;
}
.book-wrapper{
	text-align:center;
	padding-top:20px;
}
.date-right, .date-left{
	color:#8d725e;
	display:block;
	padding-top:5px;
	font-size:90.9%;
}
.date-right{
	text-align:right;
} 
.date-left{
	text-align:left;
}
.date-right.no-padding{
	padding-top:0px;
} 
.date-left.no-padding{
	padding-top:0px;
}
.red-box strong{
	color:#810e1a;
	font-weight:bold;
}
.red-box strong.normal{
	font-weight:bold;
}
.venue{
	padding-top:5px;
}

/* Sidebar */
.right-sidebar #col1 .box-top h2 .mobile{
	display: none;
}

/* Common */
.box-top{
	border-top:1px solid;
	border-bottom:1px solid;
	padding:1px 0px 1px 0px;
}
.h2-border{
	border-top:1px solid;
	border-bottom:1px solid;
}
.box h2{
	margin:0px 10px 0px 10px;
	border-left:1px dotted;
	border-right:1px dotted;
	text-transform:uppercase;
	padding:0px 10px 0px 10px;
	font-size:83.4%;
	font-weight:normal;
}
.box-bottom{
	border-right:1px solid;
	border-left:1px solid;
	border-bottom:1px solid;
	padding:0px 10px 10px 10px;
}
.box-content{
	background-color:#ffffff;
}
.box-content.border{
	border-top:1px dotted;
}
.box-content.no-border{
	border:none;
}
.box-content h3{

}
.box-content h4{

}
.box-content p{

}
.box-content a.read-more{
	display:block;
	text-align:right;
	/*display:block;
	float:right;*/
	font-style:normal;
	clear:both;
	font-size:91.7%;
}
#home-col1 a.read-more, #home-col2 a.read-more{
	font-size:100%;
}
a.download-pdf{
	background-image: url('images/icon-pdf.jpg');
	background-position: 100% 50%;
	background-repeat:no-repeat;
	padding-right:25px;
}
h3.media-link a{
	background-image: url('images/icon-pdf.jpg');
	background-position: 100% 50%;
	background-repeat:no-repeat;
	padding-right:25px;
}
.featured-on-media{
	padding-left:20px;
}
.featured-on-media.media-page {
	padding-left:40px;
}
.media-item{
	width: 25%;
	box-sizing: border-box;
	padding:0px 10px 5px 0px;
}
.media-item img{
	margin-right:8px;
	padding:0px 0px 0px 0px;
	margin-top:-3px;
} 	
#home-col1 .media-item img {
    margin-right: 8px;
    margin-top: 0px;
    padding: 0;
}
.media-item a{
	color:#8d725e;
	font-style:normal;
	font-size:92%;
	max-width:104px;
	display:block;
	float:left;
	line-height:145.1%;
}

#home-col1 .featured-book .box-content img{
    margin-left: auto;
    margin-right: auto;
    display: block;
	margin-bottom: 20px;
	height: auto;
}
/*--------- Content --------*/
#col1{
	width:25%;
}
#col2{
	width:75%;
	padding-left: 20px;
	box-sizing: border-box;
}
#col2 h1.main-title{
	margin-bottom:20px;
}
#sidenav .box-content, #collaborators .box-content{
	padding:12px 0px 20px 0px;
}
#sidenav h3, #collaborators h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:100%;
	padding-bottom:3px;
	padding-left:10px;
}
#sidenav a, #collaborators a{
	color:#444444;
	display:block;
	padding:1px 10px 1px 10px;
}
#sidenav a:hover, #collaborators a:hover, #sidenav a.active{
	background-color:#cef0f8;
	text-decoration:none;
}

#sidenav.type-2 a{
	background-image:url('images/icon-line.jpg');
	background-position: 10px 10px;
	background-repeat:no-repeat;
	padding:1px 10px 1px 25px;
}

#upcoming-talks h3{
    color: #810E1A;
    font-style: normal;
    text-decoration: none;
    font-size: 100%;
    padding-bottom: 0px;
}
#upcoming-talks h4{
    color: #8D725E;
    display: block;
    font-size: 100%;
    padding-top: 0px;
}
#upcoming-talks span{
    padding-top: 0px;
}
/*---- Blog ----*/

.blog-post img{
	border: 1px solid #e9e9e9;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
.blog-post .featured img{
	float:right;
}

.project-post img{
	border:1px solid #e9e9e9;
	padding:0px;
	margin:10px;
}

.blog-gallery{
	display:block;
	margin-left:-4px;
	padding:5px 0px 5px 0px;
	/*text-align:center;*/

}
.blog-gallery h3 {
	padding:10px 0px 10px 0px;
}
.project-post .blog-gallery{
	margin-left:5px;
}
.blog-post .blog-gallery img, .project-post .blog-gallery img{
	float:left;
	margin:4px;
}
.comments-output .grey-box .box-content h3{
 	font-size:133.4%;
}
.comment-col1{
	width:118px;
}
.comment-col2{
	width:540px;
}
.comment-col1 img{
	border:1px solid #e9e9e9;
	padding:0px;
}
.box-content.bypostauthor{
	background-color:#f9f5e7;
}

.box .grey-box .box-content h1{
	margin-bottom:0px;
	font-weight:normal;
}
.box .grey-box .box-content h2{
 	border:none;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    text-transform: none;
    color: #810E1A;
    font-size: 175%;
    line-height: 123.85%;
	font-family: 'MuseoSlab-500';
}
h3{

}
h4{
	font-weight:bold;
}
h5{
    font-size: 100%;
    font-weight: normal;
    font-weight:bold;
}
h6{
	font-size: 91.6%;
    font-weight: normal;
    font-weight:bold;
}
blockquote{
	font-style:italic;
	background-color:#f9f5e7;
	margin:10px;
	padding:5px;
}

/*-- Comment Input Fancy Labels --*/

form#comment-form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
input#submit-comment{
	cursor:pointer;
    border: medium none;
	background-color: transparent;
    background-image: url("images/btn-comment-submit.jpg");
    background-repeat: no-repeat;
    border: medium none;
    height: 39px;
    width: 193px;
    padding: 0px;
    text-indent: -999px;
	margin-top:10px;
	float:right;
    
}
.input-wrapper{
	border:1px solid #c6c6c6;
	width:185px;
	height:27px;
	background-color:#fafafa;
	position:relative;
}
.input-wrapper.uname{
	background-image:url('images/icon-username.jpg');
	background-repeat:no-repeat;
	background-position:97% 50%;
}
.input-wrapper.email{
	background-image:url('images/icon-email.jpg');
	background-repeat:no-repeat;
	background-position:97% 50%;
	margin-left:9px;
}
#username-label, #email-label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#username-label.input span, #email-label.input span{
  position: absolute;
  top:0px;
  left:0px;
  font-size:11px;
  line-height:11px;
  margin-left:13px;
  padding: 0px;
  color:#666666;
  padding-top:8px;
}
	
#username-label.input input, #email-label.input input{
  position: relative;
  margin: 0;
  border-width: 0px;
  border:none;
  padding: 0px;
  background: transparent;
  font: inherit;
  font-size:11px;
  line-height:11px;
  width:148px; /*185 - 37 = 148*/
  height:27px;
  color:#666666;
  text-align:left;
  margin:0px 25px 0px 12px;
  outline:none;
}
	.webkit username-label.input span{
	  /*padding-top:3px;*/
	}
	
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { /*padding: 4px;*/ }
}

#comment-form textarea{
	clear:both;
	width:100%;
	height:138px;
	border:1px solid #c6c6c6;
	outline:none;
	background-color:#fafafa;
	margin-top:9px;
	padding:5px 12px 5px 12px;
	font-size:11px;
	color:#666666;
	font-family:inherit;
	box-sizing: border-box;
}

/* ------------- Bios -------------*/

.bio-col-1of2{
	width:57%; /*388-10*/
	padding-right:10px;
	box-sizing: border-box;
}
.bio-col-2of2{
	width:43%;
}
#bio-carousel{

}
#bio-carousel img{
	border:1px solid #e8e8e8;
	padding:0px;
}
.bio-controls-wrapper{
	padding:3px 0px 0px 1px;
}
.bio-carousel-control{
	background-image: url('images/sprite-bio-carousel-controls.jpg');
	background-repeat:none;
	width:8px;
	height:60px;
	display:block;
}
#bio-left-control{
	background-position:0px 0px;
	margin-right:2px;
}
#bio-right-control{
	background-position:-8px 0px;
	margin-left:2px;
}
#bio-left-control.empty{
	background-position:-16px 0px;
	margin-right:2px;
}
#bio-right-control.empty{
	background-position:-24px 0px;
	margin-left:2px;
}
#bio-carousel .bio-controls-wrapper img{
	margin:0px 1px 0px 1px;
}
.grey-box .box-content.no-top-btm-padding{
    padding:0px 10px 0px 10px;
}
.bio-col-1of3{
	width:33.333333%;
	padding:18px 10px 20px 10px;
	box-sizing: border-box;
}
.bio-col-2of3{
	width:33.333333%;
	border-left:1px dotted #d0d0d0;
	border-right:1px dotted #d0d0d0;
	padding:18px 20px 20px 20px;
	box-sizing: border-box;
	
}
.bio-col-3of3{
	width:33.333333%;
	padding:18px 10px 20px 20px;
	box-sizing: border-box;
}
.grey-box .box-content .bio-detail-wrapper h3{
	font-size:90.9%;
	font-size:normal;
	text-transform:uppercase;
	display:inline;
	font-style:italic;
	padding:0px 0px 0px 22px;
	background-repeat:no-repeat;
	background-position:0px 50%;
}
h3#bio-email{
	background-image:url('images/icon-bio-email.jpg');
	display:block;
}
h3#bio-phone{
	background-image:url('images/icon-bio-phone.jpg');
	background-repeat:no-repeat;
	background-position:2px 50%;
}
h3#bio-fax{
	background-image:url('images/icon-bio-fax.jpg');
}
h3#bio-address{
	background-image:url('images/icon-bio-address.jpg');
}
h3#bio-student{
	background-image:url('images/icon-bio-student.jpg');
}
h3#follow-me{
	padding:0px 0px 0px 0px;
}
.grey-box .box-content .bio-detail-wrapper{
	font-size:91.7%;
}
div.span{
	width:130px;
	white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
    padding-top:2px;
    padding-left:10px;
    line-height:16px;

}
.bio-detail-wrapper{
	padding-bottom:2px;
}
.bio-detail-wrapper span{
	
}
.bio-detail-wrapper a{
	color:#444444;
}
.bio-detail-wrapper p{
	padding:0px 0px 0px 22px;
	line-height:145.5%;
	font-style:italic;
}
.bio-detail-wrapper a#student-login{
	/*width:53px;
	height:21px;*/
	margin:10px 0px 0px 22px;
	padding:0px;
	display:inline-block;
}
a#student-login img{
	padding:0px;
}

.overview-col-1of2{
	width: 73%;
}
.overview-col-2of2{
	width: 27%;
	padding-left:13px;
	box-sizing: border-box;
}
.overview-col-2of2 img{
	padding-bottom:0px;
}
.bio.overview-col-1of2 a.read-more{
	line-height:12px;
}
.grey-box .research-assistants{
	padding:0px 0px 15px 0px;
}
.grey-box .research-assistants ul{
	padding-top:0px;
}
.grey-box .research-assistants ul li{
	width:189px;
	padding:0px 20px 0px 0px;
	float:left;
	background-image:none;

}
.download-or-read-more{
	text-align:right;
	line-height:200%;
}
.download-or-read-more a.read-more, .download-or-read-more a.read-more.download-pdf{
	display:inline-block;
}
.download-or-read-more a.read-more.download-pdf{
	margin-right:18px;
}
.grey-box .related-links{
	padding:5px 15px 5px 15px;
}
.grey-box ul.related-links li{
	background-image: url('images/icon-ul-arrows.jpg');
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding-left:16px;
}
.grey-box ul.related-links li a{
	color:#8d725e;
}

.box-content a.read-more{
	margin-right:20px;
}
#home-col1 .box-content a.read-more, #home-col2 .box-content a.read-more{
	margin-right:0px;
}
#sidenav h3 a, #collaborators h3 a{
	color: #810E1A;
	padding:0px;
}
#sidenav h3 a:hover, #collaborators h3 a:hover{
	background-color:transparent;
	text-decoration:underline;
}

#bio-carousel a img.selected{
	border:1px solid #810c1c;
}

#main-bio-image {
	width: 100%;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
.grey-box p.wp-caption-text{
	margin-left:20px;
	font-style:italic;
	font-size:90%;
	padding-top:0px;
}
#col1.filler{
	height:20px;
}

#sidenav.type-2 h3 a{
	background-image:none;
	padding:0px;
}
#tag-cloud{
	padding:0px 10px 0px 10px;
}
#tag-cloud a{
	display:inline;
	padding:0px;
}
#tag-cloud a:hover{
	background-color:transparent;
	text-decoration:underline;
}
#nav-single{
	padding-top:10px;
}
.grey-box ul.children{
	padding:0px 0px 0px 20px;
}
ul.children .box-content{
	padding-top:5px;
	padding-bottom:5px;
}
ul.children .box-content .comment-col1{
	display:none;
}
ul.children .box-content .comment-col2{
	width:auto;
}
.grey-box p.publications-additional{
	padding:2px 0px 2px 0px;
}
.publications-additional {
	margin-top: 10px;
}

.publications-additional a {
	font-weight: bold;
}

.publications-additional a:after {
	/*content: "\00a0\00bb";*/
}

.grey-box .media-item img{
	border:none;
}
/*---------- Pagination ----------*/
#seo-pager div.pagerbox a:hover, #seo-pager div.pagerbox a:active, #seo-pager div.pagerbox .current, #seo-pager div.pagerbox a{
	padding:2px 8px 2px 8px;
	font-size:91.7%;
}
#seo-pager div.pagerbox a:hover, #seo-pager div.pagerbox a:active, #seo-pager div.pagerbox .current{
	border: 1px solid #450c0c;
}

/*---------- Nivo Slider ----------*/
.nivoSlider {
	overflow: hidden;
	width: 100% !important;
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img, #content .theme-default .nivoSlider img {
    /*position:absolute;
    top:0px;
    left:0px;*/
	position: static;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

.nivo-controlNav{
	bottom:3px !important;
	margin-left: 160px !important;
}
.nivo-caption{
	/*bottom:20px !important;*/
}
.blog-post .grey-box .box-content h4{
padding-bottom:10px;
}
a#bstro{
	color:#fff;
}
.email-link{
	display:block;
	padding-left:22px;
}
.social-icon{
	padding-right:5px;
}
.grey-box .social-icon img{
	border:none;
}
.box-content .read-more.lab-alumni{
	text-align:left;
}

/*------ ScrollToTop ---------*/

/*#ScrollToTop {
    -moz-transition: bottom 250ms ease-in-out 0s;
    bottom: -10px;
    padding: 20px 10px 30px;
    right: 15px;
    width: 50px;
}
.Button.Indicator {
    border-width: 0;
    box-shadow: 0 0 #FFFFFF;
    display: block;
    font-size: 15px;
    position: fixed;
    text-align: center;
    z-index: 3;
}
.WhiteButton {
    color: #524D4D;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
.Button {
    -moz-transition-duration: 0.05s;
    -moz-transition-property: color, -moz-box-shadow, text-shadow;
    -moz-transition-timing-function: ease-in-out;
    border: 1px solid transparent;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset;
    display: inline-block;
    line-height: 1em;
    padding: 0.45em 0.825em;
    position: relative;
    text-align: center;
}

#ScrollToTop.Offscreen {
    -moz-transition-duration: 250ms;
    bottom: -100px;
}

#ScrollToTop {
    -moz-transition: bottom 250ms ease-in-out 0s;
    bottom: -10px;
    padding: 20px 10px 30px;
    right: 15px;
    width: 50px;
}

.Button.Indicator {
    border-width: 0;
    box-shadow: 0 0 #FFFFFF;
    display: block;
    font-size: 15px;
    position: fixed;
    text-align: center;
    z-index: 3;
}

.WhiteButton {
    color: #524D4D;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}

.Button {
    -moz-transition-duration: 0.05s;
    -moz-transition-property: color, -moz-box-shadow, text-shadow;
    -moz-transition-timing-function: ease-in-out;
    border: 1px solid transparent;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset;
    display: inline-block;
    line-height: 1em;
    padding: 0.45em 0.825em;
    position: relative;
    text-align: center;
}*/
.page-template-page-research-tools-single-php .box-content a.read-more{
	margin-top:10px;
}


/*--------- WordPress Comment Classes (Potentially out of date 2yrs+)--------*/
/*ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:9px; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:11px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}*/

/*--------- Footer --------*/

footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	color:#fff;
	line-height:130%;
	
}

.page-template-page-publications-php footer {
	padding-bottom: 40px;
}

#footer-decor{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	min-height:28px;
	background-color:#810e1a;
}

#footer-top, #footer-bottom{
	padding:0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
#footer-nav{
	/*width:565px;*/
}
#footer-nav ul{
	list-style-type:none;
}

#footer-nav li {
	width: 50%;
	float: left;
	border: none !important;
	margin-bottom: 3px;
}

#footer-nav a{
	text-decoration:none; 
	padding:8px 11px 8px 11px;
	display:block;
	color: #fff;
	font-style:normal;
	font-size: 118%;
}
#footer-nav a:hover{
	color:#fff;
	background-color: #450c0c;
}

footer .address {
	line-height: 1.7;
	font-size: 118%;
}

.footer-copyright{
	display: block;
	margin-bottom: 10px;
}

.footer-copyright a{
	color:#fff;
}

.footer-logo {
	max-width: 360px;
	margin-bottom: 25px;
	width: 100%;
}

#footer-bottom{
	padding-top:22px;
}
#footer-bottom p{
	text-align:right;
}

#footer-bottom a{
	color:#fff;
}

/*--------- Reduce Reuse Recycle --------*/

.left{
	float:left;
}
.right{
	float:right;
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.sr-only {
	position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/* ==|== media queries ======================================================
   ========================================================================== */
@media only screen and (max-width: 1000px) {
	footer .content-wrapper {
		padding: 25px 20px;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 960px) {
	#form-positioner {
		right: 10px;
	}
}

@media only screen and (max-width: 905px) {
	form#global-search {
		width: 140px;
		right: 0;
	}
	
	#header-nav a {
		padding: 10px 6px 9px 6px;
		font-size: 12px;
	}
}

@media only screen and (max-width: 768px) {
  /* Style adjustments for viewports 768px and smaller go here */
  
	#home-col1, #home-col2, #col1, #col2, .box-column-left, .box-column-right, .box {
		width: 100%;
		float: none;
		padding: 0;
	}
	
	#seo-pager {
		float: none;
		padding: 0 10px;
	}
	
	#col2 h1.main-title {
		margin-left: 20px;
	}
	
	#home-col1 .slider-wrapper {
		padding: 0 34px;
	}
	
	#header-content {
		border-bottom: 2px solid #c5c5c5;
		padding-bottom: 1px;
		margin: 0 10px;
	}
	
	.header-group {
		border-bottom: 1px solid #c5c5c5;
	}
	.header-group hgroup {
		float: left;
		padding: 10px;
		padding-left: 0;
	}
	
	.logo {
		display: block;
	}
	
	h1.logo {
		margin-bottom: 10px;
		font-size: 250%;
	}
	h2.logo {
		margin-left: 0;
	}
	
	#header-content .menu-toggle {
		display: block;
		padding: 0;
		margin: 0;
		border: none;
		background: none;
		outline: none;
		float: right;
		background-image: url('images/mobile-menu-icon.png');
		background-size: 33px 22px;
		background-repeat: no-repeat;
		width: 33px;
		height: 30px;
		margin-top: 15px;
	}
	
	#header-content .menu-toggle.open {
		background-image: url('images/mobile-menu-icon-x.png');
		background-size: 30px 30px;
	}
	
	header {
		position: relative;
		z-index: 1;
	}
	
	#content {
		position: relative;
		z-index: 0;
		padding-bottom: 20px;
	}
	#header-nav {
		position: absolute;
		width: 100%;
		top: 100%;
		z-index: 1;
		border: none;
		padding: 0;
		display: none;
		left: 0;
		box-sizing: border-box;
	}
	
	#header-nav li {
		float: none;
		border: none !important;
		border-top: 1px dotted #929292 !important;
		margin: 0 5px;
	}
	
	#header-nav li:first-child {
		border: none !important;
	}
	
	#header-nav a {
		text-align: center;
	}
	
	#header-nav ul {
		border: none;
		border-left: 2px solid #c5c5c5;
		border-right: 2px solid #c5c5c5;
	}
	
	#form-positioner {
		position: static;
		float: none;
		margin: 0 10px;
	}
	
	form#global-search {
		width: 100%;
		margin-top: 0;
		position: relative;
		float: none;
		border: 2px solid #c5c5c5;
		box-sizing: border-box;
		height: 31px;
	}
	
	.footer-col.left {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.footer-col.mid {
		width: 50%;
	}
	
	#footer-nav li {
		width: 40%;
	}
	
	#footer-nav a {
		padding-left: 0;
	}
	
	.footer-col.right {
		float: left;
		width: 50%;
	}
	
	footer {
		position: static;
	}
	
	.menu-main-menu-container {
		margin: 0 10px;
		background-color: #ffffff;
	}
	
	.right-sidebar #col1 .box-bottom {
		display: none;
	}
	
	.right-sidebar #col1 .box-top h2 .desktop-arrow {
		display: none;
	}
	
	.right-sidebar #col1 .box-top h2 .mobile {
		float: right;
		display: inline;
		font-weight: bold;
		position: relative;
		top: -1px;
	}
	
	.right-sidebar #col1 .box-top h2 .mobile.minus{
		display: none;
	}
	
	.right-sidebar #col1 .box-top.open h2 .mobile.minus{
		display: inline;
	}
	
	.right-sidebar #col1 .box-top.open h2 .mobile.plus{
		display: none;
	}
}

@media only screen and (max-width: 700px) {
	
	#home-col1 .slider-wrapper {
		padding: 0;
	}
}

@media only screen and (max-width: 544px) {
	#footer-nav a, footer .address {
		font-size: 100%;
	}
	
	footer .content-wrapper {
		padding: 25px 10px;
	}
	
	.footer-col.mid {
		width: 71%;
	}
	
	.footer-col.right {
		width: 29%;
	}
	
	#footer-nav li {
		width: 50%;
	}
}

@media only screen and (max-width: 520px) {
	.header-group hgroup {
		width: 248px;
	}
	
	
}

@media only screen and (max-width: 480px) {
  /* Style adjustments for viewports 480px and smaller go here */
	.overview-col-1of2, .overview-col-2of2, .bio-col-1of3, .bio-col-2of3, .bio-col-3of3 {
		width: 100%;
		float: none;
		padding: 0;
	}
	
	.media-item {
		width: 50%;
		margin-bottom: 15px;
	}
	
	.featured-on-media.media-page {
		padding-left: 0;
	}
	.overview-col-1of2, .bio-col-1of3, .bio-col-2of3 {
		margin-bottom: 20px;
	}
	
	.box-content a.read-more, .download-or-read-more {
		text-align: left;
	}
	
	.download-or-read-more {
		display: inline-block;
	}
	
	#seo-pager {
		padding: 0 6px;
	}
	
	#seo-pager div.pagerbox a, #seo-pager div.pagerbox a.current {
		margin-left: 1px;
		padding: 2px 4px 2px 4px;
	}
	
	.input-wrapper.uname, .input-wrapper.email {
		float: none;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}
	
	.input-wrapper.uname {
		margin-bottom: 10px;
	}
	
	.bio-col-1of2, .bio-col-2of2 {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	.bio-col-1of2 {
		margin-bottom: 20px;
	}
}



/* ==|== Book =======================================================*/
.book {
	color: #777777;
}
.book .half {
	width: 50%;
	float: left;
}

@media(max-width: 640px){
	.book .half {
		float: none;
		width: 100%;
	}
	
	.book .half.left {
		margin-bottom: 20px;
	}
}

.book .intro {
	margin-bottom: 40px;
}

.book img {
	max-width: 100%;
	margin: 0 auto;
}

.book .img {
	padding: 0 40px;
}

.book .about {
	width: 85%;
	margin-bottom: 20px;
}

@media(max-width: 768px){
	.book .about {
		width:100%;
	}
}

@media(max-width: 768px){
	.book .about .content {
		padding-right: 40px;
	}
}

@media(max-width: 640px){
	.book .about .content {
		padding: 0 10px;
	}
}

.book .about .img img {
	margin: 0 auto;
	display: block;
}
.book .synopsis {
	padding: 0 20px;
}

@media(max-width: 640px){
	.book .synopsis {
		padding: 0 10px;
	}
}

.book .description p {
	font-size: 28px;
	line-height: 1.3;
	font-family: 'MuseoSlab-500';
	color: #8d725e;
}

@media(max-width: 640px){
	.book .description p {
		font-size: 18px;
		line-height: 1.5;
	}
}

.book .description + .cta-wrapper {
	margin-top: 40px;
}

.btn {
	background: #810e1a;
	color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'MuseoSlab-500';
	padding: 12px 15px 10px;
}

.btn:after {
	content: "\00a0\00bb";
}

.btn:visited {
	color: #ffffff;
}

.book .testimonials {
	background-color: #fafafa;
	padding-top: 30px;
	padding-bottom: 13px;
	margin-bottom: 20px;
}

.book .testimonials .title {
	padding: 0 30px;
	color: #810e1a;
	font-family: 'MuseoSlab-500';
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: normal;
}

.book .testimonial-slider {
	overflow: hidden;
}

.book .testimonial-slider .slick-track {
	position: relative;
}

.book .testimonial-slider .slick-slide {
	float: left;
	box-sizing: border-box;
}

.book .testimonial-slider .slick-slide:focus {
	outline: none;
}

.book .testimonial-slider .testimonial .content {
	padding: 0 30px;
	text-align: center;
}

.book .testimonial p {
	margin-bottom: 10px;
}

.book .testimonial .reviewer span {
	color: #810e1a;
	font-weight: bold;
}

.testimonial-slider .slick-dots {
	list-style: none;
	text-align: right;
	padding: 0 20px 0 30px;
	margin-top: 20px;
}

.testimonial-slider .slick-dots:before, .testimonial-slider .slick-dots:after,
.testimonial-slider .slick-list:before, .testimonial-slider .slick-list:after{
	content: "";
	display: block;
	clear: both;
}

.testimonial-slider .slick-dots li {
	margin-right: 10px;
	display: inline;
}

.testimonial-slider .slick-dots button {
	background: #ffffff;
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	height: 10px;
	width: 10px;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
    text-indent: -9999px;
    overflow: hidden;
}

.testimonial-slider .slick-dots li.slick-active button {
	background: #810e1a;
}

.book-more-info.left {
	float: left;
	width: 25%;
	box-sizing: border-box;
}

.book-more-info.right {
	float: left;
	width: 75%;
	padding-left: 20px;
	box-sizing: border-box;
}

@media(max-width: 768px){
	.book-more-info.left, .book-more-info.right {
		float: none;
		width: 100%;
		padding: 0;
	}
}

.book .where-to-buy ul {
	padding: 0;
}

.book .where-to-buy ul li {
	background-image: none;
	padding: 0;
	margin-bottom: 10px;
}

.book .where-to-buy ul li:last-child {
	margin-bottom: 0;
}

.book .where-to-buy ul li a {
	font-weight: bold;
}

.book .where-to-buy ul li a:after {
	content: "\00a0\00bb";
}

.book .media .media-slider {
	overflow: hidden;
}

.book .media .media-slider .slick-slide {
	float: left;
}

.book .media .media-slider .slick-slide:focus {
	outline: none;
}

.book .media .media-slider .slick-track {
	position: relative;
}

.book .media .slick-dots {
	padding: 0;
	text-align: right;
	display: inline;
}

.book .media .slick-dots li {
	background: none;
	padding: 0;
	display: inline;
}

.book .media .slick-dots li.slick-active button {
	text-decoration: underline;
}

.book .media .slick-dots li button {
	background: none;
	padding: 0;
	border: none;
	outline: none;
	font-size: 12px;
	font-weight: bold;
	color: #810e1a;
	padding: 8px;
}

.book .media .slider-nav .arrow button {
	background: none;
	padding: 0;
	border: none;
	outline: none;
	font-size: 14px;
	font-weight: bold;
	color: #810e1a;
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.book .media .slider-nav .arrow.slick-hidden {
	display: none;
}
.book .media .slider-nav .arrow.slick-disabled button {
	color: #cccccc;
}

.book .media .slider-nav {
	text-align: right;
}

.book .media .slider-nav .pagination {
	display: inline;
}
.book .media .arrow.next{
	display: inline;
}

.book .media .arrow.prev{
	display: inline;
}

.has-img .col {
	box-sizing: border-box;
	float: left;
}

.has-img .col.img {
	width: 35%;
	padding: 0;
	padding-left: 30px;
	float: right;
}

.has-img img {
	max-width: 100%;
}

@media(max-width: 480px){
	.has-img .img {
		margin-bottom: 20px;
	}
}

.has-img .content {
	width: 65%;
}

@media(max-width: 480px){
	.book .media .media-article .col, .has-img .col.img, .has-img .col.content {
		float: none;
		width: 100%;
		padding: 0;
	}
}
.book .media .media-article .content p + p {
	padding-top: 0;
}

.book .media .media-article .content .publications-additional a {
	font-weight: bold;
}

.book .media .media-article .desc a:after {
	/*content: "\00a0\00bb";*/
}

.book .media .media-article img {
	max-width: 100%;
	height: auto;
}

.book .media-item img {
	margin-right: 8px;
}

.book .media-item, .has-img .media-item {
	width: 50%;
}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}