@charset "UTF-8";
/* CSS Document */
/* ==== 
Power of Narrative
narrative-simple.css
Jon Surmacz
1/11/13
jsurmacz@bu.edu
==== */

@media screen and (min-width: 37.5em) {
	
/* ==== Layout ==== */	
	html,body {
	padding:0;
	margin:0;
	overflow-x:hidden;
	}
	
	body {
	background: url('../../narrative/images/narrative-2013-bgbody.gif') repeat-x scroll 0 142px #edeff0;
	}
	
	header {
	padding:0;
	}
	
	#headerWrapper {
	width:36.5em;
	margin:0 auto;	
	}
	
	#socialWrapper {
	float:right;
	}
	
	#socialWrapper p {
	margin-top:1.5em;	
	}
	
	div#socialWrapper span {
	display:block;
	float:left;
	margin:0;
	height:1.25em;
	width:1.25em;
	margin-left:.5em;
}

span#facebook {
	background:url('../../narrative/images/narrative_webAssets_facebook.png') no-repeat;
	background-size:contain;
}

span#twitter {
	background:url('../../narrative/images/narrative_webAssets_twitter.png') no-repeat;
	background-size:contain;
}

span#tumblr {
	background:url('../../narrative/images/narrative_webAssets_tumblr.png') no-repeat;
	background-size:contain;
}

span#storify {
	background:url('../../narrative/images/narrative_webAssets_storify.png') no-repeat;
	background-size:contain;
}	
	#socialWrapper p span a {
		display:block;
		float:right;
		height:1.1em;
		width:1.1em;	
	}
	
	#socialWrapper p span a:hover {
		background:none;	
	}
	
	#logoWrapper {
	text-indent:-9999px;
	background:transparent url('../../narrative/images/com_whitetext_320.png') no-repeat;
	width:36.5em;
	height:4em;
	margin:0 auto;
	border-top: 10px solid #345F8C;
	padding:0;
	}

#banner {
	clear:both;
	background: #345f8c url('../../narrative/images/narrative_banner_584.png') no-repeat;
	height:10em;
	width:36.5em;
	margin: 0 auto;
}

#feature div {
	background:url('../../narrative/images/narrative_webAssets_584.gif') no-repeat;	
	height: 18.25em;
	width:36.5em;
	margin: 0 auto;
}

section {
	-webkit-box-shadow: 1em -1em 1em rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: -1em -1em 1em rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 1em -1em 1em rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: -1em -1em 1em rgba(0, 0, 0, 0.1) inset;
	box-shadow: 1em -1em 1em rgba(0, 0, 0, 0.1) inset;
	box-shadow: -1em -1em 1em rgba(0, 0, 0, 0.1) inset;	
}

section#home {
	background:#edeff0;	
	margin-top:-.6em;
	padding:0;
	box-shadow:none;
}

section div.wrapper {
	padding:0 1em;
}

section#home div.wrapper {
width:36.5em;
margin:0 auto;
}

span.registerNow {
	width:33%;
}

blockquote {
background:#edeff0;	
}

blockquote#sponsors, blockquote#host, blockquote#help {
	width:33%;
	float:left;
}


#bu-sponsor {
	background:transparent url('../../narrative/images/logo_bu.gif') no-repeat top left;
	height:2.5em;
	width:100%;
	display:block;
	margin-top:2em;
	margin-bottom:2em;
	
}

#poynter-sponsor {
	background:transparent url('../../narrative/images/poynterlogo_white.png') no-repeat top left;
	height:2.5em;
	width:100%;
	display:block;

}

#bu-sponsor, #poynter-sponsor {
	text-indent:-9999px;
	float:left;
}

#footerWrapper {
	width:37.5em;
	margin:0 auto;	
}



/* ==== Use this style when building a three-column callout in the home section

blockquote.callout {
	width:31%;
	float:left;
	margin: 0 1.2em 0 0;
}

blockquote.right {
	margin-right:0;	
}

==== */

blockquote.default {
	background-color:transparent; /*#d4dbe3;*/
	color:#000;	
	padding:0;
}

div.bioImg {
	float:left;
display:inline;
margin:-2em 1em 1em 1em;
border-radius:5em;
border:.35em solid #4787a2; /* #5595B0; */
height:8.75em;
width:8.75em;
box-shadow:0 2px 4px rgba(0, 0, 0, .7);
}

div#mark-kramer-img {
	background:url('../../narrative/images/2013-kramer.jpg') no-repeat;

}

div#tracy-kidder-img {
background:url('../../narrative/images/2013-kidder.jpg') no-repeat;
}

div#richard-todd-img {
	background:url('../../narrative/images/2013-todd.jpg') no-repeat;
}

div#jeb-sharp-img {
 	background:url('../../narrative/images/2013-sharp.jpg') no-repeat;
}

div#beauregard-tromp-img {
		background:url('../../narrative/images/2013-tromp.jpg') no-repeat;
}
div#david-hartwell-img {
		background:url('../../narrative/images/2013-hartwell.jpg') no-repeat;

}

div#kelly-mcevers-img {
		background:url('../../narrative/images/2013-mcevers.jpg') no-repeat;

}

div#laurie-hertzel-img {
		background:url('../../narrative/images/2013-hertzel.jpg') no-repeat;
}

div#dan-grossman-img {
        background:url('../../narrative/images/2013-grossman.jpg') no-repeat;
		}
div#porter-fox-img {
	background:url('../../narrative/images/2013-fox.jpg') no-repeat;
}
		
div#adam-hochschild-img {
	background:url('../../narrative/images/2013-hochschild.jpg') no-repeat;
}

div#jina-moore-img {
	background:url('../../narrative/images/2013-moore.jpg') no-repeat;
}
	
div#borja-echevarria-img {
	background:url('../../narrative/images/2013-echevarria.jpg') no-repeat;
}
	
div#erin-polgreen-img {
	background:url('../../narrative/images/2013-polgreen.jpg') no-repeat;	
	}
		
div#ann-friedman-img {
	background:url('../../narrative/images/2013-friedman.jpg') no-repeat;	
}
div#sue-schardt-img {
	background:url('../../narrative/images/2013-schardt.jpg') no-repeat;	
}

div#joseph-rodriguez-img {
	background:url('../../narrative/images/2013-rodriguez.jpg') no-repeat;	
}

div#amy-ellis-nutt-img {
	background:url('../../narrative/images/2013-nutt.jpg') no-repeat;	
}
div#neil-shea-img {
		background:url('../../narrative/images/2013-shea.jpg') no-repeat;	

}

div#maisie-crow-img {
	background:url('../../narrative/images/2013-crow.jpg') no-repeat;	
}


div#rosalind-bentley-img {
	background:url('../../narrative/images/2013-bentley.jpg') no-repeat;	

}

div#lissa-warren-img {
	background:url('../../narrative/images/2013-warren.jpg') no-repeat;	

}

div#william-mckeen-img {
	background:url('../../narrative/images/2013-mckeen.jpg') no-repeat;	

}

div#annie-correal-img {
	background:url('../../narrative/images/2013-correal.jpg') no-repeat;	
}

div#charles-homans-img {
	background:url('../../narrative/images/2013-homans.jpg') no-repeat;	
}

div#evan-ratliff-img {
	background:url('../../narrative/images/2013-ratliff.jpg') no-repeat;	
}

div#alan-chin-img {
	background:url('../../narrative/images/2013-chin.jpg') no-repeat;	
}

div#amy-oleary-img {
	background:url('../../narrative/images/2013-oleary.jpg') no-repeat;	
}

div#julian-rubinstein-img {
	background:url('../../narrative/images/2013-rubinstein.jpg') no-repeat;	
}

div#john-knight-img {
	background:url('../../narrative/images/2013-knight.jpg') no-repeat;	
}

div#joseph-rodriguez-img {
	background:url('../../narrative/images/2013-rodriguez.jpg') scroll 0 0 no-repeat;	
}

div#mitchell-zuckoff-img {
	background:url('../../narrative/images/2013-zuckoff.jpg') scroll 0 0 no-repeat;	
}

div#dick-lehr-img {
	background:url('../../narrative/images/2013-lehr.jpg') scroll 0 0 no-repeat;	
}

div#nick-mills-img {
	background:url('../../narrative/images/2013-mills.jpg') scroll 0 0 no-repeat;
}

div#noah-rosenberg-img {
	background:url('../../narrative/images/2013-rosenberg.jpg') scroll 0 0 no-repeat;
	}

div#ellen-ruppel-shell-img {
	background:url('../../narrative/images/2013-shell.jpg') scroll 0 0 no-repeat;
	}

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

h1, h2 {
	font-family:"Libre Baskerville",Georgia,serif;	
}


h3 {
	font-size:1.5em;
	line-height:2em;
	font-family: "Libre Baskerville",Arial,Helvetica,sans-serif;
}

#banner h1, #banner h2 {
	margin:0;
	text-align:center;
	padding:0;
}

#banner h1 {
	line-height:1.75em;	
	padding-top:.5em;
}

#banner h2 {
	font-size:1em;	
}

blockquote#sponsors h4 {
	float:left;
}

blockquote#help a:link {
	color:#6CF;
	border-bottom:1px dashed #6Cf;
}

blockquote#help a:hover {
	background-color:#369;	
}

section#about h2 {
	clear:both;
	border:none;
	background:none;		
}

section#about h4 {
	font-size:1.4em;	
}


section h2 {
font-size: 1.5em;
    line-height: 1.5em;
    padding: 0.6em 0;	
}

section#home h2, section#about h2, section#speakers h2, section#schedule h2, section#accommodations h2, section#directions h2  {
	/* width:25%; */
	/* float:left;	*/
	margin-top:2em;
	background: url('../../narrative/images/narrative_webAssets_brush.png') no-repeat;
	background-size:98% 98%;
	border:0;
	box-shadow:none;
}

section#schedule h4 {
	text-align:center;
	clear:both;	
}

section#schedule ul li {
	clear:both;
	margin-bottom:2em;
}


section#schedule ul li span.session {
	float:left;
	display:block;
	width:24%;
	text-align:right;
}

section#schedule ul li span.speaker {
	font-style:italic;
	float:right;
	display:block;
	width:75%;
	text-align:left;
}



section#accommodations h2 {
color:#634C79;	
}

section#accommodations a:link {
color:#634C79;
border-bottom:1px dashed #634C79;	
}




section#home h2 {
	margin-top:.5em;	
}

section p {	
	font-size:1.1em;
	line-height:1.6em;
	font-family:Telex,Arial,Helvetica,sans-serif;
	margin-bottom:.5em;
}

section#speakers h4, section#accommodations h4, section#directions h4 {
	font-size:1.4em;	
	clear:both;
}

span.reserveRoom {
	width:25%;
	margin:.5em;	
}


/* ==== Primary Navigation ==== */	

/*
.my-sticky-element {
	visibility:hidden;	
}

nav#primary {
	width:100%;
	height:2em;
	background-color:#edeff0;
	border-top: .5em solid #edeff0;
	border-bottom: .5em solid #edeff0;
}	
	nav#primary ul {
	width:95%;
	margin:0 auto;
}
	nav#primary ul li {
	font-family: "Libre Baskerville",Arial,Helvetica,sans-serif;
	margin-right:.5em;
	float:left;
	font-size:.8em;
	}
	
nav#primary ul li.last-item {
	margin-right:0;	
}

*/
nav#primary {
	border-top:0;	
}

.my-sticky-element {
	visibility:visible;	
	z-index:10;
}

.my-sticky-element.stuck {
	padding:.4em 0 .1em;
	position:fixed;
	top:0;
	background-color:#edeff0;
	box-shadow:0 2px 4px rgba(0, 0, 0, .3);
	width:100%;
}

nav#primary ul {
	/* width:58%; */
	width:36.5em;
	margin:0 auto;
}
	nav#primary ul li {
	font-family: "Libre Baskerville",Arial,Helvetica,sans-serif;
	margin-right:.4em;
	float:left;
	font-size:.7em;
	width:7.75em;
	}


nav#primary ul li.goHome {
	display:block;
	width:1.95em;
	height:1.88em;	
}

nav#primary ul li a.goHome {
	width:2em;
	height:1.88em;
	background: url('../../narrative/images/narrative_webAssets_home16.png') no-repeat 50% 50%;
	padding:.2em;
		
}

nav#primary ul li.last-item {
	margin-right:0;	
}
nav#primary ul li a:hover {
	background-color:#ccc;	
}	
	
	
}

@media screen and (min-width:48em) {

/* ==== Layout ==== */

body {
background: url('../../narrative/images/narrative-2013-bgbody.gif') repeat-x scroll 0 188px #edeff0;
}	

#logoWrapper, #footerWrapper, #headerWrapper {
	width:48em;
}
		
	#banner {
	height:170px;
	width:768px;	
	background: #345f8c url('../../narrative/images/narrative-2013-banner-bg.png') no-repeat;
	text-align:center;
	margin:0 auto;
	color:#fff;
	clear:both;
}
	#feature div {
	background:url('../../narrative/images/narrative_webAssets_768.gif') no-repeat;	
	height: 26.4em;
	width:48em;
	margin: 0 auto;
	/* clear:both; */
}

section#home {
	background:transparent;	
	margin-top:-2em;
	padding-bottom:1em;
}

section#home div.wrapper {
width:40em;
}

#footerWrapper {
	margin:0 auto;	
}

/* ==== Use this style when building a three column layout in the home section 

blockquote.callout {
	width:32%;
}

==== */



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

#banner h1 {
 font-size:2em;	
 padding-top:.4em;
}

#banner h2 {
	padding:0;	
}

section h2 {
	font-size: 1.7em;
    line-height: 1.6em;
    padding: 0.7em 0;
}


section p {
	
	font-size:1.2em;
	line-height:1.7em;
}

section#home h3 {
margin-top:-3em;	
}

/* ==== Primary Navigation ==== */

/* ==== hiding old navigation styles

nav#primary {
	width:48em;
	margin: 0 auto;
}

==== */



nav#primary ul {
	/* width:58%; */
	width:44em;
	margin:0 auto;
}
	nav#primary ul li {
	font-family: "Libre Baskerville",Arial,Helvetica,sans-serif;
	margin-right:.5em;
	float:left;
	/* font-size:.8em; */
	font-size:.8em;
	width:8em;
	}
	
nav#primary ul li a.goHome {
	background: url('../../narrative/images/narrative_webAssets_home20.png') no-repeat 50% 50%;
	
}
	
nav#primary ul li.last-item {
	margin-right:0;	
}
nav#primary ul li a:hover {
	background-color:#ccc;	
}

}

@media screen and (min-width:64em) { /* 65em */
	
/* ==== Layout ==== */

body {
background: url('../../narrative/images/narrative-2013-bgbody.gif') repeat-x scroll 0 204px #edeff0;
}

#logoWrapper, #footerWrapper, #headerWrapper, section .wrapper {
	width:60em;
}

#feature div {
	background:url('../../narrative/images/narrative_webAssets_1024.gif') no-repeat;	
	height: 26.4em;
	width:64em;
	margin: 0 auto;
}	
	
	section .wrapper {
		margin:0 auto;	
	}
	
	div.column {
	/* width:66%;
	float:right; */
}
	
/* ==== Typography ==== */

h2, #banner h2 {
	font-size:1.2em;	
}

	
/* ==== Primary Navigation ==== */

/* ==== old style
nav#primary {
	width:60em;
	margin:0 auto;
}
*/

nav#primary ul {
	/* width:58%; */
	width:54em;
}
	nav#primary ul li {
	font-family: "Libre Baskerville",Arial,Helvetica,sans-serif;
	margin-right:.5em;
	float:left; 
	/* font-size:.8em; */
	font-size:1em;
	width:8em;
	}
	
	nav#primary ul li a.goHome {
		background: url('../../narrative/images/narrative_webAssets_home.png') no-repeat 50% 50%;
	
	}
	
nav#primary ul li.last-item {
	margin-right:0;	
}
nav#primary ul li a:hover {
	background-color:#ccc;	
}


/* 
.my-sticky-element {
	visibility:visible;	
}

.my-sticky-element.stuck {
			position:fixed;
			top:0;
			box-shadow:0 2px 4px rgba(0, 0, 0, .3);
			width:100%;
		}
*/
}