@charset "utf-8";
/**************************************************
    lifeskills/blog.css
    file created in 2009/09/01 20:22:32.
    LastUpdated :2009/10/21 10:54:20.
    author iNo
**************************************************/

.page-wrap #container #container-body #page-blog-layer h2 {
    background-image: url(./images/page_blog_title_bg.gif);
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer {
    /*
    outline: 1px solid green;
    */
    position: relative;
    width: 500px;
    float: left;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-sidebar-layer {
    position: relative;
    margin-left: 500px;
    height: 900px;
    background: transparent url(./images/illust_pencil.png) no-repeat right 300px;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .page-entry {
    width: auto;
    margin: 0 10px 0 40px;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer h3 {
    background: transparent url(./images/entry_information_title_bg.png) no-repeat left bottom;
    margin: 10px 0; padding: 0 10px 0;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer h3 a {
    color: #600;
    text-shadow: #dbb 1px 1px 0px;
    text-decoration: none;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer h3 a:hover {
    color: #c00;
}
.page-wrap #container #container-body #page-blog-layer .entry-metadata {
    clear: both;
    background: transparent url(./images/entry_metadata_bg.png) no-repeat left top;
    margin: 0 0 20px 0; padding: 5px 10px 0;
    min-height: 30px;
    text-align: right;
    border: none;
}
.page-wrap #container #container-body #page-blog-layer .entry-metadata li {
    color: #666;
    display: inline;
    padding: 2px 0;
}
.page-wrap #container #container-body #page-blog-layer .entry-metadata li a {
    color: #666;
}
/* tag cloud style */
#tagcloud dt {
    color: #300;
    font-weight: bold;
}
#tagcloud a {
    color: #666;
}
#tagcloud a:hover {
    color: #966;
}

/* entry content area style */
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt blockquote {
    margin: 10px 60px; padding: 10px;
    color: #333;
    background-color: #ffe;
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt ul,
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt ol {
    margin: 5px 10px 5px 20px;
    list-style-position: inside;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt ul {
    list-style-type: disc;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt ol {
    list-style-type: decimal;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt pre {
    padding: 0 10px;
    margin: 0 20px;
    background-color: #eee;
    border-left: 5px solid #ccc;
    line-height: 2.0em;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h1,
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h2,
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h3,
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h4,
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h5,
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h6 {
    color: #933;
    font-weight: bold;
    line-height: 1.6em;
    margin: 15px 10px 5px; padding: 1px 3px;
    background: none;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h1 {
    font-size: 130%;
    border-left: 8px solid #600;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h2 {
    font-size: 125%;
    border-left: 8px solid #711;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h3 {
    font-size: 120%;
    border-left: 8px solid #822;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h4 {
    font-size: 115%;
    border-left: 8px solid #933;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h5 {
    font-size: 110%;
    border-left: 8px solid #a44;
}
.page-wrap #container #container-body #page-blog-layer #page-blog-content-layer .entry-content-excerpt h6 {
    font-size: 100%;
    border-left: 8px solid #b55;
}

/* category previous and next navigation */
.page-postnav {
    margin: 0 10px 0 40px;
}

.entry-body img.alignleft {
    display: block;
    float: left;
    margin: 5px 5px 5px 0;
}
.entry-body img.alignright {
    display: block;
    float: right;
    margin: 5px 0 5px 5px;
}
.entry-body img.aligncenter {
    display: block;
    margin: 5px auto;
}

/*
vim:fdl=0 fdm=marker:ts=4 sw=4 sts=0:
*/