/*
 * This is the "Version #2" look and feel of the web site, with a purple theme.
 *
 */

body
    {
    /* These fonts support polytonic Greek on the Mac. */
		font-family: gentium, palatino linotype, lucida grande, helvetica, times, sans-serif;
    margin: 0;
    background: white;
    color: black;
    background-image: url(../images/background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    }

a
    {
    color: #808;
    }

/* This is a box that formats the text that gives details about art pices that I've done. */
.artdetail {
	font-size: x-small;
	background-color: #FFEEFF;
	margin: 4px;
	padding: 2px;
	width: 80%;
	border: 1px inset #880088;
	left: 10%;
	display: block;
	position: relative;
}

/* Remove borders around images. */
img
    {
    border : 0;
    }

/* Fix Mozilla bug */
div > h1
    { margin-top: 0; }

#top
    {
	padding: 4px;
	height: 80px;
	border-bottom: solid 1px #808;
	color: white;
	background-attachment: fixed;
	background-image: url(../images/purplebg.jpg);
	background-repeat: repeat-x;
    }

#sidebar
    {
    font-size: 85%;
    position: absolute;
    right: 0;
    top: 100px;
    width: 150px;
    padding-bottom: 10px;
    background: #fef;
    }

#mainbody
    {
    margin-top: 0;
    margin-right: 160px;
    min-height: 387px;
    }

#fullbody
    {
    margin-top: 0;
    margin-right: 0;
    min-height: 387px;
    }

#toptitle
    {
    position: absolute;
    top: 4px;
    left: 220px;
	font-family: helvetica,arial,sans-serif;
	font-size: 150%;
	font-weight: bold;
	color: white;
    }

#topcvs
    {
    position: absolute;
    top: 4px;
    right: 4px;
    text-align: right;
    font-size: 75%;
    color: white;
    }

#topnav
    {
    position: absolute;
    top: 60px;
    right: 4px;
    text-align: right;
    font-size: 75%;
    color: white;
    }

#topnav a
    {
    color: white;
    }

#bottomnav
    {
    padding: 4px;
    background: #808;
    color: white;
    text-align: right;
    }

#bottomnav a
    {
    color: white;
    }

#credits
    {
    font-size: 75%;
    }

.example
    {
    margin: 2em;
    padding: 1em;
    border: 1px dashed #808;
    }

em 
    {
	font-weight: bold;
    }

th
    {
    color: #808;
    border-bottom: solid 1px #808;
    }

.newsDate {
	font-size: 85%;
	font-style: italic;
	color: #6666cc;
}

.sidebar {
	font-size: 85%;
}

pre,code {
	font-family: "andale mono", "monotype.com", "courier new", monospace;
	font-size: 90%;
}

h1 {
	font-family: helvetica,arial,sans-serif;
	font-size: 150%;
	font-weight: bold;
	color: #808;
}

h2 {
	font-family: helvetica,arial,sans-serif;
	font-size: 125%;
	font-weight: bold;
	color: #808;
}

h3 {
	font-family: helvetica,arial,sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #808;
}

h4 {
	font-family: helvetica,arial,sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #808;
}

.faqq {
	font-family: helvetica,arial,sans-serif;
	color: #808;
}

small {
	font-family: helvetica,arial,sans-serif;
	font-size: 75%;
}

a.small {
	font-family: helvetica,arial,sans-serif;
	font-size: 75%;
	text-decoration: none;
}

.tableTitle {
	font-family: helvetica,arial,sans-serif;
	font-weight: bold;
}

.tableExtras {
	font-family: helvetica,arial,sans-serif;
	font-size: 85%;
	color: #FFFFFF;
}


input {
	font-family: helvetica,arial,sans-serif;
}

textarea {
	font-family: "andale mono", "monotype.com", "courier new", monospace;
}

input.small, select.small {
	font-family: helvetica,arial,sans-serif;
	font-size: 75%;
}

textarea.small {
	font-family: "andale mono", "monotype.com", "courier new", monospace;
	font-size: 75%;
}

.popup 
    {
    cursor: help;
    text-decoration: none
    }
span.popup:hover 
    {
    text-decoration:none;
    color: rgb(159,20,26);
    }