/***********************************
*  Pawnee Indiana Site Stylesheet
*  Created on: 10/2012
*  Rhino Hooton ~ Digitaria
***********************************/
@import url("/css/navigation.css");


/* page
********************************************************************************************************/
* {
	margin: 0;
	padding: 0;
}
body {
	background:#82837c url(/images/backgrounds/page.jpg) repeat-x center top;
	font-family: Arial, Helvetica, sans-serif;
	color: #414142;
	font-size:16px;
}
div.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow:hidden;
}
ul {
	list-style-type: none;
}
a {
	color: #2a689d;
	font-weight:normal;
	text-decoration: none;
}
a:hover {
	color: #414142;
	text-decoration: none;
	color:inherit;
}
/* parks switch */
body.parks #content-core a,
body.parks #content-core .title,
body.parks #content-core .header {
	color:#468043;
}
body.parks #content-core a:hover {
	color:#414142;
}
body.parks #article-container .article-head {
	background:#468043;
}
body.parks #article-container .article-head .header {
	color:#e9eae0; /* color is off-white, not pure white */
}
/* harvest switch */
body.harvest #content-core a,
body.harvest #content-core .title,
body.harvest #content-core .header {
	color:#b30838;
}
body.harvest #article-container .article-head {
	background:#b30838;
}
body.harvest #article-container .article-head .header {
	color:#e9eae0; /* color is off-white, not pure white */
}


/* site
********************************************************************************************************/
/* wrapper */
#wrapper {
	width:970px;
	margin:0 auto;
	overflow:hidden;
	display:block;
}
/* content core */
#content-core {
	width:971px;
	padding:0px;
	display:block;
	background:#e9eae0;
	clear:both;
	overflow:hidden;
	margin-top:292px;	
}
.parks #content-core, .harvest #content-core {
                margin-top:0;     
}
#article #content-core {
	background:#e9eae0 url(/images/backgrounds/article-bg.gif) repeat-y 0px 0px;
	border-top:10px solid #e9eae0;
	border-bottom:10px solid #e9eae0;
}
#article.parks #content-core {
	background:#e9eae0 url(/images/backgrounds/article-bg-parks.gif) repeat-y 0px 0px;
}
#article.harvest #content-core {
	background:#e9eae0 url(/images/backgrounds/article-bg-harvest.gif) repeat-y 0px 0px;
}
/* primary content */
#primary-content {
	width:971px;
	padding:0;
	display:block;
	overflow:hidden;
}
#article #primary-content {
	width:670px;
	padding-left:10px;
	float:left;
	overflow:hidden;
}
/* additional content */
#additional-content {
	width: 231px;
	padding-right:10px;
	display: block;
	float:right;
	overflow:hidden;	
}


/* header
********************************************************************************************************/
#header {
	height:278px;
	display:block;
}
body.parks #header,
body.harvest #header {
	height:304px;
}
#header .head-banner {
	height:90px;
	width:728px;
	padding:4px 0 6px 7px;
	float:left;
	display:block;
}
#header .back-button {
	height: 90px;
	width: 223px;
	padding: 4px 7px 6px 0;
	background: url(/images/logos/parks-and-rec.gif) no-repeat 0px 4px;
	float: right;
	display: block;
	text-indent:-9999px;
}
.parks #header .city-of-pawnee-splash, .harvest #header .city-of-pawnee-splash {
                height: 135px;
}
#header .city-of-pawnee-splash {
	height: 426px;
	width: 971px;
	display: block;
	background: url(/images/backgrounds/city-of-pawnee.jpg) no-repeat 0px 0px;
	clear: both;
}
.parks #header .city-of-pawnee-splash {
	background: url(/images/backgrounds/city-of-pawnee-parks.jpg) no-repeat 0px 0px;
}
.harvest #header .city-of-pawnee-splash {
	background: url(/images/backgrounds/city-of-pawnee-harvest.jpg) no-repeat 0px 0px;
}
#header .city-of-pawnee-splash h1 {
	display:none;
}


/* navigation
********************************************************************************************************/
#site-nav {
	height: 37px;
	width: 968px;
	display: block;
	background:url(/images/navigation/bg.jpg) repeat-x 0px 0px;
	border: 1px solid #808079;
	border-top: none;
	clear: both;
	margin-bottom:5px;
}
#site-nav ul.navigation {
	height: 37px;
	width: 968px;
	display: block;
	clear: both;
	margin:0;
}
#site-nav ul.navigation li {
	height: 37px;
	display: block;
	float:left;
}
#site-nav ul.navigation li a {
	height: 37px;
	display: block;
	text-indent: -9999px;
}
/* main */
#site-nav .main,
#site-nav .main a {
	width:99px;
	background: url(/images/navigation/nav-sprite.gif) no-repeat 0px 0px;
}
#site-nav .main a:hover,
#home #site-nav .main a {
	background-position:0 -37px;
}
/* about */
#site-nav .about,
#site-nav .about a {
	width:99px;
	background: url(/images/navigation/nav-sprite.gif) no-repeat -99px 0px;
}
#site-nav .about a:hover,
#grill #site-nav .about a {
	background-position:-99px -37px;
}
/* media */
#site-nav .media,
#site-nav .media a {
	width:98px;
	background: url(/images/navigation/nav-sprite.gif) no-repeat -198px 0px;
}
#site-nav .media a:hover,
#meat #site-nav .media a {
	background-position:-198px -37px;
}
/* government */
#site-nav .government,
#site-nav .government a {
	width:152px;
	background: url(/images/navigation/nav-sprite.gif) no-repeat -296px 0px;
}
#site-nav .government a:hover,
#rons-recipe #site-nav .government a {
	background-position:-296px -37px;
}
/* your recipes */
#site-nav .get-involved,
#site-nav .get-involved a {
	width:151px;
	background: url(/images/navigation/nav-sprite.gif) no-repeat -448px 0px;
}
#site-nav .get-involved a:hover,
#your-recipes #site-nav .get-involved a {
	background-position:-448px -37px;
}
/* shop */
#site-nav .shop,
#site-nav .shop a {
	width:99px;
	background: url(/images/navigation/nav-sprite.gif) no-repeat -599px 0px;
}
#site-nav .shop a:hover,
#shop #site-nav .shop a {
	background-position:-599px -37px;
}
/* parks/harvest navigation */
#parks-nav,
#harvest-nav {
	display:none;
	height:20px;
	padding:3px 10px;
	color:#e9eae0; /* color is off-white, not pure white */
	font-weight:bold;
	text-transform:uppercase;
}
#parks-nav a,
#harvest-nav a {
	color:#e9eae0; /* color is off-white, not pure white */
	text-transform:capitalize;
	font-size: 14px;
}
#parks-nav a:hover,
#harvest-nav a:hover {
    color: #414142;
}
.parks #parks-nav,
.harvest #harvest-nav {
	display:block;
}
#parks-nav {
	background:#468043;
}
#harvest-nav {
	background:#b30838;
}
#parks-nav li,
#harvest-nav li {
	float:left;
	padding:0 10px;
	border-right:1px solid #000;
}
#parks-nav li.last,
#harvest-nav li.last {
	border:none;
}


/* headers
********************************************************************************************************/
h3.header {
	font-family:"Times New Roman", Times, serif;
	font-size:35px;
	font-weight:normal;
	color:#2a689d;
	margin-bottom:5px;
	display:block;
}
h3.outside {
	margin:10px 0 0 10px;
}


/* content
********************************************************************************************************/
/* module */
.module {
	padding:10px;
}
.module img {
	border:1px solid #000;
}
.module .title {
	color:#2a689d;
	font-size:20px;
}
#article .module {
	padding:0;
}
/* recent updates */
#recent-updates {
	background: url(/images/logos/pawnee-logo.gif) no-repeat right 60px;
	overflow:hidden;
	display:block;
	padding-bottom:30px;
}
#recent-updates .block-image {
	width:560px;
	float:left;
}
#recent-updates .blurb {
	width:390px;
	float:right;
}
/* featured content */
#featured-content {
	overflow: hidden;
	display: block;
	padding:10px 0 60px 10px;
}
#home #featured-content {
	background: #fff url(/images/backgrounds/featured-content-home.jpg) repeat-x 0px 0px; 
}
#featured-content .content-block {
	float:left;
	width:230px;
	padding-right:10px;
}
#featured-content .blurb a {
	font-size:20px;
}
/* article */
#article-container {
	overflow: hidden;
	display: block;
	padding-bottom: 30px;
	background: url(/images/logos/pawnee-logo-medium.jpg) no-repeat center 180px;
	min-height:750px;
}
#article-container .article-head {
	background: #2c699d;
	display:block;
	overflow:hidden;
	padding:20px 10px;
	margin-bottom:20px;
}
#article-container .article-head h3 {
	color:#e9eae0; /* color is off-white, not pure white */
}
#article-container .article-head .blurb {
	color:#e9eae0; /* color is off-white, not pure white */
	font-size:20px;
}
#article-container .block-image {
	width:307px;
	float:left;
}
#article-container .content-block .blurb {
	width:350px;
	float:right;
	/* color:#2c699d; colored article pages blue */
}
#article-container .content-block .blurb h4 {
	color:#2c699d;
}
body.parks #article-container .content-block .blurb h4 {
	color:#468043;
}
#article-container .content-block .blurb p {
	padding-bottom:20px;
}
/* article rail module */
#article .rail {
	overflow: hidden;
	display: block;
	padding:0 0 20px 0;
}
#article .rail .content-block {
	width:230px;
	padding-bottom:20px;
}
#article .rail .block-image {
	padding-bottom:10px;
}
#article .rail .title {
	font-size:18px;
}
#article .rail .blurb {
}
#article .rail .blurb a {
}
/* video container */
#video-container {
	overflow: hidden;
	display: block;
	margin:0 auto;
	padding-bottom: 30px;
	width:631px;
}
#video-container .title {
	padding-top: 20px;
	display:block;
}
/* photo container */
#photos-container {
	overflow: hidden;
	display: block;
	margin:0 auto;
	padding-bottom: 30px;
	width:708px;
}
#photos-container .block-image {
	display:block;
	text-align:center;
	clear:both;
	padding-top:20px;
}
#photos-container .title {
	padding-top: 20px;
	display:block;
}
/* video/photo page */
#video #content-core,
#photos #content-core {
	background:#e9eae0 url(/images/logos/pawnee-logo-medium.jpg) no-repeat center center;
}
/* candidate container */
#candidate-container {
	overflow: hidden;
	display: block;
	padding-bottom: 30px;
}
#candidate-container p {
	padding-bottom: 20px;
}
#candidate-container .content-block {
	overflow: hidden;
	display: block;
	padding-bottom: 30px;
}
#candidate-container .content-block .block-image {
	float:left;
	width:231px;
}
#candidate-container .content-block .meta {
	float:right;
	width:700px;
}
/* parks container */
#parks-container {
	overflow: hidden;
	display: block;
	padding-bottom: 30px;
}
#parks-container .content-block {
	overflow: hidden;
	display: block;
	padding-bottom: 30px;
}
#parks-container .content-block .block-image {
	float:left;
	width:310px;
}
#parks-container .content-block .meta {
	float:right;
	width:615px;
}
#parks-container .content-block .meta p {
	padding-bottom:20px;
}
/* no image */
.no-image #article-container .content-block .blurb {
	width:auto;
	display:block;
	float:none;
}
/* pageer */
.about-paginate {
	float:right;
}
.about-paginate a {
	color:#2a689d;
	font-size:20px;
}
.about-paginate a:hover {
}
.about-paginate .qp_prev {
}
.about-paginate .qp_counter {
	color:#000;
	font-size:20px;
	padding:0 10px;
}
.about-paginate .qp_next {
}
.about-paginate .qp_disabled {
}
/* about thumb */
.image-thumb {
	margin:0 0 10px 10px;
	float:right;
}
/* pawnee book */
#detailPic {
}
#detailPic img {
	display:none !important;
}
/* news pages */
.news-page #article-container .block-image {
 	width:220px;
}
#article.news-page #primary-content {
	width:948px
}
#article.news-page #content-core {
	background:none;
}
.news-page #article-container .content-block .blurb {
	float:left;
	width: 600px;
}
#article.news-page  #primary-content {
	width: 948px;
}
.news-page #article-container .content-block {
	overflow: hidden;
	padding:0 0 20px 0;
}
.news-page #article-container .content-block a {
	text-decoration: underline;
	font-weight: bold;
}
#article.news-page #content-core {
	background: #e9eae0;
	background-image:none;
}
/* harvest */
#article.harvest #primary-content {
	width:948px
}
#article.harvest #content-core {
	background:none;
}
#article.harvest #content-core {
	background: #e9eae0;
	background-image:none;
}
.harvest #article-container .block-image {
	width:215px;
}
.harvest #article-container h3 {
	color:#B30838; /* not blue #2C699D; */
}
.harvest #article-container img {
	border:none;
}
.thumb-img {
	float:right;
	padding:0 0 10px 10px;
}
.harvest .nbcu-photo-gallery {
	width:700px;
}
/* harvest map */
	#park .body_main {
		padding-right: 0;
		width: 774px;
	}
	#festival-map {
		background: url(/harvest-festival/images/map/map.jpg) no-repeat;
		height: 862px;
		position: relative;
		width: 753px;
	}
	.map-intro img {
		vertical-align: middle;
	}
	
	/* Popovers */
	.popover {
		display: none;
		position: absolute;
		width: 230px;
		box-shadow: 4px 17px 12px #000;
		-moz-box-shadow: 4px 17px 12px #000;
		-webkit-box-shadow: 4px 17px 12px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}
	.popover h4 {
		color: #b30838;
		font-size: 14px;
	}
	.popover img {
		border: 1px solid #b30838;
		float: left;
		margin: 0 5px 0 0;
	}
	.popover p {
		margin: 3px 0;
		padding: 0;
	}
	.popover .l, .popover .r {
		height: 12px;
		line-height: 12px;
		position: absolute;
		width: 12px;
	}
	.popover .top {
		background: #ffffff;
		border-top: 3px solid #b30838;
		height: 9px;
		left: 12px;
		line-height: 9px;
		position: absolute;
		top: -12px;
		width: 206px;
	}
	.popover .top .l {
		background: url(/harvest-festival/images/map/corner-top-left.png) no-repeat;
		left: -12px;
		top: -3px;
	}
	.popover .top .r {
		background: url(/harvest-festival/images/map/corner-top-right.png) no-repeat;
		right: -12px;
		top: -3px;
	}
	.popover .body {
		background: #ffffff;
		border-left: 3px solid #b30838;
		border-right: 3px solid #b30838;
		float: left;
		padding: 0 8px;
		width: 208px;
	}
	.popover .btm {
		background: #ffffff;
		border-bottom: 3px solid #b30838;
		bottom: -12px;
		height: 9px;
		left: 12px;
		line-height: 9px;
		position: absolute;
		width: 206px;
	}
	.popover .btm .l {
		background: url(/harvest-festival/images/map/corner-btm-left.png) no-repeat;
		bottom: -3px;
		left: -12px;
	}
	.popover .btm .r {
		background: url(/harvest-festival/images/map/corner-btm-right.png) no-repeat;
		bottom: -3px;
		right: -12px;
	}
	.popover .close-link {
		background: url(/harvest-festival/images/map/close-link.gif) no-repeat;
		clear: both;
		float: right;
		height: 13px;
		text-indent: -9999px;
		width: 43px;
	}
	
	/* Hotspots */
	#hotspots a {
		background: url(/harvest-festival/images/map/harvest-festival-logo.png) no-repeat;
		height: 23px;
		position: absolute;
		text-indent: -9999px;
		width: 51px;
	}
	#hotspots .wallaho {
		left: 420px;
		top: 440px;
	}
	#hotspots .food-vendors {
		left: 210px;
		top: 433px;
	}
/* activity guide */
.activity-guide .content-block ul {
	padding:0 0 20px 0;
}
/* public-safety */
 .public-safety .content-block p {
	padding:0 0 20px 0;
}
/* transportation */
.transportation .content-block ul {
	list-style-type:disc;
	padding:0 0 20px 0;
}
.transportation .content-block ul li {
	padding:0 0 10px 0;
}
/* */
.bullets .content-block ul {
	list-style-type: disc;
	padding: 0 0 10px 20px;
}
.bullets .content-block ul li {
	padding:10px 0 0 0;
}
figure figcaption {
	padding: 10px 0 0 0;
}
/* Simple Slideshow */
	.simple-slideshow {
		background: #fff;
		border: 1px solid #000;
		color: #000;
		min-height: 536px;
		padding: 0 10px 10px 10px;
		width: 594px;
	}
	#primary-content .simple-slideshow h3 {
		color: #000;
		font-size: 19px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 200%;
		margin: 0;
		text-indent: 0;
	}
	.simple-slideshow .image-wrap {
		background: #000;
		display: table-cell;
		height: 385px;
		text-align: center;
		vertical-align: middle;
		width: 593px;
	}
	#primary-content .simple-slideshow h4.caption {
		color: #000;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		margin: 5px 0 10px;
	}
	#primary-content .simple-slideshow h4.caption span {
		font-size: 12px;
		font-weight: normal;
		display: block;
	}
	.simple-slideshow ul {
		height: 110px;
		margin: 10px 0 0 0;
	}
	.simple-slideshow li {
		display: inline;
		margin-right: -1px;
	}
/* footer
********************************************************************************************************/
#footer {
	width:970px;
	padding:30px 0 60px 0;
	margin:0 auto;
	text-align:center;
	display:block;
}
#footer a {
	padding:0 10px;
	color:#e9eae0; /* color is off-white, not pure white */
	font-size:14px;
}
#footer a:hover {
	color:#414142;
	text-decoration:underline;
}