/*** Uncle Boise CSS ****/

/*** Color Specs ***/
/*** Dark Blue		#000099		***/
/*** Dark Gray		#333333		***/
/*** Medium Gray	#666666		***/
/*** Light Gray		#999999		***/
/*** Orange				#FF6600		***/
/*** Green				#009900		***/

/*** Base Selectors - Universal properties ***/

	* {
		margin:0;
		font-family:arial, helvetica, sans-serif;
		font-size:11px;
		padding:0;
	}

	body { 
		background-color:#600;
		background-attachment:scroll, scroll; 
		background-image:url(../images/side-bg.png); 
		background-repeat:repeat-x;
		background-position:absolute;
	}	

	a {
    	font-family:arial, helvetica, sans-serif;
	  	font-size:inherit;	
		text-decoration:underline;
		color:#000099;
		cursor:pointer;
		border:0;
	}

	/*** Sets the text properties for all links when hovered over ***/
	a:hover { 
		text-decoration:underline;
		color:#0033FF; 
	}
	
	a:visited {
		color:#0033FF;
	}
	
	a.titleLink {
	  font-size:14px;
	}
	
	a.titleLink:hover {
	  font-size:14px;
	}
	
	a.indexTitleLink {
		font-family:arial, helvetica, sans-serif;
        font-size:20px;
		line-height:24pt;
		text-decoration:none;
	}
	
	a.indexTitleLink:hover {
	  font-family:arial, helvetica, sans-serif;
	  font-size:20px;
	  line-height:24pt;
	  text-decoration:none;
	}

	/*** Default heading attributes set here ***/ 
	h2 {
		color:#000000;
		font-weight:bold;
		font-size:22px;
		margin-bottom:4px;
	}

	h3 {
		color:#000000;
		font-weight:bold;
		font-size:16px;
		margin-bottom:4px;
	}


	h4 {
		font-size:14px;
		font-weight:bold;
		color:#000000;
		margin:20px 0 0 0;
	}
	
	h4#signup {
		margin:0;
	}		

/*** The font size and line height properties for the 
main text for all pages is set here ***/
p {
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	line-height:14pt;
	margin:0 0 26px 0;
	padding:0 8px 6px 0;
}

p#input {
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	line-height:16pt;
	margin:0 0 2px 0;
}

.em {
	font-family:arial, helvetica, sans-serif;
	font-style:italic;
	font-size:inherit;
	line-height:inherit;
}

i {
	font-family:arial, helvetica, sans-serif;
	font-style:italic;
	font-size:inherit;
	line-height:inherit;
}

	/*** Shared Classes ***/
	.left { 
		float:left; 
	}
	.right { 
		float:right;
	}
	
p.newswirePara {
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	line-height:18pt;
	margin:0;
	padding:0;
}

p.weekly {
	font-family:arial, helvetica, sans-serif;
	font-size:inherit;
	line-height:14pt;
}

/*** End Base Selectors ***/

/*** Body Structure ***/
/*** Wrapper -- This surounds the entire body content, including the navbar and the Header. Background color for the content area is set here as well as the appearance of the side borders. Margin attributes center the content on the page ***/
div#wrapper {
	width:1040px;
	margin:0 auto;
	background-color:#FFF;
	background-image:url(http://www.uncleboise.com/images/bg-top.png);
	background-repeat:repeat-x;
	background-position:top;	
}

/*** Nav bar -- refer to navbar.css in the CSS folder for the stylesheet for the top nav ***/


/*** Header -- The Header is taller than the header image by 20px to create the separator between
the Header and the body content ***/
div#indexHeader {
	height:auto;
	width:1040px;
	margin:0 auto;
	margin-bottom:0px;
	margin-top:10px;
	border:0;
}

div.headerImage {
	width:1040px;
	height:148px;
	margin:0 auto;
	border:0;
}

div.indexHeaderImage {
	width:1040px;
	height:auto;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	border:0px solid #FFF;
	margin:21px 0 0 0;
}

/*** This is the field that reports back the member name once the user is logged in ***/
.welcome {
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#000;
	width:1040px;
	height:28px;
	padding:10px;
	margin:0;
}

.indexWelcome {
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	color:#000;
	width:1012px;
	height:14px;
	padding:0px;
	margin:0 0 16px 0;
}

.indexWelcomeLower {
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#000;
	width:1032px;
	height:36px;
	padding:4px;
	margin:0;
	border-bottom:#CCC solid 1px;
	border-top:#CCC solid 1px;
	background-color:#FFF;
}

/*** This is the username field ***/
.memberName {
	padding:0 28px 0 4px;
	color:#FFF;
}
.memberName a{
	padding:0 28px 0 4px;
	color:#FFF;
}

	/*** Member login stylesheet ***/
	.memberText {
		padding:2px 0 2px 0;
		color:#000;
	}
	
	.memberCell {
		padding:2px 8px 2px 0;
	}

	.memberGo {
		padding:2px 0 2px 0; 
	}

	/*** This is the "forgot password" link ***/
	.memberLink a{
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		color:#00F;
	}
	
	.memberLink a:visited{
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		color:#F90;
	}
	
	.memberLink a:hover{
		font-family:arial, helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		color:#09F;
	}
	/*** End Member login stylesheet ***/

.welcomeTag {
		padding:2px 0 2px 0;
		color:#000;
		font-size:16px;
	}
/*** End Header ***/


/*** Container -- This is where the main body content is located, just below the Header. Includes all 3 columns. Background is set to transparent to show the wrapper  ***/
div#container {
	width:1040px;
	margin:0 auto;
	position:relative;
	background-color:#FFF;
}

/*** Left Column -- This sets the width, float, alignment, and margins of the left column. The actual content classes set the individual 	padding for each element ***/ 
div#left-col {
	width:162px;
	text-align:left;
	float:left;
	padding:10px 16px 0 10px;
	height:auto;
	background-color:#FFF;
}

/*** End Left Column ***/


/*** Start Center Column -- This sets the size, spacing, and margins of the center content column ***/
div#content {
	width:488px;
	margin:0;
	padding-bottom:10px; 
	float:left;
	display:inline;
}

div#centerColumn {
	width:488px;
	min-height:600px;
	margin:2px 0 0 0;
	padding-bottom:10px; 
	float:left;
	background-color:#FFF;
	display:inline;
}

/*** This is the main content area on the doubleColumn.jsp template ***/
div#mainColumn {
	width:880px;
	margin:0;
	padding-bottom:10px; 
	float:left
	display:inline;
}

/*** This is the container for the other content areas in the center column. This provides the size and borders for the center column. 18 pixels narrower than the top and bottom cap graphics to allow a clean edge ***/
div.content-box {
	width:478px;
	margin:0;
	padding:4px;
}

/*** This is the div that actually holds the content ***/
.content-area {
	margin:6px 0 10px 0;
	width:478px;
	padding:0 0 10px 0;
	height:auto;
}

.content-area P {
	margin:0 0 12px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:0 10px 0 0;
}

/*** This sets the headings on each page, including the bottom border ***/
.weeklyFeatureHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	padding:6px;
	margin:0;
	width:inherit;
	background:#F93;
	border-bottom:#000 solid 1px;
}

#weeklyfeature {
	width:auto;
	height:auto;
	background-color:#FFFF99;
	background:url(../images/awesome.gif) repeat;
	padding:8px;
	margin-top:-1px;
	clear:both;
}

.heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#000000;
	border-bottom:1px solid #000099;
	padding-bottom:2px;
	margin:12px 0 0 0;
}

.content-area .byline {
	font-size:12px;
	margin-bottom:5px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
}

/*** Start "More" - These are the configurables for the links at the bottom of the 
article teasers to take users to the rest of the article ***/
.more {
	text-align:right;
	padding-bottom:5px;
}

.more a {
	color:#000099;
	font-size:12px;
	border:0;
	font-weight:bold;
	padding-bottom:5px;
}

/***End "More" ***/
/*** End Main Content Area - Center column ***/


/*** Right Column ***/
/*** This is the wrapper for the right column. Size is set here. Spacing is set on the individual elements ***/
div#right-side {
	width:340px;
	float:right;
	margin:2px 16px 0 0;
	padding:0;
	background-color:#FFF;
} 

/*** End Right Column ***/


/*** Footer ***/
div#footer {
	width:1040px;
	height:27px;
	background-color:#FFF;
	font-size:11px;
	color:#000;
	clear:both;
	padding-top:5px;
	margin:10px 0 0 0;
	border-top:#CCC thin solid;
}

/*** This is the text located over the bottom bar graphic ***/
div#footer .copyright {
	float:left;
	padding:2px 0 0 10px;
	color:#000;
}

a.footerLink {

}	
/*** End Footer ***/


/*** Date Maker -- These are the properties for the actual text generated by the date maker ***/
#zipMessage {
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:18pt;
	text-align:left;
}

.dateText {
	width:280px;
}

div.headerBannerBox {
	width:1040px;
	height:95px;
	margin:0;
	clear:both;
	padding:0;
	background-color:#FFF;
}

div.headerBanner {
	width:495px;
	height:auto;
	margin:0 0 0 10px;
	float:left;
}

div.bigBanner {
	width:1040px;
	height:auto;
	margin:0;
	padding:0 0 1px 0;
	border-bottom:#000 thin solid;
}

div.articleBanner {
	width:460px;
	height:auto;
	margin:10px 0 10px 4px;
	clear:both;
}

div#flashcontent {
  margin:10px 0 0 4px;
}

div#weatherman {
  margin-top:10px;
  width:160px;
  border-bottom:#000 thin solid;
}

div.newswire-img {
  width:80px;
  height:80px;
  border:0;
}

div.newswireBorder {
	padding:0 4px 4px 4px;
	margin:0;
	width:330px;
	border-bottom:#000 1px solid;
}

#sockeyeouter {
	width:470px;
	height:560px;
	overflow:hidden;
	position:relative;
	margin:0;
}

#sockeyeframe {
	position:absolute;
	margin-top:-180px;
	margin-left:-230px;
	width:634px;
	height:560px;
}
	
#dd_ajax_float {
background:white;
border:1px solid #DDD;
float:left;
margin-left:-100px;
margin-right:2px;
margin-top:0;
z-index:9999;
position:fixed;
-moz-border-radius:5px;
border-radius:5px;
}

.dd_button_v {
padding:8px;
margin:0;
border-bottom:#CCC 1px solid;
}

.signup {
	margin:0;
	padding:0;
}

.indexspacer {
	margin:0;
	padding:14px;
	clear:both;
}