/* generic styles */

body {
	margin:				0;
	background-color:	#fff;
	}

div {
	font:				11px georgia,serif;
	color:				#666;
	}

span.big {
	font-size:			18px;
	line-height:		1.4em;
	}

/* links */

a:link, a:visited {
	text-decoration:	none;
	color:				#000;
	}

a:hover, a:active {
	text-decoration:	underline;
	color:				#c00;
	}

a.img {
	text-decoration:	none;
	border:				0;
	}

/* main containers */

div#logo {
	height:				133px;
	margin:				30px 0 0 30px;
	}

div#main {
	width:				700px;
	margin:				0 0 0 30px;
	}

div#navigation {
	float:				left;
	width:				200px;
	padding-bottom:		20px;
	}

div#navigation img {
	display:			block;
	margin:				0;
	}

div#navigation img:hover {
	cursor:				pointer;
	}

div#navigation div {
	margin-left:		8px;
	}

div#content {
	float:				right;
	width:				500px;
	padding-bottom:		20px;
	}

div#footer {
	width:				700px;
	clear:				both;
	margin:				10px 0 0 30px;
	font-size:			9px;
	color:				#666;
	}

div#footer img {
	margin:				0 0 0 20px;
	display:			block;
	}

div#footer hr {
	width:				100%;
	height:				1px;
	color:				#999;
	margin:				0 0 6px 0;
	border-width:		0;
	border-top:			solid #999 1px;
	}

/* common portfolio classes */

img.tn {
	margin:				0 3px 3px 0;
	border:				solid #000 3px;
	}

img.tn:hover {
	border-color:		#c00;
	cursor:				pointer;
	}

span > a.etsy {
	height:				12px;
	padding:			4px 0 0 16px;
	background:			no-repeat url(/img/etsy.gif) 0 5px;
	}

a.etsy {
	font-size:			11px;
	}

/* illustration classes */

div.illbox {
	text-align:			center;
	padding:			10px;
	background:			url(../img/stars_colour.gif);
	margin:				0 0 8px 0;
	}

div.illbox img { border: solid #000 3px; }
div.illbox img:hover { border-color: #c00; }

table.illinfo {
	width:				100%;
	border-spacing:		0;
	border:				0;
	}

table.illinfo td {
	color:				#666;
	font-size:			11px;
	text-align:			center;
	}

table.illinfo td span { font-size: 16px; }
table.illinfo td span.series { font-size: 9px; }

table.illgrid {
	border-spacing:		0;
	}

table.illgrid td {
	font-size:			9px;
	padding:			10px;
	width:				250px;
	text-align:			center;
	border:				dotted #ccc 1px;
	}

table.illgrid td img.title {
	margin:				0 0 5px 0;
	border:				0;
	}

/* painting classes */

div.pntbox {
	text-align:			center;
	padding:			10px;
	background:			url(../img/stars_colour.gif);
	margin:				0 0 8px 0;
	}

div.pntbox img { border: solid #000 3px; }
div.pntbox img:hover { border-color: #c00; }

table.pntinfo {
	width:				100%;
	border-spacing:		0;
	border:				0;
	}

table.pntinfo td {
	color:				#666;
	font-size:			11px;
	text-align:			center;
	}

table.pntinfo td span { font-size: 16px; }
table.pntinfo td span.series { font-size: 9px; }

table.pntgrid {
	border-spacing:		0;
	}

table.pntgrid td {
	font-size:			9px;
	padding:			10px;
	width:				250px;
	text-align:			center;
	border:				dotted #ccc 1px;
	}

table.pntgrid td img.title {
	margin:				0 0 5px 0;
	border:				0;
	}

/* resume */

table.resume {
	display:			block;
	margin:				2px 0 10px 0;
	border-top:			solid #999 1px;
	border-spacing:		0;
	width:				100%;
	}

table.resume td {
	padding:			2px 0;
	color:				#666;
	font-weight:		normal;
	font-size:			11px;
	vertical-align:		top;
	}

table.resume td.year {
	width:				45px;
	font-weight:		bold;
	font-size:			9px;
	}

/* contact */

fieldset {
	border-width:		1px 0 0 0;
	padding:			4px;
	}

legend {
	font-size:			13px;
	}

input, textarea {
	font-family:		georgia,serif;
	}

input[type='text'], textarea {
	width:				100%;
	font-size:			16px;
	padding:			2px;
	border:				solid #999 2px;
	background:			url(../img/stars_grey.gif);
	}

input[type='submit'] {
	font-size:			24px;
	padding:			3px;
	margin:				4px;
	}