/*   
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;
}

div#content div.photonic-stream ul {
    margin: 0;
    padding: 0;
}
div#content ul li.photonic-smug-image {
    width: 39%;
    margin: 0 0 30px;
}


.col100 { clear:both; }

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

.col75 { width:75%; }

.col60 { width:62%; }
.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.eclectic a {
	background:url(/wp-content/themes/bni-design-5/images/brand/bg-logo-eclectic.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:22px;
	text-transform:uppercase;
	text-align:center;
	color:#999;
    padding: 0 20px;
    background: #ccc;
    margin: 0 0 0 2px;
    font-weight: bold;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#supNav a:hover { border-bottom:none; background: #5274e4; color: #fff; }

a#Sup_survey {
    background: #007428;
    color: #fff;
}

#supNav a#Sup_elmore {
    background: #FFC542;
    color: #352603;
}

#supNav a#Sup_eclectic {
    background: #6b0831;
    color: #fff;
}
#supNav a#supClassifieds {
    background: #ff0000;
    color: #fff;
}
#supNav a#Sup_natchez_mag {
    background: #4a0522;
    color: #fff;
}

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; }

.columnists .moreLinks
	{ margin-top: 5px }

.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; }

div.mini_nav ul li {
    display: inline-block;
    padding: 0 2px;
    font-family: 'jaf-bernina-sans-narrow', helvetica, arial, sans-serif;
    font-size: 13px;
}

div.mini_nav ul li a {
    display: block;
    background: #666;
    padding: 4px 10px 3px;
    color: #fff;
}
div#elmoreNav.mini_nav ul li a {
    /*background: #004B98;*/
    color: #fff;
}
div.mini_nav ul li a:hover {
    border-bottom: 0;
}



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

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


div#breaking {
	margin:10px 10px 2px 10px;
	overflow:hidden;
    height: 34px;
	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 div.scroll_item { width:760px; }

div#breaking div.scroll_item { 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:377px;
	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;
}

#footNetwork li {
	margin-bottom:15px;
}

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; }

.top_stories {margin-bottom: 10px;
	float: left;}

.main_boxA { background: white;
		width: 960px;
		float: left;
		margin: auto;}
		
.main_boxA_stories {
		float:left;
		
}

.main_boxB 		{ width: 440px;
				float: left;
				padding-right: 15px;
				margin-left: 10px;}

.main_boxC 		{ width: 170px;
				float: left;
				padding-right: 15px;}
				
.main_boxD 		{ width: 300px;
				float: left;
				}

.main_story h3 { font-size: 30px;
	margin-bottom: 5px;}

.main_story img { margin-bottom: 5px;}


.floodTitle {
	width: 940px;
	height: 40px;
	margin-top:15px;
				float: left;}

.floodMain h3 { font-size: 30px;}

.floodMain { padding: 10px;}

.electionMain { padding: 0px;}

.electionMain h3 { font-size: 30px;}

.floodList1 {width: 30%;
	float: left;
	margin-right: 15px;}

.floodList2 {width: 310px;
	float: left;}
	
.floodList2 {
		float: left;}
		
.floodInfo {width: 140px;
				float: left;
				margin-right: 10px;}

.floodInfo a:hover {
	border: none;}

.flood_boxA { background: #e6e7ec;
		width: 920px;
		float: left;
		padding: 10px;}

.flood_boxBleft {
	width:62%;
	float: left;
}
	
.flood_boxCtop {
	float: left;
}

.flood_boxCbottom {
	float: left;
}	

.flood_boxDleft{
	width: 45%;
	float: left;
	padding-left: 10px;
}
	
.flood_boxDright {
	float: left;
	width: 45%;
	padding-left: 20px;
}	

.flood_boxBright {
	width:34%;
	float: left;
	margin-left: 10px;
}
	
.flood_boxE {
		float: left;
		margin-top: 0px;
	}
	
.flood_boxF {width: 140px;
					float: left;
					margin-right: 10px;}
					
.flood_boxF a:hover {
						border: none;}
						
.balloonvideo {width: 190px;
				float: left;}
						

.main_boxAb { background: white;
        width: 960px;
        float: left;
        margin: auto;}

.main_boxAb_stories {
        float:left;

}

.main_boxBb 		{ width: 570px;
                float: left;
                padding-right: 15px;
                margin-left: 10px;}

.main_boxCb 		{ width: 350px;
                float: left;
                padding-right: 15px;}
                
.links_box	{ width: 150px;
            float: left;
            margin-right: 20px;}

.main_boxDb 		{ width: 300px;
                float: left;
                }

.main_story h3 { font-size: 30px;
    margin-bottom: 5px;}

.main_story img { margin-bottom: 5px;}

.video_box { width: 90px;
    float: left;}


.print_this {
    margin: 0;
}

.print_this a {
    display: inline-block;
    background: #4F5C99;
    padding: 5px 10px;
    color: #fff !important;
    float: right;
    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
}
form.cform legend { display: none !important; }