/* Global Stylesheet: heatheraston.com */

/* GENERAL TYPOGRAPHY ----------------------------------------------- */
body {
	background: #fff url(/img/header-bg.gif) repeat-x 0 0;
	color: #666;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
h1 {
	font-size: 27px;
	line-height: 27px;
	font-weight: normal;
	margin: 0 0 0 75px;
	border-left-width: 3px;
	border-left-style: solid;
	height: 21px;
	padding: 39px 0 0 9px;
	color: #b8bdc0;
	}
h1 a {display: block; width: 165px;}
h2 {
	position: absolute;
	top: 81px;
	left: 87px;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 7px;
	margin: 0;
	}
h3, h5 {font-weight: bold; color: #8594b6;}
h3 {
	font-size: 14px;
	line-height: 22px;
	margin: 36px 0 21px 0;
	}
h4 {
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 21px 0;
	color: #005b7a;
	}
p {
	font-size: 11px;
	line-height: 19px;
	margin: 0 0 19px 0;
	}
dl {
	font-size: 11px;
	line-height: 19px;
	margin: 0 0 19px 0;
	}
dt {
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 0;
	}
dd {
	padding: 0;
	margin: 0;
	}
ul {
	list-style: outside disc;
	font-size: 11px;
	line-height: 19px;
	margin: 0 0 19px 0;
	padding: 0 0 0 12px;
	}
li {
	padding: 0;
	margin: 0;
	}
img {
	border: 0;
	display: block;
	}
em {font-style: italic;}
strong {font-weight: bold;}
strong.smallcaps, strong.liningcaps {color: #005b7a;}
.highlight {color: #005b7a;}
.smallcaps {
	font-variant: small-caps;
	font-weight: normal;
	}
.liningcaps {
	text-transform: uppercase;
	font-size: 9px;
	font-weight: normal;
	}
.caption, div.caption p, div.caption dl {
	font-size: 9px;
	line-height: 13px;
	margin-bottom: 13px;
	color: #7483a5;
	}
.caption dt, div.caption dt {
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 0;
	color: #7483a5;
	}
.mt0 {margin-top: 0;}
.mb0 {margin-bottom: 0;}

/* GENERAL PAGE DIVISIONS ------------------------------------------------ */
div#container {
	position: relative;
	margin: 0 auto;
	width: 760px;
	text-align: left;
	}
div#header {
	position: relative;
	height: 165px;
	}
div#content {
	position: relative;
	margin-left: 87px;
	padding-bottom: 125px;
	}
div#copy {position: relative;}
/* copyright */
div#footer {
	padding: 0 0 250px 87px; 
	color: #bbb;
	}
div#footer p {
	font-size: 9px;
	line-height: 13px; 
	margin-bottom: 13px;
	}
body#gallery div#footer {
	padding-left: 0;
	text-align: right;
	}

/* GLOBAL NAVIGATION ---------------------------------------------------- */
/* Link Position */
ul#gn {
	position: absolute;
	top: 39px;
	left: 375px;
	margin: 0;
	border-top: 1px solid #a2a838;
	padding: 0;
	width: 278px;
	list-style: none;
	font-size: 13px;
	line-height: 16px;
	}	
ul#gn li {
	position: absolute;
	top: 5px;
	}
ul#gn li#gn1 {left: 0;}
ul#gn li#gn2 {left: 84px;}
ul#gn li#gn3 {left: 161px;}
ul#gn li#gn4 {left: 225px;}
/* Link Appearance --------------------------- */
ul#gn a {color: #c4ca5a; text-decoration: none;}
ul#gn a:hover {color: #e6ec7c;}
/* gallery */
body#gallery ul#gn {border-top-color: #e3e3b6;}
body#gallery ul#gn a {color: #d2d2a5;}
body#gallery ul#gn a:hover {color: #b0b083;}

/* LOCAL NAVIGATION ------------------------------- */
/* Link Position */
ul#ln {
	position: absolute;
	top: 81px;
	left: 375px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	line-height: 13px;
	}
ul#ln li {
	position: absolute;
	top: 0;
	}
ul#ln li#ln1 {left: 0;}
ul#ln li#ln2 {left: 84px;}
ul#ln li#ln3 {left: 161px;}
ul#ln li#ln4 {left: 225px;}
/* Link Appearance */
ul#ln a {text-decoration: none;}
/* portfolio (+ gallery)
   a.portfolio(ln1-ln3) bind colours of portfolio page contextual links to colours of local navigation links */
body#portfolio ul#ln li#ln1 a, body#gallery ul#ln li#ln1 a, a.portfolioln1 {color: #0263a4;}
body#portfolio ul#ln li#ln1 a:hover, body#gallery ul#ln li#ln1 a:hover, a.portfolioln1:hover {color: #2485c6;}
body#portfolio ul#ln li#ln2 a, body#gallery ul#ln li#ln2 a, a.portfolioln2 {color: #e26725;}
body#portfolio ul#ln li#ln2 a:hover, body#gallery ul#ln li#ln2 a:hover, a.portfolioln2:hover {color: #f48947;}
body#portfolio ul#ln li#ln3 a, body#gallery ul#ln li#ln3 a, a.portfolioln3 {color: #c61e4e;}
body#portfolio ul#ln li#ln3 a:hover, body#gallery ul#ln li#ln3 a:hover, a.portfolioln3:hover {color: #e83f6f;}
body#portfolio ul#ln li#ln4 a, body#gallery ul#ln li#ln4 a {color: #8f6226;}
body#portfolio ul#ln li#ln4 a:hover, body#gallery ul#ln li#ln4 a:hover {color: #af8448;}
/* resume */
body#resume ul#ln li#ln1 a {color: #449144;}
body#resume ul#ln li#ln1 a:hover {color: #66b366;}
/* news */
body#news ul#ln li#ln1 a {color: #bc658f;}
body#news ul#ln li#ln1 a:hover {color: #de879f;}

/* CONTEXTUAL NAVIGATION -------------------------------------------- */
a {
	color: #808616;
	text-decoration: none;
	}
a:hover {
	color: #a2a838;
	text-decoration: underline;
	}
a.portfolioln1, a.portfolioln2, a.portfolioln3 {font-weight: bold;}


/* HEADER COLOUR THEMES (H1,H2) -------------------------------------------------------------------- */
/* home, portfolio, resume, news, contact, error404 -------------------------- */
body#home h1, body#portfolio h1, body#resume h1, body#news h1, body#contact h1, body#error404 h1 {border-left-color: #a199be;}
body#home h2, body#portfolio h2, body#resume h2, body#news h2, body#contact h2, body#error404 h2 {color: #a199be;}
/* monotypes (+ gallery) ----------------------------------------------- */
body#portfolio.monotypes h1 {border-left-color: #1374b5;}
body#portfolio.monotypes h2 {color: #0263a4;}
body#gallery.monotypes h1 {border-left-color: #afbdd8;}
body#gallery.monotypes h2 {color: #839cc7;}
/* etchings (+ gallery) ------------------------------------------------ */
body#portfolio.etchings h1 {border-left-color: #e26725;}
body#portfolio.etchings h2 {color: #e26725;}
body#gallery.etchings h1 {border-left-color: #fbc49e;}
body#gallery.etchings h2 {color: #f0b48b;}
/* reliefs (+ gallery) ------------------------------------------------- */
body#portfolio.reliefs h1 {border-left-color: #c61e4e;}
body#portfolio.reliefs h2 {color: #c61e4e;}
body#gallery.reliefs h1 {border-left-color: #fc9fc4;}
body#gallery.reliefs h2 {color: #e27ea5;}

/* CONTENT (DIV) HEIGHT - adjustment for expanded portfolio image grids (deeper than copy)  */
body#portfolio.monotypes div#content {height: 555px;}
body#portfolio.etchings div#content {height: 444px;}

/* COPY (DIV) MARGIN  */
body#home div#copy {margin: 0 120px 0 207px;}
body#portfolio div#copy, body#resume div#copy {margin: 0 24px 0 288px;}
body#portfolio.monotypes div#copy, body#portfolio.etchings div#copy, body#portfolio.reliefs div#copy {margin: 0 24px 0 384px;}
body#news div#copy, body#portfolio.prints div#copy {margin: 0 120px 0 192px;}
body#contact div#copy {margin: 0 24px 0 384px;}
body#error404 div#copy {margin: 0 120px 0 0;}

/* ART (DIV) POSITION */
body#home div#art {
	position: relative;
	width: 658px;
	height: 159px;
	}
body#portfolio div#art, body#resume div#art {
	position: absolute; 
	top: 0; 
	left: -288px; 
	width: 264px;
	}
body#portfolio.monotypes div#art, body#portfolio.etchings div#art, body#portfolio.reliefs div#art {
	position: absolute;
	top: 0;
	left: -384px;
	width: 384px;
	}
body#contact div#art {
	position: absolute; 
	top: 0; 
	left: -384px; 
	width: 360px;
	}
	
/* CAPTION (DIV) POSITION */
div.caption  {
	position: relative; 
	text-align: right;
	margin-top: 18px;
	}
body#home p.caption {
	padding-top: 3px;
	text-transform: uppercase;
	}
body#portfolio.monotypes div.caption, body#portfolio.etchings div.caption, body#portfolio.reliefs div.caption {
	position: absolute;
	left: 0;
	text-align: left;
	margin-top: 0;
	}
body#portfolio.monotypes div.caption {top: 555px;}
body#portfolio.etchings div.caption {top: 444px;}
body#portfolio.reliefs div.caption {top: 222px;}


/* IMAGE GRIDS ------------------------------------------------- */

/* home */
body#home div#img1, body#home div#img2, body#home div#img3, body#home div#img4 {position: absolute;}
body#home div#img1 {top: 0; left: 0;}
body#home div#img2 {top: 3px; left: 207px;}
body#home div#img3 {top: 3px; left: 330px;}
body#home div#img4 {top: 3px; left: 453px;}

/* monotypes, etchings, reliefs (20 images max.) */
div#a1, div#a2, div#a3, div#a4, div#a5, div#a6, div#a7, div#a8, div#a9, div#a10, div#a11, div#a12, div#a13, div#a14, div#a15, div#a16, div#a17, div#a18, div#a19, div#a20 {position: absolute;}
div#a1, div#a2, div#a3, div#a4 {top: 0;}
div#a5, div#a6, div#a7, div#a8 {top: 111px;}
div#a9, div#a10, div#a11, div#a12 {top: 222px;}
div#a13, div#a14, div#a15, div#a16 {top: 333px;}
div#a17, div#a18, div#a19, div#a20 {top: 444px;}
div#a1, div#a5, div#a9, div#a13, div#a17 {left: 0;}
div#a2, div#a6, div#a10, div#a14, div#a18 {left: 96px;}
div#a3, div#a7, div#a11, div#a15, div#a19 {left: 192px;}
div#a4, div#a8, div#a12, div#a16, div#a20 {left: 288px;}

/* GALLERIES -------------------------------------------- */
body#gallery {background: #fff;}
body#gallery div#header {height: 144px;}
body#gallery h2 {
	top: 90px;
	font-size: 12px;
	text-transform: lowercase;
	letter-spacing: normal;
	font-weight: bold;
	}
body#gallery div#artwork {position: relative;}
body#gallery div#artwork img {display: block;}
/* previous/next arrows ------------------ */
ul#imgn {
	position: absolute;
	top: 0;
	left: 576px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 9px;
	line-height: 11px;
	}
ul#imgn li {
	position: absolute;
	top: 0;
	}
ul#imgn li#imgn1 {left: 0;}
ul#imgn li#imgn2 {left: 21px;}

/* RESUME ---------------------------- */
body#resume div#cv dt {margin-bottom: 4px;}
body#resume div#cv dd {line-height: 13px; margin-bottom: 8px;}

/* NEWS, TEACHING ------------------- */
body#news div#recentexhibit, body#news div#trilateralvenues, body#news div#thirty, body#news.teaching div#watercolour, body#news.teaching div#enrichment, body#news.teaching div#bwmonotypes {position: relative;}
body#news.teaching div#watercolour {height: 163px; margin-bottom: 3px;}
body#news.teaching div#enrichment {height: 261px; margin-bottom: 3px;}
body#news.teaching div#bwmonotypes {height: 178px; margin-bottom: 3px;}
.marginnote {
	position: absolute;
	left: -192px;
	top: 0;
	width: 168px;
	}
body#news .marginnote p.highlight {text-align: right; line-height: 15px;}
body#news div#trilateralvenues .marginnote p.highlight {margin-top: 174px;}
body#news div#copy li {padding-left: 3px; margin-left: 2px;}