@charset "utf-8"; 
@import url("http://purpr.in/common/stylesheets/default.css");
@import url("http://purpr.in/blog/stylesheets/layout/layout.css");
@import url("http://purpr.in/blog/stylesheets/font.css");
@import url("http://purpr.in/blog/stylesheets/microformats.css");
@import url("http://purpr.in/blog/stylesheets/kotonoharoll.css");
/*
 * Style Name: pur*log Stylesheet
 * Style URI: http://purpr.in/blog/stylesheets/purlog.css
 * Description: pur*log's Stylesheet
 * Version: 1.0.0
 * Last Up Date: 2006-06-02T04:20:10+09:00
 * Author: purprin
 * Author URI: http://purpr.in/
 * Author Email: purprin[at mark]gmail.com
 * Guideline URI: http://purpr.in/common/guideline/css/
 */
/* ----------------------------------------
 * Common
 * ---------------------------------------- */
/* selection */
::-moz-selection {
    color: #fff;
    background: #d9a2a0;
    }

::selection {
    color: #fff;
    background: #d9a2a0;
    }

/* ----------------------------------------
 * Structure
 * ---------------------------------------- */
body {
    color: #fff;
    /* background: #000 url("http://purpr.in/blog/images/bg/header/header_bg.gif") repeat-x; */
    background-color: #000;
    }

    div#container {
        background-color: #000; 
        }

        div#navcontainer {
            width: 800px;
            height: 23px;
            color: #666;
            background-color: #000;
            }

            ul#nav,
            ul#subscribe {
                margin: 0;
                padding: 0;
                float: left;
                width: 400px;
                height: 23px;
                background-color: #000;
                text-align: left;
                }

            ul#subscribe {
                text-align: right;
                }

                ul#nav li,
                ul#subscribe li {
                    margin: 5px 0 0 0;
                    padding: 0 6px 0 0;
                    display: inline;
                    font-size: 11px;
                    list-style: none;
                    }

                ul#subscribe li {
                    padding: 0 15px 0 0;
                    }

                ul#subscribe li img {
                    vertical-align: middle;
                    }

        div#header {
            clear: both;
            height: 166px;
            background: transparent url("http://purpr.in/blog/images/bg/header/logo.gif") no-repeat;
            }

        div#contents {
            background: #111 url("http://purpr.in/blog/images/bg/body/contents_bg.gif") repeat-y;
            }

            div#contents_one {
                background: #111 url("http://purpr.in/blog/images/bg/body/gradation.gif") repeat-x;
                }

                div#contents_one .section {
                    margin: 8px 19px 18px 15px;
                    font-size: 100%;
                    }

                    div#contents_one .section .section {
                        margin-right: 0;
                        font-size: inherit;
                        }

                        div#contents_one .section .section .section {
                            margin: 8px 0 10px 6px;
                            font-size: inherit;
                            }

            div#contents_two {
                background-color: #222;
                }

                div#contents_two .section {
                    margin: 8px 0 10px 0;
                    }

        div#footer {
            background: #5b0222 url("http://purpr.in/blog/images/bg/footer/footer.gif") repeat;
        }

/* ----------------------------------------
 * modules
 * ---------------------------------------- */
/* Text module */
blockquote {
    margin: 0.9em 0 0.9em 1.5em;
    padding: 8px 12px 5px 42px;
    border: none;
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
    color: #eee;
    background: #120302 url("http://purpr.in/blog/images/bg/body/blockquote.gif") no-repeat;
    }

blockquote * {
    color: #eee;
    font-size: 90%;
    }

blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
    font-size: 90% !important;
    font-weight: bolder;
    }

blockquote p {
    margin: 0.2em 10px;
    font-size: 90% !important;
    }

blockquote pre {
    color: #eee;
    }

blockquote li {
    font-size: 100% !important;
    }

blockquote[title]:before {
    display: none;
    }

blockquote[cite]:after {
    margin: 5px 2px 3px 2px;
    padding: 0.5em 10px 0.1em 10px;
    display: block;
    border-top: 1px dotted #7c0020;
    content: "＊引用元URI＊"  attr(cite);
    color: #eee;
    background-color: transparent;
    font-size: 80%;
    text-align: right;
    }

cite {
    font-size: 100% !important;
    }

cite:before {
    content: url("http://purpr.in/blog/images/bg/quote_inline.gif");
    }

cite:after {
    margin-left: 0.5em;
    content: "";
    }

h3 {
    margin: 0 0 0.6em 0;
    padding: 0.3em 0 0.2em 0;
    border-bottom: 1px solid #551b1a;
    font-size: 98%;
    font-weight: bold;
    letter-spacing: 0.1ex;
    }

pre {
    padding: 10px;
    background-color: #111;
    font-size: 12px !important;
    }

pre.code_css,
pre.code_xhtml {
    border: 1px solid #a40035;
    }

pre.code_css:before {
    margin: 0;
    padding: 0;
    display: block;
    content: "CSS code";
    font-size: 12px;
    color: #a40035;
    text-align: right;
    }

pre.code_xhtml:before {
    margin: 0;
    padding: 0;
    display: block;
    content: "XHTML code";
    font-size: 12px;
    color: #a40035;
    text-align: right;
    }

pre code {
    line-height: 1.4 !important;
    font-size: 12px !important;
    letter-spacing: 0.1ex;
    }

kbd {
    color: #111;
    }
/* Hypertext module */

a { color: #f37299; text-decoration: none; }
a:link    { color: #f37299; text-decoration: none; }
a:visited  { color: #f37299; text-decoration: none; }
a:active  { color: #f37299; text-decoration: none; }
a:hover    { color: #f37299; text-decoration: underline; }

/* List module */
dt strong {
    text-decoration: none;
    }

ol,
ul {
    margin-left: 2em;
    }

ul li,
ol li {
    margin: 0 0 0.3em 0;
    }

ul li {
    list-style-image: url("http://purpr.in/blog/images/icon/bullet/circle_01.gif");
    }

ul li ul li {
    list-style-image: url("http://purpr.in/blog/images/icon/bullet/square_02.gif");
    }

div#contents_two ul li,
div#contents_two ol li {
    color: #b40055;
    }

blockquote ul li {
    list-style: none;
    list-style-type: circle;
}

dl.baton dt {
    margin-bottom: 0.4ex;
    border-bottom: 1px dashed #551b1a;
    font-weight: bold;
    }

/* Forms module */
input.text,
textarea {
    padding: 2px 5px 3px 5px;
    border: 1px solid #a40035;
    color: #fff;
    background-color: #111;
    font: normal normal normal 90%/1.4 "Andale Mono", "Osaka－等幅", monospace;
    _font: normal normal normal 12px/1.4 "Andale Mono", "Osaka－等幅", monospace !important;
}

input.text {
    background: #111 url("http://purpr.in/blog/images/bg/form/inputbg.gif") no-repeat;
    }

textarea {
    background: #111 url("http://purpr.in/blog/images/bg/form/textareabg.gif") no-repeat;
    }

input.text:hover,
textarea:hover {
    border: 1px solid #a40035;
    color: #fff;
    background-color: #000;
    background-image: none;
    }

input.text:focus,
textarea:focus {
    border: 1px solid #a40035;
    color: #fff;
    background-color: #000;
    background-image: none;
    }

select {
    border: 1px solid #000;
    background-color: #111;
    }

optgroup {
    color: #f2f2f2;
    background-color: #000;
    }

option {
    border: 1px solid #000;
    color: #eee;
    background-color: #111;
    }


div.form_button {
    margin-top: 5px;
    }

div.form_button input.button,
div.form_button input.button:hover,
div.form_button a,
div.form_button a img {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.4 !important;
    vertical-align: bottom !important;
    font-size: 12px !important;
    font-weight: normal !important;
    text-decoration: none !important;
    }

div.form_button input.button,
div.form_button input.button:hover {
    margin: 0 8px 0 0 !important;
    }


/* Tables module */
tr,
td,
td p {
    letter-spacing: 0.1ex;
    }

/* ----------------------------------------
 * Common
 * ---------------------------------------- */
.note {
    font-size: x-small !important;
    letter-spacing: 0.1ex;
    }

.more {
    clear: both;
    text-align: right;
    }

span.control_text {
    font-size: 12px;
    margin-left: 6px;
    }

span.icon {
    margin-right: 6px;
    }

.section {
    clear: both;
    }


.ad {
    margin: 10px 0;
    text-align: center;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    }

.clearfix {
    display: inline-block;  /* not valid */
    }

/* Hides from IE-mac Hack \*/
* html .clearfix {
    height: 1%;
    }

.clearfix {
    display: block;    /* overwrite */
    }

/* ----------------------------------------
 * Details
 * ---------------------------------------- */
div#header h1,
div#header h1 a {
    margin: 0;
    padding: 0;
    display: block;
    width: 800px;
    height: 69px;
    background: transparent url("http://purpr.in/blog/images/bg/header/logo.gif") no-repeat;
    text-indent: -10000px;
    }

p.site_description {
    display: none;
    }

div#contents_one p,
div#contents_one li,
div#contents_one dt,
div#contents_one dd {
    color: #fff;
    }

/* entry navigation */
ul#entry_nav {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 2em;
    font-size: 90%;
    }

li.prev {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    float: left;
    width: 140px;
    text-align: left;
    }

li.next {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    float: right;
    width: 140px;
    text-align: right;
    }

/* entry */
div.entry_body p,
div.entry_body dt,
div.entry_body dd,
div.entry_body li {
    line-height: 1.8;
    font-size: 93%;
    letter-spacing: 0.1ex;
    }

div.entry_head {
    margin: 10px 0 8px 0;
    border-bottom: 1px solid #551b1a;
    border-bottom: 1px solid #551b1a;
    color: #fff;
    background-color: transparent;
    }

h2.entry_title,
h2.archive_title {
    margin: 0;
    padding: 10px 0 6px 0;
    line-height: 1.6;
    letter-spacing: 0.1ex;
    color: #fff;
    font-size: 95%;
    font-weight: bold;
    }

h3.entry_title a {
    font-weight: bold;
    }

p.archive_count {
    margin: 0;
    padding: 0 0 4px 0;
    }

body#index h2 a.entry_title {
    font-weight: bold;
    }


body#index h2.entry_title,
body#individual h2.entry_title {
    margin: 0 0 0 10px;
    padding: 0 0 6px 0;
    }

body#index p.entry_date,
body#individual p.entry_date {
    margin: 0 0 0 10px;
    padding: 0 0 4px 0;
    letter-spacing: 0.1ex;
    }

div.entry_body {
    margin: 0;
    padding: 7px 0;
    }


div.entry {
    border-bottom: 1px dashed #551b1a;
    }

p.entry_tags {
    margin: 0 0 0.4em 0;
    clear: both;
    }

body#daily_archive div.entry_body,
body#monthly_archive div.entry_body {
    margin: 0 10px 10px 10px;
    }

ul.entry_info {
    margin: 0;
    padding: 0;
    text-align: right;
    }

ul.entry_info li {
    margin: 0;
    padding: 0 3px 0 0;
    display: inline;
    list-style: none;
    font-size: 85%;
    }

div.entry_img {
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    float: left;
    width: 50px;
    height: 50px;
    background-color: #111;
    text-align: center;
    }

div.entry_title {
    float: left;
    width: 528px;
    }

div.screenshot {
    margin-bottom: 1.5em;
}

div.thumbnail {

}

/* master archives page category_archive_list */
div#category_archive_list {
    display: block;
    }

/* individual entry archives trackbacks */

div#trackbacks {
    margin:0 !important;
    padding: 5px 15px !important;
    background: #1e080e url("http://purpr.in/blog/images/bg/body/comment/comment_bg.gif") repeat-x;
    font-size: 12px;
    }


cite.tb_list {
    display: inline;
    color: #fff;
    }

cite.tb_list:before {
    content: " ";
    }

p.datetime {
    padding: 0 10px 4px 0;
    font-size: 11px;
    letter-spacing: 0.1ex;
    }


/* individual entry archives comments */
div#comments {
    margin:0 !important;
    padding: 5px 15px !important;
    background: #1e080e url("http://purpr.in/blog/images/bg/body/comment/comment_bg.gif") repeat-x;
    }

span.feed img {
    margin-left: 5px;
    vertical-align: middle;
    }

/* individual entry archives comment_list */
ol#comment_list {
    margin: 0 !important;
    padding:0 !important;
    background-color: transparent;
    }


ol#comment_list li.odd {
    margin: 0;
    padding: 0;
    clear: both;
    list-style: none;
    color: #eee;
    background-color: #290010;
    }

ol#comment_list li.even {
    margin: 0;
    padding: 0;
    clear: both;
    list-style: none;
    color: #eee;
/*    background: #1e080e url("http://purpr.in/blog/images/bg/body/comment/comment_bg_even.gif") repeat-x; */
    background-color: transparent;
    }

ol#comment_list li dl {
    margin: 0 0 10px 0;
    padding: 0;
}

ol#comment_list li dl dt {
    margin: 5px 0;
    padding: 0;
    float: left;
    clear: both;
    width: 90px;
    text-align: right;
    }

    ol#comment_list li dl dt span.comment_author_img {
        margin: 0;
        padding: 10px 0;
        display: block;
        background: transparent url("http://purpr.in/blog/images/bg/body/comment/comment_img.gif") no-repeat 15px 0;
        text-align: center;
        }

ol#comment_list li dl dd {
    margin: 5px 0 !important;
    padding: 0 !important;
    float: left;
    width: 450px;
    font-size: 12px;
    }

ol#comment_list li dl dd ul,
ol#comment_list li dl dd ul li {
    margin: 0;
    padding: 0;
    list-style: none !important;
    }

li.comment_author,
li.comment_body {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    }

li.comment_body p {
    margin: 0;
    padding: 0;
    }

/* individual entry archives comments_open */
div#comments-open {
    margin:0 !important;
    padding: 5px 15px !important;
    background-color: #17060a;
    }

input#comment-author,
input#comment-email,
input#comment-url,
textarea#comment-text {
    width: 320px;
    }


/* Comment preview */
div#comment_preview_text {
    margin: 10px 0 3px 0;
    padding: 8px;
    border: 1px dotted #a40035;
    }

/* monthly archives calendar */
div#calendar {
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    width: 40px;
    }


div#calendar ul.monthly_nav {
    margin: 0;
    padding: 0;
    width: 40px;
    text-align: center;
    }

div#calendar ul.monthly_nav li {
    width: 20px;
    }

div#calendar ul.calendar {
    margin: 0;
    padding: 0;
    clear: both;
    width: 40px;
    }

div#calendar ul.calendar li.calendar_date {
    padding: 3px 14px 3px 0;
    list-style: none !important;
    list-style-image: none !important;
    text-align: right;
    }

span.sunday {
    color: #ef3a4a;
    }

span.saturday {
    color: #0084bd;
    }


/* Side contents */
div#contents_two * {
    font-size: 12px;
    }

div#contents_two ul,
div#contents_two ol,
div#contents_two ul li,
div#contents_two ol li,
div#contents_two ul li a,
div#contents_two ol li a {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    }

div#contents_two ul li,
div#contents_two ol li {
    width: 100%;
    }

div#contents_two ul li a,
div#contents_two ol li a {
    padding: 0.3em 0.8em 0.3em 26px;
    color: #b33d60;
    background-color: #222;
    }

div#contents_two ol li a:visited:after {
    margin-left: 4px;
    content: url("http://purpr.in/blog/images/icon/bullet/check.gif");
    }

div#contents_two ul li a:hover,
div#contents_two ol li a:hover {
    display: block;
    color: #f37299;
    background-color: #101010 !important;
    text-decoration: none;
    }


/* menu title */
h2.menu_title {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    color: #fff;
    }

/* search form */
div#search_form form {
    margin: 4px 10px;
    }

/* entry icon */
div#recent_entries ol li a {
    background: #222 url("http://purpr.in/blog/images/icon/bullet/entry.gif") no-repeat 8px 6px;
    }

div#monthly_archives ol li a {
    background: #222 url("http://purpr.in/blog/images/icon/bullet/circle_01.gif") no-repeat 8px 6px;
    }

div#recent_comments ul li.commented_entry a {
    background: #222 url("http://purpr.in/blog/images/icon/bullet/entry.gif") no-repeat 8px 6px;
    }

div#recent_comments ul li.commented_entry a:hover {
    display: block;
    background-color: #101010;
    }

div#recent_comments ul.commentator {
    margin: 0 0 0 26px;
    }

div#recent_comments ul.commentator li {
    padding: 0 0.4em 0.2em 26px;
    color: #666;
    background: #222 url("http://purpr.in/blog/images/icon/bullet/comment.gif") no-repeat 8px 2px;
    list-style-image: none;
    }

div#recent_comments ul.commentator li a,
div#recent_comments ul.commentator li a:hover {
    margin: 0;
    padding-left: 3px;
    display: inline;
    background: none;
    }

div#recent_trackbacks ul li a {
    background: #222 url("http://purpr.in/blog/images/icon/bullet/tb.gif") no-repeat 8px 6px;
    }

div#recent_trackbacks em.tb_author,
div#recent_trackbacks em.tb_date {
    padding-left: 12px;
    display: block;
    border: none;
    color: #666;
    text-decoration: none;
}

div#recent_trackbacks em.tb_date {
    display: inline;
}

/* Side contents feature entries */
div#feature_entries ul.feature_entry,
div#feature_entries ul.feature_entry li,
div#feature_entries ul.feature_entry li a {
    margin: 0;
    padding: 0;
    list-style-image: none !important;
    }

div#feature_entries ul.feature_entry {
    margin: 0 10px;
    }

div#feature_entries ul.feature_entry li {
    margin-bottom: 8px;
    clear: left;
    width: 100%;
    }

div#feature_entries div.entry_img {
    float: left;
    width: 44px;
    height: 44px;
    background-color: #222;
    text-align: left;
    }

div#feature_entries div.entry_img a {
    display: block;
    width: 44px;
    height: 44px;
    border: 2px solid #666;
    }

div#feature_entries div.entry_img a:visited:after {
    margin: 0 !important;
    content: "" !important;
    }

div#feature_entries div.entry_img a:hover {
    display: block;
    width: 44px;
    height: 44px;
    border: 2px solid #b33d60;
    }

ul.feature_entry p {
    margin: 3px 0 0 5px;
    float: left;
    width: 115px;
    font-size: x-small !important;
    color: #666;
    }


/* Side contents Monthly Archive(Dropdown) */
div#monthly_archives div {
    margin: 4px 20px;
    }

/* footer */
ul#banner {
    margin: 0;
    padding: 0;
    height: 40px;
    background: transparent url("http://purpr.in/blog/images/bg/footer/footer_shade.gif") repeat-x;
    }

ul#banner li {
    display: inline;
    list-style: none;
    font-size: 12px;
    }

/* Tag cloud */
ul li.tag {
    margin-right: 5px;
    display: inline;
    list-style: none !important;
    }

li.tag a.level1 {
    font-size: 175%;
    }

li.tag a.level2 {
    font-size: 160%;
    }

li.tag a.level3 {
    font-size: 145%;
    }

li.tag a.level4 {
    font-size: 135%;
    }

li.tag a.level5 {
    font-size: 120%;
    }

li.tag a.level6 {
    font-size: 110%;
    }