/* Beacon Color Pallate */
/* Dark Green #424c1a;  */
/* Gold #b29a59 */
/* Dark Blue #004276 */
/* Taupe #eef1e8 */
/* Darker Taupe #dde0d7 */
/* Blue type #496ca5 */
/* Green #d2d8ce */

/* Clearing Classes ////////*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div.spacer { clear: both; }

/* Base Selector Atcontent-tributes ////////////////*/

* { 
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: georgia, serif;
}

a { 
	outline: none;
	text-decoration: none;
	color: #404a1c;
	border-bottom: 1px dotted #404a1c;
}

a:hover,
a:focus { border-bottom-color: #c63; }

/*body {background: #f6f5eb url(http://www.flatheadbeacon.com/.img/bg_gradient.gif) repeat-x;}*/
/*body {background: #f6f5eb url(http://www.flatheadbeacon.com/.img/newfade2.gif) repeat-x;}*/
body {background: #f6f5eb url(http://www.flatheadbeacon.com/.img/newfade5.gif) repeat-x;}
/*body {background: #000;}
body {background: #9c7511;}

body {background: #CCCCCC;}*/

ul {padding-left:20px;}

input, 
select,
textarea {	
	background: #f1f3ef;
	border: 1px solid #998;
	padding: 3px;
	font-family: arial, helvetica, san-serif;
	font-size: 13px;
}

option { font-family: arial, helvetica, san-serif; }

input[type="radio"], 
input[type="checkbox"], 
input[type="hidden"] { 
	width: auto; 
	border: 0;
}

/* Generic Class Styles //////////////////////*/

*.right { float: right }
*.left { float: left }
*.center { text-align: center }

*.textfield:focus { background: #ffe }
*.textarea:focus { background: #ffe }
*.checkbox {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0; }

*.submit {
	background: #c63;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	border: 1px solid #998;
	border-color: #998 #663 #663 #998;
	padding: 0 5px;
	cursor: pointer;
}

/* Header ////////////////////////////////////////*/

div#leaderboard {
	width: 1000px;
	margin: 6px auto;
	text-align: left;
}

div#leaderboard a {
	border: 0;
}

div#content-wrapper {
	width: 1000px;
	margin: 5px auto;
	/*border: 1px solid #aaaaaa;*/
	/*background: #c39b55;*/
	/*background: #BAC1B1;*/
	/*background: #ccc;*/
	padding: 0;
}

h1 { 
	position: relative;
	width: 5px;
	height: 5px;
}

h1 a { 
	display: block;
	text-indent: -9999px;
	border: 0;
}

.header {
	width: 1000px;
	height: 77px;
	/*background: #000;*/
	/*background: #dcdbdb;*/
	/*background: #ccc;*/
	margin:0;
	padding:0;
}

.header .logo {
	padding: 1px 0 0 4px;
	float: left;
}


.header_images {
	width: 1000px;
	height: 77px;
	background: #e5dec1;
	/*background: #dcdbdb;*/
	/*background: #ccc;*/
	margin:0;
	padding:0;
}

.header_images .logo {
	padding: 1px 0 0 4px;
	float: left;
}


/* HEADER NAVIGATION ELEMENTS */

div#top-nav {
	background: #000000;
	color: #ffffff;
	float: right;
	clear: both;
}

div#top-nav ul {
	list-style: none;
	margin-right: 8px;
	line-height: 21px;
}

div#top-nav ul li {
	display: inline;
	color: #fff;
}

div#top-nav ul a {
	color: #fff;
	border:0;
	font-weight: bold;
}

div#top-nav ul a:hover,
div#top-nav ul a:focus { color: #ffc; border: 0 }





/* City News Font Page /////////////////*/

        div.front-box .headerdate-city {
			float: right;
			color: #b29a59;
			text-transform: uppercase;
			padding: 6px 12px 0 0;
			font-size: 12px;
			font: bold 12px arial, helvetica, san-serif;
			position:relative; bottom:72px;
		}
		
		div.front-box .highlight-city {
			padding: 12px 12px 12px 12px;
			width: 300px;
			float: left;
			display: block;
			margin-top: 2px;
			background-color: #222;
		}
		
	
		div.single-box * { font: normal 11px arial, helvetica, san-serif }

		div.single-box {
			/*float: left;*/
			width: 311px;
			/*background: #ffffff url(http://www.flatheadbeacon.com/.img/box_header_gradient.gif) repeat-x;*/
			margin-bottom: 10px;
			padding:0;
			overflow: hidden;
            position:relative; bottom:11px;
		}
		
		div.single-box .one-box {
	/*		width: 32.67%;
			float: left;*/
			margin:0;
			padding:0;
			border:0;
			background: transparent;
		
		}
		
		div.single-box .head {
			padding: 10px 0 4px 12px;
			font: bold 16px arial, helvetica, san-serif;
			border:0;
		}
		
		div.single-box ul {
			margin: 10px 0 10px 10px;
			padding:0;
			border: 1px dotted #aaa;
		
		}
		
		div.single-box li {
			list-style: none;
			padding: 4px 7px 4px 4px;
			margin:0;
			border-bottom: 1px dotted #ccc;
		}
		
		div.single-box li a {
			display: block;
			width: 280px;
			padding: 4px 7px 4px 4px;
			border:0;
			color: #496ca5;
			font-weight: bold;
		}
		
		div.single-box li a:hover {
			background-color: #eee;
			text-decoration: none;
		}
		
		div.single-box .title {
			color: #496ca5;
			font-weight: bold;
		}
		
		div.single-box .footer {
			background: #eef1e8 url(http://www.flatheadbeacon.com/.img/right_arrow.gif) no-repeat 280px 10px;
			font-weight: bold;
		}
		
		div.single-box .footer a {
			font-weight: bold;
		}
		
		div.single-box .footer a:hover {
			background-color: transparent;
		}
		
		div.single-box .footer img {
			float: right;
			margin: 6px 8px 0 0;
		}
	
	
div.front-box .highlight-city {
	padding: 12px 12px 12px 12px;
	width: 300px;
	height:500px;
	float: left;
	display: block;
	margin-top: 2px;
	background-color: #222;
}

div.front-box .highlight-city .title {
	font-size: 22px;
	font-weight: bold;
	margin-top: 12px;
	color: #fff;
}

div.front-box .highlight-city  {
	border: 1px solid #444;
	width: 298px;
	margin-bottom: 4px;
}

div.front-box .highlight-city .byline {
	font-size: 11px;
	font-style: italic;
	margin-top: 6px;
	color: #fff;
}

div.front-box .highlight-city .deck {
	font-size: 18px;
	margin-top: 6px;
	color: #fff;
}

div.front-box .highlight-city a {
	text-decoration: none;
	border: 0;
	color: #000;
}
	
	
div.front-box .latest-city * {
		font-family: arial, helvetica, san-serif;
		color: #4B6CA6;
		font-size: 11px;
	}
	
div.front-box .latest-city .top {
		color:#222222;
		display:inline-block;
		font-family:arial,helvetica,san-serif;
		font-size:11px;
		font-weight:bold;
		padding-bottom:3px;
	}

	div.front-box .latest-city {
		width: 290px;
		margin-top: 0px;
        margin-right: 9px;
		padding: 5px;
		background: #eef1e8;
		float:right;
        position: relative; bottom:18px;
        border: 1px solid;
        border-color: #999999;
	}
	
	div.front-box .latest-city ul {
		padding: 0;
		position: relative;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	div.front-box .latest-city li {list-style: none;}
	
	div.front-box .latest-city li a {
		display: block;
		border:0;
		padding: 10px 6px;
		text-decoration: none;
		width: 278px;
	}	
	
	div.front-box .latest-city li a:hover {
		background: #fff;
		text-decoration: none;
	}
	
	div.front-box .latest-city .link {
		font-size: 14px;
		color: #424c1a;
		text-transform: none;
	}
	
	
	div.front-box .latest-city .footer {
		background-color: #dce1d7;
		font-weight: bold;
		text-align: right;
	}
	
	div.front-box .latest-city .footer img {
		float: right;
		margin: 2px 4px 0 4px;
	}
	
	.city_well_title h3 {
	     text-transform: uppercase;
	     font: bold 11px/11px arial, helvetica, sanserif;
	     margin-bottom: 3px;
	     margin-top: 8px;
}

#city_well_nav a {    
         float:right; 
         text-transform: uppercase;
	     font: bold 11px/11px arial, helvetica, sanserif;
         padding-bottom: 0px;
         padding-right: 20px;
	     margin-bottom: 5px;
	     margin-top: 20px; 
         border:0px;
		 color:#496ca5;
	     text-decoration:none;
	     
}


/* TOP SEARCH BAR */

div#search {
	float: right;
	padding: 16px 8px 0 0;
}

div#search-topic {
	padding: 0;
	margin: 6px 8px 0 0;
	float: right;
}

input.searchInputText {
	border: solid 1px #000;
	font: bold 14px arial, helvetica, sans-serif;
	padding: 2px 4px;
	width: 207px;
	margin-right: 2px;
}

input.searchInputText:focus {
	color: #000;
	background-color: #fff;
	border: solid 1px #cc6633;
}

input.search-button {
	position: relative;
	top: 5px;
	padding:0;
	margin:0;
	border:0;
	height: 20px;
	width: 20px;
}

/* MAIN NAVIGATION MENU */

.menu {
	width: 980px;
	height: 21px;
	position: relative;
	padding-left:20px;
	z-index: 100;
	font-family: arial, helvetica, sans-serif;
	background: #000000;
	background: #000000 url(/.img/navbar_bg2.gif) repeat-x;
	
	/*border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;*/
}

* html .menu {width:1000px; w\idth:1000px;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
.menu li {float:left;position:relative;padding-right: 2px;}

.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	color:#fff;
	height:17px;
	padding: 4px 22px 0 7px;
	font: bold 11px arial, helvetica, san-serif;
	border: 0;
}

.menu a.arrow {
	background: transparent url(http://www.flatheadbeacon.com/.img/down_arrow_black.gif) no-repeat right 6px;
	padding-right:16px;
}

* html .menu a, * html .menu a:visited {width:45px; w\idth:45px;}
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: #000000;}
.menu ul ul a.drop:hover{background:#bac1b1;}
.menu ul ul :hover > a.drop {background:#bac1b1;}
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:21px;
	left:0;
}
* html .menu ul ul {top:25px;t\op:25px;}
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
.menu ul ul a, .menu ul ul a:visited {
	background:#e5dec1;
	color:#000;
	font-weight: bold;
	font-size: 11px;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	/*width:138px;*/
	width:166px;
	border: 1px solid #fff;
	border-top: 0;
}
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
.menu ul ul a:hover {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.menu a:hover {
	background: #000000 url(http://www.flatheadbeacon.com/.img/navbar_bg_over2.gif) repeat-x;
} 

.menu :hover > a {color:#fff; background: #000000 url(http://www.flatheadbeacon.com/.img/navbar_bg_over2.gif) repeat-x;}

.menu ul ul :hover > a {background: #000; color:#fff;}

.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


/* Main Content/Advertising Areas ////////////*/

div#content { 
	width: 644px;
	float: left;
	margin: 10px 8px 0 8px;
}


div.story {
	background: #fff;
	padding: 8px 16px 16px 16px;
	margin-bottom: 10px;
}


div.story h2 {
	font: bold 24px/28px georgia, serif;
	color: #404a1c;
	margin-bottom: 10px;
}

div.story h3 {
	text-transform: uppercase;
	font: bold 11px/11px arial, helvetica, sanserif;
	margin-bottom: 3px;
	margin-top: 8px;
}

div.story h2 a,
div.story h3 a { border: 0 }
div.story h2 a:hover,
div.story h2 a:focus,
div.story h3 a:hover,
div.story h3 a:focus { color: #c63; }

div.story .byline {
	font: normal 11px/11px georgia, serif;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

div.story .text {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

div.story blockquote { 
	padding: 14px 30px;
	background-color: #e5ebf6;
	margin: 0 8px 0 0;
}

div.story img { background-color: #fff; float: left; margin-right: 8px; margin-bottom: 4px;}

div.story table {margin: 3px 0 0 5px}

div.story p.caption {
	background-color: #fff;
	font: bold 11px/13px arial, helvetica, sans-serif;
	clear: none;
	margin-bottom: 8px;
}

div.story td {
	background-color: #fff;
	padding-left: 14px;
}

div.story a.more {
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 4px;
}

div.article-caption {
	font: bold 11px/13px arial, helvetica, san-serif;
	padding: 6px 0;
	background-color: #fff;
}

div.story-buttons {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 4px 0;
	width: 100%;
	margin-bottom: 8px;
	text-align: right;
	height: 16px;
}

div.story-buttons img { float: right; }


div.actions * { font-family: arial, helvetica, san-serif }

div.actions {
	clear: both;
	border-top: 1px solid #ccc;
	font-size: 11px;
	line-height: 2.0;
	margin: 4px 0 8px 0;
	padding-top: 2px;
}

div.actions a {
	color: #404a1c;
}

div.front-box {
	float: left;
	width: 644px;
	background: #ffffff url(http://www.flatheadbeacon.com/.img/box_header_gradient2.gif) repeat-x;
	margin-bottom: 10px;
	padding:0;
	border-top: 3px solid #b29a59;
}

div.front-box .headertext {
	padding: 4px 0 0 12px;
	height: 21px;
}

div.front-box .headerdate {
	float: right;
	color: #b29a59;
	text-transform: uppercase;
	padding: 6px 12px 0 0;
	font-size: 12px;
	font: bold 12px arial, helvetica, san-serif;
}

div.front-box .highlight {
	padding: 12px 12px 12px 12px;
	width: 300px;
	float: left;
	display: block;
	margin-top: 2px;
	background-color: #222;
}

div.front-box .highlight {
	padding: 12px 12px 12px 12px;
	width: 300px;
	float: left;
	display: block;
	margin-top: 2px;
	background-color: #222;
}

div.front-box .highlight .title {
	font-size: 22px;
	font-weight: bold;
	margin-top: 12px;
	color: #fff;
}

div.front-box .highlight img {
	border: 1px solid #444;
	width: 298px;
	margin-bottom: 4px;
}

div.front-box .highlight .byline {
	font-size: 11px;
	font-style: italic;
	margin-top: 6px;
	color: #fff;
}

div.front-box .highlight .deck {
	font-size: 18px;
	margin-top: 6px;
	color: #fff;
}

div.front-box .highlight a {
	text-decoration: none;
	border: 0;
	color: #000;
}

div.front-box .latest * {
	font-family: arial, helvetica, san-serif;
	color: #4B6CA6;
	font-size: 11px;
}

div.front-box .latest {
	width: 298px;
	margin-top: 2px;
	padding: 0;
	background: #eef1e8;
	float:right;
}

div.front-box .latest ul {
	padding: 0;
	position: relative;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

div.front-box .latest li {list-style: none;}

div.front-box .latest li a {
	display: block;
	border:0;
	padding: 6px;
	text-decoration: none;
	width: 274px;
}

div.front-box .latest li a:hover {
	background: #fff;
	text-decoration: none;
}

div.front-box .latest .link {
	font-size: 14px;
	color: #424c1a;
	text-transform: none;
}


div.front-box .latest .footer {
	background-color: #dce1d7;
	font-weight: bold;
	text-align: right;
}

div.front-box .latest .footer img {
	float: right;
	margin: 2px 4px 0 4px;
}

div.front-box .head-one {background-color: #eef1e8;}
div.front-box .head-two {background-color: #dde0d7;}

div.front-box .beacon-blogs * {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	font-family: arial, helvetica, san-serif;
}

div.front-box .beacon-blogs {
	background: #fff;
	padding: 6px;
	width: 632px;
}

div.front-box .beacon-blogs ul {
	padding: 0 0 6px 0;
	position: relative;
	float: left;
	height: 240px;
	margin: 6px; 
	background: #eef1e8;
	color: #000;
}

div.front-box .beacon-blogs li {
	list-style: none;
	float: left;
	width: 206px;
	height: 84px;
	overflow: hidden;
}

div.front-box .beacon-blogs li a {
	display: block;
	border:0;
	text-decoration: none;
	height: 100%;
	padding: 6px 2px 6px 6px;
}

div.front-box .beacon-blogs li a:hover {
	background: #fff;
	text-decoration: none;
}

div.front-box .beacon-blogs img {
	float: left;
	border: 2px solid #000;
	margin-right: 8px;
}

div.front-box .beacon-blogs .category {
	font-size: 11px;
	font-weight: bold;
	color: #4b6ca6;
	text-transform: uppercase;
}

div.triple-box * { font: normal 11px arial, helvetica, san-serif }

div.triple-box {
	float: left;
	width: 644px;
	background: #ffffff url(http://www.flatheadbeacon.com/.img/box_header_gradient.gif) repeat-x;
	margin-bottom: 10px;
	padding:0;
	overflow: hidden;
}

div.triple-box .one-box {
	width: 32.67%;
	float: left;
	margin:0;
	padding:0;
	border:0;
	background: transparent;

}

div.triple-box .head {
	padding: 10px 0 4px 12px;
	font: bold 16px arial, helvetica, san-serif;
	border:0;
}

div.triple-box ul {
	margin: 10px 0 10px 10px;
	padding:0;
	border: 1px dotted #aaa;

}

div.triple-box li {
	list-style: none;
	padding: 4px 0 4px 4px;
	margin:0;
	border-bottom: 1px dotted #ccc;
}

div.triple-box li a {
	display: block;
	width: 186px;
	padding: 4px 0 4px 4px;
	border:0;
	color: #496ca5;
	font-weight: bold;
}

div.triple-box li a:hover {
	background-color: #eee;
	text-decoration: none;
}

div.triple-box .title {
	color: #496ca5;
	font-weight: bold;
}

div.triple-box .footer {
	background: #dce1d7 url(http://www.flatheadbeacon.com/.img/right_arrow.gif) no-repeat 178px 10px;
	font-weight: bold;
}

div.triple-box .footer a {
	font-weight: bold;
}

div.triple-box .footer a:hover {
	background-color: transparent;
}

div.triple-box .footer img {
	float: right;
	margin: 6px 8px 0 0;
}

div.triple-box .head-one {background-color: #dce1d7;}
div.triple-box .head-two {background-color: #cbcfc4;}

div.topic-container {
	width: 404px;
	background-color: #fafae3;
	margin: 14px 0 10px 10px;
	float: left;
}

div.topic-wrapper {
	float: left;
	border: 1px dotted #b29a59;
}

div.topic-box {
	width: 185px;
	float: left;
	margin:0;
	padding-right: 15px;
	border:0;
	background: transparent;
}

div.topic-header {
	margin: 10px 0 0 10px;
}

div.topic-header a {
	border: 0;
	font-size: 12px;
	font-weight: bold;
	color: #496ca5;
}

div.topic-box ul {
	margin: 4px 0 10px 10px;
	padding:0;
	border: 0;
}

div.topic-box ul li {
	list-style: none;
	margin:0;
	border: 0;
	padding:0;
	margin-bottom: 4px;
}

div.topic-box li a {
	display: block;
	border:0;
	font-weight: bold;
	color:#000;
	width: 100%;
}

div.topic-box li a:hover {
	background-color: #fff;
	text-decoration: none;
}

div#feature-header * { 
	font: bold 13px Arial, Helvetica, san-serif;
	color: #000;
}

div#feature-header {
	margin-bottom: 10px;
	background: #ffffff;
	padding: 12px 0 12px 12px;
}

div#feature-header ul {
	margin: 0;
	padding: 0;
}

div#feature-header ul img {
	height: 110px;
	width: 110px;
	float: left;
	border: 1px solid #000000;
	margin-bottom: 4px;
}

div#feature-header li {
	display: inline;
	list-style-type: none;
	width: 112px;
	height: 196px;
	margin-right: 14px;
	float: left;
	overflow: hidden;
}

div#feature-header li a {
	display: block;
	text-decoration: none;
	border:0;
	padding-bottom: 100%;
}

div#feature-header li a:hover {
	background: #eef1e8;
	color: #000000;
}


div#top-nav * { 
	font-family: arial, helvetica, san-serif;
	font-size: 11px;
	margin: 0;
}


/* Story Detail ///////////////////////*/

div#comment-callout {
	background: #d7dad1;
	margin: 10px 0;
	border-top: 3px solid #253308;
	width: 610px;
}

div#comment-callout .left-quote {
	padding: 0 8px 0 4px;
	margin: 0;
	text-align: right;
	color: #253308;
	font-weight: bold;
	font-size: 22px;
}

div#comment-callout .comment {
	margin: 0 36px;
	font-size: 14px;
}


div#comment-callout .right-quote {
	padding: 6px 0 0 36px;
	margin: 0;
}

div#comments { 
	margin-top: -10px;
}

div#comments h3 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

div#comments h4 { font: bold 13px/18px arial, helvetica, sans-serif; color: #666; margin-bottom: 10px; }
div#comments h2 { width: 100%; margin-bottom: 10px; }
div#comments p { font: normal 13px/18px arial, helvetica, sans-serif; margin-bottom: 10px;}

div.comment-one {
	background: #d7dad1;
	margin-bottom: 10px;
	padding: 10px 20px;
	border-top: 1px solid #b29a59;
}

div.comment-two {
	background: #eef1e8;
	margin-bottom: 10px;
	padding: 10px 20px;
	border-top: 1px solid #b29a59;
}

form#comment_form {
	background: #fff;
	padding: 10px 10px 20px 10px;
	margin-bottom: 10px;
}

form#comment_form br { clear: both }

form#comment_form h3 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

form#comment_form label.textarea { display: none }

form#comment_form label {
	float: left;
	width: 60px;
	font: normal 11px arial, helvetica, san-serif;
	text-transform: uppercase;
	padding: 2px 0;
	color: #000;
}

form#comment_form *.textfield { 
	width: 381px;
	margin-bottom: 5px;
	padding: 2px;
	font-size: 13px;
}

form#comment_form *.textarea { 
	width: 381px;
	height: 120px;
	margin: 0 0 5px 60px;
	padding: 2px;
	font-size: 13px;
}

form#comment_form input.checkbox {
	float: left; 
	margin-left: 60px;
}

form#comment_form label.checkbox { 
	width: auto;
	float: left;
	clear: none;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	margin: -2px 0 5px 5px;
}

form#comment_form input.submit { margin-left: 60px }

div.advert a { border:0; }

div.advert { margin-top: 8px; }

div#sidebar div.advert { text-align: center }

div.advert-link {
	text-align: center;
	font-size: 11px;
	margin-bottom: 8px;
	font-family: arial, helvetica, san-serif;
}

div.advert-link a {
	font-family: arial, helvetica, san-serif;
	color: #000;
}

div.advert-link a:hover {
	font-family: arial, helvetica, san-serif;
	color: #fff;
}



div.feed {
	padding: 8px 20px;
	font-size: 12px;
	font-weight: bold;
}



div#sidebar { 
	float:right;
	width: 330px;
	margin: 2px 8px 0 0;
}

div#weather {
	background: #ffffff url(http://www.flatheadbeacon.com/.img/box_header_gradient2.gif) repeat-x;
	width: 330px;
	height: 136px;
	padding:0;
	border-top: 3px solid #b29a59;
	margin-bottom: 10px;
}

div#weather .weather-header {
	padding: 6px 0 0 12px;
	height: 21px;
}

div#weather .weather-header .more {
	/*background: url(http://www.flatheadbeacon.com/.img/right_arrow.gif) no-repeat 36px 4px;*/
	font: bold 0.0em Arial, Helvetica, sans-serif;
	/*font: bold 0.7em Arial, Helvetica, sans-serif;*/
	float: right;
	padding: 1px 19px 0 0;
	color:#000;
	border:0;
}

div#newwest, div#lido {
	background: #ffffff url(http://www.flatheadbeacon.com/.img/box_header_gradient2.gif) repeat-x;
	width: 330px;
	padding:0;
	border-top: 3px solid #b29a59;
	margin-bottom: 10px;
}

div#newwest .newwest-header, div#lido .lido-header {
	padding: 6px 0 0 12px;
	height: 21px;
}

div#lido .lido-header {
	padding: 6px 0 0 6px;
}

div#newwest .newwest-header .more, div#lido .lido-header .more {
	background: url(http://www.flatheadbeacon.com/.img/right_arrow.gif) no-repeat 37px 4px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	float: right;
	padding: 1px 19px 0 0;
	color:#000;
	border:0;
}

div#newwest ul {
	font: bold 12px arial, helvetica, san-serif;
	padding: 10px 10px 10px 30px;
}

div#newwest li {
	margin-bottom: 4px;
}

div#newwest li a {
	color: #000;
	border: 0;
}

div#newwest li a:hover {
	text-decoration: none;
	color: #496ca5;
}


div#lido .slide-thumb a {
	display: block;
	padding: 6px;
	border: 0;

}

div#lido .slide-thumb a:hover {
	background-color: #555;
	color: #fff;
}

div#lido .slide-thumb img {
	float: right;
	margin-left: 6px;
	border: 1px solid #000;
}

div#lido .slide-thumb p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}

div#lido .footer {
	background-color: #aaa;
	padding: 10px 6px;
}

div#lido .footer a {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

form#login {
	border: 2px solid #d7dad1;
	margin: 0 10px 10px 10px;
	padding: 5px;
}

form#login:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

form#login * { font-family: arial, helvetica, san-serif }

form#login h3 {
	display: block;
	background: #d7dad1;
	line-height: 24px;
	margin-bottom: 5px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

form#login input.textfield {
	width: 135px;
	padding: 2px;
	font-size: 11px;
	color: #333;
	border-color: #666;
}

form#entryform p {
	display: block;
	font-weight: bold;
}

form#entryform textarea { margin-bottom: 10px;}

form#entryform textfield { margin-bottom: 10px;}


/* Login Form //////////////////////*/

form#login label {
 	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
}

form#login *.textfield { margin: 4px 0 8px 0;}

form#login input.checkbox { float: left; margin-right: 3px }

form#login label.checkbox { float: left; width: 120px; height: 13px; line-height: 15px; margin-bottom: 7px; clear: right; }

form#login a {
	border: 0;
	float: right;
	font-size: 9px;
	color: #000;
}

form#login a:hover,
form#login a:focus { text-decoration: underline; }

form#login input.button.submit { background: #fff; margin-right: 5px; text-transform: capitalize }

form#login input.button { 
	margin-bottom: 5px;
	border-color: #666;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

/* Special Goodies /////////////*/

div.box { 
	background: #dde0d7;
	border-top: 3px solid #b29e59;
	border-bottom: 1px solid #b29e59;
	margin-bottom: 10px;
}

div.box p {
	font-weight: bold;
	margin-left: 5px;
	margin-bottom: 0;
}

div.box * { font: normal 11px arial, helvetica, san-serif }

div.box h3 {
	text-transform: uppercase;
	font-weight: bold;
	line-height: 11px;
	background: #eef1e8;
	padding: 5px;
	margin-bottom: 5px;
}

div.box ul {
	list-style: url(../.img/gold_bullet_ff.gif) square outside;
	margin-left: 15px;
	padding: 4px 5px;
	font-size: 11px;
}

div.box li {padding-bottom: 2px;}

div.box a, div.classy-box a {
	color: #000;
	border: 0;
}

div.box a:hover, div.classy-box a:hover,
div.box a:focus, div.classy-box a:focus { text-decoration: underline }


div.blog-header-policeblotter {
	width: 644px;
	height: 70px;
	margin-bottom: 8px;
	background: transparent url(http://www.flatheadbeacon.com/.img/blog-head-policeblotter.gif) no-repeat;
}

div.blog-header-mainstreet {
	width: 644px;
	height: 70px;
	margin-bottom: 8px;
	background: transparent url(http://www.flatheadbeacon.com/.img/blog-head-mainstreet.gif) no-repeat;
}

div.blog-header-divides {
	width: 644px;
	height: 70px;
	margin-bottom: 8px;
	background: transparent url(http://www.flatheadbeacon.com/.img/blog-head-divides.gif) no-repeat;
}

div.blog-header-lookingglass {
	width: 644px;
	height: 70px;
	margin-bottom: 8px;
	background: transparent url(http://www.flatheadbeacon.com/.img/blog-head-lookingglass.gif) no-repeat;
}

div.blog-header-sidelines {
	width: 644px;
	height: 70px;
	margin-bottom: 8px;
	background: transparent url(http://www.flatheadbeacon.com/.img/blog-head-sidelines.gif) no-repeat;
}

div.blog-header-copy {
	font: normal 11px Arial, Helvetica, san-serif;
	text-align: right;
	padding: 6px 6px 0 0;
}

div.blog-header-copy-divides {
	font: normal 11px Arial, Helvetica, san-serif;
	text-align: right;
	padding: 6px 74px 0 0;
}


div#flickr-bar {
	width: 288px;
	padding: 5px;
	margin: 15px 0 15px 15px;
	background: #fff;
	border: 2px solid #d7dad1;
}

div#flickr-bar h3 {
	font: bold 11px/24px arial, helvetica, san-serif;
	background: #d7dad1;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}

div#flickr-bar img {
	margin: 0;
	padding: 0;
	float: left; 
}

div#flickr-bar p {
	padding-top: 5px;
	display: block;
	font-family: arial, helvetica, san-serif;
	font-weight: bold;
	font-size: 11px;
}

div.readmore {
	font: bold 14px arial, helvetica, san-serif;
	text-align: right;
	background-color: #000;
	color: #b29a59;
	padding: 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}

div.readmore a {
	font: bold 14px arial, helvetica, san-serif;
	color: #b29a59;
}

/* Footer /////////////////////////////*/

div#footer { 
	/*border-top: 20px solid #b29a59;*/
	clear: both;
	width: 1000px;
	margin: 10px 0 0 0;
	padding: 5px 0;
	background: #000;
	text-align: center;
}

div#footer_divider { 
	border: 1px solid #aaaaaa;
	height: 10px;
	clear: both;
	width: 1000px;
	margin: 0px 0 0 0;
	padding: px 0;
	background: #b29a59;
	text-align: center;
}

div#footer * {
	font: normal 11px/15px georgia, serif;
	color: #777;
}

div#footer p { 
	padding: 0 10px 5px 10px;
	line-height: 10px;
	margin-bottom: 0;
	text-align: center;
}

div#footer a { color: #fff; border: none;}

div#footer a:hover,
div#footer a:focus { text-decoration: underline; }


/* EE Reader Polling Widget */

div.story .pollWrapper {background: #fff url(http://www.flatheadbeacon.com/themes/cp_themes/default/images/box_bg.gif) top left repeat-x; 
	border: #CCC9A4 1px solid; padding: 6px; width: 300px; margin-bottom: 20px;}

div.story .pollQuestion {font: bold 14px Georgia, serif; padding: 6px; background-color: #e8e7bc; margin-bottom: 8px;}

div.story .pollRadio { margin-right: 6px;}

div.story .pollAnswerBlock {padding: 8px; border: 1px dotted #CCC9A4; }

div.story .pollAnswer {margin-bottom: 6px; font-weight: bold;}

div.story .pollTotalVotes {margin-bottom: 8px;}

div.story .pollButton {margin: 8px 0 0 130px; cursor: pointer;}


div.triple-box .pollWrapper {background: #fff url(http://www.flatheadbeacon.com/themes/cp_themes/default/images/box_bg.gif) top left repeat-x; 
	border: #CCC9A4 1px solid; padding: 6px;}

div.triple-box .pollQuestion {font: bold 14px Arial, Helvetica, sans-serif; padding: 6px; background-color: #e8e7bc; margin-bottom: 8px;}

div.triple-box .pollRadio { margin-right: 6px;}

div.triple-box .pollSelectedAnswer {font-weight: bold;}

div.triple-box .pollAnswerBlock {padding: 8px; border: 1px dotted #CCC9A4; }

div.triple-box .pollAnswer {margin-bottom: 6px; font-weight: bold;}

div.triple-box .pollTotalVotes {margin-bottom: 8px;}

div.triple-box .pollResult {width: 160px;}

div.triple-box .pollButton {margin: 8px 0 0 75px; cursor: pointer;}

/* TOP SEARCH BAR */

div#search {
	float: right;
	padding: 12px 8px 18px 0;
}

div#search-topic {
	padding: 0;
	margin: 6px 8px 0 0;
	float: right;
}

input.searchInputText {
	border: solid 1px #000;
	font: bold 14px arial, helvetica, sans-serif;
	padding: 2px 4px;
	width: 207px;
	margin-right: 2px;
}

input.searchInputText:focus {
	color: #000;
	background-color: #fff;
	border: solid 1px #cc6633;
}

input.search-button {
	position: relative;
	top: 5px;
	padding:0;
	margin:0;
	border:0;
	height: 20px;
	width: 20px;
