/* log.css */
/* Written by Kayode Okeyode <kayodeok@btinternet.com> */

body     
{margin:0 1% 0 1%;
padding:0;
font-family: georgia, "times new roman", times, serif; /*arial,"trebuchet ms","lucida grande",sans-serif;*/
background-color:#eee; 
color:#000;}

h2, h3, h4, h5
{margin:0;
padding:0;}

p 
{margin:0 0 1em 0; 
padding:0;}

blockquote
{border-left: 5px solid #ccc; /* #036 */
padding-left:0.5em;}

ul
{margin-top:0;
margin-left:1.5em;
padding-left:1.5em;}

li
{margin:0;
padding:0 0 0.50em 0;}

dt 
{font-weight:bold;}

dd 
{margin-bottom:1em;}

hr
{display:none;}

a 
{background-color:transparent;
color:#00c;}/*#00f*/

a:visited 
{background-color:transparent;
color:#800080;}/*#800080*/

a:hover 
{background-color:transparent;
color:#f00;}/*#f00*/

h3 a 
{text-decoration:none;
background-color:#fff;
color:#000;}

h3 a:visited 
{text-decoration:none;
background-color:#fff;
color:#369;} /*#000*/

h3 a:hover 
{text-decoration:none;/*underline*/
background-color:#036; /*#fff*/
color:#fff;} /*#000*/

kbd, pre, code, samp, var
{font-family:monospace;
color:#900;
background-color:#fff;}

pre
{margin:0.5em 0;}

ins
{text-decoration:none;}

sup
{font-family: Arial, Helvetica, sans-serif;
font-size:65%;}

abbr, acronym, span.abbr 
{cursor: help;
border-bottom: 1px dashed #000;}

q
{font-style:italic;
quotes: '\201C' '\201D' '\2018' '\2019';}

q:before 
{content: open-quote;}

q:after 
{content: close-quote;}

table
{margin:0.5em 0 1em 0;
padding:0;
/*border-collapse:collapse;*/}

form
{margin:0 0 0.5em 0;
padding:0;}

input
{}

#blockquote
{margin: 0 5% 1em 5%;
padding: 0.5em;
border: 0;
background-color:#eeeeff;
color:#000;}

#blockquote h4, #blockquote h5
{margin:0;
padding:0;}

blockquote.dialog
{padding:0;
margin: 0.5em 1.5em;
border:0;
/*border: solid red 1px;*/}

blockquote.dialogbox
{padding:0.5em;
margin: 0.5em 1.5em;
border: 1px dashed black;
color: #000;
background-color: #eee;}

blockquote.dialogbox q
{font-style: normal;}

dl.dialog
{width: 100%;
margin: 0.5em 0;
padding: 0;
/*border: solid green 2px;*/}

dl.dialog dt
{width: 15%;
float: left;
margin: 0 0 0 0;
padding: 0.2em;
font-weight: bold;
clear: left;
/*border: solid red 1px;*/}

dl.dialog dt:after
{content: ":";
}

dl.dialog dd
{margin: 0 0 0 18%;
padding: 0.2em;
/*border: solid blue 1px;*/}

/* My Weblog is divided into the following sections */
/* Main Weblog: #header, #navbar, #content, .dailylog, #archive, #footer */
/* Index to Permalinks: #header, #navbar, #content-archive, .dailylog, #footer */
/* Weblog Permalinks: #header, #navbar, #content-archive, .dailylog, #footer */
/* Index to Headlines: #header, #navbar, #content-permalink, .dailylog, #content-sidebar #footer */
/* Headlines: #header, #navbar, #content-archive, .dailylog, #footer */
/* Daily Headlines: #header, #navbar, #content-archive, .dailylog, #footer */

/* NB: In Weblog Permalinks, change all #content-archive to #content-permalink and add #content-sidebar*/
/* NB: Find out where #headline-content and #headline-archive has been used and subst the latter with #headline-sidebar */

#header h1   
{margin:0;
padding:0;
background-color:#036;
color:#fff}

#navbar 
{background-color:#eee; /*#c0c0c0*/
color:#000;
margin:0 0 1em 0;}

#navbar a  
{text-decoration:underline; /*none*/
background-color:transparent;/*#c0c0c0*/
color:#036;} /*00f*/

#navbar a:visited  
{text-decoration:underline; /*none*/
background-color:transparent;/*#c0c0c0*/
color:#800080;}

#navbar a:hover  
{text-decoration:underline; /*none*/
background-color:transparent;/*#c0c0c0*/
color:#f00;}

#content
{float:left;
width:65%;}

#archive
{/*float:right;*/ /* At resolution 800 x 600 with larger text, the right column was dropped */
/*width:30%;*/
margin-left:67%;} 

#content-archive 
{}

.dailylog h2 
{border-bottom:dotted 1px #036;/*#999*/
margin-bottom:1em;
font-size:110%;}

.dailylog #list 
{margin:0 0 0.25em 0; 
padding:0;}

.dailylog p span.instruct 
{color:#f00;
background-color:#fff;}

.dailylog
{margin-bottom:1em;
padding:1em 1em 0 1em;
border:solid 1px #000; 
background-color:#fff;
color:#000;}

#archive, #headline-archive
{margin-bottom:1em;
padding:1em 1em 0 1em;
border:solid 1px #000; 
background-color:#fff;
color:#000;}

#content-sidebar, #headline-sidebar
{padding:1em 1em 0 1em;
border:solid 1px #000; 
background-color:#fff;
color:#000;}

#archive ul, #headline-archive ul, #content-sidebar ul, #headline-sidebar ul
{/*list-style-type: none;*/
margin:0 0 0 1em;
padding:0 0 0 1em;}

#archive li, #headline-archive li, #content-sidebar ul, #headline-sidebar ul
{/*padding-left:1em;*/}

#headline-content, #content-permalink
{float:left;
width:75%;}

#headline-archive, #content-sidebar, #headline-sidebar
{/*float:right;*/
/*width:20%*/ /* At resolution 800 x 600 with larger text, the right column was dropped */
margin-left:77%;}

#footer
{clear:both;}

#footer
{border:solid 1px #000;
background-color:#fff;
color:#000;
padding:0.5em;
margin-bottom:1em;}

#footer p
{margin:0;
padding:0;}