/* @override http://frederickyocum.com/workspace/css/fdyocum.css */

/* @group Notes */

/* --
// Author: F D Yocum
// Contact
// Website FrederickYocum.com
// Last updated August 20, 2011

/* @end */

/* @group Global Reset */
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background:transparent
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/*Removing quotes from quotes http://www.paulchaplin.com/blog/css-reset-and-quirky-quotes*/
blockquote, q
{
	quotes: none;
}

/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
	/*
	CSS 2; used to remove quotes in case "none" fails below.
	*/
	content: "";
	/*
	CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea...
		content: none;*/

}

/*Removes ever decreasing font-size when specifying size in ems*/
ul ul, ul label,td p { 
	font-size: 100%; 
}

caption,th { 
	text-align:left; 
}

html{
	font-size:100%; /*Fixes exaggerated text resizing of IE6 and IE7 when using ems.*/ 
	min-height:101%; /*Compensates for Firefox's vertical scroll bar jump*/
}

 /*Used to remove text from view*/ 
.visually-hidden,
.offSet,
footer address {
	  position: absolute !important;
	  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	  clip: rect(1px, 1px, 1px, 1px);
	  padding:0 !important;
	  border:0 !important;
	  height: 1px !important;
	  width: 1px !important;
	  overflow: hidden;
	}
	
/*Use the pseudo-class :hover to remove focusable elements in the hidden container from the tabbing sequence. The rule below should remove links and form controls from the tabbing sequence as long as the user has his mouse cursor over the page. This will take away confusion for users using the key board to navigate link and form elements (note that this rule may create performance issue in IE7). The !important declarations are meant to overwrite the styling of the box (if any). Making content inaccesible.*/
	
	body:hover .visually-hidden a,
	body:hover .visually-hidden input,
	body:hover .visually-hidden button {
	  display: none !important;
	}
	
/*To hide content from all users, then follow Webaim’s advice and use both visibility and display*/
		.hidden {
		  visibility: hidden;
		  display: none;
		}

/*Used to clear floats especially on Main positional elements*/
.clear{
	clear: both;
}

/* Slightly enhanced, universal clearfix hack apply this to the element containing the float*/
#content-Area:after,
//#content-Main .Listing li:after,
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
     }
/* To deal with IE inability to handle after */
/*#content-Area,
#content-Main .Listing li,{ 
	display: inline-block; 
	}*/

/* These are needed for Internet Explorer.*/
* html #content-Area,
* html #content-Main .Listing li,
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End Holly Hack */

/* @end Global Reset */

/* @group Global Colour */

html {
	background-color: #224A5F;
	background-image: url(../img/Base_Background.png);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #333;
}

body {
	background-color: #4a8354;
	background-image: url(../img/ContainerBackground.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#content-Area {
	background-color: #f7e9db;
	border-color: #ccc;
	border-bottom-style: solid;
}

/*#nav-Main ul li ul li{
	color: #91878d;
}*/
form {
	background-color: #f1dccf;
	border-right-color: #cbb9ae;
	border-left-color: #cbb9ae;
	border-right-width: thin;
	border-left-width: thin;
	border-width:medium;
	margin-bottom: 1em;
}

thead, tfoot, h3
 {
	background-color:#cbb9ae;
	color: #fdf5e7;
}
#Supplementary,
#Supplementary a,
#nav-Final a {
	color: #F9E4D4;
	background-color: transparent;
}

/*#Supplementary #InfoPanel td, 
#Supplementary #InfoPanel td a,
ul.Listing.Folio li h3 a {
	color: #777;
	background-color: transparent;
}*/

ul.Listing.Article li h3 a {
	color: #6a3d48;
	background-color: transparent;
}

h1, a:link, caption,
#content-Area ul.Details li {
	background-color:transparent; 
	color:#72091d;
}
h2, legend, label  {
	background-color:transparent; 
	color: #9f8380;;
}
#nav-Initial a {
	color: #5e5651;
	background-color: transparent;
}
 

#nav-Main a,
#nav-Main p.synopsis,
.body.Foli #content-Main .Listing a {
	color: #f8e2d5;
	background-color: transparent;
}
/* @end Colour */

/* @group Shadow Box
IE fix in hacks.css
From http://nick-dunn.co.uk/assets/files/dropshadow/index.html */
#content-Area article img,
#content-Area .firstListing img,
.shadowDrop {
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
}
		
/* @end Shadow Box*/

/* @group Typeface */

/*Two main font served by TypeKit using two  with  files */

body, h1, acronym, abbr, #nav-Main ul ul, div.hresume .title,
#nav-Main ul ul,
p.synopsis {
	/*font-family:"apolline-1","apolline-2", Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", sans-serif;*/
	font-family: "lemonde-journal-1","lemonde-journal-2", sans-serif;
}

h2,h3, thead,tfoot,th, legend, label, #nav-Initial, #nav-Final, #nav-Main ul, #nav-Main ul ul, #Miscell dd.Notes, #Miscell dd.miscel_Media,
 div.hresume .summary, .hresume .duration, div.hresume .location,
.folioInfoPanel dt,
#InfoPanel dl dt,
#InfoPanel th,
#content-Area ul.Details,
p.articleCategory,
ul.Listing.Folio li h3,
.figcaption {
	/*font-family: "lemonde-sans-1","lemonde-sans-2", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;*/
	font-family: "p22-underground-1","p22-underground-2", serif;
}

code, kbd, samp, tt, var {
	font-weight: bold;
	font-family: "Courier New", Courier, mono;
}

/* @end Typeface */

/* @group Content Definitions */
/* @group Type Blocks */

body {
	font-size: 14px; 
	line-height:18px; 
}

ol, ul, dl, address {
	margin-bottom: 18px;
}

p, li, dl, input, textarea, button, submit, select, td {
	font-weight: normal;
}

li {
	line-height: 18px;
}

blockquote {
	font-size: 12px;
	line-height: 18px;
	margin: 18px 27px;
	text-align:justify;
}

h1 {
	font-size: 34px;
	font-weight: normal;
	line-height: 28px;
	margin-top: 0px;
	margin-bottom: 36px;
	letter-spacing: .05em;
}

h2 {
	font-size: 21px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 9px;
	margin-bottom: 9px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	float: left;
	margin-right: 10px;
	padding: 0 9px;
	text-transform:uppercase;
	letter-spacing: .035em;
}
h4, legend, caption {
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
}

ul, ol {
	list-style-position: inside;
}

dt {
	font-weight: bold;
	float: left;
	width:  1em;
	padding-right:1em;
	text-align: right;
	clear: both;
}

dd {
	/*clear:right;*/
	margin-left: 6em;
}



/* @end */

/* @group Inline Type */

a:link,
a:hover, 
a:visited {
	text-decoration: none;
	font-weight: bold;
}
sup, sub {
	font-size: 8px;
	margin-left: .2em;
	font-weight: bold;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}
sup a, sub a {
	text-decoration: none;
}

dfn:hover, acronym:hover, abbr:hover {
	cursor: help;
}

dfn {
	font-style: italic;
}

abbr {
	text-decoration: none;
	border-bottom: 0;
	letter-spacing: .1em;
}

abbr.acronym {
	font-variant: small-caps;
	letter-spacing: .1em;
}

/* @end */

/* @group Form Styles */

form {
	display: block;
	position: relative;
	padding: .75em;
	-webkit-border-radius: 9px;  /* safari-chrome */ 
 	-moz-border-radius: 9px;   /* firefox */ 
 	border-radius: 9px;  /* opera */ 
}

form div {
	margin-left:auto;
	margin-right:auto;
	margin-top:9px;
	margin-bottom: 9px;
	width:90%;
}

fieldset {
	padding:18px 20px 18px;
}

label {
	font-weight:normal;
	text-align:right;
}

fieldset label {
	float:left;
	width:25%;
}

input, textarea {
	font-weight:bold;
	margin:5px 0 5px 9px;
	text-align:left;
}

input, textarea {
	background-color:#FFF;
	color:#666;
	width: 70%;
}


input:focus, textarea:focus {
	background-color: #fff;
	color:#464646;
	border:#cbb9ae solid 3px;
}

input#submit{
	margin: 0 0 0 65%;
	width: 9em;
}

select, input, textarea {
	vertical-align:top;
}
 
 input legend {
	background-color:transparent;
	font-weight:bold;
}

form h2 {
	font-size: 21px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 18px;
	margin-top: 0em;
}

form ul{
	margin: 0;
}

form li {
	list-style-type: none;
}

form li.success {
	font-style: italic;
	font-weight: bold;
	color:#fff ;
	background-color: #72091d;
	padding: 2px;

}
/* @end Form */

/* @group Table Styles */

table {
	border-right: solid #444 thin;
	border-left: solid #444 thin;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
td, th {
	padding: 5px;
	vertical-align: middle;	
}
td {
	font-weight: normal;
	border-right: solid #fff thin;
	border-left: solid #fff thin;
	text-align: left;
}
th {
	text-align: left;
}

caption {
	margin: 5px 5px;
	text-align: left;
}

thead, tfoot {
	font-weight: bold;
}

thead td, tfoot td {
	font-weight: bold;
	font-size: 14px;
}
thead {
	border-bottom: solid thin #000;
}

tfoot {
	border-top: solid thin #000;
}
tbody td, tbody th {
	border-bottom: solid #666 thin;
}

colgroup td {
	background-color: #ccc;
}

/* @end table */


/* @end Content Definitions*/

/* @group Structural */

/* @group Main Structure */

body {
	position: relative;
	height:100%;
	margin: 0 auto;
	width: 940px;
}

a#PageTop {
	position: absolute;
	top: 0;
	left: 0;
}

img#brand-Logo {
	position: absolute;
	top: 0;
	right: -24.5px;
	z-index: 1000; 
}

img#brand-Sig {
	/*Image is 36px*/
	left:12px;
	top: 0;
	position:absolute;
	width: 37px;
}

div#content-Main {
	float: left;
	margin: 0 0 0 60px;
	width: 460px;
	min-height:400px
}

#Supplementary {
	float: right;
	display: inline;
	margin-top: 108px;
	margin-left: 20px;
	margin-right: 20px;
	width: 240px;
}


div#content-Area {
	position: relative;
	padding: 36px 79px 36px 19px;
	border-width: 1px;
	width: 100%;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-radius-bottomleft: 4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-radius-bottomright: 4px;	
}

footer {
	clear: both;
	/* February 22, 2010 border-bottom: solid #000 thin;*/
	padding-top: 1em;
}

/* @end  Main Structure  */

/* @group Initial and Final Nav */

#nav-Initial a, #nav-Final a {
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .2em;	
}

/* @end  Intial and Final Nav */

/* @group nav-Final */
#nav-Final {
	margin-left: 64px;
	/*Same as the text headers width*/
}

#nav-Final ul{
	padding: 0 0 0 6px;
	margin-bottom:0;
}

#nav-Final ul li{
	list-style: none;
	display: inline-block;
	padding: 0;
	font-size: 10px;
}

#nav-Final a {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/nav-Section-Links.png) no-repeat;
	margin: 6px 6px;		
}

nav#nav-Final span.nav-Text {
	position: absolute;
	left:-1000px;	
}

/* @group nav-Final Icons */

#nav-Final a.nav-Art{
	background-position: -120px -24px;	
}

#nav-Final a.nav-Design{
	background-position: -168px -24px;	
}
#nav-Final a.nav-Writing{
	background-position: -144px -24px;	
}

#nav-Final a.nav-Home{
	background-position: -24px -24px;	
}

#nav-Final a.nav-About{
	background-position: -48px -24px;	
}

#nav-Final a.nav-Contact{
	background-position: -72px -24px;	
}

#nav-Final a.nav-Art:hover{
	background-position: -120px 0px;	
}

#nav-Final a.nav-Design:hover{
	background-position: -168px 0px;	
}
#nav-Final a.nav-Writing:hover{
	background-position: -144px 0px;	
}

#nav-Final a.nav-Home:hover{
	background-position: -24px 0px;	
}

#nav-Final a.nav-About:hover{
	background-position: -48px 0px;	
}

#nav-Final a.nav-Contact:hover{
	background-position: -72px 0px;	
}
/* @end */

/* @end  nav-Final */


/* @group nav-Intial */
#nav-Initial {
	position: absolute;
	top: 0.5em;
	right: 1em;
	left: auto;
}

#nav-Initial ul{
	list-style: none;
	list-style-position: inside;
	background: url(../img/nav-Initial-dot.gif) no-repeat right center;
	padding-right: 6px;
}

#nav-Initial ul li{
	display: inline;
	padding: 5px 5px 0 12px;
	font-size: 9px;
	background: url(../img/nav-Initial-dot.gif) no-repeat left center;
}

/* @end  Nav-Intial */

/* @group Main Nav */

#nav-Main h3 {
	display: none;
}

#nav-Main ul {
	list-style: none;
	margin-left: 0;
}

#nav-Main ul li {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: .35em;
	
}

#nav-Main ul ul {
	margin-left: 0;
	margin-bottom: 0;
	
}

#nav-Main ul li ul li{
	letter-spacing: 0;
	text-transform: none;
	font-size: 16px;
	/*--display: inline-block; 
	width: 47%;--*/
	margin-bottom: 6px;	
}


#nav-Main img {
	/*display: block;*/
	float:left;
	margin:0 9px;
}

p.synopsis {
	font-style: italic;
	font-size: 13px;
	letter-spacing: .09em;
	margin-bottom: 12px;	
}
p.synopsis i {
	font-style: normal;
}


/* @end Main Nav */

/* @group Footer */
footer #nav-Main ul li ul li{
	display: inline-block; 
	width: 47%;
}

/* @end Footer */


/* @end  Structural */

/* @group Supplementary */

#Supplementary h3 {
	background-color: transparent;
	font-size: 16px;
	margin-top: .5em;
	margin-bottom: .5em;
	border-bottom: 0;
	float: none;
}
li.nav-Art,
li.nav-Design,
li.nav-Writing,
li.nav-About  {
	border-top: thin solid #75987b;
}


/* @end  Supplementary */

/* @group Miscellany */

#Miscell dl dd {
	margin: 0 0 0 0;	
}

#Miscell dl dt {
	display: block;
	float: none;
	width: 100%;
	padding-top:6px;
	text-align: left;
	line-height: 12px;
}

#Miscell dd.miscel_Media {
	margin-left: .25em;
	font-style: italic;
	font-size:10px;
}

#Miscell dd.miscel_Auth {
	font-style: italic;	
}

#Miscell dd.Notes {
	font-size: 10px;
	line-height: 1.33em;	
}
/* @end  Miscellany*/

/* @group Listings */

ul.Listing {
	list-style: none;
	text-align: left;
	width: 100%;
	margin-bottom: 0;	
}

ul.Listing li {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	padding-right: .5em;
}

ul.Listing li.firstListing {
	width: 100%;
	border-bottom: #000 solid 1px;
	margin-bottom: 1em;
}

ul.Listing li.firstListing h3 {
	font-size: 21px;
	text-transform:none;	
}
ul.Listing li.firstListing figure {
	width: 100%;
	margin-right:0;
	margin-left: 0;
}

ul.Listing li.firstListing img{
	display: block;
	float: none;
	margin: 1em auto;
	width: 100%;
}

ul.Listing li img {
	float: left;
	margin: 0 15px 0 0;

}

ul.Listing h3 {

	float: none;
	background-color: transparent;
	padding: 0;
	font-weight: normal;
	text-transform:none;
	letter-spacing: .035em;
	display:block;
	text-transform:uppercase;	

}
p.articleCategory {
	font-size: .655em;
	text-transform: uppercase;
}

#content-Area ul.Listing.Article li p.synopsis {
	margin-top: 0;
	margin-bottom: 18px;		
}

/* @end Listing*/

/* @group content-Area */

figure.right {
	position: relative;
	float: right;
	display: inline;
	padding-right: 6px;
	padding-bottom: 0px;
	margin-right: -100px;
	margin-left: 1em;
	margin-top: 1em;
	width: 300px;
}

div#content-Area p {
	text-align: left;
	/*word-spacing:-0.05em;*/
}

div#content-Area p+p {
	margin-top: 9px;
	/*word-spacing:-0.05em;*/
}

#content-Area ul.Details {
	margin-top: 9px;
}
#content-Area ul.Details li {
	text-transform: uppercase;
	list-style-type: none;
	font-size: 13px;
	line-height: 18px;
	
}
/* @end */

/* @group Comments */

#frmComments fieldset div {
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom: 0;
	width:100%;
}
#Comments {
	border-top: solid 2px #9a7a83;	
}
#Comments dt.comDate {
	color: #9a7a83;	
}

#Comments dl.comPanel dd {
	background-color: #fcede0;
	padding: 6px;
}
#Comments dl.comPanel dd.comAuthor {
	background-color: transparent;
	font-style: italic;

}

#Comments span.comMonth {
	font-size: 16px;	
}

#Comments span.comYear {
	font-size: 10px;
}

#Comments dt.comDate {
	width: 12%;
	height: 100%;
	border-right: #fff 2px solid;
}


/* @end */

/* @group Resume */

div.hresume * {
	text-align: left;
}

div.hresume a:Link {
	font-weight: normal;
}

div.hresume .vevent {
	padding-top:1em;
	margin-bottom:.5em;
}

div.hresume .vevent,
div.hresume .description li {
	list-style-type: none;
	list-style-position: inside;
}

div.hresume .description li {
	margin-left: 1em;
	/*margin-bottom: 1em;*/
}

div.hresume h2 {
	border: 0;
	margin-top: 1em;	
	margin-bottom:.5em;
}

div.hresume .title {
	font-size:16px;
	text-transform: uppercase;
	/*font-weight:bold;*/
	/*letter-spacing: .07em;
	word-spacing:-.em*/

}

div.hresume .location {
	display: inline;
	float: right;
	width: 15em;
	margin-bottom: 0;
	text-align: right;
}

div.hresume .description {
	/*background-color: #f8eee7;*/
	padding-top: .5em;
	padding-right: 1.33em;
	padding-bottom: .25em;
	border-top: 1px solid #cbb9ae;
}

div.hresume .duration, div.hresume .location {
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;	
}

div.hresume .summary {
	margin-bottom: 0;
}
/* @end */

/* @group Folios
Style Definitions common to all folios */

/* @group nav-Main */
body.Art.Folio #nav-Main ul {
	margin-left:72px;
}
body.Art.Folio #nav-Main ul ul {
	margin-left:0px;
}
/* @end */

/* @group Structural Blocks
Adaptions to the existing structural */

body.Art.Folio,
body.Design.Folio {
	width: 936px;
	/*max-width: 936px;
	min-width: 25em;*/
}

body.Art.Folio div#content-Main,
body.Design.Folio div#content-Main {
	position: relative;
	margin: 0 0 0 66px;
	width: 842px;
}


body.Art.Folio div.Folio,
body.Design.Folio div.Folio {
	position: relative;
	width: 600px;	
}

body.Art.Folio div.folioObj img,
body.Design.Folio div.folioObj img {
	display: block;
	margin-right:auto;
	margin-left:auto;	
}

body.Art.Folio #Supplementary,
body.Design.Folio #Supplementary {
	width: 200px;
	margin: 0px 42px 18px auto;
}

body.Art.Folio #Supplementary div#InfoPanel,
body.Design.Folio #Supplementary div#InfoPanel {
	margin-top: 9px;
	padding-top: 9px;
}

body.Art.Folio footer {
	padding-top: 0;
}

/* @end Structural Changes*/
.folioInfoPanel table,
#InfoPanel table,
.folioInfoPanel table,
#InfoPanel table {
	border-collapse: separate;
	border-spacing: 0 .25em;
	
}

#InfoPanel table,
#InfoPanel td,
#InfoPanel th,
.folioInfoPanel table,
.folioInfoPanel td,
.folioInfoPanel th {
	border: none;
	vertical-align: text-top;	
}

.folioInfoPanel th {
	font-weight: bold;
	text-align: right;
	width: 9em;
}

.folioInfoPanel td,
.folioInfoPanel td {
	text-align: left;
}


body.Art.Folio h1,
body.Design.Folio h1  {
	margin: 18px 54px 36px 24px;
}

body.Art.Folio div.folioObj h2,
body.Design.Folio div.folioObj h2 {
	font-size: 16px;
	text-align: center;
	margin-top: 9px;
	margin-bottom: 18px;
	font-weight: normal;
	letter-spacing: 0.07em;
}
body.Art.Folio div.folioInfoPanel,
body.Art.Folio div.folioInfoPanel {
	width: 90%;
	margin: 20px auto;
	padding:10px;	
}

body.Art.Folio div.folioInfoPanel.Off,
body.Art.Folio div.folioInfoPanel.Off {
	background-color: transparent;
	margin-top: 0;	
}
div#Supplementary ul#folioNav li
/* body.Folio.Art div#Supplementary ul#folioNav li,
body.Folio.Design div#Supplementary ul#folioNav li */
{
	list-style: none;
	display: inline-block;
	margin: 2px 6px 2px 0;
	text-align: left;
	vertical-align: middle;
}

/* @group FolioListing */
#content-Main ul.Listing.Folio {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

#content-Main ul.Listing.Folio li {
	display: inline-block;
	margin-bottom: 1em;
	width: 48%;
	vertical-align: top;
}
ul.Listing.Folio li h3 a {
	letter-spacing: .07em;
	font-size: 16px;
}

/*#content-Main ul.Listing.Folio {
	width: 65%;
	margin-right: auto;
	margin-left: auto;	
}

#content-Main .Listing.Folio li {
	margin-bottom: 1em;
	width: 100%;
}*/

/* @end */



/* @end of Folios */

/* @group Art Folio */

/* @group Colour */

body.Art.Folio {
	background-color: #655960;
	background-image: url();
	color: #444;
}

body.Art.Folio {
	background-color: #746b71;
	background-image: none;

}

body.Art.Folio div#content-Main {
	background-color: #7c7178;
	border-color: #666666;
}
body.Folio.Art h1,
body.Folio.Art th,
body.Folio.Art .FolioListing h3,
body.Folio.Art .ArticleListing h3,
body.Folio.Art .FolioListing a {
	color: #988b93;
	background-color: transparent;
}

body.Folio.Art div.folioObj h2,
body.Folio.Art td,
body.Folio.Art #InfoPanel th,
body.Folio.Art p.synopsis,
body.Folio.Art #nav-Main ul ul ul li {
	color: #f8e2d5;
	background-color: transparent;

}


body.Art.Folio #nav-Main ul li {
	color: #8e838b;
	
}

body.Art.Folio #nav-Main ul ul li {
	color: #a498a1;
	
}

body.Art.Folio #nav-Main ul li ul li {
		background-color: #6d636e;
}

body.Art.Folio #nav-Initial a {
	color: #d8d6d6;
	background-color: transparent;
}
body.Art.Folio div.folioInfoPanel {
	background-color: #746b71;
	
}
/* @end */


/* @group nav-Final Icons */

body.Art.Folio #nav-Final a.nav-Art,
body.Design.Folio #nav-Final a.nav-Art{
	background-position: -120px -72px;	
}

body.Art.Folio #nav-Final a.nav-Design,
body.Design.Folio #nav-Final a.nav-Design{
background-position: -168px -72px;	
}
body.Art.Folio #nav-Final a.nav-Writing,
body.Design.Folio #nav-Final a.nav-Writing{
	background-position: -144px -72px;	
}

body.Art.Folio #nav-Final a.nav-Home,
body.Design.Folio #nav-Final a.nav-Home{
	background-position: -24px -72px;	
}

body.Art.Folio #nav-Final a.nav-About,
body.Design.Folio #nav-Final a.nav-About {
	background-position: -48px -72px;	
}

body.Art.Folio #nav-Final a.nav-Contact,
body.Design.Folio #nav-Final a.nav-Contact {
	background-position: -72px -72px;	
}

body.Art.Folio #nav-Final a.nav-Art:hover,
body.Design.Folio #nav-Final a.nav-Art:hover {
	background-position: -120px -48px;	
}

body.Art.Folio #nav-Final a.nav-Design:hover,
body.Design.Folio #nav-Final a.nav-Design:hover {
	background-position: -168px -48px;	
}
body.Art.Folio #nav-Final a.nav-Writing:hover,
body.Design.Folio #nav-Final a.nav-Writing:hover {
	background-position: -144px -48px;	
}

body.Art.Folio #nav-Final a.nav-Home:hover,
body.Design.Folio #nav-Final a.nav-Home:hover{
	background-position: -24px -48px;	
}

body.Art.Folio #nav-Final a.nav-About:hover,
body.Design.Folio #nav-Final a.nav-About:hover{
	background-position: -48px -48px;	
}

body.Art.Folio #nav-Final a.nav-Contact:hover,
body.Design.Folio #nav-Final a.nav-Contact:hover{
	background-position: -72px -48px;	
}

/* @end */

body.Art.Folio div.folioInfoPanel.Off table,
body.Design.Folio div.folioInfoPanel.Off table {
	position: absolute;
	left:-1000px;
	
}

body.Art.Folio td.folioObjNote {
	font-style: italic;
	letter-spacing: .06em;
}

/* @group Art.Folio menu */

body.Art.Folio div#Supplementary ul#folioNav {
	position:relative;
	margin: 0 auto;
}

/*body.Art.Folio div#Supplementary ul#folioNav li {
	float: right;
}*/

/* @end */

/* @end */

/* @group Design Folio */



/* @group Colour */

body.Folio.Design {
	background-color: #bfbebf;
	background-image: url();
	color: #444;
}

body.Folio.Design {
	background-color: #bfbfbf;
	background-image: none;

}

body.Folio.Design div#content-Main {
	background-color: #efeeef;
	border-color: #666666;
}
body.Folio.Design h1,
body.Folio.Design div.folioObj h2,
body.Folio.Design dt,
body.Folio.Design th,
body.Folio.Design #nav-Main ul li {
	color: #a08e92;
	background-color: transparent;
}

body.Folio.Design td {
	color: #000;
}

body.Folio.Design #nav-Main ul ul li {
	color: #7f7073;
	background-color: #e5e5e5;
}

body.Folio.Design #nav-Main p.synopsis,
body.Design.Folio p,
body.Design.Folio dd,
body.Art.Folio #InfoPanel th,
body.Design.Folio #nav-Main a  {
	color: #545454;
	background-color: transparent;

}

body.Folio.Design #Supplementary div {
	border-top: 0;
}

body.Folio.Design #nav-Initial a {
	color: #d8d6d6;
}
body.Folio.Design #Supplementary ul#folioNav li a img {
	border: solid 2px #a08e92;
}
div#infoPanel td {
	color: #442e26;
}

/*.folioObjNote, 
body.Folio.Design div.folioInfoPanel td {
	color: #442e26;
	
}*/
/* @end */

body.Design.Folio div.folioObj h2 {
	font-size: 16px;
	text-align: left;
	margin: 9px 0 9px 9em;
	font-weight: bold;
	letter-spacing: 0.07em;
}
body.Design.Folio div.folioInfoPanel table {
	padding-right: 4em;
}

body.Design.Folio div.folioInfoPanel li {
	list-style-position: inside;
	list-style: none;
}

body.Design.Folio dt {
	float: left;
	width:  10em;
	padding-right:1em;
	text-align: right;
	clear: both;
}

body.Design.Folio dd {
	margin-left: 11em;
}
/* body.Design.Folio div#Supplementary ul#folioNav li {
	float: left;
	margin: 2px 2px;
} */

body.Design.Folio div#Supplementary ul#folioNav {
	position:relative;
	margin: 0 auto;
}

body.Design.Folio #nav-Main ul,
body.Design.Folio #nav-Final {
	margin-left: 0;
	/*Same as the text headers width*/
}

body.Design.Folio #Supplementary #InfoPanel dl dd {
	margin-bottom: 18px;
	margin-left: 0;	
}
body.Design.Folio #Supplementary #InfoPanel dl dt {
	width: auto;	
	margin-right: .5em;
	padding-right: .5em;
	padding-left: .5em;
	font-weight: normal;
}
/* @end */

figure img {
width: 100%;
}