@media screen
{
/* @Generic Styles
------------------------------*/
html
{
background : #FFF url(img/bg_wrapall-b1.jpg) no-repeat right bottom;
font-size : 100%
}
body
{
background : transparent url(img/bg_body1.jpg) repeat-x; 
background ;
color:#575757;
font-family : Verdana, "Times New Roman", Times, serif;
font-size : 1em;
margin : 0;
padding : 0 0 1em
}
#wrapall
{
background : transparent url(img/bg_wrapall-a1.jpg) no-repeat left bottom;
margin : 0;
padding : 0
}
/* @Anchor Styles
------------------------------*/
a img
{
border : none
}
a:link,a:visited
{
color : #000
}
a:hover,a:focus,a:active
{
color : #ad5112
}
#list-links a,blockquote cite a
{
border-bottom : 1px solid #666;
color : #000;
padding-bottom : .3em;
text-decoration : none
}
#skipnav a
{
position : absolute;
top : 0
}
.skip:active,#skipnav a:active,#skipnav a:focus
{
top : 300px
}
p#microformats a
{
border-bottom : 1px solid #999;
color : #666;
text-decoration : none
}
#blog-latest h3 a
{
border-bottom : 1px solid #666;
color : #000;
font-weight : 400;
padding-bottom : .2em;
text-decoration : none
}
#blog-latest h3 a:hover,#blog-latest h3 a:active,#list-links a:hover,#list-links a:active
{
color : #666
}
#content-a p.meta-blog-latest a
{
border-bottom : 1px solid #999;
font-weight : 400;
padding-bottom : .1em;
text-decoration : none
}
a.skipper
{
color : #666;
font-size : .8em;
text-decoration : none;
vertical-align : middle
}
#tagcloud a
{
color : #666;
text-decoration : none
}
#tagcloud a:hover,#tagcloud a:active,strong
{
color : #000
}
#blog-latest ol.hfeed,#feedlist
{
list-style-type : none;
padding-left : 0
}
#about-details a, #search-results a
{
display : block;
padding : .2em 1em;
background : #EEE;
border : 1px solid #DDD;
color : #333;
text-decoration : none;
}
#blog-pagination a
{
text-decoration: none;
}
/* @Layout Styles
------------------------------*/
#content
{
background : transparent url(img/bg_content1.jpg) no-repeat center top;
border-bottom : 3px double #BBB;
margin : 0 auto;
overflow : hidden;
padding : 250px 0 0;
width : 55em
}
#content-a
{

float : left;
width : 70%
}
#content-b
{
color : #454636;
float : left;
width : 30%
}
#content-c,#content-d
{
float : left;
width : 35%
}
#content-e
{
float : left;
width : 30%
}
#content-b .content-wrap
{
border-left : 1px solid #EEE
}
.content-wrap
{
padding : 0 2em 1.5em
}
#siteinfo
{
background : url(img/bg_siteinfo1.jpg) no-repeat center bottom;
border-bottom : 1px solid #DDD;
border-top : 9px solid #CCC;
color : #666;
margin : 0 auto;
overflow : hidden;
width : 55em
}
#skipnav
{
font-size : 0.75em;
left : 0;
margin : 0;
padding : 0;
position : absolute;
top : -300px;
width : 100%
}
/* @Heading Styles
------------------------------*/
h1#branding
{
left : 0;
position : absolute;
top : -300px
}
h2,h3
{
color : #666;
font-family : "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
font-size : 1.125em;
font-weight : 300;
line-height : 1em;
margin : 1em 0
}
#blog-latest h3
{
font-size : 1.6em;
margin-bottom : .4em;
padding-bottom : .4em
}
#heading-page
{
font-size : 1.563em;
line-height : 0.72em;
margin : .72em 0
}
#heading-page span
{
color : #ab5f2e;
display : block;
font-size : .5em;
padding-top : 1em;
}
#welcome h2
{
color : #FFF;
font-size : 1.563em;
left : 30%;
line-height : 0.72em;
margin : .72em 0;
position : absolute;
top : 40%
}
#siteinfo h2
{
border-bottom : 1px solid #666;
color : #666;
font-variant : small-caps;
font-weight : 700;
letter-spacing : 0.3em;
padding-bottom : 1.5em
}
#content-b h2,#content-b h3,#content-b h4
{
border-bottom : 1px solid #BBB;
border-top : 5px solid #BBB;
color : #666;
font-size : 0.75em;
font-weight : 700;
line-height : 1.5em;
margin : 1.5em 0;
padding : .5em 0;
text-transform : uppercase
}
#siteinfo h2:first-letter
{
color : #656452;
font-size : 1.5em;
font-variant : normal
}
h4
{
font-size : 0.75em;
letter-spacing : 0.3em;
line-height : 1.5em;
margin : 1.5em 0;
}
#comment-header span.entry-start
{
color : #619107;
display : none;
font-size : .8em;
margin-top : .5em;
padding : .5em 0;
border-top : 1px solid #bbb;
border-bottom : 1px solid #bbb;
}
#comment-header span.entry-start:before
{
content : 'You jumped to the comments, ';
}
#comment-header:target span.entry-start
{
display : block;
}
/* @Paragraph, quotation and list Styles
------------------------------*/
p[lang="ja"], div[lang="ja"], span[lang="ja"]
{
letter-spacing : .3em
}
blockquote
{
border-bottom : 1px dotted #666;
border-top : 1px dotted #666;
color : #666;
font-size : 1em;
margin : 1.6em 0;
padding : 0 1em;
text-align : justify
}
ins
{
background-color: #B5D5FF;
text-decoration: none;
}
pre
{
font-family : monospace;
font-size : 1em;
color : #330F06;
overflow : auto;
white-space : pre;
padding : 1em 0;
border-top : 1px dotted #000;
border-bottom : 1px dotted #000;
}
code
{
font-family : monospace;
font-size : 1em;
color : #330F06;
white-space : pre;
}
blockquote p cite
{
display : block;
font-size : .8em;
text-align : right
}
blockquote cite:before
{
content : "~ "
}
p#meta-page + p:first-line
{
font-variant : small-caps
}
p#meta-page + p:first-letter
{
color : #000;
float : left;
font-family : 'palatino linotype','times new roman',serif;
font-size : 1.5em;
line-height : 1em;
margin : 0 0.02em 0 0;
padding : 0
}
#blog-latest p.meta-blog-latest
{
font-size : .9em !important;
margin-top : 0
}
ul,ol
{
margin-left : 0;
padding-left : 3em
}
ul
{
list-style-type : disc
}
td ul
{
padding-left : 0;
list-style-type : none;
}
#content-a p,#content-a ul,#content-a ol,#content-a li,#content-a form,#content-a table,#siteinfo h2,#content-b h3
{
font-size : 0.75em;
line-height : 1.25em;
margin : 1.5em 0
}

#content-b p,#content-b ul,#content-b li,#content-b form,#siteinfo p,#siteinfo ul,#siteinfo ol,#siteinfo li 
{
font-size : 0.689em;
line-height : 1.636em;
margin : 1.636em 0
}
/*  Restore font-size for nested elements */
ul ul,ol ol,ol ul,ul ol,ul li,ol li,ul li p,ol li p,td p,form p,td ul,td ul li,td ul li p
{
font-size : 100% !important
}
#blog-latest ol.hfeed li.hentry 
{
border-bottom : 1px dotted #bbbbbb
}
p.centered
{
border-bottom : 1px solid #bbb;
border-top : 1px solid #bbb;
padding : 1.5em 0;
text-align : center
}
#content-b p.centered
{
border-top: none;
border-bottom : 1px solid #bbb;
padding : 0 0 1.5em 0;
text-align : center
}

span.caption
{
color : #666;
display : block
}
#siteinfo ol
{
list-style-type : upper-roman;
margin-left : 0;
padding : 0
}
#siteinfo ul
{
margin-left : 0;
padding : 0
}
ul#socialbookmarking
{
list-style-type : none;
padding : 0;
}
ul#socialbookmarking li
{
display : inline;
margin-right : .6em
}
#cover-art ul
{
list-style-type : none
}
#cover-art ul li,#flickr_badge_wrapper .flickr_badge_image
{
display : inline;
margin-right : .6em
}
#list-links li p
{
margin : .2em
}
table#downloads-listing ul li
{
display : inline;
margin-right : .5em;
}
p#copyright
{
border-top : 1px dotted #000;
color : #454636;
padding-top : 0.818em
}
p#meta-page em
{
background-color : #e9e7d8;
font-size : .8em;
font-style : normal;
font-variant : small-caps;
letter-spacing : .4em;
padding : .4em .6em
}
div#welcome
{
line-height : normal;
margin-bottom : 0;
padding : 0;
position : relative;
text-align : center
}
p#top
{
clear : both;
text-align : right
}
p#microformats
{
background : transparent url(img/icon_microformats.jpg) no-repeat left center;
padding-left : 25px
}
#list-error
{
font-weight : 700;
padding : 1em 0;
border-top : 3px solid #000;
border-bottom : 3px solid #000;
color : #fe0303
}
#list-error h2
{
color : #fe0303;
}
/* @Form Styles
------------------------------*/
input,textarea
{
color : #000;
font : 100% Georgia, "Times New Roman", Times, serif;
margin : 0;
padding : .2em .5em
}
fieldset
{
border : 1px solid #999;
margin : 1em 0;
padding : 1.5em 2em
}
label
{
color : #666
}
legend
{
border-left : 1px solid #999;
border-right : 1px solid #999;
color : #666;
padding : 0 1em
}
#input-commentname,#input-commentemail,#input-commentwebsite,#input-commenttext,input#name,input#email,textarea#message,#keywords
{
border : 1px solid #d5c9b9;
width : 80%
}
#form-search p,#form-comments p,#contactform p
{
line-height : .6em;
margin : .6em 0
}
#submit-search,#submit-commentpreview,#submit-comment,#submit-commentform
{
background-color : #d5c9b9;
border : 3px double #e9e8d6;
text-align : center
}
#submitcontainer img, #submitcontainer input
{
vertical-align : middle;
}
/* @Navigation Styles
------------------------------*/
#navigation-main
{
border-bottom : 8px solid #CCC;
border-top : 1px solid #DDD;
width : 100%
}
#navigation-main ul
{
font-size : 0.675em;
line-height : 1.285em;
list-style-type : none;
margin : 1em;
padding : 5;
text-align : center
}
#navigation-main li
{
display : inline;
margin-left : 1em
}
#navigation-main a
{
border-bottom : 1px solid #818181;
border-top : 1px solid #818181;
color : #000;
padding : 0.642em .5em;
text-decoration : none
}
#navigation-main a:hover,#navigation-main a:active
{
border-bottom : 2px solid #0099cc;
border-top : 1px solid #0099cc;
color : #818181
}
#tagcloud, #archivepagenav, ul#about-links, #about-details ul, #search-results ul
{
list-style-type : none;
padding-left : 0
}
#tagcloud li, #archivepagenav li, ul#about-links li
{
display : inline;
margin-right : .4em
}
#tagcloud .tagcloud-1
{
font-size : 1em !important
}
#tagcloud .tagcloud-2
{
font-size : 1.167em !important
}
#tagcloud .tagcloud-3
{
font-size : 1.333em !important;
}
#tagcloud .tagcloud-4
{
font-size : 1.5em !important;
font-weight : 700
}
#tagcloud .tagcloud-5
{
font-size : 1.667em !important
}
#tagcloud .tagcloud-6
{
font-size : 1.833em !important
}
#tagcloud .tagcloud-7
{
font-size : 2em !important
}
#tagcloud .tagcloud-default
{
font-size : 2.167em !important
}
#feedlist li
{
border-bottom : 1px solid #999;
margin : .2em 0;
padding-bottom : .2em
}
#pagination
{
list-style-type : none;
text-align : center;
padding : 0;
}
ul#pagination li
{
display : inline;
margin-right : 1em;
}
#blog-pagination
{
overflow: hidden;
list-style-type: none;
padding: 2px 1em;
}
ul#blog-pagination li
{
display: inline;
}
ul#blog-pagination .blog-pagination-left a {
float: left;
padding-left: 20px;
background: url(img/previous.gif) no-repeat left center;
}
ul#blog-pagination .blog-pagination-right a {
float: right;
text-align: right;
padding-right: 20px;
background: url(img/next.gif) no-repeat right center;
}
/*
@Tables
----------------------------------------------------*/
table
{
border-collapse : collapse;
border-spacing : 0;
width : 100%
}
th
{
background : #666;
border : 1px solid #666;
clear : both;
color : #FFF;
font-variant : small-caps;
font-weight : 400;
letter-spacing : .2em;
padding : 1em;
text-align : center
}
td
{
border : 1px solid #666;
padding : .5em;
text-align : center
}
/* @Round box Styles
------------------------------*/
.rounded
{
background : #DAE4CC
}
.roundbox
{
background : #DAE4CC url(img/sbbody-r.jpg) no-repeat bottom right
}
.roundboxhead
{
background : url(img/sbhead-r.jpg) no-repeat top right;
margin : 0;
padding : 0
}
.roundboxhead .top
{
color : #666;
background : url(img/sbhead-l.jpg) no-repeat top left;
padding : 12px 12px 0
}
.roundboxbody
{
background : url(img/sbbody-l.jpg) no-repeat bottom left;
margin : 0;
padding : 0 12px 6px
}
/* @Note and alert Styles
------------------------------*/
.alert
{
background-color : #c1380a;
border : 3px double #FFF;
color : #FFF
}
p.alert
{
padding : 1em
}
div.alert
{
padding : 0 1em
}
p.note, #archivepagenav
{
border-bottom : 1px dotted #000;
border-top : 1px dotted #000;
color : #666;
padding : 1.5em 0
}
/* @Comment Styles
------------------------------*/
ol.commentlist
{
margin-left : 0;
padding-left : 0
}
.commentlist li
{
border-bottom : 1px solid #BBB;
list-style : none
}
.commentlist cite
{
border-bottom : 1px solid #BBB;
border-top : 4px solid #BBB;
display : block;
font-style : normal;
padding : 1.5em 0
}
.commentlist cite img
{
border : 1px solid #BBB;
float : left;
height : 2.5em;
margin-right : .5em;
padding : 1px;
width : 2.5em
}
.commentlist .author
{
font-variant : small-caps;
font-weight : 700;
text-decoration : underline
}
.commenttext
{
background : #FFF;
color : #000;
border-top : 1px solid #FFF;
border-left : 1px solid #BBB;
border-right : 1px solid #BBB;
border-bottom : none;
font-size : inherit;
margin : 0;
padding : 0 1em .5em
}
/* @Misc/Grouped Styles
------------------------------*/
.hidden
{
display : none
}
#siteinfo .vcard img.photo 
{
border : 1px solid #DDD;
height : 4em !important;
padding : 1px;
width : 4em !important
}
#content-a .vcard img.photo 
{
border : 1px solid #DDD;
padding : 1px;
width : 4em !important
}
.vcard .adr span
{
display : block
}
.floatleft
{
float : left;
margin-right : 1em
}
#form-search label,.commentlist .time
{
color : #666
}
#google
{
margin : 1.5em 0;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
}
#google p
{
text-align : center;
}
#progress
{
padding-left : 3px;
vertical-align : middle
}
/* @Scalable images (1 ÷ parent font-size × required pixel value = em value)
------------------------------*/
#welcome img
{
border-bottom : 1px solid #d5c9b9;
border-left : 1px solid #d5c9b9;
border-right : 1px solid #d5c9b9;
height : 14.375em;
padding : .2em;
width : 49.375em
}
img#shrine
{
border-bottom : 1px solid #d5c9b9;
border-top : 1px solid #d5c9b9;
height : 11.416em;
padding : 1.5em 0;
width : 37.499em
}
img#Yamamoto
{
border : 1px solid #666;
height : 2.5em;
padding : 1px;
vertical-align : middle;
width : 2.5em
}
.error, #search-noresults
{
color : #900;
}
div#box-a, div#box-b
{
background : #8babd6;
}
.boxpad
{
padding : 0 10px;
}
}