body { background: url(imgs/bd_blog.jpg) no-repeat center bottom fixed; }

#ft {
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
  background: url(imgs/bottom.gif) center center no-repeat;
}

#yui-main .yui-b { padding-left: 50px; }

.menu { margin-bottom: 15px; }

a {
	text-decoration: none;
	color: #669;
}
a:hover { 
	color: #FFF;
	text-decoration: none;
	background: #669;
}

ul { margin-left: 10px;}

h4.header {
  color: #999;
  background: #fcd;
  padding: 5px 0;
  text-align: center;
  clear:both; }

acronym { cursor: help; }

.circle li { list-style: circle outside;}

#main {	margin-right: 13px; }

/* yui-menu
------------*/

#topnav { font-size:107%; margin:0 0 10px 0; }
#topnav a:hover { background:transparent;text-decoration: none; }
div.yuimenu li.yuimenuitem {  padding:4px 24px; list-style-type:none; }
.yuimenubar input, .yuimenubar form { margin:0; padding:0;}

/* pager
---------*/

.pagerCurrent { font-size: 150%;}
/*.pagerLink .pagerLinkNextPage .pagerLinkPrevPage */

/* post
--------*/

.post {
	clear: both;
	margin-bottom: 3em;
}

.subject {
  font-weight: 700;
  font-size: 182%;
	margin-bottom: 10px;
}

.datebox { width:50px; float:right; margin-left: 10px;}
.datebox .m { font-size:92%;}
.datebox .y { font-size:85%; color:white;}
.datebox .d { font-size:197%;}

.date{display:block}
.date *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#ffccdd}
.date1{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #ffe9f0;border-right:1px solid #ffe9f0;background:#ffd8e5}
.date2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px; border-left:1px solid #fff9fb;border-right:1px solid #fff9fb;background:#ffd5e3}
.date3{margin-left:1px;margin-right:1px;border-left:1px solid #ffd5e3;border-right:1px solid #ffd5e3;}
.date4{border-left:1px solid #ffe9f0;border-right:1px solid #ffe9f0}
.date5{border-left:1px solid #ffd8e5;border-right:1px solid #ffd8e5}
.datefg{text-align:center;background:#fcd}

.meta {
  color: #BFBFBF;
  border-top: 2px dotted #E5E5E5;
  border-bottom: 2px dotted #E5E5E5;
  margin-right: 70px;
  text-align:right;
}

.body {	
  font-size: 107%;
  padding: 1em 0; }

.author {
  color: #555;
}

.author span {
  font-size: 136%;
	font-weight: 700;
	color: #8080BF;
}

/* post information
--------------------*/

#info { 
  background: #fcecfc;
  margin: 50px 0 20px 0;
  padding: 10px 5px;
  border-top: 1px solid #999; 
  border-bottom: 1px solid #999;
  clear:both; } 

  #info li { margin-bottom: 8px; }
  #info span {font-weight:700;}
  
  #info .author { text-align:right;}


.info_right {
  width:110px; 
  float:right;  }

.reads {
  text-align:center; 
  padding: 30px 0; 
  margin: 0 0 10px 0;
  border:1px dotted #999; 
  color: #a9a9a9; 
  font-size:92%; }

  .reads span { color:#8080BF; font-size:197%; display: block;}

#Recently { }

#Recentcomments { }

/* bottom - main page
----------*/

#Bottom { margin-top:50px;}

.extra { width: 50%; float:left; }
.extra ul, .extra h4 { margin: 0 10px; }
.extra ul { border-top: 1px dotted #999; }
.extra li { 
  font-size: 107%;
  border-bottom: 1px dotted #999;
  border-width: 1px 0;  }

  .extra li a { 
    display: block;
    padding: 5px; }

    .extra a span {
      text-align: right;
      color: #999;
      display: block; }
      
#Search { text-align:center;}

/* album
---------*/

div.album {
	position: relative;
	text-align: center;
	float: left;
	width: 126px;
	height: 126px;
	background: #fcf;
	margin: 3px;
}
.album a span {
	display: none;
}
.album a:hover span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 126px;
	text-align: center;
	background: #fcf;
	color: #000;
}
.album a img {
	border: none;
	margin-top: 2px;
}
dl {
	margin: 0;
	padding: 0;
}
dt {
	font-weight: 700;
	float: left;
}
dd {
	padding-left: 4em;
}