@charset "utf-8";
/* CSS Document */

/* --------- Reset --------- */
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
	body {line-height:1.5;}
	table {border-collapse:separate;border-spacing:0;}
	caption, th, td {text-align:left;font-weight:normal;}
	table, td, th {vertical-align:middle;}
	blockquote:before, blockquote:after, q:before, q:after {content:"";}
	blockquote, q {quotes:"" "";}
	a img {border:none;}
/* ------------------------- */

/* --------- Tags --------- */
	body {
		width: 100%;
		padding: 0px;
		margin: 0px auto;
		background: #4d6b7d url(../images/_bkgdGradient.jpg) repeat-x center top;
		font-family: Arial, "Helvetica", sans-serif;
		font-size: 13px;
		color: #000;
		text-align: center;
	}
	
	a:link {color: #03f; text-decoration: none;}
	a:visited {color: #03f; text-decoration: none;}
	a:hover {color: #f60; text-decoration: none;}

	h1 {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 2px;
		padding-bottom: 2px;
		display: inline;
		color: #000;
	}

	h2 {
		font-size: 17px;
		font-weight: bold;
		margin-bottom: 2px;
		padding-bottom: 2px;
		display: inline;
		color: #000;
	}
/* ------------------------ */

/* --------- Classes --------- */
	.caption {
		font-size: 10px;
	}
	
	.catList-Columns {
		width: 45%;
		float: left;
		margin: 20px 0px 0px 15px;/*(top, right, bottom, left)*/
		padding: 0px;
		text-align: left;
		line-height: 25px;
	}

	.clearFloat {
		clear: both;
		height: 1px;
		width: 5px;
		line-height: 2px;
	}
	
	.diningHero-Columns {
		width: 45%;
		float: left;
		margin: 20px 0px 0px 15px;/*(top, right, bottom, left)*/
		padding: 0px;
		text-align: left;
	}
	
	.footerLinksDivider {
	 	padding: 0px 5px 0px 5px;/*(top, right, bottom, left)*/
	}
	
	.jobFormTitle {
		font-size: 16px;
		color: #f60;
		font-weight: bold;
	}
	
	.jobFormInput {
		width: 350px;
	}
	
	.galleryImg {
		float: left;
		margin-right: 20px;
	}
	
	.theImg-left {
		margin-right: 20px;
		float: left;
		border: 1px solid #333;
	}
	
	.theImg-right {
		margin-left: 20px;
		float: right;
		border: 1px solid #333;
	}
	
	.twitterDate {
		font-size: 6px;
	}
	
	.indent {
		margin-left: 35px;
	}
	
	.lastHomeNav {
		border-color: #fff;
	}
	
	.movieHero-Columns {
		width: 45%;
		float: left;
		margin: 20px 0px 0px 15px;/*(top, right, bottom, left)*/
		padding: 0px;
		text-align: left;
	}
	
	.navLinks {
	 	padding: 0px 14px 0px 14px;/*(top, right, bottom, left)*/
	}
	
	.new {
	 	color: #c00;
	}
	
	.navLinks-first {
	 	padding: 0px 10px 0px 0px;/*(top, right, bottom, left)*/
	}
	
	.navLinks-last {
	 	padding: 0px 0px 0px 10px;/*(top, right, bottom, left)*/
	}
	
	.paidListing {
		padding: 10px;
		border: 1px solid #f60;
		background-color: #fff0e1;
	}
	
	.pressDate {
		font-size: 11px;
		font-style: italic;
	}
	
	.sent {
		font-style: oblique;
		color: #f60
	}
/* --------------------------- */

/* --------- Divs --------- */
	#top-info-bar {
		position: relative;
		width: 100%;
		padding: 10px 0px 10px 0px;
		margin: 0px auto 0px auto;
		text-align: center;
		background: #fff;
		font-weight: bold;
	}
	
	#wrapper {
		position: relative;
		width: 100%;
		padding: 0px;
		margin: 0px auto;
		text-align: center;
	}
	
/* -- HomePage -- */	
		#home-page {
			position: relative;
			width: 726px;
			height: 470px;
			padding: 0px;
			margin: 10px auto 0px;
			text-align: center;
			border: 1px solid #000;
			background-color: #fff;
		}
		
		#homeText h1 {
			font-size: 12px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			display: inline;
		}
		
		#homeText hr {
			color:#ccc;
			background-color:#ccc;
		}
		
		#homeText #home-blurb {
			text-align: center;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding: 5px 0px 5px 0px;
		}
		
		#home-twitter {
			position: absolute;
			top: 14px;
			left: 325px;
			width: 130px;
			padding: 0px;
		}
		
		#home-share {
			position: absolute;
			top: 15px;
			left: 460px;
			width: 160px;
			padding: 0px;
		}
		
		#home-content {
			position: absolute;
			top: 10px;
			left: 116px;
			width: 600px;
			height: 400px;
			padding: 0px;
		}

		#home-content #boiseDepot {
			position: absolute;
			top: 51px;
			left: 0px;
			width: 275px;
			height: 186px;
			padding: 0px;
		}
		
		#home-content #searchBoiseLogo-home {
			position: absolute;
			top: 240px;
			left: 1px;
			width: 309px;
			height: 57px;
			padding: 0px;
		}
		
		#home-content #searchForm-home {
			position: absolute;
			top: 310px;
			left: 7px;
			width: 350px;
			height: 25px;
			padding: 0px;
			text-align: left;
		}
		
		#searchForm-home input {
			width: 220px;
		}
		
		#searchForm-home #SearchButton {
			width: 70px;
		}
		
		#home-content #homeText {
			position: absolute;
			top: 360px;
			left: 7px;
			width: 500px;
			padding: 0px;
			text-align: left;
		}
/* -- HomePage Nav-- */
			#home-content #homeNav {
				position: absolute;
				top: 52px;
				left: 340px;
				width: 130px;
				padding: 0px;
				text-align: left;
				border-left: 1px solid #b48b72;
			}
			
			#home-content #homeNav a {
				display: block;
				width:130px;
				font: bold 11px/1 sans-serif;
				padding: 8px 0px 8px 10px; /*(top, right, bottom, left)*/
				color:#305b6e;
				text-decoration: none;
				border-bottom: 1px solid #b48b72;
			}
			#home-content #homeNav a:hover {	
				color: #f60;
				border-bottom: 1px solid #b48b72;
			}
			#home-content #homeNav a:active {
				border-bottom: 1px solid #b48b72;
			}
			
			#home-content #lastNav {
				position: relative;
				width: 130px;
				padding: 0px;
				text-align: left;
				border-left: 1px solid #fff;
			}
			
			#home-content #lastNav a {
				display: block;
				width:130px;
				font: bold 11px/1 sans-serif;
				padding: 8px 0px 8px 10px; /*(top, right, bottom, left)*/
				color:#305b6e;
				text-decoration: none;
				border-bottom: 1px solid #fff;
			}
			#home-content #lastNav a:hover {	
				color: #f60;
				border-bottom: 1px solid #fff;
			}
			
			#home-content #homeNav a:active {
				border-bottom: 1px solid #fff;
			}
/* -------------- */
/* -------------- */
		
/* -- MainPages -- */
		
		#main-page {
			position: relative;
			width: 960px;
			padding: 0px;
			margin: 30px auto 0px;
			margin-top: 0px;
			text-align: center;
			border: 1px solid #000;
			background-color: #fff;
		}
		
		#nav {
			position: relative;
			width: 920px;
			height: auto;
			padding: 10px 0px 10px 0px; /*(top, right, bottom, left)*/
			margin: 0px 0px 0px 20px; /*(top, right, bottom, left)*/
			text-align: center;
			font-size: 11px;
			border-bottom: 1px solid #ccc;
		}
		
		#header {
			position: relative;
			width: 920px;
			height: 120px;
			padding: 0px 0px 15px 0px; /*(top, right, bottom, left)*/
			margin: 0px 0px 0px 20px; /*(top, right, bottom, left)*/
			text-align: left;
			border-bottom: 1px solid #ccc;
			background-image:url(../images/_header-temp.jpg);
			background-position: center;
		}
		
		#header #SearchBoise-Logo {
			margin: 20px 0px 0px -5px; /*(top, right, bottom, left)*/
		}
		
		#searchForm-main {
			position: relative;
			width: 350px;
			height: 25px;
			padding: 10px 0px 0px 5px; /*(top, right, bottom, left)*/
			margin: 0px 0px 0px 0px; /*(top, right, bottom, left)*/
			text-align: left;
		}
		
		#searchForm-main input {
			width: 220px;
		}
		
		#searchForm-main #SearchButton {
			width: 70px;
		}
		
		#main-content {
			position: relative;
			width: 575px;
			padding: 0px;
			margin: 20px 0px 20px 20px; /*(top, right, bottom, left)*/
			text-align: left;
			float: left;
		}
		
		#main-content li {
			margin: 0px 0px 0px 20px; /*(top, right, bottom, left)*/
		}
		
		#main-content-getListed {
			position: relative;
			width: 920px;
			padding: 0px;
			margin: 20px 0px 20px 20px; /*(top, right, bottom, left)*/
			text-align: left;	
		}
		
		#main-content-getListedTY {
			position: relative;
			width: 920px;
			padding: 0px;
			margin: 20px 0px 20px 20px; /*(top, right, bottom, left)*/
			text-align: left;	
		}
		
		#main-content-CityInfo {
			position: relative;
			width: 920px;
			padding: 0px;
			margin: 20px 0px 20px 20px; /*(top, right, bottom, left)*/
			text-align: left;
		}
		
		#main-content-Gallery {
			position: relative;
			width: 920px;
			padding: 0px;
			margin: 20px 0px 20px 20px; /*(top, right, bottom, left)*/
			text-align: left;
		}
		
		#main-content-Gallery img {
			border: 1px solid #000;
		}
		
		#main-content-Gallery table {
			position: relative;
			margin: 0px auto;
		}
		
		#main-content-Gallery td {
			padding: 25px;
		}
		
		#main-content-CityInfo img {
			border: 1px solid #666;
		}

		#main-content-CityInfo#IDmap {
			border: 1px solid #fff;
		}
		
		#main-content #resultsAccordion a:link {color: #03f; text-decoration: none;}
		#main-content #resultsAccordion a:visited {color: #03f; text-decoration: none;}
		#main-content #resultsAccordion a:hover {color: #f60; text-decoration: none;}
		
		#category-descriptor {
			position: relative;
			width: 570px;
			padding: 0px;
			margin: 0px 0px 20px 0px; /*(top, right, bottom, left)*/
			text-align: left;
		}
		
		#category-hero {
			position: relative;
			width: 570px;
			padding: 0px 0px 0px 0px; /*(top, right, bottom, left)*/
			margin: 0px 0px 0px 0px; /*(top, right, bottom, left)*/
			text-align: left;
			border: 1px solid #ccc;
			background: url(../images/_heroGradient.jpg) repeat-x top;
		}
		
		#category-hero-content {
			position: relative;
			width: 540px;
			padding: 0px 0px 0px 0px; /*(top, right, bottom, left)*/
			margin: 0px 0px 0px 0px; /*(top, right, bottom, left)*/
			text-align: left;
		}
		
		#category-hero-content h2 {
			font-size: 14px;
			font-weight: bold;
			color: #000;
			margin: 0px 0px 0px 40px; /*(top, right, bottom, left)*/
		}
		
		#category-list {
			position: relative;
			width: 570px;
			padding: 0px;
			margin: 0px 0px 20px 0px; /*(top, right, bottom, left)*/
			text-align: left;
		}
		
		#subcategory-list {
			position: relative;
			width: 570px;
			padding: 0px;
			margin: 0px 0px 20px 0px; /*(top, right, bottom, left)*/
			text-align: left;
		}			
		
		#mapDiv {
			position: relative;
			width: 447px;
			padding-bottom: 20px;
		}

		#map {
			width: 570px;
			height: 350px;
			border: 1px solid #ccc;
		}
		
		#map-canvas {
			width: 570px;
			height: 350px;
			border: 1px solid #ccc;
		}
		
		#mapText {
			position: absolute;
			top: 285px;
			left: 285px;
			font-size:10px;
		}
		
		#cityInfoAd {
			width: 300px;
			height: 250px;
			margin-left: 20px;
			float: right;
		}
		
		#articleAd {
			width: 200px;
			height: 200px;
			margin-right: 20px;
			float: left;
		}
		
		#right-column {
			position: relative;
			width: 326px;
			padding: 0px;
			margin: 20px 20px 20px 0px; /*(top, right, bottom, left)*/
			text-align: center;
			float: right;
		}
		
		#share-main {
			position: relative;
			width: 326px;
			height: 40px;
			/*padding: 0px auto; (top, right, bottom, left)*/
			margin: 0px 0px 10px 0px; /*(top, right, bottom, left)*/
			text-align: center;
			border: 1px solid #ccc;
		}
		
		#share-main-box {
			position: relative;
			width: 310px;
			height: 20px;
			padding: 5px;
			margin: 5px auto; /*(top, right, bottom, left)*/
			text-align: center;
			background-color: #f7f7f7;
		}
		
		#twitter {
			position: absolute;
			top: 6px;
			left: 10px;			
		}
		
		#share-main-img {
			position: absolute;
			top: 7px;
			left: 140px;			
		}
		
		#ad-Cube {
			position: relative;
			width: 326px;
			height: 279px;
			padding: 0px;
			margin: auto; /*(top, right, bottom, left)*/
			text-align: center;
			border: 1px solid #ccc;
		}
		
		#ad-Cube-img {
			position: relative;
			width: 300px;
			height: 250px;
			padding: 10px;
			margin: 5px auto; /*(top, right, bottom, left)*/
			text-align: center;
			background-color: #f7f7f7;
		}
		
		#getListedforFree {
			position: relative;
			width: 326px;
			height: 35px;
			/*padding: 0px auto; (top, right, bottom, left)*/
			margin: 10px 0px 10px 0px; /*(top, right, bottom, left)*/
			text-align: center;
			border: 1px solid #ccc;
		}
		
		#getListedforFree-box {
			position: relative;
			width: 310px;
			height: 20px;
			padding: 5px;
			margin: 5px auto; /*(top, right, bottom, left)*/
			text-align: center;
			background-color: #f7f7f7;
		}
		
		#newsLetter {
			position: relative;
			width: 326px;
			height: auto;
			/*padding: 0px auto; (top, right, bottom, left)*/
			margin: 10px 0px 10px 0px; /*(top, right, bottom, left)*/
			text-align: center;
			border: 1px solid #ccc;
		}
		
		#newsLetter-box {
			position: relative;
			width: 310px;
			height: auto;
			padding: 5px;
			margin: 5px auto; /*(top, right, bottom, left)*/
			text-align: center;
			background-color: #f7f7f7;
		}
		
		#navigator {
			position: relative;
			width: 326px;
			height: auto;
			/*padding: 0px auto; (top, right, bottom, left)*/
			margin: 10px 0px 10px 0px; /*(top, right, bottom, left)*/
			text-align: center;
			border: 1px solid #ccc;
		}
		
		#navigator-box {
			position: relative;
			width: 310px;
			height: auto;
			padding: 5px;
			margin: 5px auto; /*(top, right, bottom, left)*/
			text-align: center;
			background-color: #f7f7f7;
		}
		
		#directory-sidebar {
			position: relative;
			width: 326px;
			height: auto;;
			/*padding: 0px auto; (top, right, bottom, left)*/
			margin: 10px 0px 10px 0px; /*(top, right, bottom, left)*/
			text-align: center;
			border: 1px solid #ccc;
		}
		
		#directory-sidebar-box {
			position: relative;
			width: 310px;
			padding: 5px;
			margin: 5px auto; /*(top, right, bottom, left)*/
			text-align: center;
			background-color: #f7f7f7;
		}
		
		#directory-sidebar-content {
			position: relative;
			width: 290px;
			padding: 5px;
			margin: 5px auto; /*(top, right, bottom, left)*/
			text-align: left;
		}
		
		#directory-sidebar-long {
			position: relative;
			width: 326px;
			height: auto;
			/*padding: 0px auto; (top, right, bottom, left)*/
			margin: 10px 0px 10px 0px; /*(top, right, bottom, left)*/
			text-align: center;
			border: 1px solid #ccc;
		}
		
		#directory-sidebar-box-long {
			position: relative;
			width: 310px;
			height: auto;
			padding: 5px;
			margin: 5px auto; /*(top, right, bottom, left)*/
			text-align: left;
			background-color: #f7f7f7;
		}
		
		#directory-sidebar-content-long {
			position: relative;
			width: 290px;
			height: auto;
			padding: 5px;
			margin: 5px auto; /*(top, right, bottom, left)*/
			text-align: left;
		}
		
		#directoryAccordion a:link {color: #03f; text-decoration: none;}
		#directoryAccordion a:visited {color: #03f; text-decoration: none;}
		#directoryAccordion a:hover {color: #f60; text-decoration: none;}
		
		#siteMap h1 {
			font-size: 19px;
			margin-bottom: 3px;
			padding-bottom: 3px;
			display: inline;
		}
		
		#siteMap h2 {
			font-size: 18px;
			margin-bottom: 3px;
			padding-bottom: 3px;
			display: inline;
		}
		
		#siteMap h3 {
			font-size: 17px;
			margin-bottom: 3px;
			padding-bottom: 3px;
			display: inline;
		}
		
		#siteMap h4 {
			font-size: 16px;
			margin-bottom: 3px;
			padding-bottom: 3px;
			display: inline;
		}
		
		#siteMap h5 {
			font-size: 15px;
			margin-bottom: 3px;
			padding-bottom: 3px;
			display: inline;
		}
		
		#siteMap h6 {
			font-size: 10px;
			margin-bottom: 3px;
			padding-bottom: 3px;
			display: inline;
		}
		
		#metrics {
			position: relative;
			width: 920px;
			height: auto;
			padding: 0px;
			margin: 0px;
			text-align: left;
		}
		
		#badges {
			position: absolute;
			top: 0px;
			left: 365px;
			width: 200px;
			height: auto;
			padding: 0px;
			margin: 0px;
		}
		
		#twitterCounter {
			position: relative;
			width: 200px;
			height: auto;
			padding: 0px;
			margin: 0px;
			border: 1px solid #ccc;
		}
			
		#comments {
			position: relative;
			width: 920px;
			height: auto;
			padding: 0px;
			margin: 0px 0px 20px 20px; /*(top, right, bottom, left)*/
			text-align: left;
			border-top: 1px solid #ccc;
		}
		
		#comments-CityInfo {
			position: relative;
			width: 920px;
			height: auto;
			padding: 0px;
			margin: 0px 0px 20px 20px; /*(top, right, bottom, left)*/
			text-align: left;
			border-top: 1px solid #ccc;
		}
		
		#comments-Gallery {
			position: relative;
			width: 920px;
			height: auto;
			padding: 0px;
			margin: 0px 0px 20px 20px; /*(top, right, bottom, left)*/
			text-align: left;
			border-top: 1px solid #ccc;
		}
		
		#comments-GalleryImg {
			position: relative;
			width: 920px;
			height: auto;
			padding: 0px;
			margin: 0px 0px 20px 20px; /*(top, right, bottom, left)*/
			text-align: left;
			border-top: 1px solid #ccc;
		}
		
		#footer {
			position: relative;
			width: 920px;
			padding: 0px;
			margin: 10px auto 0px; /*(top, right, bottom, left)*/
			text-align: left;
			font-size: 10px;
			border-top: 1px solid #ccc;
		}
		
.js-CreateCommentBg {
  width: 600px;
}

.js-CreateComment textarea {
  width: 95%;
  height: 20em;
}

/* ------------------------ */

