/* Wendy Morosoff Smith */
*:focus {
	outline:none;
	}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #ddb url(/img/body-bg.gif) repeat-x 0 0;
	text-align: center;
	margin: 0;
	padding: 0;
	}
img {
	display: block;
	border: 0;
	}



/* GENERAL PAGE DIVISIONS --------------------------------------- */

div#container {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #fff url(/img/container-bg.gif) repeat-y;
}
div#header {
	background-color: #dd9;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 70px;
	border-right: 1px solid #bb7;
	}
div#maincontent {
	position: relative;
	padding: 20px 0 0 0;
	margin: 0 0 0 160px;
	}
div#sidebar {
	position: absolute;
	top: 160px;
	left: 15px;
	width: 100px;
	}
div#footer {
	clear: both;
	border-bottom: 1px solid #cca;
	padding: 200px 0 20px 160px;
	}
div#art {
	position: relative;
	clear: left;
	}
div.image {
	float: left;
	}
div.copy {margin-right: 50px;}
	
	

/* NAVIGATION ---------------------------------------------------- */

a {
	text-decoration: none;
	color: #58b;
	}
a:hover {
	color: #369;
	}
body#gallery td[style="width: 190px;"] a {
	display: block;
	width: 170px;
	}
	
/* NAVIGATION: Global ----------------- */
ul#gn {
	position: absolute;
	top: 6px;
	left: 160px;
	list-style: none;
	font-size: 11px;
	line-height: 15px;
	width: 570px;
	margin: 0;
	padding: 0;
	}
ul#gn li {
	float: left;
	padding-right: 20px;
	}
ul#gn a {
	font-weight: normal;
	text-decoration: none;
	color: #666;
	}
ul#gn a:hover {color: #333;}
/* You Are Here Effect */
body#home ul#gn li#gn1 a,
body#profile ul#gn li#gn2 a,
body#gallery.paintings ul#gn li#gn3 a,
body#prints ul#gn li#gn4 a,
body#gallery.monotypes ul#gn li#gn4 a,
body#gallery.carborundums ul#gn li#gn4 a,
body#gallery.commissions ul#gn li#gn5 a,
body#resume ul#gn li#gn6 a,
body#contact ul#gn li#gn7 a {
	color: #000;
	}

/* NAVIGATION: Local (page numbers) ---------- */
dl#ln {
	position: absolute;
	top: 46px;
	left: 0;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #886;
	}
dl#ln dt, dl#ln dd {
	float: left;
	font-weight: normal;
	padding-right: 8px;
	margin: 0;
	}
dl#ln a {
	font-weight: normal;
	text-decoration: none;
	color: #886;
	}
dl#ln a:hover {
	color: #333;
	}
/* You Are Here Effect */
dl#ln a.on {color: #000;}

/* NAVIGATION: Previous/Next --------------- */
dl#pn {
	position: absolute;
	top: 65px;
	left: 0;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
dl#pn dt, dl#pn dd {
	float: left;
	padding-right: 8px;
	margin: 0;
	}
dl#pn a {
	font-weight: normal;
	text-decoration: none;
	color: #886;
	}
dl#pn a:hover {
	color: #333;
	}



/* TYPOGRAPHY --------------------------------------------- */

h1 {
	position: absolute;
	top: 30px;
	left: 160px;
	font-size: 30px;
	line-height: 34px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 0 48px 0;
	padding: 0;
	color: #886;
	}
h3 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin: 40px 0 22px 0;
	padding: 0;
	}
h4 {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0;
	}
p {
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 8px 0
	}
div#footer p {
	font-size: 9px;
	line-height: 11px;
	color: #888;
	}
dl {
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 24px 0;
	}
dt {
	font-weight: bold;
	margin: 0 0 8px 0;
	}
dd {
	margin: 0 0 8px 0;
	}
dl.caption {
	font-size: 11px;
	line-height: 13px;
	margin: 0 20px 0 0;
	padding: 15px 0 30px 0;
	color: #886;
	}
dl.caption dt {
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 4px 0;
	}
dl.caption dd {
	font-size: 9px;
	line-height: 13px;
	margin: 0;
	}
table {
	border: 0;
	padding: 0;
	}
td {
	vertical-align: top;
	text-align: left;
	padding: 0;
}
em {font-style: italic;}
strong {font-weight: bold;}



/* PAGE SPECIFIC ------------------------------------------------- */

/* div#header Background Images ---------------------- */
body#home div#header,
body#resume div#header,
body#contact div#header,
body#news div#header,
body#privacy div#header,
body#error404 div#header {
	background-image: url(/img/header-knife.jpg);
	}
body#profile div#header {
	background-image: url(/img/header-jars.jpg);
	}
body#gallery.paintings div#header {
	background-image: url(/img/header-knives.jpg);
	}
body#prints div#header,
body#gallery.monotypes div#header,
body#gallery.carborundums div#header {
	background-image: url(/img/header-tube.jpg);
	}
body#gallery.commissions div#header {
	background-image: url(/img/header-brushes.jpg);
	}
	
/* div.copy (left margin adjustment) ----------- */
body#profile div.copy,
body#resume div.copy, 
body#contact div.copy,
body#privacy div.copy {
	float: left;
	width: 360px;
	margin-right: 0;
	}
body#profile div.image,
body#resume div.image, 
body#contact div.image,
body#privacy div.image {
	width: 190px;
	}


/* Home ------------------------- */
body#home p#intro {
	float: left;
	}
body#home div#maincontent {
	padding-top: 0;
	margin-top: 88px;
	}

/* Paintings|Monotypes|Carborundums|Commissions */
body#gallery p#price {
	position: absolute;
	top: 46px;
	left: 380px;
	line-height: 13px;
	font-weight: bold;
	color: #886;
	}
body#gallery p#help {
	position: absolute;
	top: 60px;
	left: 380px;
	font-size: 9px;
	line-height: 13px;
	color: #aa8;
	}

/* Original Prints ------------------------- */
body#prints h3 {margin-top: 0;}

/* News ------------------------- */
body#news div.copy dl {line-height: 15px;}
body#news div.copy dd img {margin-top: 14px;}
body#news div.copy dd table td img {margin-top: 6px;}

/* Contact ------------------------- */
body#contact dl.section {margin-top: 5em;}

/* Error 404 ------------------------- */
body#error404 h2 {font-weight: bold;}