/* normaranize */

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
   margin:0;
   padding:0;
}
li {
    margin-left: 1.6em;
}
ol, ul {
    margin: 1em 0;
}
p {
    margin: 1em 0;
}
a {
    color: #f90;
}
dl {
    margin: 1em 0;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 3em;
}

/* general */
body {
    background-color: #09d1ff;
    background-image: url(../img/back.png);
    background-repeat: repeat-y;
}
/* head */
#site {
    position: absolute;
    top: 0;
    left: 0em;
    height: 500px;
    width: 790px;
    background-image: url(../img/h1_back.jpg);
    text-align: left;
    padding-top: 12px;
}
#site .name {
    padding-left: 16px;
}
#site h1 {
    font-size: 16px;
}
#site .description {
    padding-left: 16px;
    font-size: 14px; 
    color: #999;   
}
#site a {
    color: #f00;
}
/* body */
#page {
    padding-top: 12px;
    color: #333;
    position: absolute;
    top: 256px;
    left: 16px;
    width: 500px;
}
#page pre {
    color: #fff;
	overflow-x: scroll;
	background-color: #000;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 1em 0;
    background-image: url(../img/pre_back.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#page blockquote {
    color: #fff;
	background-color: #007236;
	border: 1px solid #ccc;
	margin: 1em;
	padding: 1em;
    background-image: url(../img/blockquote_back.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#page .date {
    margin-bottom: 0;
}
#page .date {
    /*float: left;*/
    padding: 0 1em;
    margin: 0;
    margin-bottom: 0.4em;
    color: #fff;
    background-color: #000;
    background-image: url(../img/daytitle_back.jpg);
    background-position: left bottom;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    /*border-right: 2px solid #999;*/
}
#page .entry {
    color: #333;
    padding: 0 1em;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 1em;
}
#page .entry h1 {
  background-color: #ffc;
    clear: both;
    font-size: 120%;
    margin-top: 0;
    padding: 0.6em;
}
#page .entry h2 {
    clear: both;
    font-size: 110%;
    margin: 0.6em 0;
}
#page .entry h3 {
    clear: both;
    font-size: 100%;
    margin: 0.6em 0;
}
#page .name {
    font-weight: bold;
}
#comments,
#trackbacks,
#post_your_comment {
    font-size: 90%;
    padding: 1em;
}
#comments h2,
#trackbacks h2,
#post_your_comment h2 {
    padding: 0.2em 0;
    padding-left: 28px;
    background-image: url(../img/aqua_botton-1.gif);
    background-repeat: no-repeat;
    background-position: left center;
    color: #999;
}
#page .comment {
    border-left: 2px solid #f90;
    padding: 0 1em;
}
#page .comment_name {
    color: #fc0;
}
#page .comment_name span {
    color: #333;
    font-weight: bold;
}
#category_childpages {
    padding: 1em;
}

/* menu */
#information {
    font-size: 90%;
    color: #999;
    background-color: #fff;
    position: absolute;
    top: 300px;
    left: 516px;
    width: 274px;
    background-image: url(../img/menu_back.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
}
#information .d2 {
    padding: 1em;
}
#information h2 {
    padding: 0.2em 0;
    padding-left: 28px;
    background-image: url(../img/aqua_botton.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
/* foot */
#publication {
    display: none;
}