/*
Theme Name: daito.ws
Theme URI: -
Description: -
Version: -
Author: -
Author URI: -
*/


/* ---------------------------------------------------
01: Setup
02: CSS Hack
03: Basic
04: Common
--------------------------------------------------- */


/* 01: Setup
--------------------------------------------------- */
* { background-position: 0 0; background-repeat: no-repeat; margin: 0; padding: 0; text-align: left; }
body { color: #111; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "MS PGothic", sans-serif; background: #ffffff; line-height: 17px; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0; }
strong { font-weight: normal; }
em, address { font-style: normal; }
input, button { line-height: normal; text-align: center; }

a { color: #000; text-decoration: none; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover, a:active { color: #000; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* 02: CSS Hack
--------------------------------------------------- */
/* floating box clear */
.clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }


/* 03: Base
--------------------------------------------------- */
.multi_column { } /* necessary - clr class */
.left_column { float: left; }
.right_column { float: right; }

body { border-top: solid 2px #111; background: url(img/.jpg) 0 0; }
#wrapper { width: 960px; margin: 0 auto; }

/* lang */
.lang ul { float: right; width: 100px; }
.lang li { float: left; width: 50px; height: 18px; }
li.en { background: url(img/lang_en.gif) 0 0 no-repeat; }
li.ja { background: url(img/lang_jp_on.gif) 0 0 no-repeat; }

/* header */
#header { width: 960px; margin: 60px 0 30px 0; }
h1 { float: left; width: 360px; background: url(img/logo.gif) 0 0 no-repeat; }
h1 a { display: block; width: 310px; height: 30px; }
#header p { font-size: x-small; }

/* global menu */
#gmenu { margin-right: -20px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
#gmenu ul { float: right; width: 600px; }
#gmenu li { display : inline; float: left; width: 100px; margin-right: 20px; padding: 1px 0 2px 0; background: url("img/dotline.gif") 0 0 no-repeat; }
#gmenu li a { display: block; color: #111; height: 17px; }
#gmenu li a:hover { background: url("img/meshblack.gif"); color: #fff; }
#gmenu li#gmenu_weblog a { background: url("img/meshblack.gif"); color: #fff; }

/* footer */
#footer p { float: left; line-height: 15px; color: #999; font-size: xx-small; }
.totop a { float: right; width: 50px; height: 10px; background: url("img/totop.gif") 0 0 no-repeat; }
.totop a:hover { background-position: 0 -10px; }

html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }
#contents { padding-bottom: 80px; }
#footer { position: relative; clear: both; width: 960px; height: 80px; margin: -80px auto 0 auto; }


/* 04: Common
--------------------------------------------------- */
#contents { width: 960px; margin-bottom: 40px; }
.left_sec { float: left; width: 100px; margin-right: 20px; }
.right_sec { float: right; width: 840px; }
.left_col { float: left; width: 240px; margin-right: 20px; }
.right_col { float: right; width: 580px; }

.left_sec, .right_sec, .left_col, .right_col { background: url("img/meshline.gif") 0 0 no-repeat; }
.label { height: 20px; }

h2 { margin: 40px 0 5px 0; font-weight: bold; font-size: 18px; }
.archive h2 { margin: 40px 0 40px 0;}
h3 { margin: 20px 0 5px 0; font-weight: bold; font-size: 14px; }
span.type { color: #999; }

/* sidebar */
#recent_posts, #search_form, #category_list, #tagcloud { margin-bottom: 40px; background: url("img/meshline.gif") 0 0 no-repeat; }
#recent_posts .label { background: url("img/blog.gif") 0 0 no-repeat; }
#recent_posts li span { display: inline-block; width: 40px; margin-right: 5px; }
#search_form .label { background: url("img/search.gif") 0 0 no-repeat; margin-bottom: 20px; }
#search_form #s { width: 220px; text-align: left; }
#category_list .label { background: url("img/category.gif") 0 0 no-repeat; margin-bottom: 20px; }
#tagcloud .label { background: url("img/tagcloud.gif") 0 0 no-repeat; margin-bottom: 20px; }

/* list with line */
.left_sec .label { background: url("img/archive.gif") 0 0 no-repeat; }
ul.line { margin-top: 20px; width: 100%; background: url("img/dotline.gif") 0 0 repeat-y; }
ul.line li { display: block; overflow: hidden; line-height: 20px; }
ul.line li a { display: block; overflow: hidden; height: 20px; }
ul.line li a:hover, ul.line li.current a { background: url("img/list_bg.gif") 0 0 repeat-x; color: #fff; }

ul.line li.current-cat a { background: url("img/list_bg.gif") 0 0 repeat-x; color: #fff; }

div.active, div.active a, div.active a:visited, div.active a:hover, div.active a:active { background: url("img/list_bg.gif") 0 0 repeat-x; color: #fff; }
ul.toggle_container { overflow: hidden; clear: both; }

/* single */
.meta { line-height: 20px; }
.entry-content { margin-bottom: 40px;}
.entry-content img { max-width: 580px; }
.entry-content a, .entry-content a:hover { color: #fff; background: url("img/meshblack.gif"); }
.entry-content table { font-size: 11px; margin-bottom: 20px;}
.entry-content table td { padding-right: 15px;}
.postmetadata { line-height: 15px; margin-top: 20px; padding-bottom: 20px; color: #999; background: url("img/dotline.gif") 0 15px no-repeat; font-size: xx-small; }
.postmetadata a, .postmetadata a:hover { color: #111; background: #fff; }
p { margin-bottom: 20px; }
strong { font-weight: bold; }
em { font-style: italic; }
div.separator { border: 0; border-bottom: dotted 1px #bbb; margin: 20px 0; }

.navigation .prev { float: left; width: 280px; }
.navigation .next { float: right; text-align: right; width: 280px; }

/* gallery */
.gallery { margin-bottom: 15px; }
.gallery dt.gallery-icon { float: left; }
.gallery a, .gallery a:hover { background: #fff; }
.gallery a img { padding: 5px; margin: 5px 10px 5px 0; }
.gallery a:hover img { background: url("img/mesh.gif"); }

/* light box */
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay {position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative; overflow:visible;}
#cboxLoadedContent {overflow:auto;}
#cboxLoadedContent iframe {display:block; width:100%; height:100%; border:0;}
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}

#cboxOverlay { background: #000; }
#cboxLoadingOverlay { background: #000; }
#cboxContent{ background: #000; margin: 25px 110px; }
* html #cboxContent{ margin: 25px 0; }
#cboxTitle{ position: absolute; top: -20px; left: 0; width: 90%; color: #bbb; }
#cboxCurrent{ position: absolute; bottom: -25px; left: 0px; line-height: 15px; color: #bbb; font-size: xx-small; }
#cboxSlideshow{ position: absolute; bottom: -20px; right: 0px; color: #bbb; }

#cboxPrevious{ position: absolute; top: 50%; left: -110px; margin-top: -27px; background: url(img/arrowcbox_l.gif) top left no-repeat; width: 110px; height:55px; text-indent: -9999px; }
#cboxPrevious.hover{ background-position: bottom left; }
#cboxNext{ position: absolute; top: 50%; right: -110px; margin-top: -27px; background: url(img/arrowcbox_r.gif) top right no-repeat; width: 110px; height: 55px; text-indent: -9999px; }
#cboxNext.hover{ background-position: bottom right; }
#cboxLoadingGraphic{ background: url(img/ajax-loaderb.gif) center center no-repeat; }
#cboxClose{ position: absolute; top: -20px; right: 0px; display: block; background: url(img/close.gif) 0 0 no-repeat; width: 35px; height: 20px; text-indent: -9999px; }
#cboxClose.hover{ background-position: 0 -20px; }
#cboxSlideshow{ position: absolute; bottom: -20px; background: url(img/autoplay.gif) 0 0 no-repeat; width: 55px; height: 20px; text-indent: -9999px; }
.cboxSlideshow_on #cboxSlideshow{ background-position: -55px 0; }
.cboxSlideshow_on #cboxSlideshow.hover{ background-position: -55px -20px; }
.cboxSlideshow_off #cboxSlideshow{ background-position: 0 0; }
.cboxSlideshow_off #cboxSlideshow.hover{ background-position: 0 -20px; }

/* pagination */
.wp-pagenavi { margin: 20px 5px; font-size: xx-small; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 3px 4px; margin-right: 5px; color: #fff; background: #bbb; }
.wp-pagenavi a:hover, .wp-pagenavi a:active { padding: 3px 4px; color: #fff; background: url("img/meshblack.gif"); }
.wp-pagenavi span.current { padding: 3px 4px; margin-right: 5px; color: #fff; background: url("img/meshblack.gif"); }

/* Error 404 */
.error404 h2, .error404 h3 { margin: 20px 0 20px 0;}
.error404 .right_col .label { background: url("img/error.gif") 0 0 no-repeat; }
.error404 p { line-height: 20px; margin-bottom: 20px; }
.error404 h3 { color: #222; font-weight: bold; font-size: 15px; }
.error404 #s { width: 240px; text-align: left; }

/* Search */
.search h2 { margin: 20px 0 40px 0;}
.search .right_col .label { background: url("img/searchresults.gif") 0 0 no-repeat; }
.search .list_view table thead { display: none; }
.search .left_sec p { margin-top: 20px; font-weight: bold; }