/*************** DOA.CSS ******************/
/**** for blog: Downwind of Amsterdam *****/

@import "doa-ie.css";

/**********NORMAL STYLES***********/
body, p, ul, ol, li, h1, h2, h3, blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;                /***** TEXT COLOR, DEFAULT. *****/
}

a         {font-weight: bold;}
a:link    {color:#630; text-decoration: none;}
a:visited {color:#742; text-decoration: none;}
a:hover   {text-decoration: none; background-color:#bff;}

h1, h1.pageheader, h1.date, h1.divider {
	padding: 2px 0px;
	font-family: Georgia, Times, serif;
	font-variant: small-caps;
	line-height: 14px;
	text-align:center;
	letter-spacing:0.1em;
}
h1.pageheader {
	margin:20px 30px 10px;
	font-size: 14px;
	letter-spacing:0.33em;
	color: #aa9;                    /***** PAGE HEADER COLOR. *****/
}
td.timeleft, td.timeright {
	font-family: Georgia, Times, serif;
	font-variant: small-caps;
	font-size:14px;
	font-weight:bold;
	color:#998;
	letter-spacing:0.1em;
}
td.timeleft  {text-align:right;}
td.timeright {text-align:left;} 
/* yes, text-aligns must be reversed */
/*table.time  {margin-left:auto; margin-right:auto;}*/

h1.date, h1.divider
	{
	border: solid 1px #aa9;        /***** DATE&DIVIDER-LINE BORDER COLOR. *****/
	font-size:13px;
	color:#ffe;                           /***** DATE&DIVIDER-LINE TEXT COLOR. *****/
	background-color:#ccb;         /***** DATE&DIVIDER-LINE BKGD COLOR. *****/
}
h1.date 	{margin: 0px 0px 10px;}
h1.divider	{margin: 40px 0px 20px;}

h2, h2 td {
	margin-bottom: -5px;
	margin-top: 20px; 
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	color:#356;                                             /***** ENTRY HEADLINE COLOR. *****/
}
h2	{border-bottom: 1px solid #c0c0b0;}          /***** TOP BORDERLINE COLOR. *****/
h2 td	{border-bottom: none;} 

h3 {
	font-size: 12px;
	margin-bottom: 2px;
}
h4 {
	font-size: 11px;
	margin-bottom: 0;
}
p {	font-size: 12px;
	line-height: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
p.extended {
	font-variant:small-caps;
}
p.links {	font-size:11px;
	line-height:13px;
	margin-top:8px;
	margin-bottom:4px;
	padding-left:60px;
	text-indent:-40px;
}
p.links a:link, 
p.links a:visited {
	font-size:13px;
}
ul, ol {
	margin-top: 12px;
	margin-bottom: 12px;
}
ul li, ol li {
	font-size: 12px;
	line-height: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
}
table.prevnext a {
	font-size:11px;
	font-weight:bold;
	color:#336;
}

blockquote {
	font-size:11px;
	line-height: 13px;
	margin: 15px 30px 6px 20px;
}
blockquote + blockquote {margin-top: 6px;}

em {
	font-weight: normal;
	font-style: italic;
}
strong {
	font-weight: bold;
	font-style: normal;
}

/********** HOME & INDIV. ARCHIVES **********/
body.home, body.indiv {
	background-color: #488;     /***** BKGD COLOR, OUTSIDE THE BOX. *****/
	background-repeat: no-repeat;
	background-position:top right;
}
body.home  {background-image: url(doa-images/corner-umbrella.gif);}
body.indiv {background-image: url(doa-images/corner-umbrella.gif);}

div.home, div.indiv {
	border: 2px #030 solid;
	background-color: #e3e1d5;  /***** BKGD COLOR, INSIDE THE BOX. *****/
}
div.home {
	background-image: url(doa-images/eric-ghost.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
/********** BLOGBODY **********/
.blogbody {                     
	margin-bottom: 40px;
	padding: 0px 7px 0 px 10px;
}

div.blogbody p img {
	float:right;
	clear:none;
	margin: 10px 0px 10px 20px;
	border-width:0px;
}	

div.blogbody p img.fullwidth {
	clear:both;
	float:none;
	margin-left:0px;
	margin-right:auto;
	margin-bottom:0px;
}

div.blogbody p img.leftimg {
	clear:none;
	float:left;
	margin:12px 10px 12px -8px;
	border:0;
}

div.blogbody p img.rightimg {
	clear:none;
	float:right;
	margin:12px -8px 12px 10px;
	border:0;
}



.posted {
	margin-top:-5px;
	margin-bottom: 30px;
	padding: 0px 2px;
	font-size: 10px;
	line-height:9px;
	color: #676;                   /***** "posted at" COLOR. *****/
	border-top: 1px solid #c0c0b0;  /***** BOTTOM BORDERLINE COLOR. *****/
	text-align: right;
}
.posted a {
	font-weight: normal;
}

/********** SIDEBAR **********/
h3.sidebarhead {                
	width:100%;
	margin-bottom: 5px;
	margin-top: 18px;
	margin-left:-3px;
	padding-left:3px;
	font-size: 11px;
	line-height: 15px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #aa9;
	color: #fff;                 /***** SIDEBAR HEADER BLOCK COLOR. *****/
	background-color:#bba;       /***** SIDEBAR HEADER TEXT COLOR. *****/
}
div.menuitem {
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 5px;
}
#sidebar a {
	font-weight: normal;
}

/********** FOOTER **********/
.powered {                     
	font-family:verdana, arial, sans-serif;
	color:#003366;
	font-size:9px;
	font-weight:bold;
	line-height:11px;
	text-transform:uppercase;
	padding:2px;
	margin-top:20px;
	text-align:center;
	letter-spacing: .2em;
	}

#footer p {
	font-size: 10px;
	text-align: center;
	color: #033;
	clear: both;
}

/********** COMMENTS **********/
body.comments {
	background-color: #dae2e4;     /***** COMMENTS BKGD COLOR. *****/
	background-image: url(doa-images/doa-corner-comment.gif);
	background-repeat: no-repeat;
	background-position:top right;
	background-attachment:fixed;
}

body.comments-error {
	background-color: #f8d6c3;     /***** COMMENT-ERROR BKGD COLOR. *****/
	background-image: url(doa-images/doa-corner-comment-error.gif);
	background-repeat: no-repeat;
	background-position:top right;
	background-attachment:fixed;
}

.comments-head {
	margin-top: 40px;
	border-bottom: 1px solid #999;
	font-family: palatino, georgia, verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #669;
}

.comments-body {
	margin-top: 36px;
	margin-left:15px;
	font-family: palatino, georgia, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000;
}

.comments-posted {
	margin-top:-7px;
	margin-left:15px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 9px;
	color: #888;
	border-top: 1px solid #ccc;
	text-align: right;
}

/********** 400, 403, 404 ERROR PAGES **********/
body.error {
	background-color: #f8d6c3;     /***** BKGD COLOR, OUTSIDE THE BOX. *****/
	background-repeat: no-repeat;
	background-position:top right;
	background-image: url(doa-images/corner-doa-error.gif);
}

div.error {
	border: 2px #030 solid;
	background-color: #e3e1d5;  /***** BKGD COLOR, INSIDE THE BOX. *****/
}

/******************** OLD STYLES FROM JORDAAN. *******************/
/*
/body.portfolio {
/	background-color: #3F6258;
/	background-image: url(/images/bg_plug.jpg);
/	background-repeat: no-repeat;
/	background-attachment: fixed;
/}
/div.portfolio {
/	border: 1px #ffc solid;
/	background-color: #cc9;
/}
/body.contact {
/	background-color: #066;
/	background-image: url(/images/bg_horses.gif);
/	background-repeat: no-repeat;
/	background-attachment: fixed;
/}
/div.contact {
/	border: 1px #ffc solid;
/	background-color: #cc9;
/}
/body.memos {
/	background-color: #778986;
/	background-image: url(/images/bg_hammers.jpg);
/	background-repeat: no-repeat;
/	background-attachment: fixed;
/}
/div.memos {
/	border: 1px #fff solid;
/	background-color: #cc9;
/}
/dt, dd {
/	font-size: 12px;
/	line-height: 15px;
/}
/th, td {
/	font-size: 12px;
/	line-height: 15px;
/}
/hr {
/	color: #ffc;
/}
/code, pre {
/	font-family: Courier, fixed-width;
/	color: #333;
/}
/q {
/	font-style: italic;
/}
/.smallprint {
/	font-style: 10px;
/}
/.datememo {
/	font-size: xx-small;
/	color: #666;
/	padding-right: 5px;
/	margin-right: 5px;
/	border-right: 1px #666 solid;
/}
/.caption {
/	font-size: 10px;
/	padding-top: 10px;
/	padding-bottom: 10px;
/}
/.picture300 {
/	float: right;
/	margin: 10px;
/	width: 300px;
/}
/.picture400 {
/	float: right;
/	margin: 10px;
/	width: 300px;
/}
/.picture300 p, .picture400 p {
/	font-size: 10px;
/	text-align: center;
/}
/.update {
/	background-color: #ffc;
/	padding: 0 5px;
/}
/.superscript {
/	font-size: 8px; 
/	vertical-align: super;
/}
/.post {
/	font-size: 10px;
/	color: #333;
/	padding: 2px;
/	border-top: 1px dotted #333;
/	text-align: right;
/}
/.extended {		/* more... */
/	font-size: 11px;
/	font-variant: small-caps;
/}
/#menu {
/	margin-right:30px;
/	text-align:right;
/	font-size: 10px;
/	margin-bottom: 12px;
/}
**********/