/*
	Theme Name: Team Driven
	Author: Team Driven
	Version: 1.9.4
	Description: Custom theme developed using James Young's "Barebones" as a starting point. Last updated on: 2/11/2015.

	CONTENTS
	--------
	01 : Global resets - Minified for convenience (using http://t.co/39Adgaq + http://t.co/YCoVZGc)
	02 : Global typography & layout rules
	03 : Page styles
	04 : Post styles 
	05 : General bits 
	
	00 : MEDIA QUERIES - Common breakpoints	
	
	A note regarding - MEDIA QUERIES
	--------------------------------
	Skip to the bottom of the stylesheet, all media queries and breakpoints are in this stylesheet. 
	Lessons learnt from looking through the 320&Up source from https://github.com/malarkey/320andup
*/

/* 01 START : Global reset styles */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,dialog,figure,figcaption,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins,mark{background:#333;color:#fff;text-decoration:none}mark{padding:0 3px;}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}::-moz-selection,::-webkit-selection,::selection {text-shadow:none;background:#F1C274;color:#222;}
/* 01 END : Global reset styles */






/* 02 START : Global typography and layout rules */

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

body {
	font-family:	"Helvetica Neue", Helvetica, sans-serif;
	font-size:		13px;
	line-height:	1.5;
	color:			#555;
	background:		#333 url(assets/images/footer_bkg.jpg) repeat;
	padding:		0;
	margin:			0 auto;
}

	.lte8 body {background-image: none;} /* bg image caused crash in WinXP/IE8 using respond.js */
	
h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
	margin-top: 1.25em;
	font-family: Play, Helvetica, sans-serif;
	font-weight: 700;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}

h1 {
	font-size: 2.3em;
	margin-bottom: .5em;
	font-weight: 400;
}	

h2 {
	font-size: 1.7em;
	margin-bottom: .5em;
}

h3 {
	font-size: 1.5em;
	margin-bottom: .75em;
}

h4 {
	font-size: 1.3em;
	margin-bottom: .75em;
}

h5 {
	font-size: 1.1em;
	margin-bottom: .5em;
}

blockquote { }

p {
	margin-bottom: 1em;
}	

ol, ul {
	margin-bottom: .75em;
}

li {
	margin-bottom: .25em;
}

article ul li {margin-left: 1.25em;}
article ol li {margin-left: 1.75em;}

a {color: grey;}

a:hover {color: #000;}

.primary-content a {
	border-bottom: 1px solid #F4DB04;
	text-decoration: none;
	font-weight: bold;
}
	
	.primary-content .image-link,
	.primary-content .image-link:hover {border-bottom: none; background: transparent;}

	.primary-content a:hover {
		border-bottom-color: #dcc000;
	}


img, 
a img {
	max-width: 100%;
	height: auto;
	display: inline;
}
.lte8 img {
	width: auto !important; /* for the benefit of MSIE 8 */
	height: auto !important;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=submit],
select { }

.banner {
	background-color: #f7e705;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7e705), to(#efce00));
	background: -webkit-linear-gradient(top, #f4db04, #efce00);
	background: -moz-linear-gradient(top, #f4db04, #efce00);
	background: -ms-linear-gradient(top, #f4db04, #efce00);
	background: -o-linear-gradient(top, #f4db04, #efce00);
	height: 73px;
	text-indent: -999em;
}
	.banner .content-width {position: relative;}
	
		.banner h2 {margin: 0;}
	
		.banner h2 a {
			display: block;
			margin: 0 auto;
			height: 73px;
			width: 320px;
			background: url(assets/images/banner-logo-sm.png) no-repeat center top;
		}

		.banner .first-logo {
			width: 41px;
			top: 30px;
			left: 0px;
			display: block;
			text-indent: 0;
			position: absolute;
			z-index: 99;
			-webkit-transition:	all 1s ease-in-out;
			-o-transition:		all 1s ease-in-out;
			-moz-transition:	all 1s ease-in-out;
			transition:			all 1s ease-in-out;
}
		
		.banner .desc {margin: 0; height: 0;}

.main-nav {
	font-family: Play, Helvetica, sans-serif;
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background: -webkit-linear-gradient(top, #000, #333);
	background: -moz-linear-gradient(top, #000, #333);
	background: -ms-linear-gradient(top, #000, #333);
	background: -o-linear-gradient(top, #000, #333);
	color: white;
	margin-bottom: 0;
}

/*  begin superfish */
/*** ESSENTIAL STYLES ***/
.sf-menu {
	line-height:	1;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {visibility:	inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.0em; /* match top ul list item height */
	z-index:		9999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu {float: left;}
.sf-menu a {
	font-size: 1em;
	padding: .4em .75em .6em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fafafa;
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background: -webkit-linear-gradient(top, #000, #333);
	background: -moz-linear-gradient(top, #000, #333);
	background: -ms-linear-gradient(top, #000, #333);
	background: -o-linear-gradient(top, #000, #333);
}
/*.sf-menu .current-menu-item > a,
.sf-menu .current-page-ancestor > a {
	background: #2b2b2b;
	background: -moz-linear-gradient(top,  #2b2b2b 0%, #494949 50%, #2b2b2b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(50%,#494949), color-stop(100%,#2b2b2b));
	background: -webkit-linear-gradient(top,  #2b2b2b 0%,#494949 50%,#2b2b2b 100%);
	background: -o-linear-gradient(top,  #2b2b2b 0%,#494949 50%,#2b2b2b 100%);
	background: -ms-linear-gradient(top,  #2b2b2b 0%,#494949 50%,#2b2b2b 100%);
	background: linear-gradient(top,  #2b2b2b 0%,#494949 50%,#2b2b2b 100%);
}*/

.sf-menu .current-page-ancestor .current-menu-item > a {color: #f5df1d; background: #000;}

.sf-menu li {
	margin: 0;
	float: left;
	width: 33%;
}

.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu li.sfHover > a
{
	background:		#f5df1d;
	outline:		0;
	color:			black;
}

.sf-sub-indicator {
	display:		none;
}

/*  end superfish */


#searchform {
	margin: 0 0 1.5em;
}

	#searchform label {
		display: none;
	}

	#searchform #s {
		padding: .4em 6px .4em 28px;
		background: #fff url(assets/images/icons-misc-sprite.png) no-repeat 3px -29px;
		border: 1px solid #999;
		height: 1.0em;
		width: 126px;
		margin-top: 10px;
		-webkit-border-radius:	4px;
		-moz-border-radius:		4px;
		border-radius:			4px;
	}
		#searchform #s:focus {
			background-color: white;
		}
	
	#searchform #searchsubmit {
		display: none;
	}

	#searchform #searchsubmit {
		height: 1.7em;
	}

.content-width {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

	.lte8 .content-width {min-width: 880px;}

.primary-content,
.sidebar {
	padding-top: .5em;
	padding-bottom: .5em;
}

.outer-wrap {
	background: #fff;
	border-bottom: 5px solid #EFCE00;
	-moz-box-shadow:	0px 3px 15px #000;
	-webkit-box-shadow:	0px 3px 15px #000;
	box-shadow:			0px 3px 15px #000;
}

.sidebar {text-align: center;}

	.sidebar .social {
		overflow: hidden;
		width: 129px;
		margin: 0 auto 1.5em;
	}
	
		.sidebar .social a {
			display: block;
			background: url(assets/images/icons-misc-sprite.png) no-repeat;
			text-indent: -999em;
			height: 24px;
			float: left;
			margin-right: .75em;
			margin-bottom: .75em;
		}
		
		.sidebar #youtube {
			background-position: -224px -26px;
			width: 52px;
			margin-right: .5em;
		}
		
		.sidebar #twitter {
			background-position: -283px -26px;
			width: 24px;
		}
		
		.sidebar #facebook {
			background-position: -317px -26px;
			width: 24px;
		}
	
	.sidebar h4 {
		font-size: 1.1em;
		margin-top: 1.75em;
		color: #888;
	}
	
	.sidebar .widget {margin-bottom: 1.5em;}
	
		.sidebar #widget_sp_image-3 {margin-bottom: .5em;}
	
		.sidebar .widget li {
			list-style: none;
			line-height: 1.2;
			margin-bottom: .5em;
		}
	
	.sidebar .sponsors li {
		list-style: none;
		margin: 0 1.5em 1em;
	}
	
		.sidebar .sponsors a,
		.sidebar #linkcat-5 a {
			text-indent: -999em;
			display: block;
			margin: 0 auto;
			background-position: center center;
			background-repeat: no-repeat;
		}
			.sidebar #link-11 a {background-image: url(assets/images/cerner_logo.png); width: 118px; height: 29px;}
			.sidebar #link-13 a {background-image: url(assets/images/fike_logo.png); width: 67px; height: 30px;}
			.sidebar #link-8 a {background-image: url(assets/images/r_and_d_logo.png); width: 109px; height: 31px;}
			.sidebar#link-9 a {background-image: url (assets/images/nasa-logo.png); width: 110px; height: 92px;}
	
	.sidebar #linkcat-5 li a {background-image: url(assets/images/barkley_logo.png); height: 29px;}


.page-footer {
	padding: 1em 0;
	color: #c5c5c5;
}

.page-footer h4 {margin-bottom: .5em;}

.page-footer a {
	color: #c5c5c5;
	text-decoration: none;
}

.page-footer a:hover {color: #EFCE00;}

.page-footer li {
	list-style: none;
	line-height: 1.2;
}

.page-footer aside {margin-bottom: 1.25em;}

.page-footer #legal {
	font-size: 92%;
	clear: both;
}

figure {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-align: center;
	max-width: 100% !important;
}

figcaption {
	font-size: 86%;
	line-height: 1.1;
	font-style: italic;
	margin: 0;
}	

.button {
	color: #000;
	font-size: 1.1em;
	line-height: 1;
	text-decoration: none;
	vertical-align: middle;
	padding: .4em 1em .5em;
	border: none;
	background: #efcf00;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7e705), to(#efcf00));
	background: -webkit-linear-gradient(top, #f7e705, #efcf00);
	background: -moz-linear-gradient(top, #f7e705, #efcf00);
	background: -ms-linear-gradient(top, #f7e705, #efcf00);
	background: -o-linear-gradient(top, #f7e705, #efcf00);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

	.button:hover {
		background: #000;
		color: #fff;
	}
	
	.button:active {background: #bda613;}
	

/* 02 END : Global typography and layout rules */





/* 03 START : Page styles */

/* jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 * Copyright 2011, Tyler Smith
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}


/* my flexslider overrides & styles */

.flexslider .slides {
/*
	overflow: hidden;
*/
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
}

.flexslider li {
	list-style: none;
	margin: 0;
}

.flexslider li a {border: none;}

.flexslider .slides img {width: 100%;}

.flex-direction-nav li a {
	width: 70px;
	height: 70px;
	margin: 0;
	background: url(assets/images/slider-next-prev-cstm.png) no-repeat 0 0;
	top: 35%;
}

.flex-direction-nav li .prev {left: 0;}

.flex-direction-nav li .next {
	background-position: right -604px;
	right: 0;
}

.flex-control-nav li a {
	width: 13px;
	height: 12px;
	margin-left: 5px;
	background: url(assets/images/slider-bullets-cstm.png) no-repeat 4px 0;
}

.flex-control-nav li a.active {background-position: -8px 0;color: #222;}

.flex-control-nav li a:hover {background-position: 4px 0;}

.slide-caption {
	color: #fff;
	left: 0;
	padding: .5em 1em .75em;
	width: auto;
	height: auto;
	background: #000;
	font-size: .84em;
	line-height: 1.2;
	font-style: normal;
}

	.slide-caption p {margin-bottom: 0;}

	.slide-caption a {color: #f7e705;}

/* end slider */


.home .module {
	background: #e5e5e5;
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
	margin-top: 1.5em;
	margin-bottom: 1.25em;
	float: none;
	overflow: hidden;
	-webkit-border-top-left-radius:		6px;
	-moz-border-radius-topleft:			6px;
	border-top-left-radius:				6px;
	-webkit-border-top-right-radius:	6px;
	-moz-border-radius-topright:		6px;
	border-top-right-radius:			6px;
}

	.home .module h4 {
		padding: .35em .75em;
		margin-bottom: 0;
		background-color: #F4DB04;
		border-bottom: 3px solid #000;
	}
		.home .twitter h4 img {
			margin-bottom: -2px;
			padding-left: 2px;
		}

	.home .module .inside,
	.home .module .widget_twitter {
		padding: .75em .75em .5em;
	}

	#recent-posts-2 > ul {
  		padding: 0.75em 0.75em 0.5em;
	}
	
	.home .module li,
	.home .module p {font-size: .9em; line-height: 1.2em;}
	
	.home .module:last-child {margin-right: 0;}

	.home .twitter li {
		list-style: none;
		margin: 0 0 1em 0;
	}

		.home .twitter li a {display: inline-block;}
		.home .twitter .widgettitle {display: none;}
		.widget_twitter .entry-meta {
			font-size: 90%;
			display: block;
			margin-top: .25em;
		}
		
	.home .module .widget_sp_image-description,
	.home .module .widget_sp_image-image-link {
		margin-top: .25em;
		padding: 0 .75em;
	}

.cal-list {
	margin-bottom: 1.5em;
	column-count:			3;
	-moz-column-count:		3;
	-webkit-column-count:	3;
}

.cal-list li {
	list-style: none;
	margin: 0;
}

	.cal-list span {
		display: block;
		float: left;
		width: 10px;
		height: 10px;
		margin-right: 6px;
		text-indent: -999em;
		margin-top: .4em;
	}

article td, article th {
	padding: .25em 1.25em;
	text-align: left;
	line-height: 1.2;
}
article td:first-child, article th:first-child {padding-left: 0;}
article tr {border-bottom: 1px solid #e5e5e5;}
/*
article tr:last-child {border-bottom: none;}
*/


/*
 * jQuery UI Tabs 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	position: relative;
	zoom: 1;
} 
.ui-tabs-nav {
	margin: 0 0 -1px 0;
	overflow: hidden;
}

.ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	margin: 0 -1px 0 0;
	border-bottom: 0 !important;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs-nav li a {
	color: #777; 
	background: #F4DB04;
	float: left; 
	padding: .5em 1em; 
	text-decoration: none;
	border-bottom: none;
	border: 1px solid #bababa;
	border-bottom: none;
	-webkit-border-top-left-radius:		6px;
	-moz-border-radius-topleft:			6px;
	border-top-left-radius:				6px;
	-webkit-border-top-right-radius:	6px;
	-moz-border-radius-topright:		6px;
	border-top-right-radius:			6px;
}
.ui-tabs-nav li a:hover {color: #000;}

.ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0;}

.ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-nav li.ui-state-disabled a,
.ui-tabs-nav li.ui-state-processing a,
.ui-tabs .ui-tabs-active a {
	color: #000;
	cursor: text;
	background: #fff;
}
.ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere… */
.ui-tabs-panel {
	display: block;
	padding: 1em 1.4em 2em;
	background: #fff;
	border: 1px solid #bababa;
	-webkit-border-top-right-radius:	6px;
	-moz-border-radius-topright:		6px;
	border-top-right-radius:			6px;
	-webkit-border-bottom-left-radius:	6px;
	-moz-border-radius-bottomleft:		6px;
	border-bottom-left-radius:			6px;
	-webkit-border-bottom-right-radius:	6px;
	-moz-border-radius-bottomright:		6px;
	border-bottom-right-radius:			6px;
}
.ui-tabs-hide {display: none !important;}



.more {margin: 0 0 .5em;}

	.more a {
		position: relative;
		padding-right: 1em;
		border-bottom: none;
		}

		.more.active a {color: #000;}


		.more .more-indicator {
			background: url(assets/images/icons-misc-sprite.png) no-repeat -34px -87px;
			display: block;
			text-indent: -999em;
			position: absolute;
			right: 0;
			overflow: hidden;
			top: .34em;
			width: 11px;
			height: 11px;
		}

			.more.active .more-indicator {background-position: -51px -87px;}

.target {
	display: none;
	padding: 0 0 .5em 1.5em;
	overflow: hidden;
}

	.target h5 {margin-bottom: .25em;}
	
.students section {margin-bottom: 1em;}

	.students figure {float: right; margin: 0 0 1em 1.5em;}

.students h3 {font-size: 1.3em;}

.students .roles, .mentors .roles, .mentor-company {
	margin: 0 0 .25em;
	font-weight: normal;
	font-style: italic;
}

.alumni table th {border-bottom: 2px solid #EFCE00;}
.alumni table tr:hover {background-color: #f9ed77;}
.alumni table {width: 100%;}
.alumni table .name {width: 20%;}
.alumni table .college {width: 20%;}
.alumni table .major {width: 35%;}
.alumni table .career {width: 25%;}

.page-outreach .the-content .wp-caption {margin-bottom: 2em; height: 170px; line-height: 1.1;}

.video-container {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
  z-index: 50;
}

.page-videos iframe, .page-videos object, .page-videos embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* 03 END : Page styles */





/* 04 START : Post styles */

.blog .entry-meta {margin: -.25em 0 .5em;}

.lte8 .entry-summary h2 {margin-top: 0;}

.lte8 .entry-summary .thumb {margin: 0;}
.lte8 .entry-summary .thumb a {line-height: 0;}

.comments {margin: 1.5em 0 0;}

.respond {
/*	margin: 1.5em 0;*/ 
	display:none;
}

	.respond input,
	.respond textarea {
		padding: .25em;
	}

	.respond input {
		width: 29em;
	}

	.respond textarea {
		width: 37.25em;
		height: 7em;
	}
	
	.respond #submit {
		width: auto;
		padding: .4em 1em .5em;
	}

.article-archive {overflow: hidden; margin: 1em 0 1.5em;}

	.article-archive p {margin-left: 146px;}

	.article-archive .read-more-link {margin-top: -.5em;}

.attachment-thumbnail {
	float: left;
	margin-right: 18px;
	margin-top: .25em;
}


/* 04 END : Post styles */





/* 05 START : General bits */


/* shashin overrides */
.shashinPhotoGroups td {padding: 1em; text-align: center;}
.shashinPhotoGroups .shashinThumbnailDiv {border: none !important;}
.shashinPhotoGroups .shashinThumbnailDiv a {border: none;}
.shashinPhotoGroups .shashinAlbumCaptionTitle {font-size: small; line-height: 1.1;}
.shashinPhotoGroups .shashinThumbnailsTable td {vertical-align: middle;}
.shashinPhotoGroups .shashinReturn {font-size: small; font-weight: normal;}

.share-links {
	margin: 1em 0;
	padding: 1em 0;
	overflow: hidden;
	clear: both;
}

	.share-links h4 {
		margin: 0 0 .5em;
	}

	.share-links li {
		position: relative;
		list-style: none;
		float: left;
		margin-right: .75em;
		margin-left: 0;
	}

.share-links a,
.share-links a:hover  {border: none;}

		.share-links a {
			display: block;
			background-image: url(assets/images/icons-misc-sprite.png);
			background-repeat: no-repeat;
			text-indent: -999em;
			height: 24px;
			opacity: .8;
		}

			.share-links a:hover {opacity: 1;}
		
			.share-links .googleplus	{margin-top: 2px;}
			.share-links .stumble a		{background-position: -35px 0; width: 24px;}
			.share-links .facebook a	{background-position: -88px 0; width: 20px;}
			.share-links .twitter a		{background-position: -111px 0;width: 55px;}
			.share-links .digg a		{background-position: -170px 0;width: 50px;}
			.share-links .delicious a	{background-position: -268px 0;width: 21px;}
			.share-links .reddit a		{background-position: -294px 0;width: 23px;}

		.fb_edge_widget_with_comment {top: 2px;}


/* 05 END : General bits */


.outreach{
	width:185px;
	height: 185px;
	float:left;
}





















/* 00 START : MEDIA QUERIES - Common breakpoints */

@media only screen and (min-width: 480px) { 

.banner {height: 90px;}

.banner h2 a {
	left: 0px;
	position: absolute;
	height: 90px;
	width: 470px;
	background: url(assets/images/banner-logo-med.png) no-repeat 0 0;
}

.banner .first-logo {
	width: 46px;
	top: 34px;
	left: -10px;
}
.sf-menu li {
	width: auto;
}

.primary-content,
.sidebar {
	padding-top: 1em;
	padding-bottom: 1em;
}
.sidebar {
	background: #e5e5e5;
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
}
.sidebar .widget {display: inline-block; margin: 0 1.5em 1em;}
.page-footer {text-align: center;}
}



@media only screen and (min-width: 600px) { 

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.5em;
	top:			.9em;
	width:			10px;
	height:			10px;
	overflow:		hidden;
}
/*** arrows **/
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	background:		url(assets/images/icons-misc-sprite.png) no-repeat -341px -102px;
	text-indent: 	-999em;
	opacity: .5;
}
.sf-menu a.sf-with-ul {
	padding-right: 	25px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	opacity: 1;
}

/* point right for anchors in subs */
.sf-menu ul a > .sf-sub-indicator { background-position:  -343px 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	opacity: 1;
}

.content-width {max-width: 96%;}

.primary-content,
.sidebar {
/*	padding-top: 1.75em;*/
	padding-bottom: 1.5em;
}

.alignright {
	float: right;
	margin: .25em 0 1em 1.5em;
}

.alignleft {
	float: left;
	margin: .25em 1.5em 1em 0;
}
.slide-caption {
	bottom: 0;
	left: 0;
	top: auto;
	font-size: .94em;
	position: absolute;
	background: rgba(0,0,0,0.7);
}
.flex-direction-nav li a {top: 41%;}

}


/* this is where we go to a 2-column layout... */
@media only screen and (min-width: 768px) { 

body {font-size: 14px;}

.banner {height: 112px;}

.banner h2 a {
	left: 26px;
	height: 112px;
	width: 677px;
	background: url(assets/images/banner-logo.png) no-repeat;
}


.banner .first-logo {
	width: 70px;
	top: 35px;
}

.content-wrap .content-container {
	float: left;
	margin-right: -192px;
	width: 100%;
}
.primary-content {
		margin-right: 240px; 
}

.sidebar {
	background: url(assets/images/sidebar-bkg.jpg) no-repeat left top #fff;
	width: 162px;
	min-height: 720px;
	float: right;
	padding-left: 15px;
	padding-right: 15px;
}
.sidebar .widget {display: block; margin: 0 0 1.75em;}
.sidebar .sponsors li {margin: 0 0 1em;}
.page-footer {
text-align: left;
font-size: 90%;
}
.page-footer aside {
	width: 23%;
	float: left;
	margin-right: 2%;
}
.page-footer aside:last-child {margin-right: 0;}
.sidebar .widget:last-child {padding-bottom: 1.5em; margin-bottom: 0;}
}


@media only screen and (min-width: 960px) { 
.banner h2 a {left: 10px;}

.banner .first-logo {
	right: 30px;
	left: auto;
	top: 12px;
	width: 98px;
	height: 87px;
}
.content-width {
	max-width: 1000px;
	width: 90%;
}
.sf-menu a {
	font-size: 1.2em;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {top: 2.4em;}
.custom-slider-HomePage .content .slide-content {
	background: rgba(0,0,0,0.7);
}

.home .module {
  border: 1px solid #eee;
  float: left;
  height: 265px;
  margin-right: 2%;
  width: 31%;
}

.home .module h2 {font-size: 1.2em;}
.home .module h4 {font-size: 1em;}
.home .twitter h4 img {margin-bottom: -3px;}
.home .module .widget_sp_image-image-link {display: block; text-align: center;}

}


/* 00 END : MEDIA QUERIES - Common breakpoints */


/* PRINT STYLES */

@media print {
	/* If you're going to have a print stylesheet, now's the time */
}

/* TEAM DRIVEN STYLES */

.topBar{
	width:100%;
	height:15px;
}

#topBarContent{
	width:90%;
	max-width:1000px;
	margin: 0 auto;
}
.topBar #topBarContent #search-2.widget form#searchform input#s{
	height:12px;
}

div.topBar div#topBarContent div#search-2.widget{
	float:right;
}



.goog-te-gadget-simple{
  border: 1px solid #999999 !important;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  width: 161px;
}
.socialmedia-buttons img {
   width: 43px;
}
.nocomments{
	display:none;
}