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

@font-face {
  font-family: "Stag-Web-Thin-Italic";
  src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Thin-Italic/78288915-6179-4e0f-99c1-0d003d636fb5-2.eot");
  src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Thin-Italic/78288915-6179-4e0f-99c1-0d003d636fb5-2.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Stag-Web-Thin-Italic/78288915-6179-4e0f-99c1-0d003d636fb5-3.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Stag-Web-Thin-Italic/78288915-6179-4e0f-99c1-0d003d636fb5-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: "Stag-Web-Bold";
  src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Bold/ddc19d8c-6185-431d-851d-ddb13263a7b1-2.eot");
  src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Bold/ddc19d8c-6185-431d-851d-ddb13263a7b1-2.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Stag-Web-Bold/ddc19d8c-6185-431d-851d-ddb13263a7b1-3.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Stag-Web-Bold/ddc19d8c-6185-431d-851d-ddb13263a7b1-1.ttf") format("truetype");
  font-weight: normal;
  font-style:normal;
}

/*--------------------------------------------------------------------------*/
/*-------MASTHEAD, NAVIGATION & CONTAINER STYLES----------------------------*/
/*--------------------------------------------------------------------------*/

html {
	background-image: url("images/mn-noise.gif");
	background-position: left top;
	background-repeat: repeat;
}

/* Bostonia main navigation (masthead) styles */
#black-bar {
	background-color: #000000;
	height: 60px;
}

body.feature #masthead h1 {
	background: transparent url("http://www.bu.edu/bostonia/global/images/bostonia-alumni-magazine-sm.png") no-repeat scroll 0 13px;
	margin-bottom: 0px;
}

body div#search {
	background: url("http://www.bu.edu/bostonia/global/images/bg-form-left.png") no-repeat 0 0;
}

.wrapper {
	width: 862px;
	margin: 0 auto;
}

body.feature #main-nav ul li a {color: #fff;}
#main-nav ul li a { background:url("../../global/images/bg-main-nav.gif") no-repeat scroll 0 center transparent; }

/*----------------*/
/*--- UN-RESET ---*/
/*----------------*/

sup {
	line-height: 13px;
	vertical-align: super;
}

/*----------------------------------------------*/
/*--- FOR HEADER, HEADLINE, SUBHEAD & BYLINE ---*/
/*----------------------------------------------*/

#head {
	width: 983px;
	margin: 42px auto 0px auto;
	position: relative;
	zoom: 1;
}

#head:before,
#head:after {
	content: "";
	display: table;
}
#head:after {
	clear: both;
}

	#head h2 {
		float: left;
		width: 725px;
		height: 359px;
		border-right: dashed 1px #cfcdca;
		background: transparent url("images/mn-head.png") no-repeat;
	}
	
	#subheadbyline {
		float: left;
		width: 257px;
		height: 359px;
	}
				
		#head h3 {
			width: 257px;
			height: 248px;
			background: transparent url("images/mn-subhead.png") no-repeat;
		}
		
		#head #byline {
			width: 257px;
			height: 112px;
			background: transparent url("images/mn-byline.png") no-repeat;
		}
		
#video-jump {
	width: 933px;
	height: 36px;
	margin: 0px auto 15px auto;
	padding: 0px 0px 0px 50px;
}

/*-----------------------------*/
/*-------- FOR ARTICLE --------*/
/*-----------------------------*/

.media-block {
	width: 983px;
	margin: 0 auto;
	background: #000000 url("images/mn-black-noise.jpg") no-repeat left bottom;
	color: #f8f6f4;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.75);
}

	.media-block.tail:after {
		display: block;
		content: "";
		margin-left: 52px;
		width: 21px;
		height: 12px;
		background: transparent url("images/mn-littleguy.png") no-repeat;
	}
	
	.media-block.lead {
		height: 492px;
	}

#lead {
	height: 492px;
	position: relative;
}

	#lead p {
		width: 420px;
		padding: 25px 50px 0px 37px;
		font-family: Georgia, serif;
		font-size: 20px;
		line-height: 32px;
		color: #EBE7E3;
	}
	
	#lead img {
		float: right;
	
	}
	
		#photo-credits {
			bottom: 0;
			color: #BBB;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 10px;
			line-height: 18px;
			position: absolute;
			right: 5px;
			text-align: right;
			text-shadow: none;
			width: 400px;
		}
	
.content-wrapper {
	width: 862px;
	margin: 35px auto;
}

	.content {
		font-family: Georgia, serif;
		font-size: 15px;
		line-height: 24px;
		color: #686461;
	}
	
		.content p {
			width: 639px;
			margin-bottom: 30px;
			padding-right: 5px;
			text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
		}
		
		.content p.flexible {
			width: auto;
			max-width: 639px;
		}
		
		.content p a {
			color: #57a2ce;
		}
		
		.content p a:hover, .content p a:focus {
			color: #686260;
		}
		
		.content h4 {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 15px;
			line-height: 20px;
			color: #2e2927;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 15px;
		}
		
		.content .endsquare {
			display: inline-block;
			height: 5px;
			margin-bottom: 3px;
			border-left: solid 5px #d96613;
		}
	
	.pullquote {
		width: 857px;
		margin-bottom: 30px;
		border-left: solid 5px #d96613;
		zoom: 1;
	}
	
	.pullquote:before,
	.pullquote:after {
		content: "";
		display: table;
	}
	.pullquote:after {
		clear: both;
	}
		
		.pullquotetext {
			width: 260px;
			padding: 22px 0px 0px 35px;
			font-family: Times, serif;
			font-size: 36px;
			line-height: 42px;
			color: #d96613;
		}
		
		.pullquoteimage {
			float: right;
			border: solid 4px #fff;
			font-size: 0px;
			line-height: 0px;
		}
		
	.media-block.video {
		width: 863px;
		padding: 35px 60px 35px 60px;
	}
	
	#buniverseplayer a {
		color: #fff;
		text-decoration: none;
	}
	
		#buniverseplayer a img {
			padding-bottom: 12px; 
		}
		
		#buniverseplayer a .linktext {
			text-decoration: underline;
		}
	
		.sidebar #buniverseplayer a .linktext {
			color: #57a2ce;
			padding-bottom: 12px;
			display: block;
		}
	
	.media-block.video:before,
	.media-block.video:after {
		content: "";
		display: table;
	}
	.media-block.video:after {
		clear: both;
	}
	
		.media-block.video .metadata {
			width: 250px;
		}
		
		.media-block.video .player {
			float: right;
		}
	
	.media-block.section {
		height: 280px;
		text-shadow: none;
	}
	
		.media-block.section img {
			float: right;
		}
		
		.media-block.section .sectionhead {
			height: 183px;
			padding: 97px 60px 0px 60px;
		}
		
			.media-block.section .sectionhead h4 {
				font-family: "Stag-Web-Semibold", Georgia, serif;
				font-size: 24px;
				line-height: 30px;
				color: #f8f6f4;
				font-weight: normal;
			}
			
			.media-block.section .sectionhead h5 {
				font-family: "Stag-Web-Thin-Italic", Georgia, serif;
				font-size: 24px;
				line-height: 36px;
				font-weight: normal;
				font-style: italic;
				color: #f8f6f4;
			}
			
			.media-block.section .sectionhead p.byline {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-weight: bold;
				font-size: 12px;
				line-height: 24px;
				text-transform: uppercase;
				color: #aeacab;
			}
			
	.videoicon {
		padding: 2px 0px 0px 26px;
		margin-bottom: 18px;
		height: 18px;
		font-family: "Stag-Web-Semibold", Georgia, serif;
		font-size: 18px;
		color: #f8f6f4;
		text-transform: uppercase;
		background: url("images/mn-orange-cursor.png") left top no-repeat;
		text-shadow: none;
	}
	
	.video h4 {
		font-family: Georgia, serif;
		font-weight: normal;
		font-size: 24px;
		color: #f7781c;
		margin-bottom: 18px;
	}
	
	.video .byline {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #5ba6d2;
		text-transform: uppercase;
		margin-bottom: 15px;
	}
	
	.video .description {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 15px;
		color: #EBE7E3;
		line-height: 24px;
	}

/*-----------------------------*/
/*-------- FOR SIDEBAR --------*/
/*-----------------------------*/

	.sidebar {
		float: right;
		width: 149px;
		padding-left: 30px;
		margin-right: 18px;
		border-left: dashed 1px #cfcdca;
	}
	
	.sidebar.wider {
		width: 177px;
		padding-left: 20px;
		margin-right: 0;
	}
	
		.sidebar h4 {
			width: 121px;
			height: 48px;
			margin: 0px 0px 25px 2px;
			padding: 12px;
			background: transparent url("images/mn-sidebar-header.png") no-repeat;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 13px;
			line-height: 18px;
			color: #f1eeea;
			text-align: center;
			text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
		}
		
		.statcircle {
			position: relative;
			width: 149px;
			padding: 155px 0px 40px 0px; 
			background: transparent url("images/mn-sidebar-circle.png") no-repeat;
		}
		
			.statcircle p {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-weight: bold;
				font-size: 13px;
				line-height: 20px;
				color: #686260;
				text-align: center;
				text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
			}
			
			.stat {
				position: absolute;
				top: 50px;
				left: 0px;
				width: 149px;
				height: 40px;
				text-align: center;
			}
			
				.statnum {
					font-family: Times, serif;
					font-weight: normal;
					font-size: 48px;
					color: #e37220;
				}
				
				.statother {
					font-family: Georgia, serif;
					font-weight: bold;
					font-style: italic;
					font-size: 14px;
					line-height: 20px;
					color: #a39e99;
					vertical-align: super;
					padding: 0 1px;
				}
				
				.statother.larger {
					font-size: 18px;
					font-style: normal;
				}
			
			.stat.taller {
				top: 40px;
				height: 60px;
			}
			
				.stat.taller .statother {
					vertical-align: baseline;
				}
				
				.stat.taller .statother.larger {
					vertical-align: super;
				}
				
		.teammember {
			width: 176px;
			text-align: center;
			border-bottom: solid 1px #e2e1e0;
			margin-bottom: 20px;
		}
		
			.sidebar .last {
				border-bottom: none;
			}
		
			.teammember img {
				width: 77px;
				margin: 0 auto 15px auto;
			}
			
			.teammember p {
				margin-bottom: 15px;
			}
			
			.teammember .quote {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: 15px;
				line-height: 24px;
				font-weight: bold;
				color: #987f6c;
			}
			
			.teammember .name {
				font-family: Georgia, serif;
				font-size: 14px;
				font-weight: bold;
				color: #e37220;
			}
			
			.teammember .title {
				font-family: Georgia, serif;
				font-size: 12px;
				line-height: 18px;
				font-weight: bold;
				font-style: italic;
				color: #999592;
			}
	
	.sidebar.video {
		float: right;
		width: 550px;
		padding: 20px;
		margin: 0px 0px 20px 30px;
		border-left: none;
		border: solid 1px #dbdbdb;
		background-color: #f0ede9;
		-webkit-box-shadow: inset 0px 1px 0px 0px #f4f1ee, 0px 1px 0px 0px #cecdcb;
		-moz-box-shadow: inset 0px 1px 0px 0px #f4f1ee, 0px 1px 0px 0px #cecdcb);
		box-shadow: inset 0px 1px 0px 0px #f4f1ee, 0px 1px 0px 0px #cecdcb);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
		.sidebar.video .videoicon {
			color: #2e2927;
		}
		
		.sidebar.video .player {
			margin-bottom: 18px;
		}
		
		.sidebar.video h4 {
			font-family: Georgia, serif;
			font-weight: normal;
			font-size: 24px;
			color: #2a2523;
			margin: 0px 0px 21px 0px;
			width: auto;
			height: auto;
			padding: 0;
			background: none;
			text-align: left;
			text-shadow: none;
		}
		
		.sidebar.video .byline {
			color: #d96613;
			margin-bottom: 14px;
		}
		
		.sidebar.video .description {
			color: #a4a3a2;
		}
			
	.readmore {
		position: relative;
		display: block;
		float: right;
		width: 132px;
		padding: 18px;
		background-color: #f1eeeb;
		border: solid 1px #dcdcdc;
		border-collapse: separate;
		-webkit-box-shadow: inset 0px 1px 0px 0px #f8f6f4, 0px 1px 0px 0px #cac8c6;
		-moz-box-shadow: inset 0px 1px 0px 0px #f8f6f4, 0px 1px 0px 0px #cac8c6);
		box-shadow: inset 0px 1px 0px 0px #f8f6f4, 0px 1px 0px 0px #cac8c6);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		text-decoration: none;
		-webkit-transition: all .2s ease-in-out; 
		-moz-transition: all .2s ease-in-out; 
		transition: all .2s ease-in-out;
		top: -70px;
	}
	
		.readmore h4 {
			font-family: Georgia, serif;
			font-weight: normal;
			font-style: italic;
			font-size: 13px;
			line-height: 20px;
			color: #adaaa8;
			padding-bottom: 4px;
		}
		
		.readmore .link {
			display: block;
			font-family: Georgia, serif;
			font-size: 20px;
			line-height: 25px;
			color: #57a2ce;
			-webkit-transition: all .2s ease-in-out; 
			-moz-transition: all .2s ease-in-out; 
			transition: all .2s ease-in-out;
		}
		
			.readmore:hover .link {
				text-decoration: none;
				color: #686260;
			}
			
			.readmore .link:after {
				position: absolute;
				top: 71%;
				right: 20px;
				display: block;
				content: "";
				width: 11px;
				height: 6px;
				background: transparent url("images/mn-readmore-littleguy.png") no-repeat;
			}

/*-----------------------------*/
/*-------- FOR FOOTER ---------*/
/*-----------------------------*/

html #article-tools {
	margin-top: 30px;
	border-width: 3px 0 3px;
	border-style: solid none solid;
	border-color: #CFCDCA;
}

#comments h4 {
	font-family: "Stag-Web-Semibold", Georgia, serif;
	color: #595959;
	font-weight: normal;
}

/******************************
 *                            *
 *     _*_ ....iiooiioo       *
 *  __/_|_\__                 *
 * [(o)_R_(o)]  Pixel Police  *
 *                            *
 ******************************/

html #article-tools {
	padding: 20px 0;
}

html .comments {
	padding: 12px 0;
}

	html #comments {
		width: 862px;
		margin: 20px auto;
	}
	
		html #comment-wrapper {
			width: 862px;
		}
		
		html #comment-form {
			margin-top: 18px;
			margin-bottom: 0px;
		}