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

#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(../global/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;
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(https://bu.edu/bostonia/global/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(../../../global/images/bg-form-right.png) no-repeat 0 0;
cursor: pointer;
width: 20px;
height: 22px;
margin: 0 0 0 3px;
padding: 0;
}

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

#article-tools  {
background:none repeat scroll 0 0 #F7F6F4;
border-color:-moz-use-text-color -moz-use-text-color #EBE8E3;
border-style:none none solid;
border-width:0 0 3px;
clear:both;
margin:0;
padding:20px 0 20px 12px;
}
#article-tools p {
color:#595959;
display:inline;
font:bold 0.7em Verdana,Arial,Helvetica,sans-serif;
margin:0 6px 0 0;
padding:0;
}
#article-tools a {
cursor:pointer;
}
#article-tools img {
border:0 none;
margin:0;
padding:0 2px;
vertical-align:middle;
}



/* ------------------------------------------------------------*/
/* --------------->>> COMMENTS & HTML FORMS <<<----------------*/
/* ------------------------------------------------------------*/
.comments {
padding:12px;
background-color: #fff;
}
.comment_wrap {
	width: 100%;
	background: #fff;
	height: 100%;
}

#comments{
width: 840px;
margin: 20px auto 0 auto;
background-color: #fff;
}

	#comment-wrapper {
		width:800px;
		margin-top: 12px;
		}

	#comments div.item {
		border-bottom: 1px dotted #666155;
		padding: 0 0 12px 0;
		margin-bottom:18px;
		}
		
		#comments h5 {
			font: bold .8em Arial, Helvetica, sans-serif;;
			color: #535353;
			font-weight:normal;
			line-height: 1.3;
			margin: 0 0 12px 0;
		}

			#comments h5 strong {
				color: #f1c84a;
				}

		#comments div.item p {
			font: .8em Arial, Helvetica, sans-serif;
			color: #535353;
			line-height: 1.4;
			}
		
			#comments div.item p.date-stamp {
				color: #8e8c80;
				font-size:.7em;
				}
			


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

#comment-form {
background-color: #f6f7f7;
margin-top: 12px;
margin-bottom: 24px;
}

.form-box {
background-color: #f7f6f4;
border:1px solid #E5E3DF;
margin: 2px 0 0 0;
padding: 16px;
}
.form-box label {
float:left;
font-weight:bold;
width:130px;
}
input, select, textarea, label {
color:#454C54;
font-family:arial,helvetica,verdana,sans-serif;
font-size:0.8em;
}
.form-box textarea {
width:300px;
border: 1px solid #C7C1B4
}
.form-box label em {
color:#CC0000;
padding-right:3px;
}
input.input-text, textarea, select {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C7C1B4;
padding:5px;
}
.form-box p {
-x-system-font:none;
color:#928D7B;
font-family:Arial,Helvetica,sans-serif;
font-size:0.7em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:1.4;
margin:-10px 0 12px 130px;
padding-top:0;
}
input.input-text, textarea, select {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C7C1B4;
padding:5px;
}
input.input-text {
width:200px;
}
.form-box div {
clear:both;
display:block;
margin-bottom:12px;
}
input.button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#1F8FBE none repeat scroll 0 0;
border:1px solid #007AB0;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
margin-left:130px;
padding:5px 12px;
width:auto;
}

/* ------------------------------------------------------------*/
/* ------------------>>> MORE FEATURES <<<---------------------*/
/* ------------------------------------------------------------*/
#more-features {
	margin: 0 auto 40px;
	height: 295px;
	width: 862px;
	}
#more-features h2 {
background:url("../../../global/images/bg-more-features-hdr.png") no-repeat scroll 0 0 transparent;
height:37px;
overflow:hidden;
text-align:right;
width:862px;
}
#content-hdr h2 span, 
#more-features h2 span {
display:none;
}
#more-features h2 a {
color:#BBBBBB;
display:block;
font:0.8em Arial,Helvetica,sans-serif;
height:37px;
padding:12px 12px 0 0;
text-decoration:none;
}
#features {
	background: url("../../../global/images/bg-toc-features.gif") repeat-x scroll 0 100% #F2F1EB;
	border-top:1px solid #FFFFFF;
}
#more-features #features .item h3 a {
	font-size:1.2em; 
	padding:0 5px;
	}
#features .item:first-child {
	border-left:1px solid #FFFFFF;
	}
#features .item {
	border-left:2px solid #FFFFFF;	
	float:left;
	width:213px;
}
#features .item h3 a  {
	color:#1F8FBE;
	display:block;
	font:1.5em/1.2 Georgia,"Times New Roman",Times,serif;
	margin:0;
	padding:3px 10px 0;
	text-decoration:none;
}
#more-features #features .item h5 {
	font-size:0.7em;
	margin-bottom:3px;
	padding:0 6px 6px;
}
#features .item h5 {
	color:#555555;
	font:0.8em/1.4 Arial,Helvetica,sans-serif;
}


/* ------------------------------------------------------------*/
/* ---------------------->>> FOOTER <<<------------------------*/
/* ------------------------------------------------------------*/

#footer {
	width: 100%;
	height:100px;
	background-color:#222222;
	background-image:none;
	clear: both;
	padding-top: 34px;
	margin-top:40px !important;
}
#footer .wrapper {
	position: relative;
	}
#footer .wrapper div {
	float: left;
	}
ul#bostonia-footer-nav {
	opacity:0.4;
	padding-top: 6px;
	}
#footer ul {
	margin-top:6px;
	}
#footer ul li {
	display:inline;
}
#footer ul li:first-child a {
	border-left:medium none;
	margin-left:20px;
}
#footer ul li a {
	border-left:1px solid #B2B1B1;
	color:#FFFFFF;
	font:0.8em/0.5 Arial,Helvetica,sans-serif;
	padding:0 6px 0 9px;
	text-decoration:none;
}
#footer ul#boxes {
	left:590px;
	position:absolute;
	top:22px;
	width:300px;
}
#footer ul#boxes li.box img {
vertical-align:bottom;
}