* {
    margin: 0;
    padding: 0;
}

html {
   font-family: Candara, Verdana, Tahoma, sans-serif;
   /* background: #794f43; */
   background: #5a586e;
}

body {
	/* padding-top: 8px;
	padding-bottom: 8px; */
}

a {
	text-decoration: none;
	color: #444;
}

img.blogicon {
	vertical-align: middle; 
	border: none;
}

div.header {
        /* background-image: url("../resources/images/rainysea.jpg"); */
        background-image: url("../resources/images/rainysea_large.jpg");
	background-repeat: no-repeat;
	background-position: 0px -38px; 
	height: 150px;
	color: #ffffff;
}

div.logo {
        /* CSS3 construct recognized by safari and opera */
	/* content: url("../resources/images/logo.png"); */
	background-image: url("../resources/images/logo1.png");
	background-repeat: no-repeat;
	/* background-position: 18px 50px; */
	background-position: 18px 50px; 
	height: 140px;
	text-indent: -999px; 
	overflow: hidden; 
}

div.logo h1 {
	font-size: 350%;
	z-index: -100;
}

div.logo p {
	z-index: -10;
}

div.logo h1 a {
	color: #ffffff;
}


div.menu {
	background-color: #886663; 
	height: 8px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

div.footer {
	background-color: #886663; 
	height: 8px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}


div.page {
	border-left: 1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	margin-left: 30px;
	margin-right: 30px; 
	background: #eed; 
	min-width: 700px;
	/* clear: all; */
	min-height: 100em;
}

/* Left column styling */

div#leftcolumn {
	float: left; 
	width: 150px;
	padding-left: 8px;
	padding-top: 18px;
	background: #eed; 
}

div#leftcolumn a {
	color: #000;
}

div#leftcolumn h2 {
	font-weight: normal;
}

div#leftcolumn h3 {
	font-weight: normal;
}

div#leftcolumn ul.links a {
	font-size: 0.8em;
	font-style: italic;
	color: #666;
}

div#leftcolumn ul.links li {
	list-style: none;
	margin-left: 10px;
}

div#library ul {
	list-style: none;
	margin: 1px 20px 0 0px;
	padding: 0 0 0 0;
	text-align: left;
}

div#library ul li a:link, a:visited {
	text-decoration: none;
}

div#library ul li a:hover {
	background-color: #eed; 
	color: #343144; 
	border-left: 8px solid #343144;
	padding: 2px 2px 2px 2px;
	margin: 0;
}

div#library ul li a {
	display: block;
	padding: 2px 2px 2px 10px;
	background-color: #eed;
	color: #343144; 
	font-size: 0.8em;
}


/* Category list styling */

div#categories ul {
	list-style: none;
	margin: 1px 20px 0 0px;
	padding: 0 0 0 0;
	text-align: left;
}

div#categories ul li a:link, a:visited {
	color: #343144;
	text-decoration: none;
}

div#categories ul li a:hover {
	background-color: #eed; 
	color: #343144; 
	border-left: 8px solid #343144;
	padding: 2px 2px 2px 2px;
	margin: 0;
}

div#categories ul li {
	margin: 0 0 1px 0; 
}

div#categories ul li ul {
	display: none;
}

div#categories ul li:hover ul {
	display: block;
	position: relative;
	left: 2em;
	z-index: 5;
	margin-bottom: 10px;
}

div#categories ul li a {
	display: block;
	padding: 2px 2px 2px 10px;
	background-color: #eed;
	color: #343144; 
	font-size: 0.8em;
}

/* Second menu level */

div#categories ul ul a {
	padding: 2px 2px 2px 6px;
}

div#categories ul ul li ul {
	display: none;
}

div#categories ul ul li:hover ul {
	display: block;
	position: relative;
	z-index: 6;
}

/* Third menu level */

div#categories ul ul ul a {
	padding: 2px 2px 2px 18px;
}

div#categories ul ul ul li:hover ul {
	display: none;
}

div#categories ul ul ul li:hover ul {
	display:block;
}

/* Fourth menu Level */

div#categories ul ul ul ul a {
	padding: 2px 2px 2px 26px;
}





/* Right column styling */

	
div#rightcolumn {
	/* float: left;  */
	padding-top: 18px;
	/* min-width: 600px; */
	font-size: 100%;
	background: #eeeedd; 
	margin-left: 156px;
}

div.infocolumn {
	float: left;
	text-align: right;
	width: 132px; 
	/*margin-right: 8px; */
	background: #eeeedd; 
}

div.infocolumn ul {
	list-style: none;
}

div.infocolumn li.depth {
	color: #666;
	font-size: .8em;
	font-style: italic;
}

div.infocolumn ul.links {
	list-style: none;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.infocolumn ul.links a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #666;
	font-size: .8em;
	font-style: italic;
}

div.infocolumn h3 {
	padding-bottom: 6px;
}

div.infocolumn a {
	color: #2a2732;
}

div.infocolumn a:visited {
	color: #2a2732;
}

div.entrycolumn {
	margin-left: 146px; 
	background: #eeeedd;
}

div.entrycolumn h1 {
}

div.entrycolumn h2 {
}

div.entrycolumn h3 {
	padding-bottom: 4px;
}

div#categorylist h3 {
	margin-left: 52px;
	margin-bottom: 10px;
	font-size: 1.2em; 
}

div.entrycolumn h4 {
	font-weight: normal;
	/* font-size: 0.8em; */
}

div.entrycolumn p {
	padding-bottom: 14px; 
	padding-right: 5px;
	max-width: 500px;
	color: #666666;
}

div.entrycolumn blockquote {
	margin-top: 16px;
	margin-left: 40px;
	padding-left: 8px;
	padding-right: 20px;
	padding-bottom: 4px;
	border-bottom: 1px solid #343144;
	border-left: 6px solid #343144;
	max-width: 400px;
	color: #2a2732;
	font-size: 0.8em;
}

.italic {
        font-style: italic;
}

.bold {
	font-weight: bold;
}

.date {
	font-size: 1.0em;
}

div.entrycolumn a {
	color: #666;
}

div.entrycolumn dl.citation {
	text-align: right;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 20px;
	max-width: 450px;
	font-size: 80%;
}

div.entry-content {
	margin-top: 1.4em;
}

div.entry-content td {
	color: #666666;
}

div.entry-content th {
	color: #222222;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 1.5em;

}

div.entry-summary {
	font-style: italic;
	font-size: 0.8em;
	color: #666666;
}

div#footer {
	clear: both;
	position: relative;
}