/*
Theme Name  :picslog
Theme URI   :none
Description :"picslog" mizugame's blog theme
Version     :0.7
Author      :Mizugame
Author URI  :http://picsmate.net
*/

/*
 * style setting
 */
*    { margin:0; padding:0; }
body { 
    background:#333333 url(object/bg.png) center -120px no-repeat;
    font-family:
      "メイリオ",
      meiryo,
      Tahoma,
      "Gill Sans",
      "ヒラギノ角ゴ Pro W3",
      Copperplate,
      Osaka,
      "ＭＳ ゴシック";
    font-size:100%;
    font-size-adjust:0.48;
}
em   { font-style:normal; }
img  { border:none; }
a    { text-decoration:none; }
    a:hover { text-decoration:underline; }

/*
 * layout model
 */
div#layout {
    width:750px;
    margin:auto;
    position:relative;
}
    /*** site header block ***/
    div#layout_h {
        margin-top:10px;
    }
    
    /*** ad block ***/ 
    div#ad {
        margin-top:10px;
        /*padding:3px 10px;*/
        background:#793636;
        border-top:2px solid #522;
    }
    
    /*** site contents block ***/
    div#contents {
        margin-bottom:10px;
        padding-top:10px;
        background:#ffffff url(object/dot.gif) 222px 0 repeat-y;
        border-top:2px solid #793636;
    }
        
        div#contents #side_menu
            {
                width:200px;
                padding-left:10px;
                position:relative;
                float:left;
            }
        
        div#contents #picslog
            {
                width:500px;
                margin-left:235px;
                position:relative;
            }

/*
 * headline
 */
h1 {
    padding:5px 10px;
    margin-bottom:5px;
    background:#666666 url(object/h_top.png) left top no-repeat;
    font-size:120%;
    text-align:right;
}

    h1 a {
        height:65px;
        padding-top:5px;
        display:block;
    }

h2 {
    font-size:x-small;
    text-align:right;
}

h3 {
    margin:5px 10px 0 10px;
    padding:4px 8px;
    background:#f9f9e9;
    border:1px solid #636363;
}
/*
 * header block elements
 */
#header {
    margin-left:330px;
    background:#666666 url(object/h_middle.png) left top repeat-y;
}

    #header p#description {
        padding:0 15px;
        font-size:80%;
        font-weight:bold;
        line-height:100%;
        color:#e3e3e3;
    }
    
    #header a {
        text-decoration:none;
        color:#998669;
    }
    
        #header ul#menu {
            height:75px;
            list-style:none;
            background:#666666 url(object/h_bottom.png) left bottom no-repeat;
            position:relative;
        }
        
            #header ul#menu li {
                height:40px;
                bottom:14px;
                position:absolute;
                z-index:8;
            }
            
            #header ul#menu li.profile {
                left:25px;
                background:url(object/menu_pro.png) left top no-repeat;
            }
            
            #header ul#menu li.form {
                left:155px;
                background:url(object/menu_mail.png) left top no-repeat;
            }
            
            #header ul#menu li.home {
                left:285px;
                background:url(object/menu_home.png) left top no-repeat;
            }
            
            #header ul#menu li a {
                height:30px;
                width:75px;
                padding-top:5px;
                padding-left:40px;
                display:block;
            }
        
        #header ul#menu a {
            line-height:100%;
        }


/*
 * sidemenu block elements
 */
dl#pl_option {
    padding-bottom:20px;
}

    dl#pl_option dt {
        margin-top:20px;
        padding:4px;
        background:#f3f3f3;
        display:block;
        position:relative;
        z-index:5;
        font-weight:bold;
        font-size:80%;
        color:#363636;
    }
    
    dl#pl_option dt.attention {
        border-top:3px solid #e99f9f;
        background:#ffe6e6;
    }

    dl#pl_option dd {
        background:#f3f3f3;
        position:relative;
        z-index:5;
        font-size:80%;
    }
    
        dl#pl_option dd.attention {
            background:#ffe6e6;
        }
        
        dl#pl_option dd.attention span {
            padding:4px 8px;
            display:block;
        }
        
        dl#pl_option dd.pl_links {
            margin-top:20px;
        }
        
            dl#pl_option dd.pl_links li.linkcat h2 {
                padding:4px;
            }
        
        dl#pl_option dd ul {
            display:block;
            list-style:none;
        }
        
            dl#pl_option dd ul li {
                display:inline;
            }
            
    
                dl#pl_option dd ul li a {
                    padding:4px 8px;
                    display:block;
                    color:#776649;
                    text-decoration:none;
                }
        
                dl#pl_option dd ul li a:hover {
                    background:#d9d9d9;
                }

/*
 * sidemenu: calender block
 */
#cal_option p {
    padding:4px 8px;
    font-weight:bold;
}
    
    #wp-calendar {
        width:100%;
        color:#363636;
    }
    
    #wp-calendar caption 
        padding:4px;
    }
    
    #wp-calendar thead {
        font-size:60%;
    }
    
    #wp-calendar th {
        font-weight:bold;
        text-align:center;
    }
    
    #wp-calendar td {
        font-size:80%;
        text-align:center;
    }
        
        #wp-calendar td a {
            font-weight:bold;
            text-decoration:none;
            color:#998669;
        }
        
        #wp-calendar td a:hover {
            background:#d9d9d9;
        }

/*
 * picslog: post block
 */
#picslog div.post {
    background:url(object/post_top.png) left top no-repeat;
}

#picslog h2,
#picslog div.post .storycontent,
#picslog .feedback p {
    color:#f3f3e9;
}

    #picslog div.post h2 {
    	margin: 0 20px;
    	padding-top: 10px;
    }
    
    #picslog div.post .property {
        width:150px;
    }
    
    #picslog div.story {
        width:500px;
        background:#393939 url(object/post_bottom.png) left bottom no-repeat;
        margin-bottom:10px;
        padding-bottom:25px;
    }
    
    #picslog div.post h3.storytitle a {
        font-size:100%;
        color:#665539;
    }
    
    #picslog div.post .storycontent table {
        width:98%;
        background:#f6f3e6;
        border-collapse:collapse;
    }
    
        #picslog div.post .storycontent table th,
        #picslog div.post .storycontent table td {
            border:2px solid #998669;
            padding:0.2em 0.4em;
            color:#636363;
        }
        
        #picslog div.post .storycontent table th {
            background:#e6e6c9;
        }
        
        #picslog div.post .storycontent table td.red {
            background:#e6dcdc;
        }

/*** storycontent block ***/
#picslog div.post .storycontent {
    margin:10px 15px;
    font-size:90%;
    line-height:160%;
}

    #picslog div.post .storycontent p {
        margin-top:10px;
        margin-bottom:10px;
    }
    
    #picslog div.post div.storycontent a,
    #picslog .feedback a,
    div#flinks a {
        color:#c9b699;
    }
    
    #picslog div.post .storycontent img {
        margin-top:2px;
        margin-bottom:2px;
    }
    
    #picslog div.post .storycontent pre {
        width:98%;
        overflow:scroll;
        background:#eed;
    }
    
    #picslog div.post .storycontent code.color {
        display:block;
        padding:4px 10px 4px 10px;
        margin:auto;
        color:#333;
        letter-spacing:0.1em;
    }
    
    #picslog div.post .storycontent p.sub {
        margin-top:2em;
        padding-left:0.2em;
        padding-bottom:0.1em;
        background:#e6e6c9;
        border-left:4px solid #b3b339;
        color:#333;
        font-weight:bold;
    }
    
        #picslog .storycontent dl {
            margin:10px 0 0 0;
        }
            
            div#contents #picslog .storycontent dl dd {
                margin:10px 0 20px 10px;
            }
    
        #picslog .storycontent ol {
            margin-left:1.8em;
            margin-right:1em;
            list-style:outside decimal;
        }
    
        #picslog .storycontent ul {
            margin-left:1.8em;
            margin-right:1em;
            list-style:outside square;
        }
    
            #picslog .storycontent ol li,
            #picslog .storycontent ul li {
                margin-top:0.2em;
                margin-bottom:0.2em;
            }
    
        #picslog .storycontent blockquote {
            margin-left:5px;
            padding-left:1em;
            border-left:2px solid #999;
            background:#564943;
        }

/*** meta block ***/
#picslog .post .meta {
    margin:0 10px;
    padding:2px 8px;
    background:#f0ecd3;
    border:1px solid #636363;
    border-top:none;
    font-size:x-small;
    text-align:right;
}

/* 
 * commentform block
 */
form#commentform {
    width:500px;
}
    
    form#commentform p.auth_status {
        margin:5px 10px;
        padding-top:5px;
        border-top:4px dotted #999999;
        font-size:small;
        color:#333333;
    }
    
    form#commentform textarea#comment {
        margin-top:10px;
        margin-left:10px;
        width:480px;
    }
    
    form#commentform input {
        margin-top:10px;
        margin-left:10px;
    }
    
        form#commentform input#submit {
            padding:5px 5px;
        }

/* 
 * feedback block
 */
#picslog .feedback {
    margin:10px 15px 0 15px;
    font-size:x-small;
    text-align:right;
}

    #picslog .feedback p {
        text-align:left;
    }
    
    #picslog .feedback input {
        width:70%;
    }

/*
 * feeds block
 */
#feeds {
    margin-top:20px;
    position:relative;
    font-size:small;
}

#feeds h3#comments {
    padding:2px 10px;
    margin:20px 10px;
    border-right:5px solid #793636;
    background:#f3f3f3;
    font-size:x-small;
    text-align:right;
}
    
    #feeds dd pre {
        width:98%;
        overflow:scroll;
        background:#eed;
    }
    
    #feeds code.color {
        display:block;
        padding:4px 10px 4px 10px;
        margin:auto;
        color:#333;
        letter-spacing:0.1em;
    }

dl#clist dt.ctitle {
    font-size:medium;
}

/*
 * clist block
 */
dl#clist dt.ctitle {
    background:#f7f4e2 url(object/comment_top.png) left top no-repeat;
}

    dl#clist dt.ctitle span {
        padding:6px 10px;
        background:url(object/comment_bottom.png) left bottom no-repeat;
        display:block;
    }

dl#clist dd.cmeta {
    padding:2px 10px 4px 10px;
    margin:0 10px 5px 10px;
    background:url(object/comment_meta.png) center bottom no-repeat;
    font-size:x-small;
    letter-spacing:0.1em;
    text-align:center;
    color:#f3f3f3;
}

    dl#clist dd.cmeta a {
        color:#f3f3e9;
    }

dl#clist dd.cbody {
    padding:2px 15px;
    margin:0 10px 20px 10px;
    background:#f3f3f3;
    font-size:small;
    color:#333333;
}
    
    #picslog dd.cbody p,
    #picslog dd.cbody img {
        margin-top:10px;
        margin-bottom:10px;
    }

    dl#clist dd.cbody a {
        color:#998669;
    }

dl#clists {
    list-style:none;
}

/*
 * flinks block
 */
#flinks {
    margin-top:20px;
    padding:2px 20px;
    background:#793636;
    clear:left;
    font-size:small;
    text-align:right;
}

/*
 * footer block elements
 */
#footer {
    margin-top:10px;
    padding:10px 0;
    background:#ff6666;
    clear:both;
}

    #footer p {
        font-size:80%;
        text-align:center;
        color:#f9e6d9;
    }
    
    #footer p a {
        font-weight:bold;
        color:#f9d699;
    }