/**
* @project Michelle McCullagh
* @author Trevor Morris / Maschine
* @copyright 2009 by the author


* @section screen
* --------------------------------------------------------------------------------------------------
*/
html, body {
	background: #1d1d1d url(img/bg.jpg) repeat-x 0 0;
}
body {
	position: relative;
	font: normal normal 62.5%/1.5 Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman";
	line-height: 1.5; color: #7d7d7d;
}


/**
* =type
* @subsection typography
* --------------------------------------------------------------------------------------------------
*/
#wrapper {
	font-size: 1.4em; /* 14px base font size */
}
p, ul, ol, dl, pre, address, table,
h2, h3, h4, h5, h6,
form {
	margin: 0 0 1.4286em; /* 20px */
}

h2, h3, h4, h5, h6 {
	color: #c75e01;
}
h2 {
	margin: 0 15px 10px 0;
	font-size: 14px;
}
h3 {}
h4 {
	margin: 0 0 5px;
	color: #414141;
}
	h4 strong {
		text-transform: uppercase; font-weight: normal;
	}

p.lede,
div.lede {
	font-size: 1.4286em; /* 20px; */ line-height: 1.2;
}
p.note {
	font-size: 12px;
}

ul, ol {
	padding-left: 14px;
}
ol {
	list-style-type: decimal;
}
ul {
	list-style-type: disc;
}
ul.none {
	padding-left: 0;
	list-style: none;
}

dl dt, dl dd {}
dl dt {
	font-weight: normal;
}
dl dd {
	margin-bottom: 1em;
}

a:link, a:visited, a:focus, a:hover, a:active {
	color: #565656; text-decoration: underline;
}
a:hover, a:focus, a:active, .hovered a {
	color: #7d7d7d; text-decoration: none;
}
a:active {
	outline: 0;
}
.fitt {
	cursor: pointer;
}
.active > a, .active > a:focus, .active > a:hover, .active > a:active {
	color: #c75e01;
	text-decoration: none;
	cursor: default;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
strong.caps, em.caps {
	text-transform: uppercase;
}
img, a img, a:link img, a:visited img {
	display: block;
}
code, kbd, var {
	font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace;
}


/**
* =layout
* @subsection layout
* @subsection general and header
* --------------------------------------------------------------------------------------------------
*/
#wrapper,
#container {
}
#wrapper {
	width: 940px;
	margin: 0 auto; padding: 0 50px 10px;
	background: url(img/edge-right.jpg) no-repeat 100% 0;
}
#container {
	position: relative;
	margin: 0 0 0 -50px; padding: 0 0 0 50px;
	background: url(img/edge-left.jpg) no-repeat 0 0;
}
#header,
#content {
	padding: 0 80px;
}
#header {
	position: relative;
	background: #000 url(img/header.jpg) no-repeat 50% 0;
}
	#header h1,
	#header h1 a {
		height: 200px; width: 290px;
	}
		#header h1 a {
			background: #000 url(img/header.jpg) no-repeat -100px 0;
			outline: 0;
		}


/**
* =content
* @subsection layout
* @subsection content
* --------------------------------------------------------------------------------------------------
*/
#content {
	position: relative;
	height: 539px;
	background: #000;
}
body.gallery #content,
body.profile-working #content,
body.contact #content,
* html #content {
	padding: 0 40px 0 80px;
}
	#content div.img {
		position: relative;
		float: left;
		height: 310px; width: 440px;
		margin: 5px 20px 30px 0; padding: 20px;
		background-color: #111010;
	}
		#content div.img img {
			display: block;
			margin: 0 auto;
		}
		#content div.img span {
			position: relative;
			display: table-cell;
			height: 310px; width: 440px;
			vertical-align: middle; text-align: center;
		}
		#content div.img span img {
			display: inline;
		}
		#content div.img div.caption {
			position: absolute; top: 370px; left: 0;
			text-align: left;
		}
		#content div.img div.caption h3,
		#content div.img div.caption p {
			margin: 0;
		}
		#content div.img div.caption p.size,
		#content div.img div.caption span {
			color: #949494;
		}
		#content div.img div.caption span {
			display: block;
			height: auto; width: auto;
			text-align: left;
		}
		#content div.img div.caption p.price {
			color: #fff; font-weight: bold;
		}
		
		
		#content div.img span,
		#content div.img img {
			*display: block;
			*margin: 0 auto;
		}
		
		
#content div.content {
	width: 280px;
	margin-left: 500px;
}
body.index #content p,
body.contact #content div.links {
	clear: both;
}
#content div.content p {
	clear: none;
}

/* =index */
body.index #content p {
	font-size: 1.1429em; /* 16px */
}
body.index #content div.content p {
	font-size: 1em;
}


/* =profile */	
body.profile-exhibitions #content div.content {
	float: left;
	width: 460px;
	margin-left: 0;
}
	body.profile-exhibitions #content div.content ul {
		margin: 0; padding: 0;
		list-style: none;
	}
	body.profile-exhibitions #content #exhibition-years {
		overflow: hidden;
		margin: -60px 0 10px -10px;
	}
		body.profile-exhibitions #content #exhibition-years li {
			float: left;
			margin-right: 10px;
		}
			body.profile-exhibitions #content #exhibition-years li a {
				display: block;
				width: 65px;
				font-size: 0.8571em; line-height: 50px; font-weight: bold; text-decoration: none; text-align: center;
				background: url(img/year.jpg) no-repeat -1000px -1000px;
			}
			body.profile-exhibitions #content #exhibition-years li.active a {
				background-position: 0 0;
			}
			
			body.profile-exhibitions #content ul.hcalendar li span.entry-date {
				color: #949494; font-weight: bold;
			}
			body.profile-exhibitions #content ul.hcalendar li h2.summary {
				margin: 0;
				color: #fff; font-size: 0.9286em;
			}
			body.profile-exhibitions #content ul.hcalendar li p.description {
				color: #949494; font-size: 0.9286em;
			}
		
body.profile-exhibitions #content img {
	float: right;
	width: auto; height: auto;
	margin: 5px 20px 30px 0; padding: 20px;
	background-color: #111010;
}


/* =gallery */
body.gallery #galleries,
div.gallery ul {
	overflow: hidden;
	margin: 0; padding: 0;
	list-style: none;
}
	body.gallery #galleries li {
		float: left;
		width: 180px;
		margin: 0 5px 0 0;
		padding: 0 0 10px 15px;
		background: url(img/gallery-hover.png) no-repeat -9999px -9999px;
	}
	body.gallery #galleries li:hover {
		background-position: -22px 100%;
	}
	* html body.gallery #galleries li {
		background-image: none;
	}
	body.gallery #galleries li.l {
		margin-right: 0;
	}
		body.gallery #galleries a {
			display: block;
			text-decoration: none; color: #c75e01;
			outline: 0;
		}
		body.gallery #galleries a img {
			display: block;
			padding: 20px; margin: 0 0 25px;
			background-color: #110F10;
			border: 0;
		}
		body.gallery #galleries h2,
		body.gallery #galleries p {
			text-decoration: none;
		}
		body.gallery #galleries h2 {
			margin: 0;
		}
		body.gallery #galleries p {
			color: #949494;
		}
		body.gallery #galleries a:hover h2 {
			text-decoration: underline;
		}

div.gallery {
	float: right;
	width: 310px;
}
div.gallery ul {
	width: 310px;
}
	div.gallery ul li {
		float: left;
		margin: 0 19px 19px 0;
	}
		div.gallery ul li a {
			display: block;
			text-align: center;
			border: 2px solid #111;
		}
		div.gallery ul li.active a {
			display: block;
			border-color: #333;
		}


/* =contact */
body.contact #content p,
body.contact #content div.adr {
	margin: 0 0 1em;
}
body.contact #content p.tel.call {
	margin: 0 0 5px;
	color: #c75e01;
}
body.contact #content div.adr,
body.contact #content p.mail {
	font-size: 0.8em;
}
body.contact #content div.adr span {
	display: block;
}
body.contact #content div.links ul {
	margin: 0; padding: 0 0 20px;
	list-style: none;
}


/**
* =nav
* @subsection layout
* @subsection navigation
* --------------------------------------------------------------------------------------------------
*/
#nav {
	position: absolute; top: 82px; right: 80px;
}
#nav ul {
	margin: 0; padding: 0;
	list-style: none;
}
* html #nav {
	right: 120px;
}
	#nav ul li,
	#nav ul li a {
		width: 80px;
	}
	#nav ul li {
		position: relative;
		float: left; overflow: visible;
		display: inline;
		margin: 0 20px 0 0;
	}
	* html #nav ul li {
		margin-right: 0;
	}
		#nav ul li a {
			height: 18px;
			margin: 0 20px 0 0;
			background-image: url(img/nav.jpg);
		}
		
		#nav ul li#nav-index a {
			background-position: 0 0;
		}
		#nav ul li#nav-index a:hover,
		#nav ul li#nav-index a:focus {
			background-position: 0 -18px;
		}
		#nav ul li#nav-index a:active,
		body.index #nav ul li#nav-index a,
		body.index #nav ul li#nav-index a:hover,
		body.index #nav ul li#nav-index a:focus,
		body.index #nav ul li#nav-index a:active {
			background-position: 0 -36px;
		}
		
		#nav ul li#nav-profile a {
			background-position: -100px 0;
		}
		#nav ul li#nav-profile a:hover,
		#nav ul li#nav-profile a:focus {
			background-position: -100px -18px;
		}
		#nav ul li#nav-profile a:active,
		body.profile #nav ul li#nav-profile a,
		body.profile #nav ul li#nav-profile a:hover,
		body.profile #nav ul li#nav-profile a:focus,
		body.profile #nav ul li#nav-profile a:active {
			background-position: -100px -36px;
		}
		
		#nav ul li#nav-gallery a {
			background-position: -200px 0;
		}
		#nav ul li#nav-gallery a:hover,
		#nav ul li#nav-gallery a:focus {
			background-position: -200px -18px;
		}
		#nav ul li#nav-gallery a:active,
		body.gallery #nav ul li#nav-gallery a,
		body.gallery #nav ul li#nav-gallery a:hover,
		body.gallery #nav ul li#nav-gallery a:focus,
		body.gallery #nav ul li#nav-gallery a:active {
			background-position: -200px -36px;
		}
		
		#nav ul li#nav-contact a {
			background-position: -300px 0;
		}
		#nav ul li#nav-contact a:hover,
		#nav ul li#nav-contact a:focus {
			background-position: -300px -18px;
		}
		#nav ul li#nav-contact a:active,
		body.contact #nav ul li#nav-contact a,
		body.contact #nav ul li#nav-contact a:hover,
		body.contact #nav ul li#nav-contact a:focus,
		body.contact #nav ul li#nav-contact a:active {
			background-position: -300px -36px;
		}


#nav ul li ul,
#nav ul li ul li {
	width: 150px;
}
#nav ul li ul {
	position: absolute; top: 25px; left: 15px;
	display: none;
	margin: 0;
}
body.profile #nav ul li#nav-profile ul,
body.gallery #nav ul li#nav-gallery ul {
	display: block;
}
	#nav ul li ul li {
		float: none;
		margin: 0;
	}
		#nav ul li ul li a {
			background-image: none;
			text-indent: 0; font-size: 12px; line-height: 1.5; color: #565656; font-weight: bold;
		}
		#nav ul li ul li a:hover,
		#nav ul li ul li a:focus {
			color: #7d7d7d;
		}		
		#nav ul li ul li a:active,
		body.profile-biography #nav-profile-biography a,
		body.profile-exhibitions #nav-profile-exhibitions a,
		body.profile-working #nav-profile-working a,
		body.gallery-horses #nav-horses a,
		body.gallery-drawings #nav-drawings a,
		body.gallery-other-animals #nav-other-animals a,
		body.gallery-commissions #nav-commissions a {
			color: #c75e01 !important;
		}


/**
* =footer
* @subsection layout
* @subsection footer
* --------------------------------------------------------------------------------------------------
*/
#footer {
	clear: both; overflow: hidden;
	width: 924px;
	margin: 0 auto; padding: 8px;
	background: url(img/footer.jpg) no-repeat 0 0;
}
	#footer p,
	#footer p a {
		color: #565656;
	}
	#footer p {
		margin: 0;
		font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 1;
	}
	#footer-copyright {
		float: left;
	}
	#footer-design {
		float: right;
	}