@charset "UTF-8";
/* default.css */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 100%;
	color: #000000;
	background: #1d1e1a;
}

/* default links */

a {
	text-decoration: underline;
	outline: none;
}

a:link {
	color: #ffffff;
}

a:visited {
	color: #ffffff;
}

a:active {
	color: #ffffff;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}
.container .content table tr td img {
	border-width: 4px;
	border-color: #000000;
	border-radius: 5px;
}

img {
	/* [disabled]border-color: #000000; */
	border-width: 2px;
}

/* default positioning */

#websiteOverlay {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 640px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	background: url(../img/layout/bg.gif) left 50px repeat-x;
	z-index: 2;
}

#websiteDisplay {
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 960px;
	position: relative;
	text-align: left;
}

#websiteContent {
	display: block;
	position: absolute;
}

/* */

#header {
	width: 330px;
	height: 540px;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#top-info {
	padding: 10px 20px 10px 20px;
	display:block;
	height: 200px;
	text-align:right;
	color: #ffffff;
	font-size:11px;
}

	#top-info h2{
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		font-size:11px;
	}

	#top-info ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;	
	}
	
	#top-info ul li{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;	
	}
	
	#top-info ul li a{
		color: #b38d0f;
		text-decoration: none;
	}
	
	#top-info ul li a:hover, #top-info ul li.sel a{
		color: #ffffff;	
	}

#logo {
	padding: 0px 20px 0px 0px;
	display:block;
	height: 45px;
	text-align: right;
}

#bottom-info {
	display:block;
	margin-top: 100px;
	padding: 20px 20px 20px 20px;
	height: 135px;
	color: #a6a7a2;
}

	#bottom-info ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;	
	}
	
	#bottom-info ul li{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;	
	}
	
	#bottom-info ul li a{
		color: #b38d0f;
		text-decoration: none;
	}
	
	#bottom-info ul li a:hover{
		color: #ffffff;	
	}
	
	#bottom-info ul li a img{
		float: left;
		padding: 0px 10px 10px 0px;
	}
	
	#bottom-info p {
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 0px;
		list-style: none;	
	}

.caption {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	height:50px;
	text-align: right;
	color: #ffffff;
	font-size:11px;
}

.zoom-text {
	display:block;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: right;
	color: #8f8f8f;
	font-size:11px;
}

/* navigation */

#nav {
	position:relative;
	width: 960px;
	height: 30px;
	line-height: 30px;
	z-index: 2000;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

#nav ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	list-style: none;
}

#nav ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: inline;
	text-align: center;
	text-transform: lowercase;
	font-weight: bold;
	letter-spacing: .05em;
	font-size: 12px;
}

#nav ul li a {
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	width: auto;
	display: block;
	color: #525450;
	text-decoration: none;
}

#nav ul li.nav_landscape a, #nav ul li.nav_still-life a, #nav ul li.nav_figure a, #nav ul li.nav_drawing a {
	color: #b38d0f;
	padding: 0px 0px 0px 0px;
	width: 80px;
}

#nav ul li a:hover, #nav ul li a.sel:hover {
	color: #ffffff;
}

#nav ul li a.sel {
	color: #ffffff;	
}

/* flyouts */

#nav ul li ul { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	height: auto;
	left: auto;
	display: none;
	width: 180px;
	background: #282a24;
	line-height: normal;
}

#nav ul li:hover ul { 
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	z-index: 0;
}

#nav ul li ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 22px;
	height: 22px;
	text-align: left;
	font-size: 11px;
	float: none;
	_height: 0;
}

#nav ul li ul li a {
	width: auto;
	padding: 0px 0px 0px 20px;
	color: #525450;
	display: block;
	text-align: left;
}

#nav ul li ul li a:hover {
	color: #ffffff;
	font-weight: bold;
}

#nav ul li ul li a.sel, #nav ul li ul li a.sel:hover {
	color: #ffffff;	
	font-weight: bold;
}

#nav ul li ul li ul {
	position: relative;
	margin: 0px 0px 0px 0px;
	display: none;
	left: 200px;
	top: -20px;
}

/* */

#content {
	width: 630px;
	height: 540px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}

#content .image {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 630px;
	position: absolute;
	z-index: 1000;
}

#content .image a, #content .image a img {
	float: left;
}

#content .thumbnails {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
}

#footer {
	height: 38px;
	width: 960px;
	display: block;
	float: left;
	color: #484b47;
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
}

#social {
	float: right;
}

#copyr {
	float: left;
	padding: 0px 0px 0px 330px;
}

/* user content */

.user-content {
	float:left;
	display:block;
	width: 576px;
	height: 380px;
	margin: 20px 0px 0px 0px;
	padding: 0px 20px 20px 0px;
	line-height: 18px;
	font-size: 13px;
	color: #a6a7a2;
	overflow: hidden;
}

.user-content p, .user-content ul, .user-content ol, .user-content h1, #content .user-content h2, #content .user-content h3, #content .user-content h4, #content .user-content h5, #content .user-content h6 {
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
}

.user-content #right ul, .user-content #right ol {
	margin: 0px 24px 15px 24px;
	padding: 0px 0px 0px 0px;
}

.user-content h1, .user-content .large {
	color: #b38d0f;
	font-size: 18px;
	font-weight: normal;
}

.user-content h2 {
	color: #b38d0f;
	font-size: 14px;
	font-weight: normal;
}

.user-content h3, .user-content h4, .user-content h5, .user-content h6 {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

.user-content table h2, .user-content table p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.user-content a.filtered{
	text-decoration:none;	
}

.user-content .icon {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

.scroll-arrows{
	float:left;
	display:block;
	width: 14px;
	padding: 396px 20px 20px 0px;
	position: relative;
}

.up, .down{
	display: block;
	width: 14px;
	height: 14px;
	background:url(../img/layout/arrows-vertical.gif) top left no-repeat;
	cursor: pointer;
	position: relative;
	top: 0px;
	left: 0px;
}

.down{
	background-position: bottom left;
	top: auto;
	bottom: 0px;
}

/* gallery numbers */

ul.number {
	float:right;
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	z-index: 1750;
}

ul.number li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	height: 14px;
	line-height: 14px;
	float: left;	
}

ul.number li.previous, ul.number li.next {
	width: 14px;	
}

ul.number li.previous a, ul.number li.next a{
	display: block;
	background: url(../img/layout/arrows.gif);
	text-decoration: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70); 
	opacity: .7;
	zoom: 1;
}

ul.number li.previous a:hover, ul.number li.next a:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); 
	opacity: 1;
}

ul.number li.previous a {
	background-position: 0px 0px;
}

ul.number li.next a {
	background-position: 14px 0px;
}

/* gallery */
	
div.gallery ul, div.gallery-list ul{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.gallery ul li, div.gallery-list ul li{
	float: left;
	margin: 0px 20px 20px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

div.gallery ul li:nth-child(9n), div.gallery-list ul li:nth-child(9n){
	margin: 0px 0px 20px 0px;
}

div.gallery ul li a img, div.gallery-list ul li a img {
	float: left;
	margin: 0px 0px 0px 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80); 
	opacity: .8;
}
	
div.gallery ul li a:hover img, div.gallery-list ul li a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); 
	opacity: 1;
}

/* pagination */

.pagination {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	list-style: none;
	color: #525450;
	position: absolute;
	width: 610px;
	bottom: 20px;
	left: 0px;
}

.pagination li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.pagination li.pages {
	float: right;
	text-align: right;
}

.pagination li.pages a {
	color: #525450;
}

.pagination li.pages a.current, .pagination li.pages a:hover{
	text-decoration: underline;
	color: #b38d0f;
}

/* list styling */

.list {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	list-style: none;
}

.list li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}

.list li.date {
	padding-bottom: 0px;
}

.list p, .list h3, .list h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.list h3 {
	font-size: 12px;
	font-weight: bold;
}

.list h2 {
	font-size: 14px;
	font-weight: bold;
}

.list li a img{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* image and caption */

table.right {
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	display: block;
	float: right;
}

table.right caption, table.right caption p {
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	color: #b38d0f;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* */

.clear {
	clear: both;
	margin-top: -1px;
	height: 1px;
	overflow: hidden;
} 

.css-hide {
	display: none;	
}

/*

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); 
opacity: 1;
zoom: 1; /* to make transparency work in IE

*/
imagechoice {
	border-color: #4F4F4F;
	border-width: 2px;
}
