html { background: #fff url(../images/bg-html.jpg) repeat-x 0 96px; }
html.web-archived { background-position: 0 0; }

body { background: transparent url(../images/theme-top.jpg) no-repeat 50% 96px; }
body.web-archived { background-position: 50% 0; }

#footer { background: #000 url(../images/bg-black-texture.jpg) repeat 0 0; }

body#subpage {}

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

#footer .wrapper {
left: 50%;
margin-left: -431px;
}

#alumni-nav {
background: transparent url(../images/bg-alumni-nav.png) repeat-x 0 100%;
}

/* ------------------------------------------------------------*/
/* ---------->>> BOSTONIA LOGO & MAIN NAV & SEARCH <<<---------*/
/* ------------------------------------------------------------*/
#masthead h1 {
background: url(http://www.bu.edu/bostonia/global/images/bostonia-alumni-magazine.png) no-repeat; 
 background-position: 0 0;   /* WHITE VERSION OF LOGO */
/*background-position: 0 -40px;*/  /* BLACK VERSION OF LOGO ? DON'T FORGET TO CHANGE IN PNG-FIX.CSS FILE AS WELL FOR IE6 */
width: 199px;
height: 40px;
margin: 30px 0 35px 0;
}

#main-nav ul li a {
	background: url(../images/bg-main-nav.png) no-repeat 0 center;
	color: #FFF;
	color: rgba(255,255,255,0.8);
	*color: #FFF;
}

#main-nav ul li a:hover { color: #FFF; }

#alumni-nav ul li a {border-left: 1px solid #fff;border-left-color: rgba(255,255,255,0.5);}


/* ------------------------------------------------------------*/
/* ------>>> CURRENT ISSUE HEADER & ISSUE HIGHTLIGHTS <<<------*/
/* ------------------------------------------------------------*/
#content-hdr {
background: transparent url(../images/bg-content-hdr.png) no-repeat 0 0;
height: 37px;
}

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

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

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


/* ------------------------------------------------------------*/
/* ------------>>> MISCELLANEOUS ARTICLE STYLES <<<------------*/
/* ------------------------------------------------------------*/

#article > h5 { font-weight: bold; }

#article blockquote {
	border: 3px dashed #CCC;
	color: #535353;
	display: block;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	line-height: 27px;
	margin: 0 20px 20px 0;
	padding: 15px;
	width: 150px;
}
#article blockquote.align-right { float: right; margin: 0 0 20px 20px; }

#article ul { 
	color: #535353;
	line-height: 1.4em;
	list-style: square;
	margin: 0 30px;
}

	#article ul li { margin-bottom: 1.4em; }
	#article ul li p { padding-bottom: 0 !important; }