h1,h2,h3,h4{
text-align: left;
margin: 0px;
}
.pulled-right{
font: 1.2em italic Georgia, Serif;
width: 220px;
color: #666666;
display: block;
float: right;
border-right: 5px solid #343434;
text-align: right;
padding: 0px 5px 0px 10px;
margin-left: 10px;

}
.pulled-left{
font: 1.2em italic PGeorgia, Serif;
width: 220px;
color: #666666;
display: block;
float: left;
border-right: 5px solid #343434;
text-align: left;
padding: 0px 10px 0px 5px;
margin-right: 10px;
}
.inquiry, .features, .sports, .beyondloyola{
background: none;
}
.inquiry h1 a{
display: block;
width: 512px;
height: 118px;
text-decoration: -9999px;
background: url(images/inquiryheader.png) no-repeat;
text-indent: -9999px;
}
.features h1 a{
display: block;
width: 512px;
height: 118px;
text-decoration: -9999px;
background: url(images/featuresheader.png) no-repeat;
text-indent: -9999px;
}
.sports h1 a{
display: block;
width: 512px;
height: 118px;
text-decoration: -9999px;
background: url(images/sportsheader.png) no-repeat;
text-indent: -9999px;
}
.beyondloyola h1 a{
display: block;
width: 650px;
height: 118px;
text-decoration: -9999px;
background: url(images/blheader.png) no-repeat;
text-indent: -9999px;
}

#body-wrapper{
/* this creates the body of the section and centers it */
width: 900px;
margin-left: auto;
margin-right: auto;
}

#section-header{
width: 880px;
padding: 10px;
height: 86pt;
clear: both;
border-bottom: 2px solid #114b95;
background: #83c6c4 /*#114b95 <-- my suggestion on the bg color then change the text colors to white*/;
display: none;
}
#section-title{
width: 300px;
float: left;
}
#section-title h2{
text-transform: lowercase;
margin: 0px 0px -10px 0px;
padding: 0px;
font: 4.3em normal Georgia, Times new Roman, Sans-serif;
}
a#url-title{
color: #666;
text-transform: uppercase;
font: 0.8em normal helvetica, sans-serif;
}

#section-editor{
/*section editor column*/
text-align: left;
width: 190px;
float: left;
}
#section-staff{
/*section staff column */
text-align: left;
width: 190px;
float: left;
}
#section-design{
/*section design staff column */
text-align: left;
width: 190px;
float: right;
padding-left: 10px;
}

#section-front{
/*creates the div that holds the sticky posts of the cover story and the cover story image */
margin-bottom: 5px;
border-bottom: 10px solid #bababa;
height: 326px; /*this may need to be changed depending on the height of the cover story image  unless it is standardized */
}
	#front-article{
	width: 280px;
	float: left;
	padding: 0 10px 0 10px;
	}
	#front-image{
	/*div that surrounds the front image */
	width: 580px;
	float: right;
	}
	
#section-blurbs{
/*creates the entire div that surrounds all the section blurbs */
margin-top: 10px;
width: 900px;
clear: both;
margin-bottom: 10px;
}
	.four-column{
	/*if layout uses four columns use this class*/
	background: url(blurb-background-4-column.png);
	}
	.two-column{
	/*if layout needs 2 columns use this class*/
	background: url(blurb-background-2-column.png);
	}
	.beyond-loyola{
	background: url(blurb-background-bl.png);
	}
#archive-link{
/*stretches the div to the bottom so we do not have to define the height of the section blurbs if the excerpts are too long, this will make sure that the div is long enough and stretches to the height of the blurbs by using the clear both attribute. This way we dont have to change the height every month */
clear: both;
background: #fff;
font-size: 0.8em;
text-align: right;
}
	.section-blurb{
	/*since the section blrubs are all essentially one query of posts with each posts floated to the left, we have to use a class that is similar to all of them so it repeats in the query */	
	float: left;
	padding: 10px;
	}
		.narrow{
		/*if its using 2 columns use this class to modify the section blurbs*/
		width: 205px;
		}
		.wide{
		/*if its using 4 columns use this class to modify the section blurbs*/
		width: 430px;
		}
		.bl{
		width: 270px;
		border-bottom: 1px solid #bababa;
		padding: 5px 5px;
		margin: 0px 10px;
		min-height: 320px;
		}
	h3.title a{
	font-size: 1.4em;
	font-family: Georgia;
	font-weight: normal;
	line-height: 1.4em;
	margin: 5px 0px 1px 0px;
	text-align: left;
	display: block;
	}
.blurb-image{
background: #555;
margin-bottom: -5px;
}
.the-authors{
color: #666;
font-size: 0.8em;
}
.subtitle{
text-align: left;
text-transform: uppercase;
font: /*italic*/ 1em Helvetica,Georgia, serif;
}
/*for BL*/