@charset "UTF-8";

body {
  padding:0 10% 0 10%;
  border:0;
  margin:0;
  font-family: Verdana, sans-serif;
  background:#8b5 url("/img/site/greenbg.gif") repeat-y 73%;
  color:#333;
  font-size: 76%;
  }

h1,h2,h3,h4 {
  font-family: "Trebuchet MS",Trebuchet,Lucida,sans-serif;
  font-weight:normal;
  }

/* zero out all list margins and paddings */
/* avoid tiny fonts in nested lists by specifying 1em size */
ol,ul,li {padding:0;border:0;margin: 0;}
ol {font-size:1.0em;}
ol li {font-size:1.0em;}
ol ol li {font-size:1.0em;}
ol ol ol li {font-size:1.0em;}

ul {font-size:1.0em;}
ul li {font-size:1.0em;}
ul ul li {font-size:1.0em;}
ul ul ul li {font-size:1.0em;}

/* zero out images */
img {padding:0;border:0;margin:0;text-decoration: none;}

/* turn off all styling on links to avoid h1 problem caused by category plugin
 */

a:link {text-decoration:none;background:transparent;border-style:none;}
a:visited {text-decoration:none;background:transparent;border-style:none;}
a:hover {text-decoration:none;background:transparent;border-style:none;}
a:active {text-decoration:none;background:transparent;border-style:none;}

/* header
============================================*/

#header  {
  padding: 1% 0;
  border:0;
  margin:0;
  background: transparent;
  color: #693;
  text-align:left;
  font-family: "Apple Chancery", Garamond, Lucida, serif;
  font-weight: normal;
  font-size:2.5em;
  }

#header a:link {text-decoration:none; background:transparent; color: #1D3D00}
#header a:visited {text-decoration:none; background:transparent; color: #1D3D00}
#header a:hover {text-decoration:none; background:transparent; color: #f30;}
#header a:active {text-decoration:none; background:transparent; color: #1D3D00}

/* text header */
#hdcard {}
#hdacecast {}
#hdslogan {}

/* main content (entries) */

div#maincontainer {
  background:#f9fbe4;
  padding:0;
  border:0;
  margin:0;
  }

div#content {
  border:0;
  float:left;
  width:75%;
  margin-top:0.5em;
  }

/*___ main blog each entries ___*/

div.entry {
  border:1px solid #360;
  background:#f9fbe4;
  }

div.entryend {
  margin-bottom:4%;  /* make margin at the out of entry.*/
  }

/*___ entry title ___*/

.entry h1, .entry h2, .entry h3 {
  font-family: Verdana, Helvetica, sans-serif;
  margin: 0;
  color:#333;
  background:#f9fbe4;
  font-weight:600;
  text-transform:capitalize; 
  border-bottom:1px solid #9c6;
  }

.entry h1 {font-size:1.3em;padding:2% 1% 1% 2%;}
.entry h2, .entry h3 {font-size:1.2em;padding:1% 1% 1% 0;}

/* entry body (story)
============================================*/

div.entry div.story {
  padding:0% 4%;
  color:#333;
  font-size:1em;
  line-height:1.5em;
  }

div.story p, div.story ul, div.story ol {margin: 2% 0;}

/* story links */

div.story a:link
{ text-decoration:none; font-weight:normal;
  background:transparent;color:#333;
  border-color:#693; border-width:0 0 1px;
  border-style:none none solid none;
  }
div.story a:visited
{ text-decoration:none; font-weight:normal;
  background:transparent;color:#333;
  border-color:#9c6; border-width:0 0 1px;
  border-style:none none dashed none;
  }
div.story a:hover
{ text-decoration:none; font-weight:normal;
  background:transparent;color:#333;
  border-color:#f03; border-width:0 0 2px;
  border-style:none none dashed none;
  }
div.story a:active
{ text-decoration:none; font-weight:normal;
  background:transparent;color:#333;
  border-color:#693;border-width:0 0 1px;
  border-style:none none solid none;
  }

.postinfo a:link, .column a:link
{ text-decoration:none; font-weight:normal;
  background:transparent;color:#333;
  border-color:#693;border-width:0 0 1px;
  border-style:none none solid none;
  }
.postinfo a:visited, .column a:visited
{ text-decoration:none; font-weight:normal;
  background:transparent;color:#333;
  border-color:#693;border-width:0 0 1px;
  border-style:none none solid none;
  }
.postinfo a:hover, .column a:hover
{ text-decoration:none; font-weight:normal;
  background:transparent;color:#f30;
  border-color:#f30; border-width:0 0 1px;
  border-style:none none dashed none;
  }
.postinfo a:active, .column a:active
{ text-decoration:none; font-weight:normal;
  background:transparent;color:#333;
  border-color:#693; border-width:0 0 1px;
  border-style:none none solid none;
  }

/*___ styles on entry body (story) ___*/

div.story li {
  line-height:1.30em;
  margin-left:2em;
  }

div.story dt {
  margin-top:1em;
  padding-left:0.6em;
  clear:both;
  border-left:6px solid #360;
  }

div.story dd {
  width:80%;
  padding-top:0.2em;
  padding-left:0.3em;
  font-size:0.9em;
  clear: both;
  }

div.story blockquote {
  border-left:double #693;
  margin:2% 0% 2% 5%;
  padding-left:3%;
  }

div.story pre {
  padding:1%;
  font-size:1em;
  line-height:1.40em;
  font-family:sans-serif;
  clear:both;
  }

/*___ entries date info and post info ___*/

div.entry p.origdate {
  padding:1% 0 0 1%;
  margin:0;
  font-size:0.9em;
  text-align:left;
  clear:left;
  color:#666;
  background:transparent;
  }

div.entry p.dateinfo {
	padding:2% 3% 0 0;
    margin:0;
    font-weight:bolder;
	font-size:0.9em;
	text-align:right;
	clear:both;
	}

div.entry p.postinfo {
	padding:1% 3% 1% 0;
    margin:0;
	font-size:0.9em;
	text-align:right;
	clear:both;
	}

/* writeback for html & writeback
============================================*/

div.entryend div.writeback {
	margin:0% 0% 0% 5%;
	padding:1% 3%;
	color:#3a3a3a;
	font-size:0.9em;
	line-height:1.4em;
	border-left:1px dotted #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	background:transparent;
	}

div.entryend div strong {
	color:#111;
	font-weight:normal;
	}

a.comments:hover { text-decoration: none; }
.comments {
	margin-top:3%;
	color:#8C5355;
	font-size:1em;
	font-weight:bold;
	font-family:sans-serif;
	letter-spacing:0.1em;
	border:0;
	clear:both;
	}

.meta {
	color:#444;
	font-size:0.9em;
	}

/*___ form for wikieditish & writeback ___*/

div.story > form > p > input,
div.story > form > p > textarea {
	margin:0;
	padding:0% 1%;
	font-size:1em;
	line-height:0.85em;
	font-family:sans-serif;  /* if problem, add your country font */
	}

p.trackback {
	padding-left:2em;
	border-left:3px double #C4C4C4;
	}

/* sidebar (side columns)
============================================*/

#sidebar { 
	border:0;
    font-family: Verdana, sans-serif;
	 }

/* margin-top must match main contents */
div#sidebar {
	margin-top:0.5em;
	width:21%;
	float:right;
	}

/*___ column-box ___*/

div#sidebar div.column {
	margin-bottom:1.2em;
	padding:4%;
	color:#333;
	font-size:1em; 
	line-height:1.3em;
	text-align:left;
	border:1px solid #360;
	background:#f9fbe4;
	}

div.column h1, div#navcontainer h1 {
	padding:1%;
	margin:0;
	border-bottom:1px solid #9c6;
	color:#333;
	background:#f9fbe4;
    font-size:1em;
	font-weight:bolder;
	text-transform:uppercase;
	text-align: center;
	}

div.column p {
	padding:1% 4% 4% 4%;
    margin:0;
	font-size:1em;
	}

div.column ul, div.column ul ul, div.column ul ul ul {
	margin:0% 0% 0% 1%;
	padding-left:0.5em;
	list-style:none;
	font-size:1em;
	}

/* footer
============================================*/

div#footer {
        padding:0 0 2em 0;
        color:#f9fbe4;
        text-align:left;
        clear:left;   /* very important */
	}

div#footer > p {padding:0;border:0;margin:0 0 0.3em 0;}


/* footer links */
div#footer a:link { text-decoration:none; font-weight:bolder;
  background:transparent;color:#ff6; 
  border-color:#ff6; border-width:0 0 1px;
  border-style:none none solid none;
  }
div#footer a:visited { text-decoration:none; font-weight:bolder;
  background:transparent;color:#ff6; 
  border-color:#ff6; border-width:0 0 1px;
  border-style:none none solid none;
  }
div#footer a:hover { text-decoration:none; font-weight:bolder;
  background:transparent;color:#f30; 
  border-color:#f30; border-width:0 0 1px;
  border-style:none none dashed none;
  }
div#footer a:active { text-decoration:none; font-weight:bolder;
  background:transparent;color:#ff6; 
  border-color:#ff6; border-width:0 0 1px;
  border-style:none none solid none;
  }

/*___ Google_Highlight ___*/

.highlight { background-color:#CFFFA6; }

.strike {text-decoration:line-through;}

.lpic img {
  display:inline;
  background:transparent;
  padding:0;
  border: 1px solid #333;
  margin:2px 6px 2px 0;
  }
.rpic img {
  display:inline;
  background:transparent;
  padding:0;
  border: 1px solid #333;
  margin:2px 0 2px 6px;
  }

.thumb img {
  display:inline;
  background:transparent;
  padding:0;
  border: 1px solid #333;
  margin:4px;
  }

.centerme {text-align:center;}
.lfloat {float:left;clear:both;}
.rfloat {float:right;clear:both;}

/* investigate later, plugin is modified to genereate id instead of class
   #this-category { } */

/* vertical list is from listamatic - 
  http://css.maxdesign.com.au/listamatic/vertical13.htm */

#navcontainer
{
background: #f9fbe4; 
padding:0;
border:0;
margin:0 0 1.2em 0;
border: solid 1px #360;

font-size: 1em;
text-align: center;
text-transform: lowercase;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
border: 0;
margin: 0;
}

ul#navlist li
{
display: block;
margin: 2px;
padding: 0;
}

ul#navlist li a
{
display: block;
padding: 0.2em 0 0.2em 0.5em;
border-width: 1px 6px 1px 1px;
border-color: #cde0b0 #693 #9ebe7d #cde0b0;
border-style: solid;
color: #333;
text-decoration: none;
background: #fffbe7;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #fffbe7;
color: #333;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #ff6;
background: #693;
border-color: #ffffd5 #f30 #ff6 #ffffe3;
border-width: 1px 9px 1px 1px;
}

.categories, .archives
{ font-family: georgia, serif;
  font-size: 1em;
  color:#333;
  background:transparent;
  }

.categories a:link, .archives a:link 
{ text-decoration:none; font-weight:normal;
  background:transparent; color:#333; 
  border-style:none;
  }
.categories a:visited, .archives a:visited 
{ text-decoration:none; font-weight:normal;
  background:transparent; color:#333; 
  border-style:none;
  }
.categories a:hover, .archives a:hover 
{ text-decoration:none; font-weight:normal;
  background:#360; color:#ff6; 
  border-style:none;
  }
.categories a:active, .archives a:active
{ text-decoration:none; font-weight:normal;
  background:transparent; color:#333; 
  border-style:none;
  }