@import "common.css";

body	{
			margin: 20px;
			background-color: #302A28;
			color: #EEE;
			font-family: Verdana, Arial, sans-serif;
		}

a:link 	{ color: #77F; }
a:visited
		{ color: #A0A; }
a:hover	{ background-color: #444; }

#header, .sidebars, #footer
		{
			background: #333;
			border: 2px dotted white;
		}


#header	{
			margin: 20px 307px 10px 10px;
			height: 50px;
			padding: 15px;
		}

#title p
		{ margin-top: 0px; }

#logo 	{
			position: absolute;
			top: 25px;
			right: 20px;
			width: 225px;
			height: 80px;
			padding: 0px;
		}

.sidebars
		{
			position: absolute;
			top: 150px;
			right: 20px;
			width: 200px;
			text-align: center;
			padding: 20px 5px 20px 5px;
			margin: 10px;
			font-size: 0.8em
		}
.sidebars a
		{ display: block; margin: 2px; }
.sidebars h1
		{ font-size: 1.1em; margin: 0px 0px 2px 0px; padding-top: 20px; }

.adstrip
		{
			width: 100%;
			text-align: center;
		}
.adstrip_title
		{
			font-size: 1.05em;
			text-align: center;
			font-weight: bold;
		}
.blogad
		{
			border: 1px dotted white;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}

.year 	{ margin-bottom: 20px; border: 1px dotted white; }
.year a.nil
		{ color: #444; }


#blog 	{
			margin: 60px 257px 60px 20px;
			padding: 0px 20px 0px 20px;
			background: transparent;
			overflow: hidden;
		}
		
#blog h1
		{ font-size: 1.1em; font-style: italic; }
#blog h2
		{ font-size: 0.75em; margin-bottom: 2px; }
#blog img
		{ margin: 2px; }
#blog blockquote
		{ color: #AAA; }
#blog li
		{ padding-top: 1em; }


#footer	{
			margin: 10px 307px 10px 10px;
			padding: 20px;
			text-align: center;
			font-size: 0.75em;
		}
#footer a:hover
		{ background: transparent; }

.sig 	{
			font-style: italic;
			margin-left: 2em;
			margin-bottom: 3em;
		}

.quote	{ color: #777; }
.q1		{ color: #77F; }
.q2		{ color: #F77; }
.q3		{ color: #F7F; }
.q4		{ color: white; }

.update, .writeback
		{ color: #BBB; }

form ol	{ border: 2px dotted white; }