/* ==========================================================================
   SITENAME custom styles
   ========================================================================== */

body {
	position:relative;
	font: 16px/25px 'OpenSansRegular', Arial, sans-serif;}
strong {
	font: 16px/25px 'OpenSansRegular', Arial, sans-serif;
	color:#8D1A1C;}

/*HOMEPAGE SECTION*/
#wrapper #rail {
	margin:0 0 50px 0;
	font: 14px/22px 'OpenSansRegular', Arial, sans-serif;}
#wrapper #rail p {margin-top:0;}

.home #title-block {
	margin:30px 0 30px 0;
	overflow:hidden;}
.home #title-block h1 {
	margin:0 0 25px 0;
	font: 30px/38px 'OpenSansRegular', Arial, sans-serif;}
.home #title-block .head-photo-thread {
	width:100%;height:132px;overflow:hidden;background:url(../img/thread.jpg) center 0 no-repeat}
.home #title-block h1 .sub-title {
	display:block;
	font: 20px/30px 'OpenSansRegular', Arial, sans-serif;}
#body-content h2 {
	margin-top:0;
	padding-top:1em;
	color:#8D1A1C;
	font: 26px/30px 'OpenSansLight', Arial, sans-serif;letter-spacing: 0;}
#body-content .no-bullets {
	list-style:none;
	margin-left:0;
	padding-left:0;}
#body-content dt {font-family:'OpenSansSemibold', Arial, sans-serif;}
#body-content dd {
	margin-bottom:1em;}
#body-content li {
	margin-bottom:.5em;}
	
#body-content a {
    border-bottom: 1px solid #FFFFFF;
    color: #008BF5;
    font: 16px/25px 'OpenSansLight',Arial,sans-serif;
    text-decoration: none;
}
#body-content a:hover, #body-content a:focus {
    border-bottom: 1px solid #06688D;
    color: #06688D;
}


/* ==========================================================================
   Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 325px) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (min-width: 30em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (min-width: 40em) {
    /* Style adjustments for viewports that meet the condition */
	.home #title-block {
		margin:60px 0 30px 0;}
	.home #title-block h1 {
		margin:0 0 25px 0;
		font: 44px/58px 'OpenSansRegular', Arial, sans-serif;}
	
}

@media only screen and (min-width: 48em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (min-width: 60em) {
    /* Style adjustments for viewports that meet the condition */
}