@charset "utf-8";/*
version:   1.0
date:      01/03/08
author:    Joshua Levy-Kramer
authorURL: www.kompact.co.uk
website:   www.diclay.eu
*/
/* #E87E12 */
/* - Typography - */

body, html {
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
color:#666;
}

a:link, a:visited, a:active {text-decoration: none}
a img {border: none}

a {color: #000}
a:hover {color: #fff; text-decoration: underline}
ul.navigation a {color: #fff}
ul.navigation a:hover {color: #FFBF00}

.centre {text-align: center}

h1 {
width: 900px;
margin: auto;
padding: 0.4em 0.3em 0.1em .2em;
line-height: 0.8em;
color: #999;
font-weight: bold;
font-size: 3em;
}

h2, h3, h4, h5 {}

h2 {
font-weight: 100;
text-align: left;
font-size: large;
margin: 0;
}



#box h2 {
font-family: "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;
font-size: x-large;
text-align: left;
}

#box p {
margin: 0;
padding: .2em;
}

/* - Layout - */

.hide {display: none}

body, html {
background: #CCC;
padding: 0;
margin: 0;
}

#header {
width: 900px;
padding: 0;
margin: auto;
}

#main {
max-width: 820px;
margin: 0 auto 1em auto;
padding: 0;
line-height: 1.5;
}

#container{
padding: 1.5em 0 0 0;
overflow: hidden;
border-bottom: #333 dotted thin;
}

/* - Navigation - */

#navWrap {
width: 100%;
margin: 0;
padding: 0;
background: #666;
}

#navigation {
max-width: 930px;
margin: auto; 
font-size: 0.8em;
}

#navigation ul {list-style:none;}

#navigation li {
display: inline;
line-height: 1.2em;
}

#navigation a {
padding: 7px 14px 7px 14px;
float: left;
color: #fff;
}

#navigation a:hover, #selected {background: #FFBF00 }
#selected {text-decoration: underline }

#navWrap br {
clear: both;
height: 0px;
line-height: 0px;
}

/* - Navigation 2 for Since 2000 pages - */

#navWrap2 {
width: 100%;
margin: 0;
padding: 3px 0 0 0;
background: #999;
}

#navigation2 {
max-width: 930px;
margin: auto; 
font-size: 0.8em;
}

#navigation2 ul {list-style:none;}

#navigation2 li {
display: inline;
float: left;
line-height: 1.2em;
}

#navigation2 li {
padding: 0 10px 0 10px;
color: #fff;
}

#selected2, #navigation2 a:hover {text-decoration: underline }

#navWrap2 br {
clear: both;
height: 0px;
line-height: 0px;
}

/* - Home Page Boxes - */
#box {
position: relative;
width: 750px;
padding: 5px;

margin-left: auto;
margin-right: auto;
color: #999;
}

#box ul {display: inline;}

#box ul li {
display: block;
float: left;
position: relative;
margin: 1em 1em 0 1em;
}

#box ul li span.links {
display: table;
width: 170px;
position: relative;
height: 219px;

margin: 4px;
padding: 6px;
border: #ccc solid thin;
border-bottom: #ccc solid thick;
}

#box ul li:hover span.links {
border: #FFBF00 solid thin;
border-bottom: #FFBF00 solid thick;
}
/* Address relative to the external css file */
.dC span.links { background: #777 url(../images/home/diClay.jpg) no-repeat center center }
.dL span.links { background: #777 url(../images/home/dianneLifton.jpg) no-repeat center center }
.dA span.links { background: #777 url(../images/home/dianneArmstrong.jpg) no-repeat center center }

.dC, .dL, .dA {
font-family: "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;
font-size: x-large;
}

.CLA {
color: #666;
}

#box span.links small {
display: table-cell;
vertical-align: bottom;
text-align: right;
visibility: hidden;
width: 100%;
}

#box span.links small a {
display: block;
text-decoration: underline;
margin: .2em -6px .2em .2em;

padding-right: .5em;
border-right: #FFBF00 solid thick;
font-size: smaller;
color: blue;
}

#box span.links small a:hover {
color: #000;
}

#box ul li:hover span.links small {
visibility: visible;
}

.par {
clear: both;
text-align: center;
line-height: 1.5;
padding-bottom: .5em;
}

/* - Artwork Pages - */

.artworkPage h2 {
text-align: center;
}

#heading {
text-align: center;
margin: .8em 0 .8em 0;
}
#heading p {
padding: 0;
margin: 0;
}

.gallery {
/* Text-align used to centre images. This works as text-align centres all inline ellements */
text-align: center;
}

.gallery img {
margin: 0 .4em 0 .4em;
border: thin solid black;
}

.gallery img:hover {
border: thin solid #FFBF00;
}

/* - Artwork Index Pages - */

.artworkList {
float: right;
}

.artworkList li {
list-style-type: none;
}


/* - Artwork Full Gallery - */

.fullGallery li {
list-style-type: none;
display: inline;
float: left;
}

.fullGallery li a {
display: block;
height: 160px;
width: 180px;
margin: .2em;
border: thin solid #000;
}

.fullGallery li a span {
visibility: hidden;
}

.fullGallery li a:hover {
border: thin solid #FFBF00;
}
.fullGallery li a:hover span {
visibility: visible;
background-color: #777;
color: #fff;
}

/* --Forms-- */
input, textarea {
margin-bottom:	.3em;
background-color: #F5F5F5;
border:			1px solid #999;
padding:		2px;
}

/* --Kompact Design-- */
#kompactDesign {
text-align: right;
vertical-align: middle;
color: #000;
font-family: "Courier New", Courier, monospace;
font-size: .8em;
letter-spacing: -.1em;
}
#kompactDesign strong {
color: #C00;
font-weight: normal;
}