/* @override http://dbvisser.gloompot.com/css/primary.css */

body {
	color: #222;
	font-size: 11px;
	font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif;
	line-height: 14px;
	background-color: #e4eae0;
	text-align: left;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0; }
h1, h2, h3, h4 {
	font-weight: normal;
	text-transform: lowercase;
	vertical-align: top; }
h1 {
	color: black;
	text-align: right;
	margin-top: 0;
	margin-bottom: 80px; }

h2 {
	color: black;
	line-height: 120%;
	margin-top: 0; }
	
p{
margin-top: 5px; 

}
img {
	background-color: transparent; }
blockquote {
	color: #616451;
	font-size: 14px;
	font-style: italic;
	font-size-adjust: 20%;
	line-height: 18px;
	margin: 20px 0 20px 0;
	padding-left: 20px;
	border-left: 10px solid #616451; }

ul {
	padding-left: 15px;
	list-style-type: disc; }

.rightalign {
	font-size: 9px;
	line-height: 12px;
	text-align: right; }

.subhead {
	text-align: right;
	vertical-align: top;
	width: 20%; }
.subhead h2 {
	color: #616451;
	vertical-align: top; }
.text {
	vertical-align: top;
	width: 50%;
	padding-right: 20px;
	padding-left: 20px; }
	
	
/*
.text h1,h2 {
	color: #616451;
	vertical-align: top; }
*/
	
.subhead a {
	font-size: 9px; }

.images {
	vertical-align: top;
	padding-top: 5px; }
.images img {
	vertical-align: top;
	margin-bottom: 5px; }
.art_subhead {
	color: #616451;
	text-align:     right;
	width:          20%;
	vertical-align: top; }

.art_subhead h2 {
	color: #616451;
	margin-top:     0;
	vertical-align: top; }

.art_text {
	vertical-align: top;
	padding-right: 20px;
	padding-left:  20px; }
.art_images {
	vertical-align: top;
	width: 50%; }
.art_images img {
	vertical-align: top;
	margin-bottom: 5px; }

a:link {
	color: #616451;
	text-decoration: underline; }
a:visited {
	color: #616451; }
a:hover {
	color: black;
	text-decoration: none; }
a:active {
	color: black; }
#container {
	background-color: #e4eae0;
	margin:  0;
	padding: 0;
	width:   100%;
	height:  100%;
	min-width: 900px;
	min-height: 600px; }

#header {
	background-color: #616451;
	height: 100px;
	width: 100%;
	top: 0;
	min-width: 900px;
	min-height: 100px; }
#name {
	width: 570px;
	float: left;
	height: 100px; }
#name-deirdre {
	height:         100px;
	width: 115px;
	float: left; }

#name-title {
	height:         100px;
	width: 455px;
	float: left; }

#nav {
	width: 330px;
	height: 100px;
	float: right; }
#nav-home {
	width: 47px;
	height: 100px;
	float: left; }

#nav-bio {
	width: 28px;
	height: 100px;
	float: left; }

#nav-teaching {
	width: 62px;
	height: 100px;
	float: left; }

#nav-cadre {
	width: 45px;
	height: 100px;
	float: left; }

#nav-art {
	width: 27px;
	height: 100px;
	float: left; }

#nav-framing {
	width: 57px;
	height: 100px;
	float: left; }

#nav-contact {
	width: 64px;
	height: 100px;
	float: left; }

#content {
	background-color: #e4eae0;
	background-image: url(../images/site/interior_10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
	min-width: 860px;
	min-height: 455px;
	padding: 20px; }
.left {
	vertical-align: top;
	float: left;
	min-width: 200px; }

.right {
	vertical-align: top;
	left: 200px;
	width: 400px;
	margin-left: 200px; }

#footer {
	color: gray;
	background-color: #e4eae0;
	text-align: right;
	vertical-align: bottom;
	clear: both;
	min-width: 900px;
	min-height: 25px;
	padding-top: 30px; }
#footer p {
	margin-right: 10px;
	margin-bottom: 10px; }

.copyright {
	vertical-align: bottom;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px; }

.scale {
	vertical-align: bottom;
	float: right; }
.separator {
	padding-top: 20px;
	padding-bottom: 20px; }