@import "common.css";

body 	{ margin: 0px; background: white; }

a:link 	{ color: #00A; }
a:hover	{ background: #CCC; color: #00F; text-decoration: none; }
a:visited
		{ color: #88A; }

body, h1
		{ font-family: Optima, Verdana, sans-serif; }


#header
		{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			margin: 0px;
			padding-left: 0px;
			height: 120px;
			text-align: center;
			background: white;
			z-index: 2;
		}

#title h1
		{
			font-size: 3em;
			margin: 10px 2px 2px 2px;
			color: #AAA;
			padding-right: 10px;
			text-shadow: 0px 0px 4px black;
		}

#title p
		{ margin-top: 0em; font-size: 0.9em; color: #333; padding-right: 10px; }


#logo
		{ position: absolute;
			top: 10px;
			left: 30px;
			width: 180px;
			height: 85px;
			margin: 0px;
			padding: 0px;
			z-index: 1;
		}


.sidebars
		{ 
			color: black;
			font-size: 0.8em;
			margin: 0px 0px 0px 0px;
			padding: 0px 20px 0px 20px;
			border-left: 1px solid gray;
			border-right: 1px solid gray;
		}

.sidebars a
		{
			font-size: 1em;
			display: block;
			margin: 2px 0px 2px 0px;
			padding-top: 2px;
			border-bottom: none;
		}

.sidebars h1, .adstrip_title
		{
			clear: both; font-size: 1.5em; color: #AAA;
			margin: 50px 0px 2px -4px; 
			text-shadow: 0px 0px 2px #CCC;
		}

.sidebars h1 a
		{ border: none; }

.navbar
		{
			position: absolute;
			top: 100px;
			left: 10px;
			width: 180px;
			text-align: left;
		}

.adstrip table, .adstrip td
		{
			text-align: right;
			width: 180px;
		}

.adstrip_title
		{
			font-size: large;
			font-weight: bold;
		}
		
.blogad
		{
			border: 1px dotted #AAA;
		}

.blogbar
		{
			position: absolute;
			top: 130px;
			right: 10px;
			width: 180px;
			text-align: right;
		}

table.contents
		{ width: 100%; margin: 0px; padding: 0px 20px; }

.year 	{
			width: 100px;
			margin-left: 10px;
			color: #AAA;
			margin: 0px 0px 20px;
			border: 1px dotted #AAA;
		}
.year th
		{ color: #333; background: #CCC; }
.year td
		{ text-align: center; }

.navbar td
		{ margin: 0px; padding: 0px; /* border-bottom: 1px dotted #BBF; */ text-align: left; }
.navbar td a
		{ margin: 0px; padding: 0px 2px 0px 0px; border: none; }


#blog	{
			margin: 140px 200px 0px 200px;
			padding: 10px 30px 10px 30px;
			border-left: 1px solid #AAA;
			border-right: 1px solid #AAA;
		}

#blog h1 
		{ font-size: 1.1em; color: #AAA; }
#blog h2
		{ font-size: 1em; margin-bottom: 0px; }
#blog img
		{ margin: 2px; }
#blog blockquote
		{ color: #555; }
#blog li
		{ padding-bottom: 1em; }

.title	{
			display: inline;
			margin-bottom: 10px;
			font-weight: bold;
			font-size: 1.2em;
			color: #555;
		}

.entry h1+p:first-letter
		{
			font-size: 2em;
			float: left;
			margin-right: 2px;
			padding: 4px;
			background: #AAA;
			color: #555;
			font-weight: bold;
			text-shadow: 0px 0px 4px black;
		}


#footer
		{
			margin: 0px 0px 0px 0px;
			text-align: center;
			padding: 10px 20px 10px 20px;
		}
#footer p
		{
			font-size: 1.1em;
			padding: 10px;
		}
#footer img
		{ padding: 2px 20px 2px 20px; }
#footer a:hover
		{ background: none; }


.sig 	{
			font-style: italic;
			padding-bottom: 4em;
			color: #463;
		}

.update { color: #555; }

form ol	{ font-family: Optima, serif; }
	
.writeback
		{ font-size: 0.8em; margin: 0em; padding: 0px; color: #555; }