body {
	font-family: Arial, Verdana, sans-serif;
	background-color: #3b312c;
	font-size: 75%;
	color: #634934;
}

td {
	font-family: Arial, Verdana, sans-serif;
}

th {
	font-family: Arial, verdana, sans-serif;
}

* {margin:0; padding: 0;}

/* wrapper
--------------------------------------------------*/
#wrap {
	background-color: #FFFFFF;
	width: 944px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/interface/flowers.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#mainarea {
	margin-right: 20px;
	margin-left: 20px;
}

.leftline {
	background-image: url(../images/interface/line_left.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

.rightline {
	background-image: url(../images/interface/line_right.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* header definitions
--------------------------------------------------*/
#header {
	width: 892px;
	display: inline;
	float: left;
}
#goldbug {
	float:left;
	width: 140px;
	text-align: center;
	padding-left: 60px;
	margin-top: 10px;
	display: inline;
}

#askme {
	float: left;
	margin-left: 0px;
	margin-top: 10px;
}

.footer {
	text-align: center;
	padding-bottom: 30px;
}

.footer .ink {margin-left: -80px}
.sketch_heading {
	position: absolute;
	top: 490px;
}

.footer a {text-decoration:none}


/* content areas
--------------------------------------------------*/

#content {
	width:868px;
	clear:both;
	float:none;
	margin-bottom: 20px;
	margin-top: 0px;
	text-align: left;
	margin-left: 10px;
}

#leftcol_nrw {
	background-color: #F0e5d7;
	width: 180px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(../images/interface/bg_left_colnrw.jpg);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding-top: 10px;
}

#rigtcol_wide {
	width: 548px;
	background-color: #F0e5d7;
	background-image: url(../images/interface/bg_right_colwide.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
}

#leftcol_eq {
	background-color: #F0e5d7;
	width: 364px;
	height: 408px;
	background-image: url(../images/interface/bg_sketch.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px;
}
	
#rightcol_eq {
	background-color: #F0e5d7;
	width: 364px;
	height: 408px;
	background-image: url(../images/interface/bg_book.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px;

}

#fold {
	background-image: url(../images/interface/fold.gif);
	background-repeat: repeat-y;
	width: 40px;
	background-color: #F2E4D3;
	background-position: top;
}
/* paragraphs, lists, etc
--------------------------------------------------*/
p {
	margin:0;
	padding:0 0 18px 0;
	font-size: 1em;
	line-height: 1.3em;
}

ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 18px;
	}


blockquote {
	margin:0;
	font-style:italic;
	font-size: 1.2em;
	color: #993333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 40px;
	text-align: left;
}

.quoteauthor {
	font-style: normal;
	font-size: .9em;
}

pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
}

pre, code, kbr {font-family:Courier, Monaco, monospace;}

code, kbr {padding:0 2px;}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
}


/* links
--------------------------------------------------*/
a {color:#668844;}

a:hover {color:#ee5511;}

a.more {
  padding-right:10px;
}


/* headings
--------------------------------------------------*/
h1 {
	font-size:30px;
	text-align: left;
	margin-bottom: 20px;
}
h1, h1 a,
h3 a,
h4 a
  {color:#332233;}



h1 a:hover,
h3 a:hover,
h4 a:hover
  {color:#993311;}


#content h2 {
	margin:0;
	padding-bottom:5px;
	font-size:1.2em;
	font-weight:bold;
	color: #993311;
	text-indent: 20px;
	background-image: url(../images/headings/h2_bg.gif);
	background-repeat: no-repeat;
	height: 31px;
}

#content h2 + p {padding-top:18px}

#content h3 {
	font-size:1.2em;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 6px;
	margin-left: 0;
	font-weight: normal;
	color: #333322;
}

#content h4 {
  margin:0;
  font-size:1em;
}

#content.archive h2 {margin:0 0 26px 0;}

#content.archive h3 {
  margin:0 0 10px 0;
  font-family:Georgia, serif;
  font-size:1.3em;
  font-weight:normal;
}

#content.archive h4 {
  margin:0 0 18px 0;
  font-size:1em;
}

#content.archive h5 {
  margin:0;
  font-size:1em;
}

.bookListItem {
	position: relative;
	top: 20px;
	padding-top: 0px;
	height: 340px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #668844;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#content.askmeQ {
	font-size: 1.2em;
	color: #aa4411;
}


/* portfolio and book definitions
--------------------------------------------------*/
.i_box {
	border: 1px solid #AAAAAA;
}

#i_focus {
	text-align:center;
	width: 468px;
	float: left;
}

#i_menu {text-align:left;}
#i_menu img {margin-left: 2px; margin-top: 2px; padding:0;}
#i_menu a:link img {border: 1px solid #AAAAAA}
#i_menu a:visited img{border: 1px solid #AAAAAA}
#i_menu a:hover img{border: 1px solid #EE5511}
#i_menu a:active img{border: 1px solid #AAAAAA}

.i_btn_prev {
	margin-top: 200px;
	float: left;
}
.i_btn_next {
	margin-top: 200px;
	margin-right: 300px;
}

/* navigation
--------------------------------------------------*/
#navigation {
	float:left;
	text-align:center;   
	margin: 30px 0 0 0;	
	width:500px;
}

#navigation ul {
	margin:0;
	padding:0;	
}



/* html div#navigation ul{ float:left;} */

#navigation li {
	float:left;
	list-style-type:none;
	text-transform:lowercase;
	/* vertical-align: bottom;*/
	padding: 16px 12px 0 6px;
	margin: 0px;
	white-space:nowrap;
}
#navigation li a {display:block;
font-size:1.2em;
	font-weight: bold;}


#navigation li a:link {
	color: #668844;
	text-decoration:none;
}
#navigation li a:visited {
	color: #668844;
	text-decoration:none;
}
#navigation li a:hover {
	color: #EE5511;
	text-decoration:none;
}
#navigation li a:active {
	color: #EE5511;
	text-decoration:none;
}


/* menu item on states -------------------
m1 = home */
#navigation li.focus_m1 {
	background-image: url(../images/interface/nav_arw_1.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/* m2 = books */
#navigation li.focus_m2 {
	background-image: url(../images/interface/nav_arw_2.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
/* m3 = illustrations */
#navigation li.focus_m3 {
	background-image: url(../images/interface/nav_arw_3.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
/* m4 = blog */
#navigation li.focus_m4 {
	background-image: url(../images/interface/nav_arw_4.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
/* m5= bio */
#navigation li.focus_m5 {
	background-image: url(../images/interface/nav_arw_5.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* m6= contact */
#navigation li.focus_m6 {
	background-image: url(../images/interface/nav_arw_6.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html 


/* Form Definitions
--------------------------------------------------*/

#formcontainer {
	margin-top:20px;
	width: 180px;
}

#formcontainer form label {font-size:1.0em; color: #bb6655; line-height:2em;}

#formcontainer div.formitem {margin-top: 10px;}

#formcontainer div.formitem textarea, #formcontainer div.formitem input {
	font-size:0.8em;
	color: #993311;
	background-color:#F6EFE7;
	border:1px solid #FFFFFF;
	padding: 5px;
	margin-top: 5px;
	font-family: Arial, Verdana, sans-serif;
}



#formcontainer div.formbtn {
	text-align:right;
	margin-top:10px;
}

/* Entry
--------------------------------------------------*/
.entry {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #668844;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.entry .info {position:relative;
  font-size:0.9em;}

.entry.single {clear:both;}

.entry.single .info {margin:0 0 22px 0;}

.entry .info a {border-color:#949494;
margin-right:6px;
  padding-right:9px;
  border-right:1px solid;}
.entry .author,  
  .entry .editlink a {
  margin:0;
  padding:0 0 0 10px;
  border-left:1px solid;
  border-right:none
}

.entry a.more {
  padding-left:12px;
  background:url(images/spring_flavour/more.gif) center left no-repeat;
}

.entry .date {
	color: #bb6655;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

.entry #filedunder {border-color:#F3F4F4;
clear:both;
  padding:3px 0 0 0;
  font-size:0.9em;
  border-top:1px solid;}


/* Mini-Entry
--------------------------------------------------*/
.minientry  {
	position:relative;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #aacc88;
	text-align: left;
	width: 248px;
	padding: 0px 20px 20px;
	float: left;
	margin-bottom: 30px;
}
  
.minientry p {padding:0;}
.minientry a {text-decoration:none;}
.minientry img {
	float: none;
	clear: both;
	border-right-style: none;
}

/* blog navigation
--------------------------------------------------*/

#blog_nav li a {
	display:block;
	padding:1px 0;
	height:1%; /* IE WIN */
	text-decoration: none;
}

#blog_nav ul.categories li.current {
	list-style-image:url(../images/interface/bullet.gif);
}

#blog_nav ul.categories li {
	list-style-type: none;
}

#blog_nav ul {margin-top: 0; padding-top: 0;}

#blog_nav ul li {
	padding-bottom:2px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 20px;
}

#blog_nav li a:hover {
	color:#FF3F00;
	text-decoration: none;
}

/* blog navigation headings
--------------------------------------------------*/
#blog_nav h3 {
	color: #993311;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 40px;
	
}


/* subcontent list
--------------------------------------------------*/

#blog_nav ul.pages li {}

#blog_nav ul.links li {}

#blog_nav ul.feeds li {}

#blog_nav ul.posts li {}