@import "common.css";

body 	{
			margin: 0px;
			font-family: Trebuchet MS, Tahoma, Verdana, serif;
			background: #DDD url(http://www.ravenna.com/~forbes/images/map.jpg) fixed no-repeat bottom right;
		}
h1 		{ font-family: Skia, Trebuchet MS, Lucida Console, Verdana, serif; }
a:link 	{ color: #009; }
a:visited
		{ color: #848; }
a:hover {
			color: white;
			background: #777;
			text-decoration: none;
			text-shadow: 2px 2px 2px black, -2px -2px 2px black; 
		}


#header	{
			position: absolute;
			top: 20px;
			left: 0px;
			width: 100%;
			height: 100px; 
			margin: 0px;
		}

#title
		{
			position: absolute;
			height: 100px;
			top: 10px;
			right: 2%;
			width: 18%; 
			color: #555;
			text-align: center; 
			text-shadow: 2px 2px white, -2px -2px white;
		}
#title h1
		{ font-size: 1.2em; margin-bottom: 0.2em; border-bottom: 1px dotted #555; }
#title p
		{ font-size: 0.75em; font-style: italic; }

#logo	{
			position: absolute;
			height: 100px;
			top: 10px;
			left: 2%;
			width: 18%;
			background: #DDD url(http://www.ravenna.com/~forbes/images/americoz-small.png) no-repeat center;
		}

#title, .navbar, .blogbar
		{
			background: #DDD url(http://www.ravenna.com/~forbes/images/map-gray.jpg) fixed no-repeat bottom right;
		}
		
#title, #logo, .entry, .navbar, .blogbar
		{
			border: 2px solid;
			border-color: #EEE #333 #333 #EEE;
		}


#main 	{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			margin: 0px;
		}

#blog 	{ margin: 0px auto; width: 60%; }
#blog h2
		{ font-size: 1em; margin-bottom: 0px; }
blockquote, .entry h1
		{ background: #EEE url(http://www.ravenna.com/~forbes/images/map-gray.jpg) fixed no-repeat bottom right; }


.entry 	{
			background: white url(http://www.ravenna.com/~forbes/images/map-white.jpg) fixed no-repeat bottom right;
			margin: 1em; padding: 1em 1em 0px 1em;
			color: #222;
		}
.entry h1
		{
			color: #555;
			padding: 4px 4px 4px 8px;
			font-size: 1em;
			text-shadow: 2px 2px white, -2px -2px white;
		}
.title 	{ font-size: 1.2em; color: black; display: block; }


.sig 	{ color: #555; text-align: right; }


.sidebars
		{
			position: absolute;
			top: 200px;
			width: 100%;
			margin: 0px;
			font-size: smaller;
			text-align: center;
			background: #DDD;
		}
.sidebars h1
		{
			clear: both;
			color: #555;
			padding: 20px 4px 0px 4px;
			font-size: 1em;
			border-bottom: 1px dotted #555; 
			text-shadow: 2px 2px white, -2px -2px white;
		}
.sidebars a
		{ display: block; }
		
.navbar, .blogbar
		{ position: absolute; top: 0px; width: 18%; margin: 0px; }
.navbar	{ left:  2%; }
.blogbar
		{ right: 2%; padding-bottom: 1em; }

.year	{ color: #555; }


#footer
		{
			margin: 0px; 
			padding: 10px;
			text-align: center;
		}
#footer img
		{ padding: 2px 10px 2px 10px; }


.writeback
		{
			background: #F7F7F7;
			border: 2px solid;
			border-color: #CCC #555 #555 #CCC; 
		}

.adstrip
		{
			width: 100%;
			text-align: center;
		}
.adstrip table
		{
			border: 1px solid gray;
			padding: 0px;
			margin-left: auto;
			margin-right: auto;
			font-size: smaller;
			text-align: center;
		}
.adstrip_title span
		{
			display: block;
			font-weight: bold;
			text-align: center;
			clear: both;
			color: #555;
			padding: 20px 4px 0px 4px;
			font-size: 1em;
			border-bottom: 1px dotted #555; 
			text-shadow: 2px 2px white, -2px -2px white;
		}