body {
	font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
	background: #dddddd;
	padding: 0px;
	margin: 10px 10px 0px 10px;
}

a {
	text-decoration: none;
	font-weight: bold;
}
a:visited { color: #003366; }
a:link { color: #003366; }
a:active { color: #999999; }
a:hover { text-decoration: underline; }

a.bookmarklet
{
	padding: 3px 5px 3px 20px;
	margin-left: 30px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background: url(/images/bookmark.png) no-repeat;
}
a.bookmarklet:hover
{ text-decoration: none; }

p, h1, pre {
	margin:0px 10px 10px 10px;
}

h1 {
	font-size:14px;
	padding-top:10px;
}

pre {
	font-size: 11px;
	line-height: 80%;
}

pre code { color: blue; }

blockquote
{
	margin-left: 45px;
	padding: 10px 0 0 30px;
	background: url(/images/quotes.gif) no-repeat top left;
}

blockquote ul
{
	margin: 0 0 0 0;
	padding: 0px 10px 0px 10px;
}


#banner {
	background: #eeeeee;
	height: 51px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

html>body #banner {
	height: 49px;
}

#banner #menu {
	position: absolute;
	background: #eeeeee;
	top: 34px;
	right: 10px;
	height: 20px;
	padding-top: 5px;
	margin-right: -3px;
	border-right: 6px solid #a33;
}

#banner #menu a {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 6px;
}

#banner #menu a:hover {
	background: #a99;
	text-decoration: none;
}

#banner h1 {
	font-size: 24px;
	padding: 10px 10px 0px 10px;
	margin: 0px;
}

#adcontent {
	position: absolute;
	top: 61px;
	width: 160px;
	right: 10px;
	border-top: 1px solid black;
}

html>body #adcontent
{
	top: 60px;
	width: 160px;
}

#leftcontent, #rightcontent {
	position: absolute;
	top: 61px;
	width: 201px;
	background: #ffffff;
	border: 1px solid black;
}

body>#leftcontent, body>#rightcontent
{
	top: 60px;
	width: 199px;
}

#leftcontent { left: 10px; }
#rightcontent { right: 10px; }
	
#centercontent, #centerrightcontent, #centerleftcontent, #centerfullcontent, #centeradcontent {
    background: white;
    border: 1px solid black; 
    border-top: 10px solid #666;
    border-bottom: 10px solid #666;
    padding-left: 10px;
    padding-right: 10px;
}

#centercontent {
	margin: 0px 200px 20px 200px;
}

#centeradcontent {
	margin: 0px 161px 0px 0px;
}

html>body #centeradcontent {
	margin: 0px 160px 0px 0px;
}

#centerrightcontent {
	margin: 0px 0px 0px 200px;
}

#centerleftcontent {
	margin: 0px 200px 0px 0px;
}

.date	{ 
    font-size: large; 
    color: #333; 
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
    margin-left: -10px;
    margin-right: -10px;
    font-weight:bold;
    text-indent: 10px;
}			

.blogbody {
    font-size: small;
    font-weight: normal;
    line-height: 150%;
}

.blogbody .title {
    font-size: medium;
    color: #666;
}			

.calendar {
    line-height: 140%; 
    margin: 0px;
    width: 100%;
    text-align: left;
}

html>body .calendar
{
	padding: 2px;
}

.calendarhead {	
    font-weight: bold; 
    padding: 2px;
    margin: -2px 2px 0px -2px;
    letter-spacing: .3em;
    text-transform: uppercase;
    text-align: center;	
    border-bottom: 1px black solid;
    background: #eee;
}

.calendar th {
	display: none;
	font-size: small;
	font-weight: normal;
	margin: 0px;
	padding-left: 1px;
}

.side {
    font-size: x-small;
    font-weight: normal;
    line-height: 140%;
    padding: 2px;
    padding-left: 5px;
}
    
.sidetitle {
    font-size: small;
    font-weight: normal;
    padding: 2px;
    margin-top: 10px;
    letter-spacing: .3em;
    text-transform: uppercase;
}

.syndicate {
    font-size:xx-small;		
    line-height:140%;
    padding:2px;
    margin-top:15px;
}	
    
.powered {
    font-size:x-small;		
    line-height: 140%;
    text-transform: uppercase; 
    padding:2px;
    margin-top:25px;
    letter-spacing: .2em;					
}	

.comments-body {
    font-size:small;
    font-weight:normal;
    line-height:140%;
}		

.comments-post {
    font-size:x-small;
    font-weight:normal;
}	

.trackback-url {
    font-size:small;
    font-weight:normal;
    line-height:140%;
    padding: 5px;		
    border: 1px dotted #999; 					
}

.trackback-body {
    font-size:small;
    font-weight:normal;
    line-height:140%;
}		

.trackback-post {
    font-size:x-small;
    font-weight:normal;
}	

    
.comments-head	{ 
    font-size:small; 
    border-bottom:1px solid #999;
    margin-top:20px;
    font-weight:bold;
}		

#centercontent .blogbody img,
#centerrightcontent .blogbody img,
#centeradcontent .blogbody img
{
	margin: 5px;
	padding: 5px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

.rightimg
{
	float: right;
}

img.right-align
{
	float: right;
	padding: 10px;
}

img.left-align
{
	float: left;
	padding: 10px;
}


fieldset
{
	border: none; 
	padding: 0px;
	margin: 0px;
}

#buttons
{
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#buttons img
{
	border: none;
	padding: 0px;
	margin: 0px;
}

.recipe
{
	margin-left: 40px;
	margin-right: 80px;
}

.recipe .ingredients, .recipe .directions
{
	border: 1px dotted black;
}

.photoblog
{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	text-align: center;
}

.blogrollfolder
{
	font-style: italic;
	font-size: small;
}

.blogrollitem
{
	padding-left: 10px;
	font-size: x-small;
}

/* Used to clear the floats: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}