/*----[ Embedded Fonts]----*/
/*------[ Stag ]------*/
@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;
}
.Stag-Web-Semibold{font-family:Stag-Web-Semibold;}

@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-style: normal;
  font-weight: normal;
}
.Stag-Web-Bold{font-family:Stag-Web-Bold;}


@font-face {
  font-family: "Stag-Web-Black";
  src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Black/d1a630bb-d5b9-4b87-b71b-a5e84100d931-2.eot");
  src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Black/d1a630bb-d5b9-4b87-b71b-a5e84100d931-2.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Stag-Web-Black/d1a630bb-d5b9-4b87-b71b-a5e84100d931-3.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Stag-Web-Black/d1a630bb-d5b9-4b87-b71b-a5e84100d931-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
.Stag-Web-Black{font-family:Stag-Web-Black;}



/*--- FOR MASTHEAD & MAIN NAV ---*/
#masthead {
	z-index:100;}

#main-nav.features {
	background: transparent url("images/masthead_bg.png") repeat-x 0 0; /* ASSIGN COLOR OR TRANSPARENT */
	height:60px;
	width:100%;
	position:absolute;
	z-index:50;
	}
#main-nav.features ul {	
	margin-left: -220px;
}
	
#main-nav ul li a {
	background:url("../../global/images/bg-main-nav.gif") no-repeat scroll 0 center transparent;
	}
body #main-nav ul li a {
	color: #fff; /* ASSIGN COLOR */
	}
body #masthead h1 {
	background: url(../../global/images/bostonia-alumni-magazine-sm.png) no-repeat scroll 0 13px;
	height:40px;
	width:135px;
	position:absolute;
	z-index:9999;
	zoom:1;
	}
	
body #masthead h1 a {
	z-index:9999;
	}
	
/*-----------------------------*/

/*--- FOR HEADER, HEADLINE, SUBHEAD & BYLINE ---*/
html { 
	background: #fff; /* ASSIGN BACKGROUND COLOR/IMAGE, if necessary */
}

body {
	background:#333333; /* ASSIGN HEADER BACKGROUND IMAGE */
}

#bg {
	background-attachment: fixed;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/body_bg.jpg");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    /*padding-bottom: 30px;*/
}

body #masthead h1 { 
	margin-bottom: 19px; /* PUSH DOWN BEGINNING OF ARTICLE */ 
}


/*-----------------------------*/
/*--- FOR HEADER, HEADLINE, SUBHEAD & BYLINE ---*/
/*-----------------------------*/
#head {
	width: 100%; 
	height: 433px;  
	background: transparent;
	margin: 0 auto;
	padding:30px 0 200px 0;
	position: relative;	
}
#head .wrapper {position: relative; width:730px; padding-top:75px;}
#head h3#hed { 
	position: absolute;
	text-indent: -9000px;
	/*top: 40px; 
	left: 0; */  
	width: 486px; 
	height: 433px; 
	background: transparent url(images/head.png) no-repeat; /* CONFIRM BG IMAGE */
	
	}
	
	/* PNG FIX FOR IE */
		* html #head h3#hed {
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.bu.edu/bostonia/summer10/feature_template/hed.png', sizingMethod='crop');
			background: url(http://www.bu.edu/bostonia/global/images/clear.gif) repeat 0 0;
			}
		
#head h4#dek { 
	position: absolute;
	top: 110px; 
	left: 480px;  
	width: 206px; 
	height: 200px; 
	font-size:23px;
	line-height:30px;
	font-weight:normal;
	font-family: "Stag-Web-Semibold", serif;;
	text-transform:uppercase;
	letter-spacing:2px;
	
	}
	
		/* PNG FIX FOR IE */
		* html #head h4#dek {
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.bu.edu/bostonia/summer10/huckaby/subhead.png', sizingMethod='crop');
			background: url(http://www.bu.edu/bostonia/global/images/clear.gif) repeat 0 0;
			}

#byline {
	display: block;
	height: 50px;
	width: 300px;
	position: absolute;
	left: 480px; 
	top: 310px;
	font-family: "Stag-Web-Bold", serif;
	font-size: 14px;
	letter-spacing:1px;
	color: #232323;
	font-weight:normal;
}

#jump {
    background: url("images/jump.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
	width: 157px;
    position: absolute;
    left: 480px;
    text-indent: -9000px;
	top: 375px;
}

#excerpts_icons {
    background: url("images/excerpts.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
	width: 163px;
    position: absolute;
    left: 480px;
    text-indent: -9000px;
	top: 410px;
}

.wire { 
	background:url(images/wire.png) repeat-x center center; 
	height:75px; 
	width:100%; 
	position:absolute; 
	top:570px; 
	left:0px;}

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

/* USE .WRAPPER FOR HEADER & BREAKS IN CONTENT */
.wrapper { 
	width: 820px;
	margin: 0 auto;
}
/* ------------------------------------------- */

.content a:link, .content a:visited {color:#d20b01;}

.content {
	background: url(images/lede_bg.jpg) repeat-y 0px 0px; 
	/*padding: 70px 50px 30px 70px;*/
	width: 926px;
	margin: 0 auto;
	padding-bottom:10px;
}
.content p {
	/*padding-right: 300px;*/ /* SET TO DETERMINE WIDTH */
	color:#595959;
	font:15px/24px Georgia,"Times New Roman",Times,serif;
	margin-bottom:12px;
	padding-right:20px;
	}
#lede {
	/*background: url(images/lede_bg.jpg) repeat-y 0px 0px; */
	color:#818485;
	display:block;
	font-family:Georgia,serif;
	font-size:19px;
	line-height:27px;
	padding: 0px 0 33px 0;
	margin: 0 auto;
}
.dropcap {
	background: url(images/dropcap.png) no-repeat 0 0;
	width:85px;
	height:80px;
	color:#000000;
	float:left;
	font-family: Times,Georgia, serif;
	font-size:146px;
	line-height:60px;
	padding-right:6px;
	padding-top:15px;
	font-weight:normal;
	text-indent:-9999px;
	}
	
blockquote {
	font-family:Times,Georgia, serif;
	padding-right:6px;
	font-weight:normal;
	padding-left:30px; 
	margin: 40px 30px 50px 40px;
	text-indent:-9999px;
	}
.image {
	position: relative;
	float: right;
	width: 423px;
	margin-left: 36px;
	margin-bottom: 24px;
	}
.image span.caption {
	color:#ffffff;
	font-size:16px;
	line-height:22px;
	width:300px;
	position:absolute;
	right:-53px;
	background-color:#000000;
	text-align:right;
	padding:30px 30px 30px 50px;
	font-family: "Stag-Web-Semibold", serif;
	font-weight:normal;
}
.content blockquote p { 
	font-family:Times,Georgia, serif; 
	width:260px; 
	color:#000000; 
	font-size:46px; 
	line-height:45px; 
	padding-bottom:15px; 
	margin:0px; 
	padding-top:0px; 
}


.quote2 {background:url(images/blockquote2.png) no-repeat  0 0; width:322px; height:374px; }
.quote3 {background:url(images/blockquote3.png) no-repeat  0 0; width:322px; height:374px; }


.top {top:50px; /* ADD 12PX TO IMAGE HEIGHT */}
.bottom {top:440px; /* ADD 12PX TO IMAGE HEIGHT */}
.below {position:absolute;}
.right {float:right;}
.left {float:left;}
p.story .roman{font-style:normal;}

/* ------------------------------------------------------------*/
/* ------------------>>> SECTION HEADERS <<<-------------------*/
/* ------------------------------------------------------------*/
h3#section-hdr {
	font-family: "Stag-Web-Semibold", serif;
	font-weight:normal;
	height: 31px; 
	width: 366px; 
	margin: 16px 0; 	
}
h3#section-hdr2 {
	font-family: "Stag-Web-Semibold", serif;
	font-weight:normal;
	height: 31px; 
	width: 366px; 
	margin: 16px 0;
	padding-top:50px; 
}

h3#section-hdr3 {
	font-family: "Stag-Web-Semibold", serif;
	font-weight:normal;
	height: 31px; 
	width: 366px; 
	margin: 16px 0;
	padding-top:30px;
}

/* ------------------------------------------------------------*/
/* ------------------>>> EXCERPT STYLES <<<--------------------*/
/* ------------------------------------------------------------*/

#scroll { background-image: url("images/arrowRight.png"); background-position: right top; background-repeat: no-repeat; /*box-shadow: 0 0 3px #800B79;*/ height: 488px; margin-left: -300px; position: fixed; top: 140px; width: 1100px; z-index: 99999; color:#fff;}
#black {background:black; width: 1020px; height: 488px;}
#scroll #excerpts {background-color:#000; height:488px; width:1002px; box-shadow: 0 0 3px #000000;}
.excerpt_content {padding:80px 0px 30px 40px;}
#excerpts h1 {color:#ff8800; margin:0 0 20px 0px; font-family: "Stag-Web-Semibold", serif; font-size:28px; font-weight:normal; line-height:32px; text-transform:uppercase;}
#excerpts h2 {color:#ffffff; font-size:14px; margin:0px; font-family: "Stag-Web-Semibold", serif; font-weight:normal; line-height:23px; }
#excerpts .headline{width:260px; float:left; margin-right:30px; text-align:right; height:200px;}
p.story {color:#f8e6c3; font-size:13px; font-family:Georgia, serif; font-style:italic; line-height:25px; width:625px; float:left; margin: 0px;}
.continue {color:#ff8800; text-decoration:underline; cursor:pointer;}
.hidden {display:none;}
.nav_buttons .current {background-color:#302F2F; color: #FF8800;}
.btn_excerpt {position:relative; top:5px;}


/* ------------------------------------------------------------*/
/* ------------------>>> VIDEO SIDEBAR <<<---------------------*/
/* ------------------------------------------------------------*/

.video_bg {
	background: url(images/video_bg.jpg) no-repeat 0 0;
	width: 926px;
	margin: 0 auto; 
	height:498px;
	padding-top:70px;
 }

.sidebar {
	width: 100%; 
	height: 400px; 
	margin: 0 auto;
	
}
.sidebar div.wrapper {
	position: relative;
	background: transparent;
	}
.sidebar h2 {
	width: 284px; 
	font-family: Times, Georgia, serif;
	font-weight:normal;
	left: 0; 
	font-size:45px;
	
	padding-top:25px;
	background: url(images/video_icon.png) no-repeat 0px 0px;
}
.sidebar h3 {
	font-family: arial, sans-serif;
	line-height:1.3em;
	font-size: 0.9em;
	height: 20px;  
	width: 275px; 
	background-color: #fff; 
	position: absolute; 
	top: 60px; 
	left: 0; 
}
.sidebar p {
	font-family: arial;
	line-height:1.3em;
	font-size: 0.9em;
	height: 130px;  
	width: 275px; 
	background-color: #fff; 
	position: absolute; 
	top: 90px; 
	left: 0; 
}
#buniverseplayer { 
	float:left;
	position:absolute;
	z-index:2;
}
.video_description span.caption {
	display:block;
	color:#ffffff;
	font-size:16px;
	line-height:22px;
	width:290px;
	/*position:absolute;*/
	
	background-color:#000000;
	text-align:right;
	padding:20px 30px 20px 10px;
	font-family: "Stag-Web-Semibold", serif;
	font-weight:normal;
	margin: 0 0 20px 0; 
	
}

span.video_byline {
	height: 50px;
	width: 200px;
	font-family: "Stag-Web-Semibold", serif;
	font-size: 14px;
	letter-spacing:1px;
	color: #232323;
	position:relative;
	top:5px;
	
}
.video_description { /*position:absolute;*/ padding-left:580px; }
.video_description h2 { background: url(images/video_title.png) no-repeat 0 0; width:284; height:165px; text-indent:-9999px;}	
.video_wire_top {background:url(images/wire_video_top.png) repeat-x 47% center; height:75px; width:100%; float:left; position:absolute; left:0px; margin-top:-20px; }
.video_wire_bottom { background:url(images/wire_video_bottom.png) repeat-x center center; height:75px; width:100%; position:relative; top:45px;}


/* ------------------------------------------------------------*/
/* ------------------>>> ARTICLE TOOLS <<<---------------------*/
/* ------------------------------------------------------------*/

/* ---- TO SET ARTICLE TOOLS & COMMENTS TO 862 PIXEL WIDTH, USE STYLES BELOW --- */

/*
.comments {
	width: 858px;
	margin: 0 auto;
	}	
#article-tools {
	width: 870px;
	margin: 0 auto;
}
*/

