/*
 *  www.robertnatkin.com
 *
 *  $Header: /home/hcf/robertnatkin/cvsroot/www.robertnatkin.com/htdocs/c/main.css,v 1.1.1.1 2004-12-06 00:11:07 rajiv Exp $
 */



/*  main
---------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: georgia, serif;
	border-top: 2px solid #64644f;
	background: #fdfdf5;
}

h1, h2, h3, h4, h5 {
	margin-top: 0;
	color: #78785b;
}


div.highlight {
	background: #fff;
	border: 1px solid #64644f;
	padding: 16pt;
	text-align: center;
}

/*  link styles
---------------------------------------------------------------------- */
a {
	color: #949461;
	text-decoration: none;
	border-bottom: 1px #949461 dotted;
}

a.active {
	color: #64644f;
	border-bottom: 1px #64644f dotted;
}

a:hover, a.active:hover {
	background-color: #d9d9c1;
	color: #64644f;
	border-bottom: 1px #64644f dotted;
}


/*  header
---------------------------------------------------------------------- */
#header {
	background: #fff;
	background-image: url(/i/robertnatkin-logo.png);
	background-repeat: no-repeat;
	height: 160px;
}

#header h1 {
	margin: 0;
}

#header h1 img {
	float: right;
	display: block;
}


/*  nav
---------------------------------------------------------------------- */
#navcontainer ul {
	padding-left: 0;
	margin: 0;
	background-color: #d9d9c1;
	color: White;
	float: left;
	width: 100%;
}

#navcontainer ul li {
	display: inline;
}

#navcontainer ul li a {
	padding: 0.2em 1em;
	background-color: #d9d9c1;
	color: #949461;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	border-bottom: 0;
}

#navcontainer a.active:link, #navcontainer a.active:visited {
	color: #64644f;
	border-bottom: 0;
}

#navcontainer ul li a:hover, #navcontainer a.active:hover {
	background-color: #64644f;
	color: #fff;
	border-bottom: 0;
}

/*  single column page
---------------------------------------------------------------------- */
#content {
	float: left;
	padding: 12pt;
}

#box {
	background-color: #F0F0E8;
	padding: 10pt 10pt 2pt 10pt;
	margin: 6pt 0 6pt 6pt;
	float: right;
	width: 250pt;
}

div.citelist em {
	color: #000;
	font-family: georgia, serif;
	font-size: 10pt;
	font-style: normal;
}

div.citelist p {
	font-family: verdana;
	font-size: 9pt;
	color: #64644f;
}


/*  2 column layout
---------------------------------------------------------------------- */
#col1 {
	float: left;
	padding: 12pt 2% 10px 2%;
	margin: 0px;
	width: 50%;
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 46%;
}

html>body #col1 {
	width: 46%;
	/* ie5win fudge ends */
}

#col2 {
	float: left;
	/* Opera5.02 will show a space at 
	        right when there is no scroll bar */
	padding: 12pt 2% 10px 2%;
	margin: 0px;
	width: 50%;
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 46%;
}

html>body #col2 {
	width: 46%;
	/* ie5win fudge ends */
}


/*  3 columns with subnav, thumbnails, text. for works pages.
	with help from <http://www.fu2k.org/alex/css/index.mhtml>.
---------------------------------------------------------------------- */
#subnav {
	float: left;
	width: 140pt;
	padding: 12pt 0 0 14pt;
}

#subnav h2 {
	padding: 0pt 0 6pt 0;
	margin: 0;
}

#subnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family: verdana, sans-serif;
	font-size: 9pt;
	color: #64644f;
}

#subnav li {
	padding-bottom: 4pt;
}

#navs {
	float: left;
	width: 50%;
}

#thumbs {
	padding-top: 10pt;
	margin-left: 50%;
}

#thumbs a, #thumbs a:hover {
	border: 0;
}

#text {
	margin-left: 50%;
	padding: 10pt 20pt 0 0;
}

#text h2 {
	padding-top: 20pt;
	font-family: verdana;
	font-size: 10pt;
	font-weight: normal;
	color: #64644F;
}

#text .title {
	font-style: italic;
}


/*  painting details.
---------------------------------------------------------------------- */
#painting {
	float: left;
	padding: 12pt 0 20pt 0;
}

#painting p.title {
	margin: 4pt 0 0 0;
	font-style: italic;
}

#painting p.info {
	margin: 4pt 0 0 0;
	font-family: verdana;
	font-size: 9pt;
	font-weight: normal;
	color: #64644F;
}

#painting a {
	border: 0;
}

/*  images
---------------------------------------------------------------------- */
#thumbs img, #painting img, img.framed, #text img {
	border-color: #64644f;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	background-color: #fff;
}

#text img {
	float: left;
	margin: 10pt 12pt 10pt -180px;
}


/*  grouped list as a table
---------------------------------------------------------------------- */
table.groupedlist {
	border-spacing: 0;
	cell-spacing: 0;
}
table.groupedlist th {
	padding-right: 1em;
	text-align: left;
	vertical-align: baseline;
	font-family: verdana;
	font-size: 9pt;
	font-weight: normal;
	color: #64644F;
}
table.groupedlist td {
	vertical-align: baseline;
}
table.groupedlist p {
	margin: 0;
	padding-bottom: 2pt;
	font-size: 10pt;
}