/*   
Theme Name: BNI Design
Theme URI: http://www.boonenewspapers.com/
Description: The theme for use with Boone-affiliate WordPress news sites.
Version: 5.0
Author: Ben Hillyer & Jeff Bertrand
Author URI: http://www.boonenewspapers.com
Tags: mixed column, multiple side bars, fixed width
*/


/*
Q: What is this file?
A: This file is required as part of the two basic files that comprise a
valid WordPress theme. For purposes with the BNI Design, this file contains
style definitions for HTML elements that are used across the theme files.

http://codex.wordpress.org/Theme_Development
*/

div#header,
div#content,
div#footer {
	position:relative;
	margin:0 auto 0 auto;
	width:960px;
}

div#header,
div#footer { width:940px; }

div#header { z-index:2; }

div#content { z-index:1; }

div#footer { z-index:0; }


body {
	margin:0;

	font-family:Arial,Helvetica,sans-serif;
}


.noDisp { display:none; }


a > img { border:none; }

a:link,
a:visited { text-decoration:none; }

a:hover { border-bottom:1px solid; }

a.moreLink {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}


.desc,
.desc a:link,
.desc a:visited,
.desc a:hover { /* typically used with # comments next to headline links */
	font-size:10px;
	font-family:Arial,Helvetica,sans-serif;
	text-decoration:none;
	color:#777;
}

.desc a:hover { border-bottom:1px solid #777; }


div#content p,
div#content li,
div#footer h4,
div#footer li {
	font-size:12px;
	line-height:18px;
}


.col100 { clear:both; }

.col75,
.col66,
.col50,
.col33,
.col25 { float:left; }

.col75 { width:75%; }

.col66 { width:66%; }

.col50 { width:50%; }

.col33 { width:33%; }

.col25 { width:25%; }


/* as seen at http://www.positioniseverything.net/easyclearing.html */
.clearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/* apply right-margin to immediate child elements inside columns */
.col75 > *,
.col75 > * li,
.col50 > *,
.col50 > * li,
.col25 > *,
.col25 > * li,
.rightRail > *,
.rightRail > * li,
div.multiMedia > * {
	margin-left:10px;
	margin-right:10px;
}


/* rightRail always needs to be 34% because the column next to it is 66% or 33% + 33% */
div.rightRail { width:34%; }


div#header {
	margin-top:9px;
	margin-bottom:9px;
}

div#header .rightRail > * {
	margin-left:20px;
	margin-right:0;
}

div#extraNav a { color:#000; }

div#extraNav a:hover { border-bottom:1px solid #000; }

a#linkRegister:link,
a#linkRegister:visited,
a#linkRegister:hover { font-weight:bold; }


#folio {
	height:31px;
	padding-top:1px;

	background:url(/wp-content/themes/bni-design-5/images/bg-folio.png) repeat-x;
}

#folio small {
	font-size:12px;
	line-height:26px;
}


.searchForm { margin-right:0; }

.searchForm * { float:right; }

.searchQuery,
.searchButton {
	margin-top:2px;
	margin-bottom:2px;
}

.searchQuery {
	width:340px;
	height:22px;/* for IE */
	padding-left:9px;
	
	font-size:16px;
	line-height:22px;/* same as height */
	border:1px solid #bbb;
	color:#999;
}

.searchButton {
	display:inline;
	width:26px;
	height:26px;

	text-align:center;
	border:1px solid #bbb;
	border-left:none;
	background:#ddd;
	color:#555;
}


#logo h1 span,
#logo h2 { display:none; }

#logo h1 { margin:9px 0 9px 0; }

#logo h1 a {
	display:block;
	height:100px;
	width:620px;

	background:url(/wp-content/themes/bni-design-5/images/brand/bg-logo.png) no-repeat;
}

#logo h1 a:hover { border-bottom:none; }


#miniOptions > small {
	float:left;

	font-size:12px;
	line-height:14px;
	color:#000
}

#miniOptions a { color:#000; }

#miniOptions a:hover { border-bottom:1px solid #444; }


#supNav {
	float:right;
	margin:0;
	padding:0;

	list-style:none;
}

#supNav li {
	float:left;
	margin:0;
	padding:0;
}

#supNav a {
	float:left;

	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
}

#supNav a:hover { border-bottom:none; }

#supNav { background:url(/wp-content/themes/bni-design-5/images/brand/bg-supNav.png) no-repeat; }


div#content {
	margin-top:9px;
	margin-bottom:9px;
}


.teasePhoto:hover,
.teaseFeaturePhotoMask:hover { border:none; }

.teaseFeaturePhotoMask {
	display:block;
	width:300px;
	height:120px;
	overflow:hidden;
}

div#featureItems .teaseFeaturePhotoMask {
	width:220px;
	height:100px;
}

.teaseFeaturePhotoMask > img { margin:auto 0; }

.teaseMask {
	float:left;
	display:block;
	height:100px;
	width:120px;
	margin:6px 9px 2px 0;
	overflow:hidden;
}

.teaseMask > img { margin:0 auto; }

.teaseStory { border-top:1px dotted #ccc; }

.firstTeaseStory .profilePic,
.teaseStory .profilePic {
	float:left;
	margin:0 9px 4px 0;
}

.firstTeaseStory p,
.teaseStory p { margin:0 0 9px 0; }

.hrule {
	padding-top:9px;

	background:url(/wp-content/themes/bni-design-5/images/bg-1px-hrule.png) repeat-x;
}

/* ***** apply to "headlines", make them serif. ***** */
.col100 > h2,
.leftCol h3,
.centerCol  h3,
.rightRail h3,
div#featureItems h3,
ol.headlineList,
.headline,
div#article h2,
div#results h3,
li.widget_recent_entries a,
li.widget_recently_popular a,
li.widget_email a,
div#breaking h3,
div#breaking marquee,
.categoryHead h2 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
}

.leftCol h3,
.centerCol h3,
.rightRail h3,
div#featureItems h3 {
	margin-top:3px;
	margin-bottom:0;
}

div#article h2 {
	margin-top:0;
	margin-bottom:9px;
}


/* ***** apply to column-type headers, make them sans-serif. ***** */
.leftCol h2,
.centerCol h2,
.rightRail h2,
div#featureItems h2,
h2.widgettitle,
h2.likeHeaders,
div#breaking h2,
div#breaking h3 span,
.multiMedia h2 {
	margin-bottom:3px;

	font-size:12px;
	line-height:18px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}


div.multiMedia {
	margin-right:9px;
	margin-bottom:9px;
}

div#featureItems { 
	margin-top:9px;
	padding:0;
}

div#featureItems h2 { padding-top:9px; }

div#featureItems div.col100 ul.moreLinks { margin-top:0; }


ul.moreLinks {
	padding-left:0;

	list-style-image:url(/wp-content/themes/bni-design-5/images/brand/ico-bullet-dol.png);
}

ul.moreLinks li { margin-left:10px; }


.headlineList {
	margin:0;
	padding:0;

	list-style:none;
}

.headlineList li,
.widget_recently_popular ul li,
.widget_email ul li,
.widget_recent_entries ul li {
	padding-top:3px;
	padding-bottom:3px;
	
	border-top:1px dotted #ccc;
}


ul.sidebar,
li.widget ul,
li.widget ul li {
	margin-left:0;
	padding-left:0;

	list-style:none;
}

ul.sidebar { margin-top:0px; }


ul.sidebar .latestGalleries { width:300px; }


.pubStamp {
	display:block;
	padding-left: 9px;

	border-left:2px solid #ddd;
	color:#777;
}


div#breaking {
	margin:10px 10px 2px 10px;
	overflow:hidden;

	background-color:#959190;
}

div#breaking h2,
div#breaking h3,
div#breaking marquee {
	margin:0;
	padding-left:10px;

	font-size:16px;
	line-height:32px;
	font-weight:bold;
}

div#breaking h2 {
	float:left;
	padding-right:16px;

	background:url(/wp-content/themes/bni-design-5/images/bg-breaking-arrow.png) no-repeat right center;
	color:#fff;
}

div#breaking marquee,
div#breaking marquee div { width:760px; }

div#breaking marquee div { display:inline-block; }

div#breaking a { color:#fff; }

div#breaking a:hover { border-bottom-color:#fff; }


div.ad190x90,
div.ad300x,
div.ad728x90 {
	display:block;
	margin-top:9px;
	margin-bottom:9px;
}

div.ad190x90 a:hover,
div.ad300x a:hover,
div.ad728x90 a:hover { border-bottom:none; }

div.ad190x90 { width:190px; }

div.ad300x {
	width:300px;
	padding-bottom:11px;

	background:url(/wp-content/themes/bni-design-5/images/bg-ad-hrule.png) no-repeat bottom center;
}

div.ads { background-image:url(/wp-content/themes/bni-design-5/images/bg-ad-hrule-plural.png); }

div.noAd {
	padding-bottom:0;
	background:none;
}

div.ad728x90 {
	width:728px;
	padding-left:11px;
	margin-left:auto;
	margin-right:auto;

	background:url(/wp-content/themes/bni-design-5/images/bg-ad-vrule.png) no-repeat center left;
}

div.ad960x90 div.ad190x90 { 
	float:left;
	margin-left:10px;
}

div.ad960x90 div.ad728x90 {
	float:right;
	margin-right:10px;
}


div#calendarMask {
	height:250px;
	overflow:hidden;
}


div#footer {
	margin-top:9px;
	padding-bottom:50px;

	color:#fff;
}

div#footer .col25 > * { margin-left:18px; }

div#footer .col25 ol li { margin-left:0; }

div#footer h4 {
	margin-top:18px;
	margin-bottom:9px;

	font-size:12px;
	text-transform:uppercase;
}

div#footer ol,
div#footer ol.siteMap {
	margin-top:0;
	padding-left:0;
}

div#footer ol { list-style:none; }

div#footer ol.siteMap {
	padding-left:12px;

	list-style-image:url(/wp-content/themes/bni-design-5/images/brand/ico-bullet-lod.png);
}

div#footer a { color:#fff; }

div#footer a:hover { border-bottom:1px solid #fff; }

div#footer a:hover img { border-bottom:none; }

div#footer .browserNotice a { border-bottom:1px solid #fff; }

div#footer .browserNotice a:hover { border-bottom:none; }


div#businessDir {
	margin-left:10px;
	margin-right:10px;
	padding-top:9px;

	background:url(/wp-content/themes/bni-design-5/images/bg-1px-hrule.png) repeat-x;
}

table#biz_dir {
	width:100%;
	margin-top:9px;

	font-size:14px;
}

table#biz_dir td {
	padding:6px 0 6px 12px;
	width:25%;
}

.rowAlt { background:#eee; }

#biz_search { background:url(/wp-content/themes/bni-design-5/images/bg-business-dir.jpg) no-repeat top left; }

#biz_search form {
	margin-top:55px;
	width:100%;
}


.widget_polls-widget {
	text-align:left;
}


.staffMember {
	margin-bottom:9px;
	padding:9px 0;
	
	border-top:1px dotted #ccc;
}

.staffMember .profilePic {
	float:left;
	display:block;
	margin-top:-4px;
	margin-right:9px;
	padding:3px;

	background:#ddd;
	border:1px solid #bbb;
}

.staffMember h4,
.staffMember small {
	display:inline-block;
	margin:0;
}

.staffMember small {
	text-transform:uppercase;
	color:#888;
}

.staffMember ul {
	margin:9px 0 0 0;
	padding:0;

	list-style:none;
}

.staffMember ul li { margin-left:0; }

div#profile { border-top:none; }

div#profile li {
	font-size:10px;
	line-height:14px;
}

div#profile li small { display:none; }

div#twitterBox300x { margin-top:9px; }

div#twitterBox300x a:hover { border:none; }


.wp-polls p { margin-top:0; }


div#featureItems a.profilePicWrap {
	float:left;
	margin:0 9px 4px 10px;
}

div#featureItems a.profilePicWrap:hover,
div#featureItems a.profilePicWrap:hover img { border-bottom:none; }