/*------------------------------------------
/ Overriding Twitter Bootstrap
------------------------------------------*/
[class^="icon-"],[class*=" icon-"]{
	background-image:url("../images/template/icons/glyphicons-halflings.png");
}
.icon-white,.nav>.active>a>[class^="icon-"],.nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"]{
	background-image:url("../images/template/icons/glyphicons-halflings-white.png");
}



/*------------------------------------------
/ Base styles
------------------------------------------*/
html {
       overflow-y: scroll;
}
body{
	background-color: #105fa4;
	color: #534741;
	font-size: 1.0em;
	font-family: 'Rosario', sans-serif;
	line-height: 1.5em;
}
h1{
	color: #105fa4;
	font-size: 1.3em;
	text-transform: lowercase;
}
h2{
	color: #978F77;
	font-size: 1.1em;
	text-transform: lowercase;
}
a{
	color: #105fa4;
	text-decoration: none;
}
	a:hover{
		color: #3399ff;
	}
blockquote{
	font-style: italic;
}
ul{
}
	li{
		margin-bottom: .2em;
	}
.alignleft, .alignright{
	border: 1px solid black;
	display: block;
	margin: .5em auto;
}
.wp-caption{
	background-color: rgba(255, 255, 255, 0.3);
	max-width: 92%;
	padding: 3%;
}
.wp-caption-text{
	font-size: .9em;
	font-style: italic;
	margin-bottom: 0;
	margin-top: 1em;
}



/*------------------------------------------
/ BeigeWrapper
------------------------------------------*/
#beigeWrapper{
	background:url("../images/template/beige-fabric.jpg") #dbd1c5;
	padding-top: 1em;
}



/*------------------------------------------
/ Header
------------------------------------------*/
#header{
	background: url(../images/template/tan-stripes.png) repeat-x;
	position: relative;
	z-index: 20;
}
	#header > .container{
		padding-left: 1em;
		padding-right: 1em;
	}
		#logo a img{
			-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, .2);
			box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, .2);
		}
		#searchBar{
			padding-top: .5em;
		}
			#searchBar .searchform{
				margin-bottom: 0;
			}




/*------------------------------------------
/ Search
------------------------------------------*/
.searchform{
}
	.searchform div p{
		float: left;
	}



/*------------------------------------------
/ Navigation
------------------------------------------*/
.menu{
	font-size: .9em;
}
	.menu .current-menu-item, .menu .current-menu-item a, .menu .current-page-ancestor a{
		color: #b6a694;
		text-decoration: none;
	}
	.menu a:hover{
		text-decoration: none;
	}
#primaryNav{
	background-color:#ede7df;
	padding: 1em 0;
}
	#primaryNav ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#primaryNav ul li{
			float: left;
			margin: 0 1.5em 0 0;
			padding: 0;
		}
			#primaryNav ul li:last-child{
				margin-right: 0;
			}
			
			
#subnavWrapper{
	background-color: #105fa4;
	font-size: .8em;
}
	#subnav{
		list-style: none;
		margin: 0;
		padding: .5em 0;
	}
		#subnav .Subpages_In_Context{
			margin: 0;
			padding: 0;
		}
			#subnav .Subpages_In_Context ul{
				list-style: none;
				margin: 0;
				padding: 0;
			}
				#subnav .Subpages_In_Context ul li{
					border-right: 1px solid white;
					float: left;
					margin: 0 .5em 0 0;
					padding: 0 .5em 0 0;
				}
					#subnav .Subpages_In_Context ul li:last-child{
						border-right: none;
						margin-right: 0;
						padding-right: 0;
					}
					#subnav .Subpages_In_Context ul li a{
						color: white;
					}
						#subnav .Subpages_In_Context ul li a:hover{
							text-decoration: none;
						}
						#subnav .Subpages_In_Context ul li.current_page_item a{
							color: #c2b4a4;
						}
						#subnav .Subpages_In_Context ul > li:first-child a{
							font-weight:bold;
						}



/*------------------------------------------
/ Content
------------------------------------------*/
#contentInnerWrapper > .container{
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
	z-index: 10;
}
	#content{
		padding-bottom: 1em;
	}




/*------------------------------------------
/ Sidebar
------------------------------------------*/
#sidebar{
}
	#sidebar-right{
		list-style: none;
		margin: 0;
	}



/*------------------------------------------
/ Footer
------------------------------------------*/
#footer{
	color: white;
	font-size: .8em;
	padding-top: 1em;
	position: relative;
}
	#footer a{
		color: white;
	}
#footer > .container{
	padding-left: 1em;
	padding-right: 1em;
}

#footer .social { left: 0; padding: 16px 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 1; }
#footer .credits { position: relative; z-index: 2; }
.social a { font-size:24px; margin: 0 4px; }



/*------------------------------------------
/ Front Page
------------------------------------------*/
#frontPageSlideshow{
	display: none;
}
.home #content {
	float: none;
	margin: 0;
	width: 100%;
}
#frontPageContent{
	margin: 1em 0;
	text-align: center;
}
#frontPageFeaturedBoxes{
}
	#frontPageFeaturedBoxes .features{
		list-style: none;
		margin: 0;
	}
		#frontPageFeaturedBoxes .features .wrapper{
			padding: 1em;
		}
			#frontPageFeaturedBoxes .features li{
				background: #e8d9ae;
				margin-bottom: 1em;
				min-height: 150px;
			}
				#frontPageFeaturedBoxes .features > li{
					/*------------------------------ 
					/ I put this in here so I don't have to overwrite it
					/ For child list items. These are progressive
					/ enhancement styles so it isn't important
					/ for every browser 
					------------------------------*/
					-webkit-box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, .5);
					box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, .5);
				}
				#frontPageFeaturedBoxes .features > li:first-child{
					background: #c9d5a2;
				}
				#frontPageFeaturedBoxes .features > li:last-child{
					background: #c1cfc7;
				}
				#frontPageFeaturedBoxes .features h2{
					color: #105fa4;
					line-height: 1em;
					margin-top: 0;
				}
				#frontPageFeaturedBoxes .features ul li{
					background: none;
					margin-bottom: 0;
					min-height: 0;
				}
				#frontPageFeaturedBoxes .features .advanced_recent_posts_widget ul{
				}
					#frontPageFeaturedBoxes .features .advanced_recent_posts_widget ul li{
						margin-bottom: .5em;
					}
						#frontPageFeaturedBoxes .features .advanced_recent_posts_widget ul li:last-child{
							margin-bottom: 0;
						}




/*------------------------------------------
/ Home Page (Blog Page - not the front page)
------------------------------------------*/
.postMeta{
	font-size: .8em;
	margin-bottom: 5px;
}
.blog .post{
	border-bottom: 2px solid #EDE7DF;
}
.blog .post h2{
	line-height: 30px;
	margin-bottom: .5em;
}



/*------------------------------------------
/ Store Locator Plus Styles (currently on locations page)
------------------------------------------*/
#sl_div{
	margin: auto;
	max-width: 400px;
	padding: 0 !important;
}
#map_sidebar{
	height: auto !important;
}
.results_entry:hover, .results_entry.jahv-selected {
	background-color: lightBlue !important;
}



/*------------------------------------------
/ Media Queries
------------------------------------------*/
@media (max-width: 767px){
	/*overriding twitter bootstraps padding*/ 
	body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.page #sidebar{
		display: none;
	}
}
@media (min-width:768px){
	.alignleft, .alignright{
		margin: 1em;
	}
		.alignleft{
			float: left;
			margin-left: 0;
		}
		.alignright{
			float: right;
			margin-right: 0;
		}
	#primaryNav .menu-main-menu-container, #subnav, #headerInner, #contentWrapper, #footer{
		margin: auto;
		max-width: 800px;
	}
	#logo{
		float: left;
	} 
	#searchBar{
		float: right;
	}
	#contentInnerWrapper{
	}
		#contentInnerWrapper > .container{
			padding-left: 0em;
			padding-right: 0em;
		}
		#content{
			float: left;
			padding: 1em 0;
			width: 67%;
		}
			.page #content{
				float: right;
				margin-left: 3%;
			}
				.page .sidebarRight #content{
					float: left;
					margin-left: 0%;
				}
				.page .sidebarHidden #content{
					float: none;
					margin-left: 0%;
					width: 100%;
				}
			#content article > h1{
				margin-top: 0;
			}
				#content .post{
				}
					#content .post .left{
						float: left;
						margin-right: 5%;
						width: 45%;
					}
					#content .post .right{
						float: left;
						margin-left: 5%;
						width: 45%;
					}
	#sidebar{
		float: left;
		margin-left: 3%;
		padding: 1em 0;
		width: 30%;
	}
		.page #sidebar{
			margin-left: 0%;
		}
			.page .sidebarRight #sidebar{
				float: right;
				margin-left: 3%;
			}
	#footer .contactInfo{
		float: left;
	}
	#footer .credits{
		float: right;
	}
	#frontPageFeaturedBoxes{
	}
		#frontPageFeaturedBoxes .features li{
			background-image: url(../images/front-page/featured-boxes/center.png);
			float: left;
			margin-bottom: 0;
			margin-right: 3%;
			max-width: 300px;
			width: 30%;
		}
			#frontPageFeaturedBoxes .features > li:first-child{
				background-image: url(../images/front-page/featured-boxes/left.png);
			}
			#frontPageFeaturedBoxes .features > li:last-child{
				background-image: url(../images/front-page/featured-boxes/right.png);
			}
			#frontPageFeaturedBoxes .features ul li{
				float: none;
				margin-right: 0;
				width: 100%;
			}
}
/*big enough for the homepage slideshow*/
@media (min-width:790px){
	#frontPageImage{
		display: none;
	}
	#frontPageSlideshow{
		display: block;
	}
		#frontPageSlideshow ul{
			list-style: none;
			margin: 0;
			max-width: 800px;
		}
			#frontPageSlideshow ul li{
				float: left;
				margin-right: 4px;
				margin-bottom: 4px;
				position: relative;
				width: 193px;
				height: 193px;
			}
				#frontPageSlideshow ul li img{
					position: absolute;
					z-index: 10;
				}
					#frontPageSlideshow ul li .coveredPuzzlePiece{
						z-index: 20;
					}
}
/*big enough for some extra bling around the content area*/
@media (min-width:900px){
	#contentWrapper{
		background-color: rgba(255,255,255,.25);
		-webkit-box-shadow:  0px 0px 15px 5px rgba(0, 0, 0, .25);
		box-shadow:  0px 0px 15px 5px rgba(0, 0, 0, .25);
		width: 860px;
		max-width: 860px;
	}
		#contentInnerWrapper{
			margin: auto;
			width: 800px;
		}
}