body {
	margin: 0; padding: 0;
	background: #ddd7d0 url("images/back-vertical.gif") top left repeat-y;
}

body[id="default"] {
	background: #ddd7d0 url("images/back-vertical.gif") top left fixed repeat-y !important;
}

	a {
		color: #30aec8;
		text-decoration: none;
	}
	
	a:hover {
		color: #0d6280;
		text-decoration: underline;
	}
	
	hr { display: none; }

#back-horizontal {
	position: absolute;
	width: 100%; height: 75px;
	top: 0; left: 0;
	background: transparent url("images/back-horizontal.gif") top left repeat-x;
}

div[id="back-horizontal"] {
	position: fixed !important;
	width: 100%; height: 75px;
	top: 0; left: 0;
	background: transparent url("images/back-horizontal.png") top left repeat-x !important;
}

div[id="masthead-left-bottom"] {
	position: fixed;
	width: 279px; height: 100%;
	top: 0; left: 0;
	background: transparent url("images/masthead-left-bottom.png") bottom left no-repeat;
}

#masthead-left-top { 
	position: absolute;
	width: 279px; height: 700px;
	top: 0; left: 0;
	background: transparent url("images/masthead-left-top.gif") top left no-repeat;
}

div[id="masthead-left-top"] {
	position: fixed !important;
	width: 279px; height: 100% !important;
	top: 0; left: 0;
	background: transparent url("images/masthead-left-top.png") top left no-repeat !important;
}

	#masthead-left-top h2 a {
		width: 203px; height: 58px;
		margin: 0 0 0 28px;
		display: block;
		
		text-indent: -1000em;
		overflow: hidden;
	}

div[id="back-bottom-corner"] {
	position: fixed;
	width: 145px; height: 37px;
	bottom: 0; left: 855px;
	background: transparent url("images/back-bottom-corner.png") bottom left no-repeat;
}

#nav-top {
	position: absolute;
	z-index: 1000;
	width: 721px; height: 75px;
	top: 0; left: 279px;
	background: transparent url("images/nav-top.gif") top right no-repeat;
}

div[id="nav-top"] {
	position: fixed !important;
	z-index: 1000;
	width: 721px; height: 75px;
	top: 0; left: 279px;
	background: transparent url("images/nav-top.gif") top right no-repeat !important;
}

	#nav-top ul {
		margin: 0; padding: 0;
		list-style: none;
	}
	
	#nav-top li,
	#nav-top li a {
		display: block;
		float: left;
		height: 70px;
	}
	
	#nav-top li a {
		text-indent: -1000em;
		overflow: hidden;
	}
	
	#nav-top #nav-about,
	#nav-top #nav-about a {
		width: 64px;
	}
	
	#nav-top #nav-literature,
	#nav-top #nav-literature a {
		width: 105px;
	}
	
	#nav-top #nav-visualarts,
	#nav-top #nav-visualarts a {
		width: 111px;
	}
	
	#nav-top #nav-portfolio,
	#nav-top #nav-portfolio a {
		width: 104px;
	}
	
	#nav-top #nav-journal,
	#nav-top #nav-journal a {
		width: 91px;
	}
	
	#nav-top #nav-contact,
	#nav-top #nav-contact a {
		width: 101px;
	}

#page-container {
	width: 722px;
	margin: 0 0 0 279px;
}

div[id="butterfly-small"] {
	position: fixed;
	z-index: 1500;
	width: 138px; height: 110px;
	top: 0; left: 860px;
	background: transparent url("images/butterfly-small.png") top right no-repeat;
}

	input { border: 1px solid #6d97a4; background: #FEF4EB; }
	textarea { border: 1px solid #6d97a4; background: #FEF4EB; width: 100%; }
	
#page-top {
	position: relative;
	width: 721px; height: 78px;
	margin: 74px 0 0 0;
	background: transparent url("images/page-top.gif") top right no-repeat;
}

#page-top-single {
	position: relative;
	width: 721px; min-height: 76px;
	margin: 74px 0 0 0;
	background: transparent url("images/page-top-sec.gif") top right no-repeat; 
}

#page-top-single-inset {
	width: 719px; min-height: 76px;
	margin: 0; padding: 1px;
	background: transparent url("images/page-top-blank-bottom.gif") bottom right no-repeat; 
}

	#page-top-single h1 {		
		width: 460px;
		margin: 18px 0 10px 0;
		
		font-family: Lucida Sans, Lucida Grande, Arial, Sans Serif;
		font-size: 34px ;
		font-weight: normal;
		
		text-transform: lowercase;
		
		color: #6E563F;
	}

	.livesearchform {
		position: absolute;
		top: 29px; right: 0px;
		width: 238px;
		padding: 0; margin: 0;
	}
	
	.livesearchform input { font-family: Lucida Sans; padding-left: 5px; font-size: 11px; color: #531608; border: 1px solid #6d97a4; background: #fbeada; width: 200px; height: 15px; vertical-align: middle; }
	.livesearchform img { vertical-align: middle; }
	
	.livesearchform #topics {
		position: absolute;
		display: none;
		margin-top: 1px;
		top: 21px; left: 0;
		border: 1px solid #6B929F;		
		z-index: 2000;
	}
	
	.livesearchform a {
		color: #0d6280;
		text-decoration: none;
	}
	
	.livesearchform a:hover {
		color: #732B17;
	}
	
	.livesearchform a { font-family: Lucida Sans; font-size: 11px; display: block; min-width: 235px; padding: 5px; background: #FFEEDE; }
	.livesearchform p { font-family: Lucida Sans; font-size: 11px; display: block; min-width: 235px; margin: 0; padding: 5px; background: #FFEEDE; }
	
	.livesearchform #LSHighlight { background: #DED3C9 !important; }

#page-sidebar {
	float: left;
	width: 146px;
	margin: 0 0 0 16px; padding: 0 0 30px 0;
	
	overflow: hidden;
}

	#page-sidebar a {
		color: #0d6280;
		text-decoration: none;
	}
	
	#page-sidebar a:hover {
		color: #423735;
		text-decoration: underline;
	}
	
	#page-sidebar h2 {
		margin: 0; padding: 9px 12px 0 12px;
		height: 30px;
		
		font-family: "Lucida Sans", "Lucida Grande", "Arial";
		font-size: 13px;
		
		line-height: 115%;
		
		background: transparent url("images/h3-sidebar-back.png") top left no-repeat;
		color: #ffeede;
	}
	
	#page-sidebar ul {
		list-style: none; margin: 3px 0 0 0; padding: 0; font-weight: bold;
	}
	
	#page-sidebar ul ul { font-weight: normal; }
	
	#page-sidebar ol {
		margin-left: 10px; padding: 0;
	}


	#page-sidebar li,
	#page-sidebar span a {
		margin: 3px 12px 6px 12px;
		
		font-family: "Lucida Sans", "Lucida Grande", "Arial";
		font-size: 9px;
		
		line-height: 110%;
		
		color: #1e4a54;
	}
	
	#page-sidebar p {
		
		margin: 0 12px 16px 12px;
		
		font-family: "Lucida Sans", "Lucida Grande", "Arial";
		font-size: 10px;
		
		line-height: 145%;
		
		color: #1e4a54;
	}
	
#page-copy {
	float: left;
	width: 560px;
	margin: 0 0 0 0; padding: 10px 0 10px 0;
	overflow: hidden;
	
	font-family: Lucida Sans, Lucida Grande, Arial, Sans Serif;
	font-size: 11px;
	
	line-height: 135%;
	
	color: #6E563F;	
}

	.item { border: 1px solid #e2c9b2; padding: 5px 8px 3px 8px; margin: 10px 0 0 0; background: #ffeede; }
	
		.item h3 { margin: 3px 0 8px 0 !important; }
		
		.item p { margin: 0 0 8px 0 !important; }
		
	#page-copy .archive {
		border: 1px solid #AECBD4;
		margin: 10px 0 10px 0; padding: 15px;
		background: #fff;
	}
	
	#page-copy .entry {
		margin-bottom: 25px;
	}
	
	#page-copy .novelty-divider { 
		display: block !important;
		border: 0;
		height: 5px; 
		background: transparent url("images/h2-back.png") bottom left repeat-x; 
	}
	
	.more-divider {
		width: 500px; height: 19px;
		background: transparent url("images/more-divider.gif") top left no-repeat;
	}
	
	#page-copy pre {
		border: 1px solid #C9A686;
		padding: 15px;
		overflow: auto;
	}
	
	#page-copy h2 {
		margin: 15px 0 8px 0;
		
		font-family: "Lucida Sans", "Lucida Grande", "Arial";
		font-size: 22px;
		font-weight: normal;
		
		line-height: 111%;
		
		background: transparent url("images/heading2border.gif") bottom left repeat-x;
		color: #30aec8;		
	}
	
	#page-copy h3 {
		margin: 20px 0 4px 0; padding: 8px 0 0 8px;
		
		font-family: "Lucida Sans", "Lucida Grande", "Arial";
		font-size: 18px;
		
		line-height: 111%;
		
		background: transparent url("images/h3-back.gif") top left no-repeat;
		color: #30aec8;
	}
	
		#page-copy h3.subhead {
			margin: 15px 0 15px 0; padding: 0;
			
			font-family: "Lucida Sans", "Lucida Grande", "Arial";
			font-size: 15px;
			
			line-height: 111%;
			
			background: none;
			color: #6E563F;
		}
	
	#page-copy h4 {
		margin: 15px 0 4px 0;
		
		font-family: "Lucida Sans", "Lucida Grande", "Arial";
		font-size: 11px;
		
		text-transform: uppercase;
		
		line-height: 111%;
		border-bottom: 1px solid #afcbd4;
		color: #30aec8;
	}
	
	#page-copy p,
	#page-copy li {
		margin: 5px 0 7px 0;
		
		font-family: "Lucida Sans", "Lucida Grande", "Arial";
		font-size: 12px;
		
		line-height: 145%;
		
		color: #6E563F;		
	}
	
		#page-copy .front p { font-size: 11px !important; }
		
		#page-copy .novelties p { font-size: 11px; }
		
		#page-copy small {
			margin: 5px 0 7px 0;
			
			font-family: "Lucida Sans", "Lucida Grande", "Arial";
			font-size: 9px !important;
			
			line-height: 145%;
			
			color: #6E563F;		
		}
		
	#page-copy ul {
		list-style: none;
		margin: 5px 0 7px 0; padding: 0 0 0 10px;
	}
	
	#page-copy ul li {
		margin: 0; padding: 0 0 0 9px;
		
		background: transparent url("images/bullet.gif") top left no-repeat;
	}
	
	#page-copy dl {
		margin: 0 0 15px 0;
	}
	
	#page-copy dt {
		margin: 5px 0 5px 0;
		font-size: 12px;
		font-weight: bold;
		border-bottom: 1px solid #e3c8b0;
	}
	
	#page-copy dd {
		font-size: 12px;
	}	
	
	#page-copy fieldset {
		margin: 10px 0 10px 0; padding: 15px;
		border: 1px solid #E3C8B0;
	}
	
	
	/* comments */
	
	#commentform {
		width: 535px;
	}

	#comments { 
		margin: 100px 0 60px 0;
	}
	
	#commentlist { 
		margin: 0; padding: 40px 0 0 0;
		
		list-style: none;
		
		counter-reset: item;
	}
	
	#commentlist p, #commentlist h4 { letter-spacing: 0em !important; }
	
	#commentlist li {
		position: relative;
		width: 535px;
		
		float: left; clear: both;
		padding: 10px; margin: 0 0 10px 0;
		
		border: 1px solid #CCAB8C;

	}	
	
	#commentlist LI:after { 
		content: counters(item, "."); 
		counter-increment: item;
		
		float: right;
		display: block;
		margin-top: 4px;
		
		text-align: right; 		
		color: #DED3C9 !important;
		font-size: 39px !important;
		letter-spacing: -0.1em !important;
	}
	
	#commentlist li p {
		float: left; clear: right;
		
		margin-right: 75px;
		
		font-size: 12px !important;
		letter-spacing: 0em !important;
		color: #6E563F !important;
	}
	
	#commentlist li .itemtext p {
		margin-top: 12px;
		margin-right: 75px;
		clear: left;
	}
	
	#commentlist .counter { color: #DED3C9 !important; position: absolute; width: 65px; bottom: 15px; right: 10px; display: block; padding: 5px; text-align: right; font-size: 40px; letter-spacing: -0.1em; }

