@charset "UTF-8";
/* CSS Document */

/* reset code */
html, body, div, p, h1, h2, h3, a, img, ul, li, table {
	margin: 0;
	padding: 0;
	border: none;
}

html, body {
	min-height: 100%;
	font-size: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #fff;
}

/* Firefox fix to prevent 'jumping' when scrollbar appears */
html {
	overflow-y:scroll;
}

img {
  border: 0;
  max-width: 100%;
}

a, a:visited {
	text-decoration: none;
	color: #d65e5d;
	font-weight: bold;
}	

a:hover {
	text-decoration: none;
	border-bottom: solid 1px #d65e5d;	
}	

p {
	font-size: 0.9375em; /* 15px / 16px */
	color: #000;
	line-height: 170%;
	margin: 0 0 15px 0;
}

h1 {
	font-size: 1.5em; /* 24px / 16 px */
	font-weight: normal;
	letter-spacing: 1px;
	color: #000;
	margin: 0 0 15px 0;
}

h2 {
	font-size: 1.25em; /* 18px / 16 px */
	font-weight: normal;
	color: #000;
	margin: 20px 0 10px 0;
}

h2.video {
	font-size: 1.125em; /* 18px / 16 px */
	font-weight: normal;
	color: #000;
	margin: 20px 0 5px 0;
}

h3 {
	font-size: 1em; /* 16px / 16 px */
	font-weight: normal;
	color: #000;
	margin: 20px 0 10px 0;	
}

/* navigation */
div.nav {
	position: relative;
	width: 100%;
	height: 37px;
	padding: 8px 0 0 0;	
	overflow: hidden;
	background-color: #fff;
	font-size: .9375em; /* 15px / 16 px */
	text-transform: uppercase;
	text-align: center;
	color: #000;
}

div.nav ul {
	list-style: none;
	width: 700px;
	margin: 0 auto;
	display: inline-block;
}

div.nav li {
	float: left;
	width: 100px;
	margin: 0 20px 0 20px;	
}

div.nav a, div.nav a:visited {
	text-decoration: none;
	color: #000;
	font-weight: normal;		
}	

div.nav .selected {
	border-bottom: solid 1px #000;	
}

.toggle {
	display: none;
	padding: 0;
}

.menuItem{}
/* END: navigation */

/* Content and image blocks */
div.landing {
	position: relative;
	display: block;
	width: 100%;
	background-color: #817976;
}

div.landing img {
	display: block;
	margin: 0 auto;
}

div.wrapper {
	position: relative;
	display: block;
	width: 100%;
	background: url(images/bg-canvas.jpg); 
	background-size: cover;
	background-repeat: no-repeat;
}

div.content {
	width: 100%;
	height: auto;
	min-height: 700px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

div.content-2col-left {
	clear: left;
	float: left;
	width: 44%;
	padding: 0 3% 0 3%;
	margin: 0 0 20px 0;
}

div.content-2col-right {
	float: left;
	width: 44%;
	padding: 0 3% 0 3%;
	margin: 0 0 20px 0;
}

div.content-video-frame {
	float: left;
	width: 33.333333333%;
	height: auto;
	margin: 0 0 40px 0;
}

div.content-video-list {
	width: 240px;
	height: auto;
	margin: 0 auto;
}

.photo-credit {
	display: inline-block;
	font-size: 0.75em;
	color: #000;
	margin: 0 0 20px 0;
}

.keynotes{}

.workshops{}

.events{}

.more-info {
	font-size: 0.75em;
	font-weight: bold;	
	color: #d65e5d;
	padding: 0 0 0 10px;
}

/* END: Content and image blocks */

/* footer */
div.footer {
	width: 100%;
	min-height: 40px;
	padding: 10px 0 0 0;
	background-color: #fff;
}
	
div.footer ul {
	list-style: none;
	width: 100%;
	margin: 0 auto;
}

div.footer li {
	display: inline;
	padding: 5px 2% 0 2%;
	font-size: .9375em; /* 15px / 16 px */
	text-transform: uppercase;
	text-align: left;
	color: #000;
}

div.footer a, a:visited {
	text-decoration: none;
	font-weight: normal;
}	

a:hover {
	text-decoration: none;
	border-bottom: none;	
}	

.footer-left {
	float: left;
}

.footer-right {
	float: right;
	text-align: right;
}
/* END: footer */

@media screen and (min-width: 960px) {
	div.content {
		width: 960px;
	}
	
	div.footer ul {
		width: 960px;
	}	
}

@media screen and (max-width: 800px) {	
	div.content-video-frame {
		width: 50%;
	}
}

@media screen and (max-width: 700px) {	
	.toggle {
		display: block;
	}
	
	div.nav {
		min-height: 30px;
		height: auto;
	}
	
	div.nav li {
		float: none;
		text-align: left;
	}

	div.nav li.menuItem {
		padding: 10px 0 5px 10px;				
		font-size: .75em; /* 12px / 16 px */	
	}
	
	div.content-2col-left, div.content-2col-right {
		width: 90%;
		margin: 0 auto;
		padding: 0 5%;
	}
		
	div.content-2col-left img, div.content-2col-right img {
		display: block;
		margin: 0 auto;
		padding: 0 0 20px 0;
	}
		
	div.footer {
		height: 100px;
	}
		
	div.footer li {
		display: block;
		padding: 15px 0 0 0;
		margin: 0 auto;	
		text-align: center;
	}
	
	.footer-left {
		float: none;
	}

	.footer-right {
		float: none;
	}
}

@media screen and (max-width: 520px) {	
	div.content-video-frame {
		width: 100%;
	}
}