/* ------------------------------------------------------------*/
/* -------->>> TOP 50% OPACITY BAR WITH ALUMNI LINKS <<<-------*/
/* ------------------------------------------------------------*/
#alumni-nav {
background: transparent url(../images/bg-alumni-nav.png) repeat-x 0 100%;
width: 100%;
height: 35px;
}

#alumni-nav a#alumni-web {
display: block;
position: absolute;
top: 0;
left: 50%;
width: 180px;
height: 32px;
margin-left: -431px;
z-index: 100;
}

#alumni-nav a#alumni-web span {
display: none;
}

#alumni-nav ul {
background: transparent url(../images/hdr-alumni-links.png) no-repeat 0 10px;
position: relative;
left: 50%;
width: 862px;
text-align: right;
margin: 0 0 0 -431px;
padding-top: 7px;
z-index: 50;
}

#alumni-nav ul li {
display: inline;
}

#alumni-nav ul li a {
position: relative;
font: .6em Arial, Helvetica, sans-serif;
color: #fff;
border-left: 1px solid #fff;
/*border-left: 1px solid #4b4b4b;*/
text-decoration: none;
text-transform: uppercase;
padding: 0 4px 0 7px;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
zoom: 1; /* REQUIRED BY IE TO APPLY THE OPACITY */
}

#alumni-nav ul li:first-child a {
border-left: none;
}

#alumni-nav ul li a:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


/* ------------------------------------------------------------*/
/* ---------->>> BOSTONIA LOGO & MAIN NAV & SEARCH <<<---------*/
/* ------------------------------------------------------------*/
#masthead {
position: relative;
}

#masthead h1 {
/*  STYLES LOCATED IN 'CUSTOM.CSS' FILE INSIDE INDIVIDUAL ISSUE DIRECTORIES
    - TO CHANGE BOSTONIA LOGO COLOR FROM WHITE TO BLACK  */
}

#masthead h1 a {
display: block;
width: 199px;
height: 40px;
}

#masthead h1 span {
display: none;
}

#main-nav {
position: absolute;
top: 15px;
left: 215px;
}

#main-nav.features {
position: absolute;
top: 0;
left: 0;
background: transparent url(../images/bg-alumni-nav.png) repeat-x 0 100%;
width: 100%;
height: 60px;
}

#main-nav.features ul {
position: absolute;
top: 20px;
left: 50%;
width: 400px;
margin-left: -275px;
z-index: 200;
}

#main-nav ul li {
display: inline;
}

#main-nav ul li a {
font: .8em Arial, Helvetica, sans-serif;
/*  TO CHANGE MAIN NAV FONT COLOR AND COLOR OF PIPES BETWEEN LINKS, SEE 'CUSTOM.CSS' FILE INSIDE INDIVIDUAL ISSUE DIRECTORIES  */
line-height: .5;
text-decoration: none;
padding: 15px 6px 15px 9px;
}

#main-nav ul li:first-child a {
background: none;
}

div#search {
position: absolute;
top: 11px;
left: 666px;
background: url(../images/bg-form-left.png) no-repeat 0 0;
}

div#search.features {
position: absolute;
top: 18px;
left: 50%;
margin-left: 237px;
width: 200px;
z-index: 200;
}

div#search form {
margin: 0;
padding: 0;
}

div#search label {
display: block;
float: left;
width: 47px;
height: 18px;
}

div#search label span {
display: none;
}

div#search input {
float: left;
width: 123px;
border: 0;
height: 18px;
font-size: 11px;
background: none;
color: #000;
outline: 0;
margin: 0;
padding: 4px 0 0 0;
}

div#search input.submit {
float: left;
background: url(../images/bg-form-right.png) no-repeat 0 0;
cursor: pointer;
width: 20px;
height: 22px;
margin: 0 0 0 3px;
padding: 0;
}


/* ------------------------------------------------------------*/
/* ------>>> CURRENT ISSUE HEADER & ISSUE HIGHTLIGHTS <<<------*/
/* ------------------------------------------------------------*/
#content-hdr.web-exclusives h2 {
background: transparent url(../images/hdr-web-exclusives.png) no-repeat 12px 10px;
}

#content-hdr.archives h2 {
background: transparent url(../images/hdr-archives.png) no-repeat 12px 10px;
}

#more-features h2 {
background: transparent url(../images/bg-more-features-hdr.png) no-repeat 0 0;
text-align: right;
width: 862px;
height: 37px;
overflow:hidden;
}

#content-hdr h2 a {
display: block;
width: 260px;
height: 37px;
}

#more-features h2 a {
display: block;
font: .8em Arial, Helvetica, sans-serif;
color: #bbb;
text-decoration: none;
height: 37px;
padding: 12px 12px 0 0;
}

#content-hdr h2 span,
#more-features h2 span {
display: none;
}


/* ----------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------->>> CONTENT <<<---------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------*/
#content {
/* overflow: auto; */
overflow: inherit;
zoom: 1;
}

body#subpage #content {
background: transparent url(../images/bg-subpage-content.png) repeat-y 0 0;
overflow: auto;
width: 870px;
margin-left: -4px;
}

body#subpage #content.toc,
body#subpage #content.archives {
background: transparent url(../images/bg-subpage-content-white.png) repeat-y 0 0;
}

#content #bg-content-bot {
clear: both;
background: url(../images/bg-subpage-content-bot.gif) no-repeat 0 0;
height: 8px;
}

#content.toc #bg-content-bot,
#content.archives #bg-content-bot {
background: url(../images/bg-subpage-content-bot-white.gif) no-repeat 0 0;
}

/* ------------------------------------------------------------*/
/* -------->>> BOSTONIA ISSUE HIGHLIGHTS ON HOMEPAGE <<<-------*/
/* ------------------------------------------------------------*/
#issue-highlights {
display: inline-block; /* HELPS CLEAR FLOATED ELEMENTS INSIDE THIS DIV */
background: transparent url(../images/bg-issue-highlights.png) repeat-x 0 100%;
width: 862px;
}

#issue-highlights:after { /* CLEARS THE FLOATED ELEMENTS INSIDE THIS DIV SO RESIZING BROWSER TEXT SIZE WILL NOT CAUSE OVERLAYS */
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

#issue-highlights #cover {
float: right;
position: relative; /*  ONLY PURPOSE IS TO MAKE SURE THE COVER IS CLICKABLE  */
background: url(../images/bg-hmpg-cover.png) no-repeat 0 0;
width: 103px;
padding: 7px 0 0 7px;
margin: 4px 4px 0 0;
z-index: 100;
}

* html #issue-highlights #cover {
background: url(../images/bg-hmpg-cover.gif) no-repeat 0 0;
}

#issue-highlights #cover a {
display: block;
height: 161px;
}

#issue-highlights #cover div {
margin-top: -7px;
}

#image-teasers {
float: left;
width: 550px;
height: 313px;
}

#headlines {
float: left;
width: 288px;
margin-left: 12px;
margin-top: -170px;
}

#issue-highlights p {
font: .75em Arial, Helvetica, sans-serif;
color: #626262; 
line-height: 1.5; 
min-height: 50px;
height: auto !important;
height: 100px;
border-bottom: 1px dotted #ceccc4;
padding-bottom: 6px;
}

#issue-highlights p em {
display: block;
font-style: normal;
width: 180px;
}

#issue-highlights h3 a {
display: block;
font: 1.7em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
line-height: 1.1; 
text-decoration: none;
width: 185px;
margin-top: 7px;
margin-bottom: 5px; /* ADDED FOR FALL 09's long headline */
}

#issue-highlights h5 {
font: .9em Arial, Helvetica, sans-serif;
color: #505050; 
line-height: 1.2;
width: 180px;
padding: 6px 0 6px 0;
}

#issue-highlights h4 {
float: left;
border-left: 1px dotted #ceccc4;
width: inherit !important;
/* width: 84px; */
/* max-width: 84px; */
max-width: 82px;
min-height: 85px;
margin-top: 6px;
padding-right: 6px;
padding-left: 6px;
}

#issue-highlights #headlines h4.first-child {
border-left: none;
padding-left: 0;
}

#issue-highlights h4 a {
font: 1.1em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
line-height: 1.2; 
text-decoration: none;
}

#issue-highlights h4 a span.subhead {
display: block;
font: .65em Arial, Helvetica, sans-serif;
color: #626262; 
line-height: 1.4em;
border-bottom:0;
margin-top: 4px;
}

.article-type {
display: block;
font: 9px Arial, Helvetica, sans-serif;
color: #64a05f;
text-decoration: none;
text-transform: uppercase;
margin: 6px 0 3px 0;
padding: 0;
}

.article-type span {
font-size: 11px;
color: #9d9b91;
}

span.slideshow {
background: transparent url(../images/bg-icon-slideshow-green.gif) no-repeat 8px 3px;
}

span.video {
background: transparent url(../images/bg-icon-video-green.gif) no-repeat 7px 3px;
}

span.slideshow span,
span.video span {
padding-right: 22px;
}


/* ------------------------------------------------------------*/
/* ----------------------->>> ARTICLE <<<----------------------*/
/* ------------------------------------------------------------*/
#article {
float: left;
width: 550px;
margin-left: 17px !important;
margin-left: 9px; 
padding-right: 12px;
}

#article h3 {
font: 2em Georgia, "Times New Roman", Times, serif;
color: #444; 
line-height: 1.2;
text-decoration: none;
margin-top: 12px;
}

#article h4 {
font: .9em Arial, Helvetica, sans-serif;;
color: #444; 
line-height: 1.3; 
text-decoration: none;
margin: 7px 0 10px 0;
}

#article h5 {
font: 1em Arial, Helvetica, sans-serif;;
color: #444; 
line-height: 1.3; 
text-decoration: none;
margin: 7px 0 10px 0;
}

#article p {
font: .9em Georgia, "Times New Roman", Times, serif;
color: #535353;
line-height: 1.5;
margin: 0;
padding-bottom: 12px;
}

#article .article-type {
display: block;
border-bottom: 1px dotted #ceccc4;
font: 10px Arial, Helvetica, sans-serif;
color: #64a05f;
text-decoration: none;
text-transform: uppercase;
margin: 6px 0 12px 0;
padding-bottom: 12px;
}

#article .article-type span {
font-size: 10px;
color: #9d9b91;
}

#article p.photo,
#feature p.photo {
background-color: #f2f2f2;
overflow: hidden;
font: .7em Arial, Helvetica, sans-serif;;
color: #5d5d5d;
line-height: 1.4;
max-width: 550px;
margin-bottom: 12px;
padding: 0 0 6px 6px;
}

#article p.photo img {
display: block;
margin-left: -6px;
padding-bottom: 6px;
}

#article p.photo object, #article p.photo iframe { margin-left: -6px; }

/*
#article span.article-type + p {
margin-top: 0;
padding-top: 0;
}
*/

#article p.pull-quote,
#feature p.pull-quote {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #000;
/* color: #7dbe1f; */
line-height: 1.3;
border-top: 1px solid #e5e3df;
border-bottom: 1px solid #e5e3df;
width: 200px;
margin-top: 10px;
padding: 10px 0 10px 0;
}

#article p.pull-quote span,
#feature p.pull-quote span {
display: block;
font-size: .7em;
font-weight: normal;
font-style: italic;
color: #595959;
padding-top: 6px;
}

#article p.align-left,
#feature p.align-left {
float: left;
margin-right: 12px;
margin-bottom: 12px;
}

#article p.align-right,
#feature p.align-right {
float: right;
margin-bottom: 12px;
margin-left: 12px;
}

#article span + p.align-left,
#article span + p.align-right {
margin-top: 0;
}

#article p.width-300 {
width: 294px;
}

#article p.width-150 {
width: 144px;
}

#article a {
color: #1f8fbe;
text-decoration: none;
}

#article p.link {
font: bold .8em Arial, Helvetica, sans-serif;
color: #64a05f;
line-height: 1.4;
border-bottom: 1px solid #e5e3df;
width: 160px;
margin-top: 10px;
padding: 30px 0 10px 0;
}

#article p.excerpt {
background: url(../images/icon-excerpt.gif) no-repeat 0 0;
}

#article p.chat {
background: url(../images/icon-opinion-chat.gif) no-repeat 0 0;
}

#article p.comment {
background: url(../images/icon-opinion-comment.gif) no-repeat 0 0;
}

#article p.ask {
background: url(../images/icon-opinion-ask.gif) no-repeat 0 0;
}

#article p.poll {
background: url(../images/icon-opinion-poll.gif) no-repeat 0 0;
}

#article p.video {
background: url(../images/icon-multimedia-video.gif) no-repeat 0 0;
}

#article p.slideshow {
background: url(../images/icon-multimedia-slideshow.gif) no-repeat 0 0;
}

#article p.audio {
background: url(../images/icon-multimedia-audio.gif) no-repeat 0 0;
}

#article p.extra {
background: url(../images/icon-web-extra.gif) no-repeat 0 0;
}

#article p.link a {
display: block;
padding-top: 6px;
}

#article div#excerpt,
#article div#expert-answers,
#article div#audio,
#article div#extra,
#article div#video {
background: #f7f6f4 url(../images/icon-excerpt.gif) no-repeat 12px 12px;
border: 3px solid #ebe8e3;
margin: 18px 0 12px 0;
padding: 30px 12px 12px 12px;
}

#article div#expert-answers {
background: #f7f6f4 url(../images/icon-opinion-ask.gif) no-repeat 12px 12px;
}

#article div#audio {
background: #f7f6f4 url(../images/icon-multimedia-audio2.gif) no-repeat 12px 12px;
}

#article div#extra {
background: #f7f6f4 url(../images/icon-web-extra.gif) no-repeat 12px 12px;
}

#article div#video {
background: #f7f6f4 url(../images/icon-multimedia-video2.gif) no-repeat 12px 12px;
}

#article div#excerpt p:first-child,
#article div#expert-answers p:first-child,
#article div#audio p:first-child,
#article div#extra p:first-child {
font-size: 1.5em;
border-top: 1px solid #ebe8e3;
/* border-bottom: 1px solid #ebe8e3; */
margin: 15px 0 15px 0;
padding: 6px 0;
}

#article div#excerpt p:first-child span,
#article div#expert-answers p:first-child span,
#article div#audio p:first-child span,
#article div#extra p:first-child span {
display: block;
font-size: .7em;
line-height: 1.5;
color: #89867e;
padding-top: 6px;
}

#article div#excerpt p:first-child + p:first-letter {
display: block;
float: left;
font-size: 5em;
margin-top: 5px;
margin-right: 8px;
line-height: .8em;
}

#article div#expert-answers p.question {
border-top: 2px solid #ebe8e3;
font-style: italic;
margin-bottom: 12px;
padding: 12px 0 0 35px;
}

#article div#expert-answers p.question span.drop-cap,
#article div#expert-answers p.answer span.drop-cap {
float: left;
position: relative;
font-size: 2.1em;
font-style: normal;
color: #49B2DD;
line-height: 1;
margin: 0 8px 10px -35px;
}

#article div#expert-answers p.answer span.drop-cap {
color: #64a05f;
}

#article div#expert-answers p.question span.attribution {
display: block;
font-size: .9em;
font-style: normal;
text-align: left;
padding: 6px 0 0 0;
}

#article div#expert-answers p.answer {
padding-left: 35px;
}

#article hr {
display:none;
}

#article #comments,
#feature #comments {
padding-top: 18px;
margin-top:6px;
border-top: 1px dotted #ceccc4;
}

	#feature #comments {
	padding-top: 0;
	border:none;
	}

#article #comment-wrapper,
#feature #comment-wrapper {
margin:12px 0 18px 0;
}

	#feature #comment-wrapper {
	width:620px;
	}

#article #comments h4,
#feature #comments h4 {
font: bold 1em Arial, Helvetica, sans-serif;
color: #595959;
/* text-transform: uppercase; */
/* width: 215px; */
margin: 0;
}

#article #comments div.item,
#feature #comments div.item {
border-bottom: 1px dotted #ceccc4;
padding: 0 0 6px 0;
margin-bottom:18px;
}

#article #comments h5,
#feature #comments h5 {
font: bold .8em Arial, Helvetica, sans-serif;;
color: #8e8c80;
font-weight:normal;
line-height: 1.3;
margin: 0 0 12px 0;
}

	#article #comments h5 strong,
	#feature #comments h5 strong {
	color: #64a05f;
	}

#article #comments div.item p,
#feature #comments div.item p {
font: .8em Arial, Helvetica, sans-serif;
line-height: 1.4;
}

	#article #comments div.item p.date-stamp,
	#feature #comments div.item p.date-stamp {
	color: #8e8c80;
	font-size:.7em;
	}

.drop-letter {
float: left;
padding: 5px 12px 0 0;
}


/* ------------------------------------------------------------*/
/* ---------->>> BOOKS PAGE AND LETTERS PAGE STYLES <<<--------*/
/* ------------------------------------------------------------*/

#article #books h4,
#obits #books h4 {
font: 1.5em Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0;
}

#article #letters h4 {
font: 1.5em Georgia, "Times New Roman", Times, serif;
border-top: 1px solid #ceccc4;
margin-top: 12px;
padding-top: 12px;
}

#article #letters h4:first-child {
border-top: none;
margin: 0 0 12px 0;
padding: 0;
}

#article #books .item,
#article #obits .item,
#article #letters .item {
border-top: 1px dotted #ceccc4;
margin: 12px 0 0 0;
padding: 12px 0 0 0;
zoom: 1;
}

#article #letters,
#article #obits,
#article #books {
border-top: 1px solid #ceccc4;
padding-top: 12px;
}

#article #books .item:after,
#article #obits .item:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

#article #books .first-child,
#article #obits .first-child,
#article #letters .first-child {
border-top: none;
margin: 0;
padding: 0;
}

#article #letters h4 + div.item {
border-top: none;
margin: 0;
padding: 0;
}

#article #books h5,
#article #obits h5 {
/* clear: left; */
font: 1.3em Georgia, "Times New Roman", Times, serif;
color: #444; 
line-height: 1.2; 
margin: 0;
padding: 0 0 5px 162px;
}

#article #books h6,
#article #obits h6,
#article #letters p.attribution {
font: .8em Arial, Helvetica, sans-serif;
color: #444; 
line-height: 1.6; 
margin: 0;
padding: 0 0 0 162px;
}

#article #letters p.attribution {
font-weight: bold;
margin: 0;
padding: 0 0 0 80px;
}

#article #books h6 span,
#article #obits h6 span,
#article #letters p.attribution span {
display: block;
font-weight: normal;
color: #999;
padding: 0;
}

#article #books p,
#article #obits p {
font: .9em Georgia, "Times New Roman", Times, serif;
color: #595959;
line-height: 1.5;
margin: 0;
padding: 6px 0 0 162px;
/* zoom: 1; */
}

#article #letters p {
/* padding-left: 35px; */
}

#article #books .item img,
#article #obits .item img {
float: left;
border: 0;
background: none;
}


/* ------------------------------------------------------------*/
/* ---------------------->>> HTML FORMS <<<--------------------*/
/* ------------------------------------------------------------*/
#content .form-box {
margin:18px 0;
padding:12px;
border:1px solid #e5e3df;
background:#f5f4f1;
}

#content input,
#content select,
#content textarea,
#content label {
font-size: .8em;
font-family:arial, helvetica, verdana, sans-serif;
color:#454c54;
}

#content .form-box div {
display:block;
clear:both;
margin-bottom:12px;
}

#content .form-box label {
float:left;
width:130px;
font-weight:bold;
}

#content .form-box label em {
color:#c00;
padding-right:3px;
}

#content input.input-text {
width:200px;
}

#content .form-box textarea {
width:300px;
}

#content .form-box select option.category {
color:#7a7667;
background:#e5e3df;
margin:6px 0;
}

#content input.input-text,
#content textarea,
#content select {
background: #fff;
border: 1px solid #c7c1b4;
padding:5px;
}

#content input.input-text:active,
#content input.input-text:focus,
#content textarea:active,
#content textarea:focus,
#content select:active,
#content select:focus {
border:1px solid #69a7ba;
background:#fff;
}

#content input.button {
width:auto;
color:#fff;
font-weight:bold;
padding:5px 12px;
background:#1f8fbe;
border:1px solid #007ab0;
cursor:pointer;
margin-left:130px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#article .form-box p,
#article #comments .form-box p,
#feature #comments .form-box p {
font: .7em Arial, Helvetica, sans-serif;
line-height: 1.4;
margin:-10px 0 12px 130px;
padding-top: 0;
font-style:italic;
color:#928d7b;
}
		
#content #article .form-box h5 {
font-size: .85em;
font-weight:bold;
color: #fff;
line-height: 1.3;
margin: -12px -12px 18px -12px;
padding:9px 12px;
background:#c7c1b4;
}

#link-web-exclusives-hmpg { /*  A CONTAINER FOR #LINK AND #WEB-EXCLUSIVES TO FLOAT THEM BOTH LEFT OF #ALUMNI-TOOLS  */
float: left;
margin: 24px 0 100px 0; 
}


/* ------------------------------------------------------------*/
/* ------------------->>> LINK ON HOMEPAGE <<<-----------------*/
/* ------------------------------------------------------------*/
#link-hmpg {
position: relative;
background: url(../images/bg-link-bot.gif) no-repeat 0 100%;
width: 538px;
margin-bottom: 12px;
padding: 0;
zoom: 1;
}


#link-hmpg:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

#link-hmpg h2 {
background: transparent url(../images/hdr-link.gif) no-repeat 0 0;
width: 538px;
height: 32px;
}

#link-hmpg h2 span {
display: none;
}

#link-hmpg div#scroller {
background: none;
width: 1557px !important; /*  FITS 7 ITEMS (1211px)  */
width: 1569px; /*  FITS 7 ITEMS FOR IE6 (1225px) */
margin: 0;
padding: 0;
zoom: 1;
}

#link-hmpg div#scroller:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

#link-hmpg div#scroller .item {
float: left;
width: 167px;
padding: 0 0 12px 6px;
}

#link-hmpg div#scroller .item:first-child {
padding: 0;
}

#link-hmpg div#scroller a {
display: block;
font: .8em Arial, Helvetica, sans-serif;
color: #1f8fbe; 
line-height: 1.2;
text-decoration: none;
}

#link-hmpg div#scroller span {
display: block;
}

#link-hmpg div#scroller img.link {
vertical-align: middle;
padding: 0 5px 0 0;
}

#link-hmpg div#scroller span.article-type {
position: inherit;
display: block;
background: none;
margin: 2px 0 4px 0;
padding: 0;
}

#link-hmpg-hide-overflow {
position: relative;
overflow: hidden;
width: 512px;
height: 172px;
margin-left: 14px;
padding: 0;
z-index: 200;
}

.scroll-nav {
position: absolute;
top: 8px;
right: 0;
width: 58px !important;
width: 72px;
z-index: 100;
}

.scroll-nav a#left {
display: block;
float: left;
background: url(../images/bg-link-hmpg-nav-btns.gif) no-repeat 0 -17px;
width: 19px;
height: 17px;
}

.scroll-nav a#right {
display: block;
float: right;
background: url(../images/bg-link-hmpg-nav-btns.gif) no-repeat -19px -17px;
width: 19px;
height: 17px;
margin-right: 12px;
}

.scroll-nav a#left:hover {
background-position: 0px 0px;
}

.scroll-nav a#right:hover {
background-position: -19px 0px;
}

.scroll-nav a#left em,
.scroll-nav a#right em {
display: none;
}


/* ------------------------------------------------------------*/
/* -------------------->>> WEB EXCLUSIVES <<<------------------*/
/* ------------------------------------------------------------*/
#web-exclusives {
background: #fff url(../images/bg-web-exclusives.gif) repeat-y 0 0;
width: 538px;
padding: 0;
}

body#subpage #web-exclusives {
float: left;
background: none;
border: 0;
width: 574px;
margin: 0 0 0 5px !important;
margin: 0 0 0 3px;
}

#web-exclusives h2 a {
display: block;
background: transparent url(../images/hdr-web-exclusives.gif) no-repeat 0 0;
width: 538px;
height: 32px;
}

#web-exclusives h2 span {
display: none;
}

#web-exclusives #lead-article {
border-bottom: 1px dotted #ceccc4;
margin: 12px;
padding-bottom: 12px;
overflow: inherit;
zoom: 1;
}

#web-exclusives #lead-article img {
float: right;
background-color: #e6e3db;
border: 1px solid #dbd9d3;
width: 289px;
height: 193px;
padding: 4px;
}

#web-exclusives p {
font: .8em Arial, Helvetica, sans-serif;
color: #505050; 
line-height: 1.5;
width: 200px;
padding-top: 6px;
}

#web-exclusives h3 a {
display: block;
font: 1.5em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
line-height: 1.1; 
text-decoration: none;
width: 200px;
margin-bottom: 10px;
}

#web-exclusives .article-type {
color: #8e8c80;
}

#web-exclusives .secondary-article {
margin: 12px;
overflow: auto;
zoom: 1;
}

#web-exclusives .secondary-article img {
float: left;
background-color: #e6e3db;
border: 1px solid #dbd9d3;
width: 118px;
height: 79px;
margin-right: 12px;
padding: 4px;
}

#web-exclusives .secondary-article p {
float: left;
width: 370px;
}

#web-exclusives h4 a {
font: 1.1em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
line-height: 1.2; 
text-decoration: none;
}

#web-exclusives hr {
display: none;
}

#web-exclusives-archives {
padding: 0 12px 0 12px;
}

#web-exclusives-archives .item {
border-top: 1px dotted #ceccc4;
margin-top: 6px;
padding-top: 6px;
}

#web-exclusives-archives h3 + div.item {
border-top: 0;
margin: 0;
padding: 0;
}

#web-exclusives-archives .item:last-child {
margin-bottom: 12px;
}

#web-exclusives-archives h3 {
border-top: 1px solid #ceccc4;
font-size: 3pt;
margin: 16px 0 6px 0;
padding-top: 12px;
}

#web-exclusives-archives h4 a {
font: bold .75em Arial, Helvetica, sans-serif;
}

#web-exclusives-archives .article-type {
margin: 6px 0 6px 0;
}

#web-exclusives-archives p {
font-size: .75em;
width: 100%;
margin: 0;
padding: 0;
}

#buniverse {
width: 515px;
border-top: 1px solid #E1E1E1;
overflow: auto;
margin: 12px 0 0 12px;
padding-top: 12px;
zoom: 1;
}

#buniverse h2 a {
display: block;
background: transparent url(../images/hdr-buniverse-videos.gif) no-repeat 2px 0;
width: 200px;
height: 25px;
}

#buniverse h2 span {
display: none;
}

#buniverse .video-item {
float: left;
border-left: 1px dotted #ceccc4;
width: 155px;
margin: 0 0 12px 12px;
padding-left: 12px;
}

#buniverse div.first-child {
border-left: none;
margin-left: 0;
padding-left: 0;
}

#buniverse .video-item img {
background-color: #e6e3db;
border: 1px solid #dbd9d3;
padding: 4px;
width: 145px;
height: 79px;
}

#buniverse .video-item h5 a {
display: block;
font: bold .7em Arial, Helvetica, sans-serif;
color: #1f8fbe;
text-decoration: none;
line-height: 1.3;
margin-bottom: 12px;
padding-top: 4px;
}

#buniverse .video-item h5 a span {
color: #3d3d3d;
}

#bg-web-exclusives-bot {
background: transparent url(../images/bg-web-exclusives-bot.gif) no-repeat 0 0;
width: 538px;
height: 6px;
}


/* -----------------------------------------------------------------------*/
/* ------------------------>>> FOR VIDEO EMBEDS <<<-----------------------*/
/* -----------------------------------------------------------------------*/

#buniverseplaylist {
          width: 550px;
          height: 355px;
          overflow: hidden;
         }

/* -----------------------------------------------------------------------*/
/* -------------------------->>> ALUMNI TOOLS <<<-------------------------*/
/* -----------------------------------------------------------------------*/

#alumni-tools {
float: right;
margin-top: 24px;
margin-bottom: 100px;
}

/* ------------------------------------------------------------*/
/* --------------------->>> ALUMNI EVENTS <<<------------------*/
/* ------------------------------------------------------------*/
#alumni-events {
background: #5d696e url(../images/bg-events-bot.gif) no-repeat 0 100%;
width: 312px;
}

#alumni-events h2 {
background: #eaeaea url(../images/hdr-alumni-events.gif) no-repeat 0 0;
width: 312px;
height: 32px;
}

#alumni-events h2 a {
display: block;
float: left;
width: 160px;
height: 32px;
}

#alumni-events h2 a.alumni-tool-hdr-link {
float: right;
/* background: url(../images/bg-link-list-bullet-yellow.gif) no-repeat 0 13px; */
font: .6em Arial, Helvetica, sans-serif;
color: #ffdd00;
text-decoration: none;
text-transform: uppercase;
width: auto;
height: auto;
margin-right: 12px !important;
margin-right: 6px; /*  FOR IE6 ONLY  */
padding: 10px 0 0 8px;
}

#alumni-events h2 span {
display: none;
}

#alumni-events div.item {
clear: both;
padding-bottom: 12px;
overflow: auto; /* CLEARS FLOATED IMG FOR COMPLIANT BROWSERS */
zoom: 1; /* CLEARS FLOATED IMG FOR IE */
}

#alumni-events div.first-child a { /* USED INSTEAD OF :FIRST-CHILD BECAUSE OF IE */
border-top: 0;
}

#alumni-events div.item img {
float: left;
border: 1px solid #8b9295;
margin: 12px 0 0 12px;
padding: 2px;
}

#alumni-events h3 a {
display: block;
border-top: 1px dotted #7d878b;
font: .7em Arial, Helvetica, sans-serif;
color: #fff;
line-height: 1.4;
text-decoration: none;
margin: 0 12px 0 12px;
padding: 8px 0 0 88px;
}

#alumni-events h3 a span {
color: #ffdd00;
}

#alumni-events h3 a strong {
font-size: 1.0em;
}

/* ------------------------------------------------------------*/
/* ---------------->>> ALUMNI COMMUNITY GROUPS <<<-------------*/
/* ------------------------------------------------------------*/
#alumni-groups {
background: #5ca0bc url(../images/bg-groups-bot.gif) no-repeat 0 100%;
width: 312px;
margin-top: 12px;
}

#alumni-groups h2 {
background: #5ca0bc url(../images/hdr-alumni-groups.gif) no-repeat 0 0;
width: 312px;
height: 32px;
}

#alumni-groups h2 a {
display: block;
width: 270px;
height: 25px;
}

#alumni-groups h2 span {
display: none;
}

#alumni-groups p {
font: .8em Arial, Helvetica, sans-serif;
color: #fff;
line-height: 1.3;
margin: 0;
padding: 0;
margin: 8px 0 8px 0;
padding: 0 12px 0 12px;
}

#alumni-groups img {
border: 1px solid #6cafcb;
width: 59px;
height: 59px;
margin: 0 10px 6px 0;
}

#alumni-groups div a:first-child,
#alumni-groups div a.first-child {
margin-left: 12px;
}


/* ------------------------------------------------------------*/
/* ---------------->>> ALUMNI BLOGS <<<-------------*/
/* ------------------------------------------------------------*/
#alumni-blogs {
background: #64A05F url(../images/bg-blogs-bot.gif) no-repeat 0 100%;
width: 312px;
margin-top: 12px;
}

#alumni-blogs h2 {
background: #5ca0bc url(../images/hdr-alumni-blogs.gif) no-repeat 0 0;
width: 312px;
height: 32px;
}

#alumni-blogs h2 a {
display: block;
width: 270px;
height: 25px;
}

#alumni-blogs h2 span {
display: none;
}

#alumni-blogs h2 a.alumni-blogs-hdr-link {
	float: right;
	font: .6em Arial, Helvetica, sans-serif;
	color: #D7FFC1;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	height: auto;
	margin-top: -24px;
	margin-right: 12px !important;
	margin-right: 6px;
	padding: 10px 0 0 8px;
}

#alumni-blogs div.item {
clear: both;
padding-bottom: 12px;
overflow: auto; /* CLEARS FLOATED IMG FOR COMPLIANT BROWSERS */
zoom: 1; /* CLEARS FLOATED IMG FOR IE */
}

#alumni-blogs div.item img {
float: left;
border: 1px solid #adcc9b;
margin: 12px 0 0 12px;
padding: 2px;
}

#alumni-blogs h3 a {
display: block;
border-top: 1px dotted #7d878b;
font: .7em Arial, Helvetica, sans-serif;
color: #fff;
line-height: 1.4;
text-decoration: none;
margin: 0 12px 0 12px;
padding: 8px 0 0 88px;
}

#alumni-blogs div.first-child a { /* USED INSTEAD OF :FIRST-CHILD BECAUSE OF IE */
border-top: 0;
}

#alumni-blogs h3 a span {
color: #D7FFC1;
}

#alumni-blogs h3 a strong {
font-size: 1.0em;
}


/* ------------------------------------------------------------*/
/* ---------------->>> SOCIAL MEDIA <<<------------------------*/
/* ------------------------------------------------------------*/
#social {
background: #c4beb5 url(../images/social/bg-social-bottom.gif) no-repeat 0 100%;
width: 312px;
margin-top: 12px;
padding-bottom: 12px;
}

#social h2 {
background: #5ca0bc url(../images/social/hdr-social.gif) no-repeat 0 0;
width: 312px;
height: 32px;
}

#social h2 a {
display: block;
width: 270px;
height: 25px;
}

#social h2 span {
display: none;
}

#social p {
	font: .75em Arial, Helvetica, sans-serif;
	color: #545e6b;
	padding: 10px 0 0 12px;
}


#icons {
	float:right;
	margin-right: 10px;
}
#icons img {margin: 10px 0 0 5px;}
/* ------------------------------------------------------------*/
/* --------------------->>> ALUMNI NOTES <<<-------------------*/
/* ------------------------------------------------------------*/
#alumni-notes {
background: #f2f2f1 url(../images/bg-notes-bot.gif) no-repeat 0 100%;
width: 312px;
margin-top: 12px;
}

#alumni-notes h2 {
background: #f2f2f1 url(../images/hdr-alumni-notes.gif) no-repeat 0 0;
width: 312px;
height: 32px;
}

#alumni-notes h2 a {
display: block;
float: left;
width: 153px;
height: 25px;
}

#alumni-notes h2 a.alumni-tool-hdr-link {
float: right;
/* background: url(../images/bg-link-list-bullet-blue.gif) no-repeat 0 13px; */
font: .6em Arial, Helvetica, sans-serif;
color: #1f8fbe;
text-decoration: none;
text-transform: uppercase;
width: auto;
height: auto;
margin-right: 12px !important;
margin-right: 6px; /*  FOR IE6 ONLY  */
padding: 10px 0 0 8px;
}

#alumni-notes h2 span {
display: none;
}

#alumni-notes p {
font: .7em Arial, Helvetica, sans-serif;
color: #545e63;
line-height: 1.3;
margin-left:12px;
margin-right: 12px;
padding: 10px 0 10px 0 !important;
padding: 6px 0 6px 0;
}

#alumni-notes p + p {
border-top: 1px dotted #b6bbbd;
}

/* ------------------------------------------------------------*/
/* --------------------->>> EDITOR PICKS <<<-------------------*/
/* ------------------------------------------------------------*/
#editor-picks {
float: left;
width: 286px !important;
width: 285px;
margin: 0;
}

#editor-picks h2 span {
display: none;
}

#editor-picks h5 a {
display: block;
font: .7em Arial, Helvetica, sans-serif;
color: #4a4a49;
line-height: 1.3;
text-decoration: none;
margin-top: 12px;
padding: 0 12px 0 12px;
}

#editor-picks h5 a span.headline {
display: block;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 2px;
}

#web-exclusives-teasers h2 a {
display: block;
background: url(../images/bg-hdr-editor-picks-exclusives.gif) no-repeat 0 0;
height: 32px;
margin-top: 24px;
}

#web-exclusives-teasers h5 a {
background: #fff url(../images/bg-editor-picks-exclusives.gif) repeat-x 0 100%;
margin-top: 0;
padding: 12px;
}

#web-exclusives-teasers h5 a span.headline {
color: #1f8fbe;
font-size: 1em;
}


/* ------------------------------------------------------------*/
/* -------------->>> TABLE OF CONTENTS (TOC) <<<---------------*/
/* ------------------------------------------------------------*/
#toc {
width: 860px;
margin: 0 0 12px 5px;
}

#commonwealth img.link,
#explorations .item img.link,
#explorations #lead-article img.link,
#perspectives .item img.link,
#perspectives #lead-article img.link,
#toc #books img.link,
#toc #notes img.link,
#toc #obits img.link,
#toc #first-person-letters img.link,
#toc #gallery-letters img.link,
#toc #news img.link,
#toc #letters img.link,
#toc #obits-first-letters img.link,
#toc #obits-letters img.link,
#toc #additional-features img.link,
#toc #obits-letters-gallery img.link {
background-color: #fff;
border:0;
vertical-align: middle;
padding: 5px 6px 0 9px;
}

/* FEATURES BEGIN */
#features {
background: #f2f1eb url(../images/bg-toc-features.gif) repeat-x 0 100%;
border-top: 1px solid #fff;
zoom: 1;
}

#features:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

#features .item {
float: left;
border-left: 2px solid #fff;
width: 213px;
}

#features .item:first-child {
border-left: 1px solid #fff;
}

#features .item h3 a {
display: block;
font: 1.5em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
line-height: 1.2; 
text-decoration: none;
margin: 0;
padding: 3px 10px 0 10px;
}

#more-features #features .item h3 a {
font-size: 1.2em;
padding: 0 5px 0 5px;
}

#features .item h5,
#five-features .item h5 {
font: .8em Arial, Helvetica, sans-serif;
color: #555;
line-height: 1.4;
padding: 7px 10px 0 10px;
}

#five-features .item h3 a {
display: block;
font: 1.5em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
text-align: left;
line-height: 1.2; 
text-decoration: none;
margin: 0 0 0 10px;
padding-top: 3px;
}

#more-features #features .item h5 {
font-size: .7em;
margin-bottom: 3px;
padding: 0 6px 6px 6px;
}
/* FEATURES END */


#toc #link h2 {
background: url(../images/hdr-toc-link.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #link h4 a {
display: block;
font: 1.1em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
line-height: 1.2; 
text-decoration: none;
margin: 0;
padding: 0;
}

#toc #link p {
font: .8em Arial, Helvetica, sans-serif;
color: #555;
line-height: 1.4;
margin: 0;
padding-top: 6px;
}

#toc #link img {
vertical-align: middle;
padding: 0 6px 0 0;
}

#toc #link .item ul {
list-style: none;
}

#toc #link .item li {
padding-bottom: 6px;
zoom:1;
}

	#toc #link .item li.multimedia { background: url(../images/icon-multimedia-sm.gif) no-repeat 0 3px; }
	
	#toc #link .item li.opinion { background: url(../images/icon-opinion-sm.gif) no-repeat 0 3px; }

#toc #link .item li a {
display: block;
font: .8em Arial, Helvetica, sans-serif;
color: #1f8fbe; 
line-height: 1.4;
text-decoration: none;
padding-left: 18px;
}

#toc #commonwealth h2 {
background: url(../images/hdr-toc-commonwealth.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#link h2 span,
#commonwealth h2 span,
#explorations h2 span,
#perspectives h2 span,
#books h2 span,
#notes h2 span,
#obits h2 span,
#first-person-letters h2 span,
#gallery-letters h2 span,
#news h2 span,
#letters h2 span,
#obits-first-letters h2 span,
#obits-letters h2 span,
#additional-features h2 span,
#obits-letters-gallery h2 span {
display: none;
}

/*
#toc #link .row,
#toc #commonwealth .row,
#toc #books .row,
#toc #notes .row,
#toc #obits .row,
#toc #first-person-letters .row,
#toc #gallery-letters .row {
clear: both;
overflow: auto;
}
*/

#toc #link .item,
#toc #commonwealth .item,
#toc #explorations .item,
#toc #perspectives .item,
#toc #books .item,
#toc #notes .item,
#toc #obits .item,
#toc #first-person-letters .item,
#toc #gallery-letters .item,
#toc #news .item,
#toc #letters .item,
#toc #obits-first-letters .item,
#toc #obits-letters .item,
#toc #additional-features .item,
#toc #obits-letters-gallery .item {
float: left;
background: url(../images/bg-toc-vert-rule.gif) no-repeat 0 0;
width: 262px;
margin-top: 12px;
padding: 0 12px 0 12px;
}

#toc #link .row .item:first-child,
#toc #commonwealth .row .item:first-child,
#toc #books .row .item:first-child,
#toc #notes .row .item:first-child,
#toc #obits .row .item:first-child,
#toc #first-person-letters .row .item:first-child,
#toc #gallery-letters .row .item:first-child,
#toc #news .row .item:first-child,
#toc #letters .row .item:first-child,
#toc #obits-first-letters .row .item:first-child,
#toc #obits-letters .row .item:first-child,
#toc #additional-features .row .item:first-child,
#toc #obits-letters-gallery .row .item:first-child {
background: none;
}

#commonwealth img,
#explorations .item img,
#perspectives .item img,
#books .item img,
#notes .item img,
#obits .item img,
#first-person-letters .item img,
#gallery-letters .item img,
#news .item img,
#letters .item img,
#obits-first-letters .item img,
#obits-letters .item img,
#additional-features .item img,
#obits-letters-gallery .item img {
float: left;
background-color: #e6e3db;
border: 1px solid #dbd9d3;
padding: 2px;
}

#commonwealth h4 a,
#toc #explorations .item h4 a,
#toc #perspectives .item h4 a,
#books h4 a,
#notes h4 a,
#obits h4 a,
#first-person-letters h4 a,
#gallery-letters h4 a,
#news h4 a,
#letters h4 a,
#obits-first-letters h4 a,
#obits-letters h4 a,
#additional-features h4 a,
#obits-letters-gallery h4 a {
display: block;
font: 1.1em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
line-height: 1.2; 
text-decoration: none;
margin: 0;
padding: 0 0 4px 80px;
}

#commonwealth p,
#explorations .item p,
#perspectives .item p,
#books p,
#notes p,
#obits p,
#first-person-letters p,
#gallery-letters p,
#news p,
#letters p,
#obits-first-letters p,
#obits-letters p,
#additional-features p,
#obits-letters-gallery p {
font: .8em Arial, Helvetica, sans-serif;
color: #555;
line-height: 1.4;
padding-left: 80px;
}

#toc #explorations,
#toc #perspectives {
overflow: auto; 
zoom: 1;
}

#toc #explorations h2 {
background: url(../images/hdr-toc-explorations.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#explorations #lead-article,
#perspectives #lead-article {
float: left;
width: 548px;
margin: 12px 12px 0 12px !important;
margin-left: 6px; 
/* overflow: auto; */
zoom: 1;
}

#explorations #lead-article img,
#perspectives #lead-article img {
float: left;
background-color: #e6e3db;
border: 1px solid #dbd9d3;
padding: 4px;
}

#explorations #lead-article h3 a,
#perspectives #lead-article h3 a {
display: block;
font: 1.5em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
line-height: 1.2; 
text-decoration: none;
margin: 0;
padding: 0 0 4px 308px;
}

#explorations #lead-article p,
#perspectives #lead-article p {
font: .8em Arial, Helvetica, sans-serif;
color: #555;
line-height: 1.4;
padding-left: 308px;
}

#toc #perspectives h2 {
background: url(../images/hdr-toc-perspectives.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #books h2 a {
display: block;
background: url(../images/hdr-toc-books.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #notes h2 {
background: url(../images/hdr-toc-notes.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #notes h2 a {
float: left;
display: block;
width: 180px;
height: 30px;
}

#toc #obits h2 {
background: url(../images/hdr-toc-obits.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #obits h2 a {
float: left;
display: block;
width: 180px;
height: 30px;
}

#toc #first-person-letters h2 {
background: url(../images/hdr-toc-first-person-letters.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #gallery-letters h2 {
background: url(../images/hdr-toc-gallery-letters.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #news h2 {
background: url(../images/hdr-toc-news.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #letters h2 {
background: url(../images/hdr-toc-letters.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #obits-first-letters h2 {
background: url(../images/hdr-toc-obits-first-letters.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #obits-letters h2 {
background: url(../images/hdr-toc-obits-letters.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #additional-features h2 {
background: url(../images/hdr-toc-additional-features.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#toc #obits-letters-gallery h2 {
background: url(../images/hdr-toc-obits-letters-gallery.gif) repeat-x 0 0;
height: 32px;
margin-top: 12px;
}

#first-person-letters h2 a.letters,
#gallery-letters h2 a.letters,
#obits-first-letters h2 a.letters,
#obits-letters h2 a.letters {
display: block;
width: 100px;
height: 32px;
margin-left: 300px !important;
margin-left: 290px;
}


/* ------------------------------------------------------------*/
/* ----------------------->>> ARCHIVES <<<---------------------*/
/* ------------------------------------------------------------*/
#archives {
width: 860px;
margin: 0 0 12px 5px;
}

#recent-issues {
background: #f2f1eb url(../images/bg-toc-features.gif) repeat-x 0 185%;
border-top: 1px solid #fff;
zoom: 1;
}
#toc #five-features {
background: /* #f2f1eb */ transparent url(http://www.bu.edu/bostonia/global/images/bg-toc-features.gif) repeat-x 0 225px;
/* height: 500px; */
border-top: 1px solid #fff;
zoom: 1;
}

#recent-issues:after,
#five-features:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

#archives #recent-issues .item,
#five-features .item {
float: left;
border-left: 2px solid #fff;
width: 170px;
}

#archives #recent-issues .item:first-child,
#five-features .item:first-child {
border-left: 1px solid #fff;
}

#recent-issues .item h3 a {
display: block;
font: 1.5em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
text-align: center;
line-height: 1.2; 
text-decoration: none;
margin: 0;
padding-top: 3px;
}

#archives #old-issues h2 {
height: 32px;
margin-top: 12px;
}

#archives #old-issues h2 span {
display: none;
}

#old-issues h2#archives2012 {
background: url(../images/hdr-archives-2012.gif) repeat-x 0 0;
}


#old-issues h2#archives2011 {
background: url(../images/hdr-archives-2011.gif) repeat-x 0 0;
}


#old-issues h2#archives2010 {
background: url(../images/hdr-archives-2010.gif) repeat-x 0 0;
}

#old-issues h2#archives2009 {
background: url(../images/hdr-archives-2009.gif) repeat-x 0 0;
}

#old-issues h2#archives2008 {
background: url(../images/hdr-archives-2008.gif) repeat-x 0 0;
}

#old-issues h2#archives2007 {
background: url(../images/hdr-archives-2007.gif) repeat-x 0 0;
}

#old-issues h2#archives2006 {
background: url(../images/hdr-archives-2006.gif) repeat-x 0 0;
}

#old-issues h2#archives2005 {
background: url(../images/hdr-archives-2005.gif) repeat-x 0 0;
}

#old-issues h2#archives2004 {
background: url(../images/hdr-archives-2004.gif) repeat-x 0 0;
}

#old-issues h2#archives2003 {
background: url(../images/hdr-archives-2003.gif) repeat-x 0 0;
}

#old-issues h2#archives2002 {
background: url(../images/hdr-archives-2002.gif) repeat-x 0 0;
}

#old-issues h2#archives2001 {
background: url(../images/hdr-archives-2001.gif) repeat-x 0 0;
}

#old-issues h2#archives2000 {
background: url(../images/hdr-archives-2000.gif) repeat-x 0 0;
}

#old-issues .row {
clear: both;
zoom: 1;
}

#old-issues .item {
float: left;
background: url(../images/bg-toc-vert-rule.gif) no-repeat 0 0;
width: 190px;
margin-top: 12px;
padding: 0 12px 0 12px;
}

#old-issues .row .item:first-child {
background: none;
}

#old-issues .item img {
float: left;
border: 1px solid #e6dfcf;
}

#old-issues h4 a {
display: block;
font: 1.1em Georgia, "Times New Roman", Times, serif;
color: #1f8fbe; 
line-height: 1.2; 
text-decoration: none;
margin: 0;
padding: 0 0 4px 80px;
}

#old-issues p {
font: .75em Arial, Helvetica, sans-serif;
color: #555;
line-height: 1.5;
padding-left: 80px;
}

#old-issues p span {
display: block;
color: #64a05f;
}


/* ------------------------------------------------------------*/
/* ----->>> GLOBAL STYLES FOR INDIVIDUAL FEATURE PAGES <<<-----*/
/* ------------------------------------------------------------*/

#feature {
background: #fff;
width: 862px;
margin-bottom:24px;
}

body.feature #main-nav ul li a {
color: #fff;
}

body.feature #footer {
background-image: none;
background-color: #222;
}

body.feature #masthead h1 { 
background: url(../images/bostonia-alumni-magazine-sm.png) no-repeat 0 13px; 
 /* SMALL WHITE VERSION OF LOGO, INCLUDED IN THIS ISSUE'S png-fix.css FOR IE */
width: 129px;
height: 60px;
margin: 0;
padding: 0;
}

body.feature #content-hdr h2 {
width: 325px; /* CUT OFF THE 'ISSUE HIGHLIGHTS' PORTION OF THE BG IMAGE */
}

.row {
display: block;
clear: both;
overflow: hidden; /* hides the excess padding in non-IE browsers */
/* margin-bottom: 24px; */
zoom: 1;
}

.row:after /* clearing floats using :after pseudo class */ {
content: '.';
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

/* IE5 hack to ignore next style 	
/*\*/
#row {
display: inline-block;
}

#feature div.row div.column {
float: left;
/*padding: 12px 12px 30000px 12px !important;
margin-bottom: -30000px !important;*/
padding: 12px 12px 12px 12px !important;
}

	#feature div.col4 div.column {
	width: 191px;
	}
	
	#feature div.col3 div.column {
	width: 263px;
	}
	
	#feature div.col2 div.column {
	width: 407px;
	}
	
	#feature div.col1 div.column {
	width: 838px;
	}
	
/* 3/4 COLUMN WRAP */

.col-wrap h3, 
.col-wrap p {
margin-right:191px;
}

.col-wrap .image {
float:right;
width:404px;
clear:both;
}

	.col-wrap .image p {
	margin:0 0 12px 12px;
	position:relative;
	}

	.col-wrap .image p span {
	position:absolute;
	top:541px; /* THE DEFAULT HEIGHT OF THE IMAGE + TOP MARGIN */
	right:0;
	width:140px;
	font-size: .9em;
	font-family:arial;
	color:#999;
	}

	.col-wrap .image p span strong {
	display:block;
	text-transform:uppercase;
	color:#c4501f;
	font-size: .9em;
	letter-spacing:1px;
	}
	
	.col-wrap .image p span span.credit {
	position:static;
	}


/* TEXT STYLES */

#feature p {
font: .9em Georgia, "Times New Roman", Times, serif;
color: #595959;
line-height: 1.5;
margin-bottom: 12px;
}

	#feature p.intro {
	font-size:1.2em;
	line-height: 1.4;
	color:#222;
	}

#feature h4 {
margin-bottom:12px;
}

#feature p a {
color: #c4501f;
}

	#feature p a:hover {
	text-decoration:none;
	}

.smallcaps {
text-transform:uppercase;
font-size:.9em;
letter-spacing:1px;
}

#feature .credit {
font-family:arial;
font-size:8pt;
font-weight:normal;
text-transform:uppercase;
}

/* COMMENTS */

#feature .comments {
padding:12px;
}

/* VIDEO SIDEBARS */

							/*
							#article div.multimedia {
							margin: 0;
							padding: 0;
							}
							
							#article p + div.multimedia {
							border-top: 1px dotted #e5e3df;
							border-bottom: 1px dotted #e5e3df;
							margin: 0 0 12px 0;
							padding: 40px 0 8px 0;
							}
							
							#article div.multimedia + hr {
							display: none;
							}
							*/

#feature div.multimedia {
padding:15px 0 9px 0;
}

div.multimedia div.description {
float:left;
width:215px;
}

div.multimedia div.description h4, 
div.multimedia div.description p {
padding:0 12px;
}

#feature div.description p {
}
	
#feature div.description span.credit {
display:block;
margin-top:3px;
}

div.multimedia div.mediaplayer {
float:right;
width:646px;
}

div.multimedia div.mediaplayer div {
padding:0 12px;
}

#feature div.multimedia div.mediaplayer p {/* GET RID OF PADDING AT BOTTOM OF MEDIA PLAYER */
margin:0;
padding:0;
}

/* FLASH WON'T CLEAR WITH CSS ALONE */
.clearing {clear: both; font-size: 0; line-height: 0;}

							/*
							#article p + div.video {
							background: transparent url(../images/icon-multimedia-video.gif) no-repeat 0 12px;
							}
							
							#article p + div.slideshow {
							background: transparent url(../images/icon-multimedia-slideshow.gif) no-repeat 0 12px;
							}
							
							#article p + div.audio {
							background: transparent url(../images/icon-multimedia-audio.gif) no-repeat 0 12px;
							}
							*/


/* ------------------------------------------------------------*/
/* ------->>> ARTICLE SHARING, PRINTING AND DOWNLOAD <<<-------*/
/* ------------------------------------------------------------*/
div object#atff {
	display:none; /* HIDES A DIV AND OBJECT INSERTED BELOW BODY TAG */
}

#article #article-tools {
clear: both;
border: 3px solid #ebe8e3;
background: #f7f6f4;
margin: 24px 0 12px 0;
padding: 9px;
}

#feature #article-tools {
clear: both;
border-top: 0;
border-right: 0;
border-bottom: 3px solid #ebe8e3;
border-left: 0;
background: #f7f6f4;
margin: 0 0 12px 0;
padding: 20px 0 20px 12px;
}

#article #article-tools a,
#feature #article-tools a {
cursor: pointer;
}

#article #article-tools p,
#feature #article-tools p {
display: inline;
font: bold .7em Verdana, Arial, Helvetica, sans-serif;
color: #595959;
margin: 0 6px 0 0;
padding: 0;
}

#article #article-tools img,
#feature #article-tools img {
border: 0;
vertical-align: middle;
margin: 0;
padding: 0 2px;
}

#article #article-tools .form-box p.description-email,
#feature #article-tools .form-box p.description-email {
display: block;
font: italic .7em Arial, Helvetica, sans-serif;
color:#928d7b;
margin: -10px 0 12px 130px;
padding: 0;
}

#article #article-tools #comment-form,
#feature #article-tools #comment-form {
background-color: #f6f7f7;
margin-top: 12px;
}

#content #article-tools .form-box,
#feature #article-tools .form-box {
background-color: #f7f6f4;
border-top: 1px dotted #ceccc4;
border-right: none;
border-bottom: none;
border-left: none;
margin: 2px 0 0 0;
padding: 16px 0 0 0;
}

div.expandable-div {
display: none;
background-color: #f7f6f4;
margin: 0;
padding: 0;
}


/* ------------------------------------------------------------*/
/* ------------------------>>> FOOTER <<<----------------------*/
/* ------------------------------------------------------------*/
#footer {
clear: both;
min-height: 134px;
height: auto !important;
height: 134px;
margin-top: 40px;
}

#footer .wrapper {
margin-top: 40px;
}

#footer div {
float: left;
}

#footer ul {
margin-top: 6px;
}

#footer ul li {
display: inline;
}

#footer ul li a {
font: .8em Arial, Helvetica, sans-serif;
color: #fff;
line-height: .5;
border-left: 1px solid #b2b1b1;
text-decoration: none;
padding: 0 6px 0 9px;
}

#footer ul li:first-child a {
border-left: none;
margin-left: 20px;
}

ul#bostonia-footer-nav {
_filter: alpha(opacity='40');
-moz-opacity: 0.4;
opacity: 0.4;
}

#footer ul#boxes {
	position: absolute;
	left: 680px;
	top: 22px;
	width: 200px;
}
#footer ul#boxes li.box img {
	vertical-align: bottom;
}