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

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

/*** Default class for all images. We do not alter the IMG tag itself to allow for custom classes for different effects ***/
img {
	border-top:#CCC solid 1px;
	border-left:#CCC solid 1px;
	border-bottom:#000 solid 1px; 
	border-right:#000 solid 1px;
	margin:0;
}

img.image {
	border:none;
}

.ubBody {
	background-image:url(http://www.uncleboise.com/images/UB_logo_bgLarge.png);
	background-repeat: no-repeat;
	background-position:top left;
	margin-top: 30px;
}
	
div.imageWrapper {
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
		}
		
img.header {
	margin:0 auto;
	padding:0;
	border:hidden;
}
		
img.noBorder {
	margin:0;
	border:0;
}

/*** This gives you padding above and below an image ***/
img.articleImage {
	margin:10px 0 5px 0;
}

img.articleImageNoBorder {
	margin:10px 0 5px 0;
	border:hidden;
}

img.articleImageNoBorderCentered {
	margin:20px auto;
	border:hidden;
	clear:both;
	display:block
}

img.articleImageCentered {
	margin:0 auto;
	margin-top:10px;
	clear:both;
	display:block
}

/*** This gives padding only above an image ***/
img.articleImageTop {
	margin:10px 0 5px 0;
}
	
/*** This is the text directly under images in articles ***/
p.image-caption {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:7pt;
	margin:0 10px 8px 10px;
	width:250;
	float:left;
	clear:both;
}

p.image-captionRight {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:7pt;
	margin:0 10px 8px 15px;
	float:right;
	clear:both;
}

p.image-captionCentered {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:7pt;
	margin:2px 0 10px 0;
	clear:both;
	text-align:center;
}

p.textRight {
float:right;
}
	
/*** This tag is for the images in the previews, archives, and lander pages only ***/	
img.imageRight {
	float:right;
	margin:0 0 5px 15px;
	padding:0;
	background-color:#FFFFFF;
}

/*** This tag should be used to float images right within articles ***/
img.imageRightArticles {
	float:right;
	margin:10px 8px 0 15px;
	padding:0;
	background-color:#FFFFFF;
}
	
/*** This tag should be used to float images left in articles ***/
img.imageLeft {
	float:left;
	margin:10px 10px 0 0;
	padding:0;
	background-color:#FFFFFF;
	clear:right;
}

img.imageLeftNoBorder {
	float:left;
	margin:10px 10px 0 0;
	padding:0;
	background-color:#FFFFFF;
	clear:right;
	border:hidden;
}
	
/*** Spacer to separate content. USE ONLY AS NEEDED!!! ***/
div.spacer { 
	float:none;
	clear:both; 
}

.updates a {
	border:none;
	background:url(../images/updates.png) no-repeat;
	display:block;
	height:auto;
	color:transparent;
}

.updates a:hover {
	border:none;
	background:url(../images/updatesRollover.png) no-repeat;
	display:block;
	height:auto;
	color:transparent;
}
/*** This sets the width and placement of the Flash picture galleries within articles. This IS NOT the tag for the Vistas 	galleries! ***/
.flashSlideshow {
	width:400px;
	margin:0 auto;
}
	
/*** Small (button) Ads ***/
.button-ad {
	margin:0 0 10px 10px;
	padding:0;
}

/*** Large (quarter) Ads ***/
.quarter-ad {
	margin:8px;
	padding:0;
}

.quarter-adNoBorder {
	margin:8px;
	padding:0;
	border:none;
}
	
.quarter-adLast {
	margin:8px;
	padding:0;
}
	
/*** Left column ad spaces -- This sets the spacing. The border is set by the .image class ***/
.left-ad { 
	margin-bottom:10px;
	border:none;
}

img.inbanner {
	margin:0 0 0 6px;
}

/*** This is the bottom RSS feed graphic ***/
.bottom-rss {
	height:20px;
	float:left;
	margin-left:15px;
	border:0;
}

img.reviewImg {
	margin:15px 0 10px 0;
}

img.verify {
	margin:20px 0 20px 0;
}

img.recover {
	margin:20px 0 0 0;
}

div.flashMovie {
	width:460px;
	margin:10px 0 10px 0;
	padding:0;
	border:0;
}

img.eventImage {
	margin:0 0 0 8px;
  top:10px;
  float:right;
}

.archive-image {
	float:right;
	padding:0;
	z-index:5;
}

img.imageFrontPage {
	float:right;
	margin:4px 0 4px 4px;
	padding:0;
	background-color:#FFFFFF;
}

img.imageNewFrontPage {
	float:left;
	margin:4px 0 4px 4px;
	padding:0;
	background-color:#FFFFFF;
}

.indexlogo {
	float:left;
	margin:0 0 0 10px;
}

.indexlogoRight {
	float:right;
	margin:0 10px 0 0;
}

.headerbar {
	float:right;
	margin:0;
	overflow:hidden;
}

.flashcontent {
	margin:0 0 20px -2px;
}

img.archiveImageIndex {
  float:left;
  margin:2px 6px 6px 0;
  padding:0;
  width:80px;
}

img.archiveImageIndexOld {
  float:left;
  margin:6px 6px 16px 6px;
  padding:0;
  width:70px;
  clear:right;
}

div.flickr {
	height:100px;
	overflow:hidden;
	z-index:100;
}

img.alt {
	z-index:1;
	border:0px;
}

img.saidWhat {
	border:#000 thick solid;
}

.headerRow {
	height:100px;
	overflow:hidden;
}

.upper {
	z-index:10;
}

.lower {
	z-index:1;
}

img.newswire {
	border:hidden;
	position:absolute;
	margin:4px 0;
}

img.laFong {
	margin:6px 0 0 0;
}

div.crop { 
	margin:0 6px 10px 0;
	overflow:hidden; /* this is important */
	border:#000 solid 1px;
	width:72px;
	}
	
img.authorFeaturesImage {
	margin:-30px -20px -44px -10px;
	border:#000 solid 1px;
}

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 0px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 0 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 0px solid black !important;}
#flickr_www {display:block; padding:0 0 0 0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/*** Newswire Left Rotator ***/
@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}

@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}