/* 
Styles for Category Index pages
Date: June 2010 
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
----------------------------------------------------------*/
.breadcrumbs {
	margin-bottom: 36px;
}
.article {
	clear: both;
	width: 672px;
}
ol {
	list-style-type: decimal;
}
.article ul { /* add bullets to lists entered in the cms */
	list-style-type: disc;
	margin-left: 35px;
}
.article li {
	padding: 2px 0;
}
.article h1 {
	clear: both;
	font-size: 1.125em; /* 16x1.125=18 */
	line-height: 1.115em; /* 18x1.115=20 */
	margin: 6px 0 18px 0;
}
.article a {
	text-decoration: underline;
}
#categoryIndex .adsense { 
	border-top: none;
	padding-top: 0;
}
.seeAll {
	clear: both;
	font-weight: bold;
	margin-bottom: 4em;
}
.seeAll span {
	font-size: 1.35em;
}
/*----------------------------------------------------------
  =category index page
----------------------------------------------------------*/
#categoryIndex .article {
	width: 719px;
}
#categoryIndex .section,
#categoryIndex .bgList,
#categoryIndex .articleList,
#categoryIndex .relatedList {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 9px;
	padding-right: 55px;
	width: 664px;
}
#categoryIndex .articleList h4,
#categoryIndex .bgList h4,
#categoryIndex .relatedList h4 {
	margin-bottom: 0;
}
#categoryIndex .columns {
	padding-right: 35px;
	width: 684px;
}
#categoryIndex .columns ul {
	float: left;
	margin: 16px 20px 16px 35px;
	width: 287px;
}
#categoryIndex .articleList h6 { 
	font-size: .75em;
	line-height: 1.5em; 
}

#categoryIndex .articleList h4 {
	margin-bottom: 18px;
}
/* brafton */
#categoryIndex .articleList {
    padding: 15px 0;
    width: 100%;
}
.articleList .half {
    float: left;
    margin-left: 0;
    width: 342px;
}
.articleList .first {
    margin-right: 35px;
}
.articleList dl {
    margin: 0 55px 0 0;
}
.articleList .half dl {
    margin: 0;
}
/* brafton news articles */
.articleList dt, .articleList dd { display: block !important; font-size: .75em; line-height: 1.5em; }
.articleList dt { padding-top: 0; }
.articleList dt a { text-decoration: underline; }
.articleList dd { margin-bottom: 6px; }
.articleList .date { color: #666; display: block; font-style: italic; }

/* industry insights */
.insightsList p {
	font-size: 1em;
	margin: auto;
}

/*----------------------------------------------------------
  =article index page
----------------------------------------------------------*/
#articleIndex .article li { /* article headlines, the following style mimics the h6 style for the seo article include */
	font-size: 1.1666em; /* 12x1.1666=14 */
	font-weight: bold;
	line-height: 1.286em; /* 14x1.286=18 */
	padding: 1px 0;
	margin: 9px 0; 
}
#articleIndex .article li p { /* article summary */
	font-size: .857em; /* 14x.857=12 */ 
	font-weight: normal;
	line-height: 1.5em;
	margin: 9px 0; 
}