/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ BODY & CONTAINER DIVS ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
}
#container {
	width: 810px;
	padding-top: 18px;
	margin-left: auto;
	margin-right: auto;
	border: 0;
}


/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ SEMANTICS ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
}


/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ LHS NAVIGATION DIV ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


#nav {
	padding: 0;
	margin: 0;
	margin-left: 16px;
	border: 0;
	background-color: white;
	width: 300px;
	clear: both;
	float: left;
}
#nav h1, #nav h1 a {
	color: #6C835E;
	font-size: 32px;
	text-decoration: none;
}


/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ STATIC NAVIGATION LIST STYLES ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


#staticNav {
	line-height: 1em;
	font-size: 1.5em;
	font-weight: bold;
}
ul#staticNav {
	padding: 0;
	margin: 0;
}
#staticNav li {
	padding:0 0 0 0;
	margin:0;
	display: inline;
}
#staticNav li a {
	padding-right: 0.25em;
	color:#97B881;
	text-decoration: none;
}
#staticNav li a:hover {
	color:#6C835E;
}
#staticNav img {
	height: 0.4em;
	padding-right: 0.25em;
	padding-bottom: 0.2em;
}



/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ DYNAMIC NAVIGATION LIST STYLES ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


#dynamicNav {
	padding-top: .25em;
	line-height: 1.1em;
	font-size: 1.25em;
	font-weight: bold;
}
.tag > a {
	text-transform: uppercase;
}
.tag a {
	margin-right: 0.4em;
	/* padding-right: 0.4em; */
	color: inherit;
	text-decoration: none;
}
.tag a:hover {
	color:#6C835E;
}
.tag a:link,
 .tag a:visited,
  .tag a:active {
	color: inherit;
}
.tag .active {
	color:#474A45;
	margin-right: 0.4em;
	/* padding-right: 0.4em; */
}
.tag img {
	height: .47em;
	padding-right: .37em;
	padding-bottom: .15em;
}
.tag .navArrow {
	height: .6em;
	padding-right: .05em;
	padding-bottom: .1em;
	position: relative; left: -.2em;
}



/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ RHS CONTENT DIV ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


#content {
	margin-right: 16px;
	width: 460px;
	float: right;
	border: 0;
}
#content h2, #content h2 a {
	color: #6C835E;
	font-size: 32px;
	text-decoration: none;
}


/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ WELCOME PAGE ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


#frontpagePoster {
	padding-top: 6px;
	width: 460px;
	float: right;
	border: 0;
}
.photoMiniCaption {
	width: 300px;
	padding-top: 0px;
	float: left;
	line-height: 1.1em;
	color: #474A45;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
}
.photoCredit {
	width: 150px;
	padding-top: 0px;
	float: right;
	line-height: 1.1em;
	color: #97B881;
	font-size: 11px;
	text-align: right;
	text-transform: uppercase;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ CV SECTION STYLES ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


ul.cvSection {
	padding:0 0 0 0;
	margin:0;
	list-style-type: none;	
}
#cv h3, #cv h3 a {
	margin: 0;
	padding-bottom: 0.2em;
	line-height: 1em;
	color:#97B881;
	font-size: 1.5em;
	text-decoration: none;
}
.cvItem {
	line-height: 1.2em;
	color: #6D8563;
	font-size: 1.2em;
	text-decoration: none;
}
.cvItem a {
	color: #6D8563;
	text-decoration: none;
}
.cvItem a:hover {
	color: #474A45;
	text-decoration: none;
}
.cvItemDetails {
	padding-left: 3.5em;
	padding-top: .1em;
	padding-bottom: .4em;
	line-height: 1.1em;
	color: #6D8563;
	font-size: .9em;
}
.cvItemDetails a {
	color: #6D8563;
	text-decoration: none;
}
.cvItemDetails a:hover {
	color: #474A45;
	text-decoration: none;
}
.cvItemDetails p {
	margin: 0;
}


/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ARTWORKS LIST SECTION STYLES ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


#artworks {
	margin:0;
	padding:0 0 0 0;
}
.artworkSmall {
	clear: both;
	padding-top: 2px;
}
.artworkSummaryImage {
	float:left;
	width:113px;
	border: 0;
    padding-bottom: 10px;
}
.artworkSummaryImage img {
	border: 0;
}
.artworkSummary {
	float: right;
	width: 347px;
	position: relative; top: -.25em;
	border: 0;
    padding-bottom: 10px;
	line-height: 1.1em;
	color: #474A45;
	font-size: 1em;
	text-decoration: none;
} 
/* 'artworkTitle' class also referenced 
in individual artwork page */
.artworkTitle {
	margin: 0;
	padding-bottom: .25em;
	line-height: 1.2em;
	color: #474A45;
	font-size: 1.25em;
	font-weight: bold;
} 
.artworkTitle a {
	color: #474A45;
	text-decoration: none;
}
.artworkTitle a:hover {
	color:#6C835E;
	text-decoration: none;
} 


/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ARTWORK INDIVIDUAL VIEW STYLES ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


#artwork {
	margin-top: 6px;
	padding:0 0 0 0;
}
#artwork a {
	color: #6C835E;
	text-decoration: none;
}
#artwork a:hover {
	color: #474A45;
	text-decoration: none;
}
#artwork img {
	border: 0px;
}
#artworkPosterImage {
	width: 460px;
	margin-top: 6px;
	padding-bottom: 0px;
}
/* 'photoCredit' class is referenced 
here from welcome page */
#artworkPosterImage .photoCredit {
}
.soloPosterImageText {
	width: 300px;
	padding-top: 0px;
	float: left;
	text-align: left;
}
.soloPosterImageText .photoMiniCaption {
	line-height: 1.1em;
	color: #474A45;
	font-size: 11px;
	text-decoration: none;
}
.soloPosterImageText .imageVersions {
}
.soloPosterImageText .photoCredit {
	width: 150px;
	padding-top: 0px;
	float: right;
	line-height: 1.1em;
	color: #97B881;
	font-size: 11px;
	text-align: right;
	text-transform: uppercase;
}
#artworkDetails {
	clear: both;
	padding-top: 15px;
	padding-bottom: 5px;
	line-height: 1em;
	color: #474A45;
	font-size: 1em;
}
/* 'artworkTitle' class is referenced 
here from artworks list page */
}
#artworkDetails a {
	color: #6C835E;
	text-decoration: none;
}
#artworkDetails a:hover {
	color: #474A45;
	text-decoration: none;
}
#artwork h3 {
	margin: 0;
	padding-top: 0em;
	padding-bottom: 0em;
	line-height: 1.25em;
	color: #97B881;
	font-size: 1.25em;
	font-weight: bold;
} 
#artworkTags, #artworkBinaries, #artworkImages {
	padding-bottom: 1.5em;
}
#artworkTags ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#artworkTags li {
	list-style: none;
	display: inline;
	text-transform: uppercase;
}
#artworkTags img {
	height: .6em;
	padding-left: .4em;
	padding-right: .4em;
	padding-bottom: .15em;
}
#artworkTagsList, #artworkBinariesList {
	padding-left: 3.5em;
}
.binaryFile .description {
	font-size:11px;
}
#artworkImages h3 {
	padding-bottom: .8em;
}
.thumbnailImage {
	margin-bottom: 3em;
}
.thumbnailImage .photoMiniCaption {
	width: 460px;
	float: none;
}
.thumbnailImage .photoCredit {
	float: none;
	text-align: left;
	color: #474A45;
	text-transform: none;
}
.imageVersions {
	margin: 0.2em 0 0.4em 0;
	color: #474A45;
	font-size: 11px;
}
.imageVersions a {
	color: #6C835E;
	text-decoration: none;
}
.imageVersions a:hover {
	color: #474A45;
	text-decoration: underline;
}
.photoComment {
}


/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ CONTACT STYLES ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


#contact {
	padding:0;
	margin:0;
}
.contactAddressInstance {
	padding-bottom: .7em;
}
#contact h3 {
	padding-bottom: 0;
	margin-bottom: 0;
	position: relative; top: -1px;
	color:#97B881;
	font-size: 1.5em;
	text-decoration: none;
}
.contactAddress {
	padding-top: 0;
	margin-top: 0;
	line-height: 1.1em;
	color: #97B881;
	font-size: 1.25em;
	font-weight: bold;
}
.contactAddress a {
	color: #97B881;
	text-decoration: none;
}
.contactAddress a:hover {
	color: #6C835E;
}
.contactSiteCredit {
	position: relative; top: 6px;
	padding-top: 0;
	margin-top: 0;
	line-height: 1.1em;
	color: #97B881;
	font-size: 1em;
	font-weight: bold;
}
.contactSiteCredit a {
	color: #97B881;
	text-decoration: none;
}
.contactSiteCredit a:hover {
	color: #6C835E;
}


/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ FOOTER STYLE ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


#footer {
	padding-left: 334px;
	padding-top: 50px;
	padding-bottom: 15px;
	clear: both;
	color:#97B881;
	font-size: 11px;
}


/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ADMIN STYLES ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */


#userBlock {
	float: right;
	font-size: 11px;
	text-align: right;
	padding-top: 4px;
	padding-right: 10px;
}
#flash {
	border: 1px solid #33CC66;
	background-color: #99CC99;
	color: green;
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 10px;
	padding: 10px;
	float: left;
}
#errorExplanation {
	border: 2px solid red;
	background-color: pink;
}
.formImage,
 .formBinary {
	width:500px;
	border:1px solid #666;
	margin:5px;
	padding:10px;
}
.removeControl {
	float: right;
	margin:0;
	margin-bottom:10px;
	padding:2px;
	background-color: #BBB;
	text-align: right;
	border: 1px solid #666;
}
.addControl a {
	margin:0;
	padding:2px;
	background-color: #99CC99;
	text-align: right;
	border: 1px solid #336633;
	color: black;
}
.admin {
	margin: 0.2em 0 0.4em 0;
	color: #474A45;
	font-size: 11px;
}
.admin a {
	color: #6C835E;
	text-decoration: none;
}
.admin a:hover {
	color: #474A45;
	text-decoration: underline;
}