/*  
Theme Name: Martha Ward
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
License:
License URI: 
*/

/* Reset Styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div, nav, header, footer, aside { display: block; }


/* General Structure */

body {
	background: #FFFFFF;
	text-align: center;
	font-family: 'Cinzel', 'Hypatia Sans Pro', 'Avenir', Helvetica, Arial, sans-serif;
	font-size: 13.5px;
	color: #999999;
	padding: 95px 0 105px 0;
	padding: 82px 0 82px 0;
}

	.container {
		display: block;
		margin: auto;
		text-align: left;
		width: 100%;
		max-width: 1400px;
		position: relative;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	a { color: #3366cc; text-decoration: none; }
	a:hover { color: #333; }
	
	.clearfix { display: block; clear: both; }


	/* Site Header */

	#site-header {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 60px;
		padding: 25px 0 0 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		#site-header:before {
			height: 2px;
			background: #CCC;
			position: absolute;
			top: 45px;
			left: 0px;
			width: 100%;
			content: ' ';
			display: block;
		}
			#site-header h1 {
				position: relative;
				margin: 0 0 0 90px;
				padding: 0 30px;
				line-height: 48px;
				font-size: 25px;
				font-weight: 300;
				color: #060606;
				text-transform: uppercase;
				letter-spacing: 1px;
				background: #FFF;
				float: left;
			}
				#site-header h1 a { color: #060606; }
				#site-header h1 strong { font-weight: 500; }
			#site-header .social {
				float: right;
			}
				#site-header .social a {
					display: block;
					float: left;
					margin: 0 7px;
				}
					#site-header .social a img { display: block; height: 15px; width: auto; }


	/* Main */

	#main .container {
		padding: 0 0 0 210px;
	}
		#main .container:before {
			position: absolute;
			top: 0px;
			left: 180px;
			width: 2px;
			background: #CCC;
			position: absolute;
			height: 100%;
			content: ' ';
			display: block;
		}
			#sidebar {
				width: 150px;
				margin: 0 0 0 -210px;
				text-align: right;
				float: left;
			}
				#sidebar nav li { display: block; }
					#sidebar nav li a {
						color: #666666;
						font-size: 13.5px;
						line-height: 18px;
					}
					#sidebar nav li.current-menu-item a,
					#sidebar nav li a:hover {
						color: #000000!important;
					}
					#sidebar nav li ul { padding: 0 0 20px 0; display: none; }
						#sidebar nav li ul li a { color: #999999; }

			.gallery-nav {
				position: absolute;
				bottom: -5px;
				left: 0px;
				width: 170px;
			}
				.gallery-nav a {
					display: inline-block;
					vertical-align: top;
					width: 30px;
					height: 22px;
					background: url(./images/arrow-left.png) no-repeat center center;
					margin: 0 5px;
				}
				.gallery-nav .gallery-next {
					background: url(./images/arrow-right.png) no-repeat center center;
				}
				.gallery-nav .gallery-pagination {
					display: inline-block;
					vertical-align: top;
					line-height: 22px;
					font-size: 12.5px;
					color: #666666;
				}

		#gallery {
			float: left;
			width: 100%;
			position: relative;
		}
			#gallery .loader {
				position: absolute;
				top: 50%;
				left: 50%;
				display: block;
				z-index: 1;
				margin: -8px 0 0 -8px;
			}
			#gallery .image-holder {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				text-align: center;
				line-height: 100%;
				z-index: 10;
			}
				#gallery .image-holder img {
					vertical-align: middle;
					display: inline;
					max-width: 100%;
					max-height: 100%;
				}
			#gallery .image-caption {
				position: absolute;
				top: 100%;
				text-align: center;
				width: 100%;
				line-height: 18px;
				padding: 16px 0 0 0;
				color: #999999;
			}

			#gallery .overlay-arrow {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 50%;
				height: 100%;
				z-index: 100;
				background-image: url(./images/spacer.png);
				cursor: url(./images/gallery-image-arrow-left.png), default;
			}
			#gallery .overlay-arrow-right {
				left: 50%;
				cursor: url(./images/gallery-image-arrow-right.png), default;
			}

		#content {
			float: left;
			width: 100%;
			position: relative;
			padding: 0 120px;
			position: relative;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			#content .content-inner {
				display: table-cell;
				vertical-align: middle;
			}
			#content p {
				font-size: 14px;
				line-height: 12px;
				line-height: 16px;
				color: #666666;
				padding: 20px 0;
				padding: 10px 0;
				margin: 0px;
			}
			#content h2 {
				font-size: 14px;
				line-height: 18px;
				color: #666666;
				margin: 0 0 20px 0;
				font-weight: normal;
			}
			body.page-id-19 #content p { text-align: justify; }
			/*body.page-id-21 #content h2,
			body.page-id-21 #content p,
			body.page-id-19 #content h2,
			body.page-id-19 #content p { font-family: Helvetica; }*/
			#content a { color: #000;  }
			#content a:hover { text-decoration: underline; color: #000;  }
				#content .cols {
					margin: 0 -45px;
				}
					#content .cols .col {
						float: left;
						width: 33.3%;
						padding: 0 45px;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
					}
						#content .cols .col ul {
							font-size: 14px;
							line-height: 18px;
							color: #666666;
							margin: 0px;
							font-weight: bold;
							font-weight: normal;
						}


	/* Thumbs */

	#gallery-thumbs {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 85px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		#gallery-thumbs .gallery-thumbs-scroller {
			overflow: auto;
			height: 75px;
		}
		#gallery-thumbs ul {
			width: 0px;
			height: 70px;
			position: relative;
			min-width: 100%;
			float: left;
			text-align: center;
		}
			#gallery-thumbs ul li:first-child { margin-left: 210px; }
			#gallery-thumbs ul li {
				display: inline-block;
				margin: 0 1px;
			}
				#gallery-thumbs ul li a {
					display: inline-block;
					opacity: 0.6;
					transition: opacity .25s ease-in-out;
					-moz-transition: opacity .25s ease-in-out;
					-webkit-transition: opacity .25s ease-in-out;
				}
					#gallery-thumbs ul li.current a,
					#gallery-thumbs ul li a:hover {
						opacity: 1;
					}
					#gallery-thumbs ul li a img {
						height: 65px;
						width: auto;
					}
				#gallery-thumbs ul li p { display: none; }
	
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
	display: none!important;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background: #FFF;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #FFF;
	position: relative;
}

.jspDrag
{
	background: #CCC;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}