/* 
Styles for Industry Brafton news archive page
Date: September 2011
Author: Mende Williams
Notes: 
  +  properties are listed in alphabetical order 
  +  font size values are based on an 18px or 1.125em line height. this includes the combination of font size, line height, and top and bottom margins. please be mindful of this if altering any of these values.  *there are some exceptions to this. 
  +  please preserve formatting 
*/

/*----------------------------------------------------------
  =import applicable styles
----------------------------------------------------------*/
@import url("_bzGlobal.css");

/*----------------------------------------------------------
  =general content rules
----------------------------------------------------------*/
/*----------------------------------------------------------
  =industry nav bar
----------------------------------------------------------*/
.supplierProgram { /* supplier program button */
	/* --IN SPRITE-- background: url(/bzng/images/buttons/supplierButton.jpg) no-repeat;*/
	display: block;	
	height: 40px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 0;
	width: 220px;
}
/* -- IN SPRITE --
.supplierProgram:hover { 
	background: url(/bzng/images/buttons/supplierButtonHover.jpg) no-repeat;
}
*/
/*----------------------------------------------------------
  =content
----------------------------------------------------------*/
.mainContent {
	border-top: 2px solid #09c;
	margin-top: 1px;
	position: relative;
	width: 100%;
}
/*----------------------------------------------------------
  =top content
----------------------------------------------------------*/
.topContent {
    margin-bottom: 10px;
    margin-top: 10px;
}
.industryImage {
	float: left;
    width: 236px;
}
h1 {
	font-size: 1.75em;
	margin: 0 0 4px 0;
    padding-top: 40px;
}
h2.h3 {
    color: #666;
    margin: 14px 0 20px 0;
}
.topContent h3 {
	color: #e98822;
	font-size: 1.5em;
	font-weight: normal;
	margin: 8px 0;
}
/*----------------------------------------------------------
  =bottom content
----------------------------------------------------------*/
.ie7 .bottomContent {
    clear: both;
}
.directory {
	border-right: 1px solid #ccc;
	float: left;
	padding: 10px 35px 20px 0;
	width: 165px;
}
.directory h3 {
	color: #666;
	margin-top: 0;
}
.directory li {
	padding-bottom: 3px;
}
.directory li a {
	font-weight: bold;
	text-decoration: underline;
}
/* article section */
.articles {
	float: left;
	margin-left: 35px;
	width: 510px;
}
.articles a {
	text-decoration: underline;
}
dt, dd {
    display: block;
    font-size: .75em;
    line-height: 1.5em;
}
dt {
    margin-top: 18px;
    padding-top: 0;
}
dt:first-child {
    margin-top: 10px;
}
dt a {
    text-decoration: underline;
}
dd {
    margin-bottom: 6px;
}
.date {
    color: #666;
    display: block;
    font-style: italic;
}
dd a.readMore {
    display: block;
}

/* archives section */
.archives {
    float: right;
    padding-top: 10px;
    width: 150px;
}
.archives h3 {
    color: #666;
    margin-top: 0;
}
.archives h4 {
    font-weight: normal;
    margin-bottom: 0;
}
.archives ul {
    margin-top: 0;
}
.archives li {
    padding-bottom: 3px;
}
.archives a {
    color: #e98822;
    text-decoration: underline;
}
/*----------------------------------------------------------
  =footer
----------------------------------------------------------*/
#footer {
	border-top: none;
}