@charset "utf-8";

/*
Theme Name: Twist'd Theme
Theme URI: http://twistd.jp/
Description: The Twist'd theme based on the default theme.
Version: 0.1
Author: Yoji Sanada
Author URI: http://twistd.jp/
Tags: fixed width, two columns, widgets
*/

/* Reset Styles */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img,input[type="image"]{vertical-align:top;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

@font-face {
    font-family: rabiohead;
    src: url(fonts/rabiohead.ttf) format('truetype');
    }


/* Begin Typography & Colors */
body {
    color: #333;
    font-size:18px;
    /*font-family: Verdana, Arial, sans-serif;
    font-family:Lucida Sans Unicode,Lucida Sans,Arial,sans-serif;*/
font-family:"Droid Serif",Georgia,Times,serif;
    }

#wrapper {
    position:relative;
    max-width:1024px;
min-width:640px;
    margin:0 auto;
    }
#container {
    }
#content {
    }
aside{
    }
footer{
    padding:16px 0;
    }

#siteHeader{
    padding:32px 0;
    }
#siteHeader h1{
    margin-bottom:8px;
    }
#siteHeader .description{
    font-size:13px;
    letter-spacing:2px;
    font-weight:bold;
    color:#fff;
    text-shadow:0px 0px 4px #1070c0;
    }

a{
    color:#1070c0;
    text-decoration:none;
    }
a:visited{
    color:#1070c0;
    }
a:hover,
a:focus{
    opacity:0.75;
    text-decoration:underline;
    }

body.home article {
    background:url(images/border.png) center bottom no-repeat;
    margin-bottom:24px;
    padding-bottom:40px;
    }
body.home article:last-child {
    background:none;
    }

/* article style */
article{
    line-height:1.4;
    position:relative;
    }
article header{
    position:relative;
    }
article header h1{
    margin-right:60px;
    font-family:"�q���M�m���� Pro W6","Hiragino Mincho Pro",serif;
    }
article header p.meta{
    font-size:12px;
    color:#999;
    }
article header nav {
    position:absolute;
    bottom:-2px;
    right:0;
    font-size:14px;
    }
article header nav ul li {
    font-family: rabiohead, Verdana, sans-serif;
    display:inline-block;
    text-align:right;
    }
article header nav ul li.next {
    width:40px;
    }
article header nav ul li.prev {
    width:50px;
    }
article header .topsy_widget_shortcode{
    position:absolute;
    top:6px;
    right:0;
    }


article h1 {
    font-size:22px;
    text-shadow:1px 1px 1px #ccc;
    }
article .body h2 {
    font-size:16px;
    margin:2em 0 1em;
    padding:4px 0;
    border-bottom:1px solid #ddd;
    }
article .body h3 {
    font-size:14px;
    margin:2em 0 1em;
    }
article .body h2 + h3 {
    margin-top:1em;
    }
article .body h4,
article .body h5,
article .body h6 {
    font-size:13px;
    margin-bottom:0.2em;
    }
article .body{
    margin:3em 0;
    }
article .body p {
    margin:1em 0;
    }
article .body ol,
article .body ul {
    margin:0 20px;
    }
article .body ol li{
    list-style-type:decimal;
    }
article .body ul li{
    list-style-type:disc;
    }

article .body table{
    width:98%;
    margin:0 auto;
    }
article .body table th,
article .body table td{
    border:1px solid #ccc;
    padding:4px;
    }

article figure{
    text-align:center;
    margin:1em 0;
    }
article figure img{
    padding:8px;
    }
article figure.photo img{
    border:1px solid #ccc;
    -moz-box-shadow:0 0 3px #999;
    }
article figure.text{
    background-color:#fafafa;
    -moz-box-shadow:0 0 1px #999;
    padding:8px;
    }

/* syntaxhighlighter */
article .syntaxhighlighter, article .syntaxhighlighter div, article .syntaxhighlighter code, article .syntaxhighlighter span {
    font-family:helvetica,arial,monospace !important;
    font-size:11px !important;
    }
article .syntaxhighlighter .keyword {
    font-weight:normal !important;
    }
article .syntaxhighlighter {
    line-height:1.4;
    overflow:auto;
    }

article hr {
    border:0;
    border-bottom:1px dashed #ccc;
    }
article code {
    font-family:'Courier New', monospace;
    padding:0 2px;
    }

#comments {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:8px 0;
	padding:8px 0;
}
#comments li {
    padding:8px;
    }
#comments li cite{
    font-style:normal;
    font-weight:bold;
    }
#comments li:nth-child(even) {
	background-color:#f0f0f0;
}
#comments .avatar{
	float:left;
	margin-right:4px;
}
#comments p{
	clear:both;
	margin:4px 0;
}



#respond{
    width:520px;
    margin:16px auto;
    }
#respond dt{
    font-family: rabiohead, Verdana, sans-serif;
    font-size:20px;
    }
#respond fieldset legend{
    display:none;
    }
#respond .user-meta{
    margin-bottom:8px;
    }
#respond .user-meta input{
    width:260px;
    border-image: url(images/field-border.png) 5 / 5px repeat;
    -moz-border-image: url(images/field-border.png) 5 / 5px repeat;
    -webkit-border-image: url(images/field-border.png) 5 / 5px repeat;
    }
#respond dd{
    margin-bottom:8px;
    }
#respond textarea#comment{
    width:518px;
    border-image: url(images/field-border.png) 5 / 5px repeat;
    -moz-border-image: url(images/field-border.png) 5 / 5px repeat;
    -webkit-border-image: url(images/field-border.png) 5 / 5px repeat;
    }
#respond p#submit{
    text-align:right;
    padding:4px 0;
    }
#respond p#submit input{
    font-family:rabiohead,Verdana,sans-serif;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background-color:#fafafa;
    border:1px solid #ccc;
    cursor:pointer;
    font-size:20px;
    padding:0 8px;
    }
#respond p#submit input:hover{
    background-color:#eee;
    }




#idcard {
    margin:8px 0;
    min-height:96px;
    }
#idcard dt {
    font-size:16px;
    }
#idcard .image {
    float:left;
    margin-right:8px;
    }

aside section{
    margin-bottom:32px;
    }
aside section h1{
    font-family: rabiohead, Verdana, sans-serif;
    font-size:24px;
    margin-bottom:4px;
    color:#464646;
    }
aside #about figure{
    float:left;
    margin-right:8px
    }
aside #about dl{
    margin-left:56px;
    }
aside #about dl dt{
    font-weight:bold;
    font-size:14px;
    }
aside #about .more{
    text-align:right;
    margin-top:0.5em;
    }


#searchform label {
    display:none;
    }


footer{
    background:url(images/footer-border.png) 0 0 no-repeat;
    margin-top:40px;
    }