/*
Theme Name: Flexi-Everett
Version: 1.0
Author: Interactive Design
Author URI: http://www.bu.edu/interactive-design/
Description: Theme for the new SMG alumni magazine, Everett.
Template: flexi-framework
*/


/* -------------------------------- */
/* ----------[ WEBFONTS ]---------- */
/* -------------------------------- */

@font-face {
  font-family: "Benton-Sans";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Medium-Italic/289d6a90-eab9-4614-9e7d-c0df14839178-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Medium-Italic/289d6a90-eab9-4614-9e7d-c0df14839178-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Medium-Italic/289d6a90-eab9-4614-9e7d-c0df14839178-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Medium-Italic/289d6a90-eab9-4614-9e7d-c0df14839178-1.ttf") format("truetype");
  font-style: italic;
  font-weight: bold;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-1.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Black-Italic/9afa6c31-8572-45ee-8575-c3c541f31e3f-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Black-Italic/9afa6c31-8572-45ee-8575-c3c541f31e3f-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Black-Italic/9afa6c31-8572-45ee-8575-c3c541f31e3f-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Black-Italic/9afa6c31-8572-45ee-8575-c3c541f31e3f-1.ttf") format("truetype");
  font-style: italic;
  font-weight: 900;
}

@font-face {
  font-family: "Benton-Sans-Bold";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Benton-Sans-Bold";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}


@font-face {
  font-family: "Benton-Sans-Light";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Benton-Sans-Light";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light-Italic/15a2d62b-ca5c-45cb-9b3d-29bef80c6e9d-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light-Italic/15a2d62b-ca5c-45cb-9b3d-29bef80c6e9d-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light-Italic/15a2d62b-ca5c-45cb-9b3d-29bef80c6e9d-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light-Italic/15a2d62b-ca5c-45cb-9b3d-29bef80c6e9d-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: "BentonSansComp-Bold";
  src: url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
.BentonSansComp-Bold{font-family:BentonSansComp-Bold;text-transform:uppercase;}

@font-face {
  font-family: "BentonSansComp-Bold";
  src: url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold-Italic/c881d891-c9fe-443f-9067-4fd904cc7ec7-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold-Italic/c881d891-c9fe-443f-9067-4fd904cc7ec7-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold-Italic/c881d891-c9fe-443f-9067-4fd904cc7ec7-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold-Italic/c881d891-c9fe-443f-9067-4fd904cc7ec7-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: "Smart-Sans";
  src: url("https://www.bu.edu/cdn/fonts/Smart-Sans-Light/271877_1_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/Smart-Sans-Light/271877_1_0.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Smart-Sans-Light/271877_1_0.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Smart-Sans-Light/271877_1_0.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Smart-Sans";
  src: url("https://www.bu.edu/cdn/fonts/Smart-Sans-Bold/271877_0_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/Smart-Sans-Bold/271877_0_0.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Smart-Sans-Bold/271877_0_0.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Smart-Sans-Bold/271877_0_0.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Stag-Semibold";
  src: url("https://www.bu.edu/cdn/fonts/Stag-Web-Semibold/28c2c0ff-576b-4d17-9282-83281eeb1cb9-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Stag-Web-Semibold/28c2c0ff-576b-4d17-9282-83281eeb1cb9-2.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Stag-Web-Semibold/28c2c0ff-576b-4d17-9282-83281eeb1cb9-3.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Stag-Web-Semibold/28c2c0ff-576b-4d17-9282-83281eeb1cb9-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}


/* ------------------------------- */
/* ----------[ GENERAL ]---------- */
/* ------------------------------- */

body {
	background-color: #222;
}

#wrapper {
	background-color: #fff;
}

#content {
	color: #000;
	font-family: 'Benton-Sans', sans-serif;
	font-size: 1.4em;
	line-height: 1.5;
}

a, a:visited {
	color: #00a8b9;
	text-decoration: underline;
}

	a:hover, a:visited { color: #008c9a; }
	a:active { color: #005c66; }

h1, h2, h3 { margin-bottom: .67em; }
h4, h5, h6 { margin-bottom: .33em; }

h1, h4 { line-height: 0.8; }
h2, h3, h5, h6 { line-height: 1.2; }

h1 { color: #ec1a29; font-size: 2.4em; font-weight: bold; font-family: 'Smart-Sans', serif; letter-spacing: 1px; text-transform: uppercase; }
h2 { color: #a8cc43; font-size: 2.4em; font-weight: bold; font-family: 'Benton-Sans', sans-serif; }
h3 { 
	color: #00acec;
	font-size: 17px;
	font-weight: 900;
	font-family: 'Benton-Sans', sans-serif;
	text-transform: uppercase;
	margin-bottom: 3px;
	padding-top: 20px;
	font-style: italic;
}

h4 { color: #ec1a29; font-size: 1.8em; font-weight: bold; font-family: 'Smart-Sans', serif; letter-spacing: 1px; text-transform: uppercase; }
h5 { color: #a8cc43; font-size: 1.6em; font-weight: bold; font-family: 'Benton-Sans', sans-serif; }
h6 { color: #00a8b9; font-size: 1.6em; font-weight: bold; font-family: 'Benton-Sans', sans-serif; letter-spacing: 2px; text-transform: uppercase; }

p, address, blockquote, dl, hr, ol, p, table, .main ul, .widget ul, .callout_left, .pullquote_left, .callout_right, .pullquote_right { margin-bottom:1.4em; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }

abbr, acronym { text-transform: uppercase; font-size:.85em; letter-spacing: 1px; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; }
big { font-size: 1.4em; }
blockquote { font-style: italic; }
blockquote, .callout_left, .pullquote_left, .callout_right, .pullquote_right { padding: 0 0 0 10px;border-left: 10px solid #e6eaea; }
blockquote p, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { font-size: 1em; }
blockquote p:last-child { margin: 0; }
blockquote.right, .callout_right, .pullquote_right { float: right; width: 30%; margin-left:20px; clear: both; }
blockquote.left, .callout_left, .pullquote_left { float: left; width: 30%; margin-right: 20px; clear: both }
cite, em, dfn, address { font-style: italic; }
code, kbd, samp, tt, var  { font-family: monospace; font-size: 1.4em; }
ins, dfn { border-bottom: 1px solid #ced1d2; }
pre { font-family: monospace; font-size: 1.6em; line-height: 1.5em; margin-bottom: 1.4em; background: #eceeee; overflow: auto; clear: both; }
s, strike, del { text-decoration: line-through; color: #939b9f; }
small { font-size: .9em; }
strong, th, thead td { font-weight: 700; }
sup { vertical-align: super; font-size: .9em; }
sub { vertical-align: sub; font-size: .9em; }

/* -----[ GENERAL ]-----[ TABLE ]----- */

table td, th { padding: 5px 10px 4px 0; border-bottom: 1px solid #d5d5d5; }
table th { border-top: 1px solid #d5d5d5; text-align: left; }

/* -----[ GENERAL ]-----[ SPECIAL CLASSES ]----- */

.fancy {font-family:"Georgia", times, serif;font-style:italic;font-weight:400;}
.caps {text-transform:uppercase;}
.small {font-size:.9em;}
.large {font-size:1.4em;}
.hide {display:none;}
.highlight {background:#fe6;}
.center {text-align:center;}
.clear {clear:both;}

/* -----[ GENERAL ]-----[ ANNOUNCEMENT ]----- */

.announcement, .message {background-color:#fffbcc;border:1px solid #e0ce71;padding:12px;margin:0 auto 12px;}
.announcement {font-size:1.2em;line-height:1.5em;}
.announcement p {font-size:1em;}
.announcement p:last-child, .message p {margin-bottom:0;}
#bu-alert-emergency p {line-height: 20px;}
#bu-alert-emergency {padding: 0 !important;}


/* ------------------------------ */
/* ----------[ HEADER ]---------- */
/* ------------------------------ */

/* -----[ HEADER ]-----[ UTILITY NAV ]----- */

#utility {
	margin-left: -20px;
	margin-right: -20px;
	background-color: #222;
}

#utility ul {
	margin: 0 auto;
	max-width: 980px;
	padding: 0 20px;
}

#utility ul li:first-child a {
	display: block;
	height: 35px;
	width: 260px;
	background: url(images/smg-branding.png) no-repeat 0 0;	
}

	/* Apply hide-text */
	#utility ul li:first-child a { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
	#utility ul li:first-child a:before { content: ""; display: block; width: 0; height: 150%; }

/* -----[ HEADER ]-----[ MASTHEAD ]----- */

#header {
	padding: 0 20px;
}

#masthead {
	margin: 0 auto;
	max-width: 980px;
	position: relative;
}

#masthead h1 a {
	display: block;
	height: 130px;
	margin: 30px 0 22px;
	width: 600px;
	background: url(images/masthead-title.png) no-repeat 0 0;
}

#masthead .issue-name {
	display: block;
	position: absolute;
	bottom: -10px;
	right: 0;
	color: #222;
	font-family: 'Benton-Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25;
}

	.lt-ie8 #masthead .issue-name { bottom: 10px; }

/* -----[ HEADER ]-----[ BROWSE BAR ]----- */

#filter-bar {
	margin: 0 auto 20px;
	max-width: 940px;
	padding: 7px 20px 0;
	background-color: #a8cc43;
	color: #222;
	font-size: 1.3em;
	line-height: 1;
	text-transform: uppercase;
	font-family: "Benton-Sans", sans-serif;
}

.story #filter-bar {
	display: none;
}


#filter-bar strong {
	display: block;
	float: left;
	margin-right: 20px;
	padding: 6px 0 5px;
	font-weight: normal;
	font-family: "Benton-Sans-Bold", sans-serif;
}

#filter-bar ul {
	display: block;
	padding-left: 110px;
	list-style: none;
}

#filter-bar ul li {
	display: inline-block;
	float: left;
	margin-bottom: 7px;
	margin-right: 10px;
	background-color: #b6dd49;
	font-weight: bold;
	
	-webkit-border-radius: 13px;
	   -moz-border-radius: 13px;
	        border-radius: 13px;
}

	.lt-ie8 #filter-bar ul { margin-bottom: 7px; padding-left: 0; }

#filter-bar ul li:hover { background-color: #c7ed5b; }
#filter-bar ul li:active { background-color: #627c1a; }
#filter-bar ul li:active a, #filter-bar ul li:active a:visited { color: #fff; }
#filter-bar ul li.selected { background-color: #f7ffe2; }
#filter-bar ul li.selected:hover { background-color: #fff; }

#filter-bar ul a, #filter-bar ul a:visited {
	display: block;
	padding: 6px 15px 6px;
	color: #535353;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

#filter-bar ul .selected a {
	color: #248dc1;
}


/* ------------------------------ */
/* ----------[ LAYOUT ]---------- */
/* ------------------------------ */

.banner-container.page-width {
	margin: 0 auto;
	max-width: 980px;
}

.banner-container img {
	height: auto;
	width: 100%;
}

.container {
	position: relative;
}

#content {
	padding: 0 20px 40px;
}

#content > .container {
	margin: 0 auto;
	max-width: 980px;
}

/* -----[ LAYOUT ]-----[ HOME ]----- */

.caption {
	font-size: 12px;
	color: #666;
}

.story #header {
	padding: 0 20px 1px;
}

.story #masthead .issue-name {
	display: none;
}

.story #wrapper #content {
	background: #f2f2f2;
}

.story-list {
	width: 100%;
}

	.lt-ie9 .story-list { width: 980px; }

.story-item {
	margin-bottom: 43px;
	width: 25%;
	background-repeat: no-repeat;
}

	.lt-ie8 .story-item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #afb4b7; }
	.lt-ie8 .story-item.border-bottom-off { border-bottom: 0; }

.story strong {
	font-weight: 900;
	font-family: "Benton-Sans", sans-serif;
	text-transform: uppercase;
}

	.story-item.colspan-1 { width: 25%; }
	.story-item.colspan-2 { width: 50%; }
	.story-item.colspan-3 { width: 75%; }
	.story-item.colspan-4 { width: 100%; }
	
	.lt-ie9 .story-item.colspan-1 { width: 245px; }
	.lt-ie9 .story-item.colspan-2 { width: 490px; }
	.lt-ie9 .story-item.colspan-3 { width: 735px; }
	.lt-ie9 .story-item.colspan-4 { width: 980px; }

/* :after adds the bottom border
 * :before adds the right border */
.story-item:after {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	bottom: -20px;
	left: 0;
	border-bottom: 3px dotted #00b0ed;
}

.story-item:before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border-right: 1px solid #afb4b7;
}

	/* User can turn off the fake border-bottom and border-right */
	.story-item.border-bottom-off { margin-bottom: 20px; }
	.story-item.border-bottom-off:after { display: none; }
	.story-item.border-right-off:before { display: none; }
	
.story-item a, .story-item a:visited {
	text-decoration: none;
}

.story-item img {
	height: auto;
	margin-bottom: 10px;
	width: 100%;
}

.story-item .hed,
	.story-item .dek,
	.story-item .read-more-text,
	.story-item .quote-text,
	.story-item .quote-citation {
	
	display: block;
	margin-left: 20px;
	margin-right: 20px;
}

.story-item .hed {
	margin-bottom: .33em;
}

.story-item .dek {
	color: #000;
	font-size: 0.9286em;
	font-weight: normal;
	line-height: 1.5em;
}

.story-item .read-more-text {
	color: #ec1a29;
	font-weight: normal;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 12px;
	font-family: "Benton-Sans-Bold", sans-serif;
}

.story-item .quote-text {
	margin-bottom: 0;
	padding-left: 12px;
	font-size: 2em;
	text-indent: -12px;
}

	.story-item .quote-text p:last-child {
		margin-bottom: 20px;
	}

.story-item .quote-citation {
	margin-bottom: 5px;
	color: #000;
	font-size: .9286em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.1;
	text-align: right;
	text-transform: uppercase;
}

.story-item .quote-citation strong { font-weight: 900; }

.story-item .quote-citation a, .story-item .quote-citation a:visited {
	text-decoration: underline;
}

.story-item .statistic-number, .story-item .statistic-units, .story-item .statistic-description {
	display: block;
}

.story-item.type-image img {
	display: block;
	margin: 0 auto;
}

.story-item.type-divider {
	margin-top: -15px;
}
	
/* -----[ LAYOUT ]-----[ STORY ]----- */

.story #col1 {
	padding-top: 50px;
}

.container .allstories-btn {
	display: inline-block;
	padding: 8px 15px 7px 33px;
	position: absolute;
	left: 0;
	top: 50px;
	background: #a8cc43 url(images/allstories-btn-bg.png) no-repeat 11px center;
	color: #222;
	font-size: .8571em;
	font-weight: normal;
	font-family: "Benton-Sans-Bold", sans-serif;
	line-height: 1.25;
	text-decoration: none;
	text-transform: uppercase;
	
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}

.lt-ie8 .container .allstories-btn { display: inline; zoom: 1; }

.container .allstories-btn:hover { background-color: #b6da51; }

.story .main > .container {
	margin: 0 auto;
	max-width: 620px;
}

.story .hed {
	color: #ec1a29;
	font-family: 'Smart-Sans', sans-serif;
	font-size: 4em;
	text-align: center;
}

.story .dek {
	margin-bottom: 2.4em;
	margin-top: -33px;
	color: #222;
	font-size: 1.1429em;
	line-height: 1.125;
	text-align: center;
	text-transform: uppercase;
}

.story .byline {
	margin-bottom: 2.6em;
	margin-top: -20px;
	color: #555;
	font-size: 1em;
	font-style: italic;
	line-height: 1.125;
	text-align: center;
}

.story .byline i,
.story .byline em {
	font-style: normal;
}

.story .fullwidth-container {
	margin-left: -20px;
	margin-right: -20px;
}


/* --------------------------------------- */
/* ----------[ VIDEO SHORTCODE ]---------- */
/* --------------------------------------- */

.custom-play-img {display: block;height: 100%;width: 100%;}
.custom-play-img-container {cursor: pointer;display: block;height: 100%;position: relative;width: 100%;z-index: 10;}
.custom-play-img-container:after {content: url("images/playIcon.png");height: 106px;margin-left: -36px;margin-top: -53px;width: 72px;z-index: 11;}
.custom-play-img-container:after {left: 50%;top: 50%;position:absolute;}
.video-shortcode {position:relative;}

.buvideoWrapper {position:relative;padding-bottom:56.3636363636%;padding-top:0;margin-bottom:14px;height:0;}
* html .buvideoWrapper {margin-bottom: 45px;margin-bot\tom: 0;}
.buvideoWrapper div, .buvideoWrapper embed, .buvideoWrapper object, .buvideoWrapper iframe {position:absolute;width:100% !important;height:100% !important;left:0;top:0;}
	.lt-ie9 .buvideoWrapper {position:static;padding-bottom:0;padding-top:0;margin-bottom:14px;height:310px;}
	* html.lt-ie8 .buvideoWrapper {margin-bottom: 45px;margin-bot\tom: 0;}
	.lt-ie9 .buvideoWrapper div, .lt-ie8 .buvideoWrapper embed, .lt-ie8 .buvideoWrapper object, .lt-ie9 .buvideoWrapper iframe {position:static;width:550px !important;height:310px !important;left:auto;top:auto;}
	.lt-ie9 .page-width-below .buvideoWrapper, .lt-ie9 .page-width-below .buvideoWrapper div, .lt-ie9 .page-width-below .buvideoWrapper iframe { margin: 0; width:940px !important; height:530px !important; }


/* ------------------------------ */
/* ----------[ FOOTER ]---------- */
/* ------------------------------ */

#footer {
	background-color: #222;
}

#footer .container {
	margin: 0 auto;
	max-width: 980px;
	padding: 30px 20px;
}


/* ------------------------------------- */
/* ----------[ MEDIA QUERIES ]---------- */
/* ------------------------------------- */

@media (max-width: 1020px) {
	.story-item img {
		height: auto;
		width: 100%;
	}

	.story-item {
		width: 50%;
	}
	


		.story-item.colspan-1, .story-item.colspan-2 { width: 50%; }
		.story-item.colspan-3 { width: 100%; }

	/* Hide right border */
	.story-item:before { display: none; }

	.container .allstories-btn .stories {
		display: none;
	}
}

@media (max-width: 850px) {
	.story #col1 > .container {
		padding-top: 40px;
	}

	.story .container .allstories-btn {
		position: absolute;
		left: auto;
		top: 30px;
		z-index: 50;
	}
	
	.container .allstories-btn .stories {
		display: inline;
	}
	
	.banner-container + .container #col1 > .container {
		padding-top: 0;
	}
	
	.story .banner-container + .container .allstories-btn {
		position: absolute;
		left: 20px;
		top: -56px;
	}
	
	.story .banner-container + .container .allstories-btn .stories {
		display: none;
	}
}

@media (max-width: 640px) {
	#masthead h1 a {
		height: 87px;
		width: 400px;
		background-image: url(images/masthead-title-400.png);
	}
}



@media (max-width: 500px) {
	.story-item, .story-item.colspan-1 { width: 100%; }
}

@media (max-width: 490px) {
	#masthead h1 a {
		height: 70px;
		width: 280px;
		background-image: url(images/masthead-title-280.png);
	}
	
	#masthead .issue-name {
		bottom: -3px;
		font-weight: 900;
	}
	
	#filter-bar {
		margin-bottom: 13px;
		margin-top: 20px;
		padding: 0;
		background-color: transparent;
	}
	
	#filter-bar strong {
		display: none;
	}
	
	#filter-bar ul {
		padding-left: 0;
	}
	
	#filter-bar li {
		margin-bottom: 5px;
		margin-right: 7px;
	}
	
	#filter-bar li a, #filter-bar li a:visited {
		padding: 5px 10px 3px;
		font-size: .9em;
	}
}

@media (max-width: 400px) {
	#masthead .issue-name {
		display: block;
		margin-bottom: 1em;
		position: static;
		bottom: auto;
		right: auto;
	}
}


/* ----------------------------- */
/* ----------[ MISC. ]---------- */
/* ----------------------------- */

/* -----[ MISC. ]-----[ CLEAR FIX ]----- */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }

	/* For IE 6/7 only: include this rule to trigger hasLayout and contain floats. */
	.cf { *zoom: 1; }

/* -----[ MISC. ]-----[ EDIT BUTTON ]----- */
 p.edit-link { margin: 0; padding: 3px 6px; width: 3.6em; position: absolute; top: 0; right: 0; background-color: #fffbcc; border: 1px solid #e0ce71;display: none;}
.posts p.edit-link { margin-right: 112px; }
 p.edit-link a { padding: 2px 0 4px 20px; color: #5F8CA2; background: url(images/icons/write-post.gif) no-repeat; }

/* -----[ MISC. ]-----[ HIDE TEXT ]----- */

/* Taken from HTML5 Boilerplate */
.hide-text { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.hide-text:before { content: ""; display: block; width: 0; height: 150%; }

/* -----[ MISC. ]-----[ ISOTOPE ]----- */
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



/* Clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}