@import "common.css";

body	{ margin: 0px; background: #485; font-family: Georgia, serif; }

a:link 	{ color: #030; border-bottom: 1px dotted #485; }
a:visited
		{ color: #330; border-bottom: 1px dotted #970; }
a:hover	{ background: #485; color: #FFA; }

h1 		{ font-family: Charcoal, Marker Felt, Brush Script MT, Verdana, sans-serif; }



#header	{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			margin: 0px;
			padding: 0px 10px 10px 30px;
			height: 100px;
			background: #FFA;
		}
#title h1
		{ font-size: 1.5em; margin-bottom: 2px; color: #263; }
#title p
		{ margin-top: 0; font-style: italic; font-size: 0.8em; color: #485; }



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



.sidebars
		{
			position: absolute;
			top: 0px;
			right: 0px;
			width: 240px;
			color: #FFA;
			font-size: 0.8em;
			text-align: right;
			margin: 0px 0px 0px 0px;
			padding: 100px 20px 0px 0px;
			border-left: 2px dotted #FFA;
			background: #485;
		}

.sidebars a
		{
			font-size: 1em;
			color: #FFA;
			display: block;
			margin: 2px 0px 2px 20px;
		/*	border-bottom: 1px dotted #FFA; */
			padding-top: 2px;
		}
.sidebars a:hover
		{ background: #FFA; color: #485; }
.sidebars a:visited
		{ color: #7B8; border-bottom: none; }

.sidebars h1
		{
			clear: both;
			font-size: 1.2em;
			font-family: Charcoal, Marker Felt, Brush Script MT, Verdana, sans-serif;
			margin: 20px 0px 2px -4px; 
			border-bottom: 2px solid #FFA;
		}

.sidebars h1 a
		{ border: none; }

table.contents
		{ width: 100%; padding: 1px; font-size: 1em; margin-left: 20px; padding-right: 20px; }
.year 	{ float: right; width: 100px; color: #7A8; margin-bottom: 20px; border: 1px dotted #7A8; }
.year	{ text-align: center; }
.year:first-line
		{ font-weight: bold; color: #FFA; background: #7A8; }
.months	{ font-weight: normal; }
.sidebars td
		{ margin: 0px; padding: 0px; /* border-bottom: 1px dotted #BBF; */ text-align: right; }
.sidebars td a
		{ margin: 0px; padding: 0px 2px 0px 0px; border: none; }
.year a.nil, .year a.nil:hover
		{
			color: #596;
			background: none;
			text-decoration: none;
		}
		
#blog	{
			margin: 100px 260px 0px 0px;
			padding: 10px 30px 10px 30px;
			background: #FFA;
			border-right: 2px dotted #485;
		}
#blog h1
		{ font-size: 1.1em; color: #485; }
#blog h2
		{ font-size: 1em; margin-bottom: 0px; }
#blog blockquote
		{ color: black; background: #9CA; border: 2px dotted #FFA; }
#blog li
		{ padding-bottom: 0.5em; }

.title 	{
			display: block;
			border-bottom: 2px solid #374;
			margin-bottom: 10px;
			font-weight: bold;
			font-size: 1.5em;
			color: #263;
			font-family: Charcoal, Marker Felt, Brush Script MT, Verdana, sans-serif;
		}

.title:first-letter
		{
			font-size: 1.33em;
			font-family: Marker Felt, Brush Script MT, BethHand, Verdana, serif;
			float: left;
			margin-right: 2px;
			padding: 4px;
			color: #FFA;
			background-color: #374;
			font-weight: bold;
			border: 2px dotted #FFA;
		}


#footer	{
			margin: 0px 260px 0px 0px;
			text-align: center;
			padding: 10px 20px 10px 20px;
			background: #FFA;
			border-right: 2px dotted #485;
		}
#footer p
		{
			font-size: 1.1em;
			padding: 10px;
		/*	border-bottom: 1px solid #485; */
		}
#footer img
		{ padding: 2px 20px 2px 20px; }



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

.writeback
		{ background: #7A8; border: 2px dotted #FFA; }

.adstrip
		{ width: 100%; }
.adstrip table
		{
			border: 0px; padding: 0px;
			margin-left: auto; margin-right: 0px;
			border: 1px dotted #7A8;
		}
.adstrip_title span
		{
			clear: both;
			font-size: 1.2em;
			font-family: Charcoal, Marker Felt, Brush Script MT, Verdana, sans-serif;
			margin: 20px 0px 2px -4px;
			border-bottom: 2px solid #FFA;
			display: block;
			font-weight: bold;
			text-align: right;
			color: #FFA; 
		}
.adstrip_link a
		{ display:inline; }