/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
/*		font: 14px/18px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
		font-family: 'Domine', serif;
		background-color: #000;
		color: #fff;
	}
	a {
		color: #8D3025;
		text-decoration: none;
	}
	a:hover {
		color: #441b14;
	}
	ul, ol {
		list-style-position: inside;
	}
	.left {
		display: block;
		clear: none;
		float: left;
		padding-right: 24px;
	}

	.right {
		display: block;
		clear: none;
		float: right;
	}
	a.button, a.map_button {
		display: inline-block;
		background-color: #4975b4;
		color: #fff;
		text-decoration: none;
		padding: 4px;
		border: solid 1px #294266;
		border-radius: 7px;
	}
	a.button:hover, a.map_button:hover {
		background-color: #67a6ff;
	}
	.cleaner, span.clear {
		float: none;
		clear: both;
		height: 1px;
		margin-top: -1px;
	}
	
	div#wrapper {
		background-color: #000;
		color: #fff;
		padding: 0 4em;
	}
	div#banner_ad {
		margin-top: 4px;
	}
	div#banner_ad > ul > li > a {
		position: relative;
		z-index: 1000;
	}
	
	div#social-row {
		background-color: #000;
		color: #fff;
	}
	ul#social_links {
		list-style: none;
		margin: 0 6px 0 0;
		padding: 0;
	}
	ul#social_links li a {
		display: inline-block;
		float: right;
	}
	ul#social_links li a img {
		margin-bottom: 0px;
		vertical-align: bottom;
	}
	div#banner-row {
		background-color: #000;
		color: #fff;
		min-height: 2em;
	}
	div#banner_ad ul {
		list-style: none;
		padding: 0;
	}
	
	div#mast-row {
		background: #fff url(images/white_parchment_paper_texture.jpg) repeat;
/*		background: #000 url(images/sidebar-paper.jpg) repeat;*/
		color: #000;
		border-radius: 10px 10px 0 0;
	}
	h1#mast-header {
		font-family: 'Oxygen', sans-serif;
		font-weight: 700;
		padding: 0.5em 1em;
		text-shadow: 3px 3px 4px #aaa;
	}
	h1#mast-header a {
		color: #000;
		text-decoration: none;
	}
	
	div#topnav-row {
		background-color: #000;
		color: #fff;
/*		border-top: solid 2px #333;
		border-bottom: solid 2px #666;
*/		
		background-image: -moz-linear-gradient(top,
			 					#666666,
								#555555 5%,
								#333333 50%, 
								#000000 50%,
								#000000 75%,
								#333333);
		background-image: -webkit-gradient(linear,left top,left bottom,
			color-stop(0, 		#666666),
			color-stop(0.05, 		#555555),
			color-stop(0.5, 		#333333),
			color-stop(0.5, 		#000000),
			color-stop(0.75, 		#000000),
			color-stop(1, 		#333333));
		background-image: -webkit-linear-gradient(top,
			 					#666666,
								#555555 5%,
								#333333 50%, 
								#000000 50%,
								#000000 75%,
								#333333);
		background-image: -ms-linear-gradient(top,
			 					#666666,
								#555555 5%,
								#333333 50%, 
								#000000 50%,
								#000000 75%,
								#333333);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#000000')";
	}
	#title-row {
		padding: 0.5em 0 0 1em;
	}
	div#content-row {
		background: #fff url(images/white_parchment_paper_texture.jpg) repeat;
		color: #000;
	}
	div#left-col {
		
	}
	#content-col {
		margin-right: 1%;
	}
	#content-col.last {
		margin-right: 0;
	}
	div.page-content-row {
		padding: 0.5em 1em;
/*		font-family:Tahoma, Geneva, sans-serif;*/
/*		font-size: 14px;*/
	}
	
	h2.title, .page-content-row h2, .page-content-row h3 {
/*		font-size: 160%;*/
		font-family: 'Oxygen', sans-serif;
		font-weight: 700;
		margin-bottom: 0.5em;
	}
	div.page-content-row p {
		line-height: 140%;
		margin-bottom: 0.5em;
	}
	.page-content-row ul, .page-content-row ol {
		margin-bottom: 0.5em;
	}
	.page-content-row ul li, .page-content-row ol li {
		padding: 3px 0;
	}
	div#right-col {
		padding: 0.5em 0;
	}
	ul#main-menu, ul.sidebar, ul#footer-menu {
		list-style: none;
	}
	ul#main-menu > li, ul#footer-menu li {
		display: inline-block;		
	}
	ul#main-menu > li > a {
		display: inline-block;
		color: #fff;
		padding: 0.5em;
		text-decoration: none;
		text-shadow: 0 -1px 1px #3f4068;
		font-size: 14px;
	}
	ul#main-menu > li > a:hover, ul#main-menu > li.current > a {
		background: #896461; /* Old browsers */
		background: -moz-linear-gradient(top, #896461 0%, #896461 50%, #441b14 50%, #441b14 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#896461), color-stop(50%,#896461), color-stop(50%,#441b14), color-stop(100%,#441b14)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #896461 0%,#896461 50%,#441b14 50%,#441b14 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #896461 0%,#896461 50%,#441b14 50%,#441b14 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #896461 0%,#896461 50%,#441b14 50%,#441b14 100%); /* IE10+ */
		background: linear-gradient(to bottom, #896461 0%,#896461 50%,#441b14 50%,#441b14 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#896461', endColorstr='#441b14',GradientType=0 ); /* IE6-9 */
		
	}
	ul.sidebar {
		margin-top: 1em;
		margin-bottom: 0.5em;
/*		font-family: 'Simonetta', cursive;*/
		background: url(images/sidebar-paper.jpg) repeat;
		border-radius: 3px;
		-webkit-box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.3);
	}
	ul#footer-menu > li > a {
		display: inline-block;
		color: #fff;
		padding: 0.5em;
		text-decoration: none;
		font-size: 14px;
	}
	div.page-content-row img {
		border: 1px solid #000;
		border-radius: 2px;
		-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
	}
	div.page-content-row img.noshadow {
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	div.page-content-row img.left {
		float: left;
		margin-right: 0.5em;
	}
	div.page-content-row img.right {
		float: right;
		margin-left: 0.5em;
	}
	ul.sidebar > li {
		border-bottom: 1px solid #441b14;
	}
	ul.sidebar > li:last-child {
		border-bottom: none;
	}
	ul.sidebar > li > a {
		display: block;
		padding: 0.5em;
/*		background: #ccc;*/
		color: #441b14;
		text-decoration: none;
		font-size: 14px;
	}
	
	ul.sidebar > li > a:hover {
		
		text-shadow: #6D3526 0px 1px 2px;
		
	}
	
	#footer-row {
		padding: 1em 0 2em;
	}
	
	#image_gallery {
		/*margin: 0 4px 4px 0;*/
	}
	/* content images */
	.content-image-box {
/*		padding: 10px;*/
		margin: 0 10px 10px;
/*		border: solid 1px #7e8b95;*/
/*		background: #d0e0f0;*/
	}
	.content-image-box img {
		border: solid 1px #000;
	}

	.content-image-box.left {
		margin-left: 0;
	}
	.content-image-box.right {
		margin-right: 0;
	}
	.content-image-text, .photo-credit {
		color: #441b14;
		font-size: 75%;
		
	}
	.articleContent .photo-credit {
		margin: 0;
		padding: 0;
		text-align: right;
	}
	.photographer {
		color: #441b14;
	}
	.content-image-text p, .articleContent .content-image-text p, .pageContent .content-image-text p, .blog .content-image-text p {
		margin: 0;
	}
	.content-image-text p.content-image-title {
		font-weight: bold;
		text-align: right;
	}

	.content-image-text p.content-image-caption {
		text-align: right;
		line-height: 100%;
	}
	
	#google-map {
		margin: 0 0 0.2em 0;
		background: url(images/sidebar-paper.jpg) repeat;
		padding: 0.5em;
		border-radius: 3px;
		box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.3);
	}
	iframe#gmap-small {
		width: 98.5%;
		min-height: 300px;
		margin: 0.3em 0 0.2em;
		border: 1px solid #441b14;
		box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
	}
	
	
	fieldset {
		background: url(images/sidebar-paper-light.jpg) repeat;
		border: 1px solid #896461;
		-webkit-border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
		padding: 1em;
		margin: 10px 0 0;
	}
	
	legend, fieldset h3 {
		font-size: 140%;
	}
	fieldset h3 {
		margin-bottom: 0.3em;
	}
	/* forms */
	form div {
		clear: both;
		margin-bottom: 0.5em;
		padding: .2em;
		vertical-align: text-top;
	}
	
	form .input {
		display: block;
		width: 100%;
	}
	form div.submit {
		text-align: right;
		margin-right: 0.5em;
	}
	label {
		display: block;
	}
	.required label:after {
		color: #e32;
		content: '*';
		display:inline;
	}
	input[type="text"], textarea {
		display: block;
		width: 96%;
		font-size: 110%;
	}
	
	input[type="text"].form-error, textarea.form-error {
		background-color: #faffbd;
	}
	.error label {
		color: #b40505;
		font-weight: bold;
	}
	.error-message {
		color: #b40505;
	}
	/* flash messages */
	.message {
		display: block;
		background: #ff0;
		padding: 0.2em;
	}
	/* Google Map styling */
	div#map-container, div#map-row {
		margin: 0;
		padding: 0;
		max-width: none;
	}
	div#gmapInfocontent {
		color:black;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
	}
	div#mapcanvas img {
		max-width: none;
	}
	ul#map-tabs {
		padding: 6px 6px 0px 6px;
		height: 31px;
		list-style: none;
		border-bottom: 1px solid #606060;
	}

		ul#map-tabs li {
			margin: 0;
			padding: 0px 6px 1px 0px;
			float: left;
			height: 24px;
		}

		ul#map-tabs li a,
		ul#map-tabs li span {
			display: block;
			padding: 3px 9px;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			background-color: #4975b4;
			color: #fff;
			border-top: 1px solid #294266;
			border-left: 1px solid #294266;
			border-right: 1px solid #294266;
			border-radius: 7px 7px 0 0;
			outline: none;
		}
		ul#map-tabs li span {
			cursor: pointer;
		}

		ul#map-tabs li a.current,
		ul#map-tabs li span.current {
			background: #6BB6FF;
/*			color: #61707C;*/
			border-bottom: 1px solid #6BB6FF;
		}

		ul#map-tabs li a:hover,
		ul#map-tabs li span:hover {
			background-color: #67a6ff;
		}
		ul#map-tabs li a.current:hover,
		ul#map-tabs li span.current:hover {
			color: #222;
		}

	
/* ============================= */
/* ! Layout for iPad and smaller laptops   */
/* ============================= */
	
@media handheld, only screen and (max-width: 1024px) {
	body {
/*		font-size: 12px;*/
	}
	div#wrapper {
		padding: 0 20px;
	}
}
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	div#wrapper {
		padding: 0;
	}
	
	div#banner-row {
		display: none;
	}
	
/*	a#pdf-link {
		height: 110px;
	}
*/	
	div#search_bar form input[type=text] {
		padding: 0px;
		font-size: 16px;
	}
	div#search_bar a.homelink {
		border: none;
		border-radius: none;
		margin:0;
		padding:0;
	}
	div.page-content-row {
		padding: 0.5em 0em;
	}
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}