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


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


/* 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; }
#wrapper { width: 960px; margin: 0 auto; }

/* lang */
ul.qtrans_language_chooser { float: right; }
.qtrans_language_chooser li { float: left; }
.qtrans_flag_en, .qtrans_flag_ja { height: 18px !important; width: 50px !important; }
li.active .qtrans_flag_en, a.qtrans_flag_en:hover { background: url(img/lang_en_on.gif) 0 0 no-repeat; }
li.active .qtrans_flag_ja, a.qtrans_flag_ja:hover { 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: 80px; 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; }
.home #gmenu_home a, .biography #gmenu_biography a, .activity #gmenu_activity a, .work #gmenu_work a, .selected #gmenu_work a { background: url("img/meshblack.gif"); color: #fff; }

/* footer */
#footer p { float: left; line-height: 15px; color: #999; font-size: xx-small; padding-right:20px; }
#footer #social { float: left; }
.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; }

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

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

/* list with line */
.selected .left_sec .label, .work .left_sec .label, .activity .left_sec .label { background: url("img/archive.gif") 0 0 no-repeat; }
ul.line { margin-top: 20px; }
ul.line li { display: block; overflow: hidden; padding: 1px 0 2px 0; background: url("img/dotline.gif") 0 0 no-repeat; }
ul.line li a { display: block; overflow: hidden; height: 17px; }
ul.line li a:hover, ul.line li.current a { background: url("img/meshblack.gif"); color: #fff; }

/* thumb view */
.thumb_view li { float: left; width: 270px; min-height: 200px; height: auto !important; height: 200px; padding-right: 10px; }
.thumb_view .title { display: inline-block; margin: 5px 5px 0 5px; font-weight: bold; }
.thumb_view a:hover .title { background: url("img/meshblack.gif"); color: #fff; }
.thumb_view .type, .thumb_view .date { display: block; padding: 0 5px; }
.thumb_view a img { display: block; width: 260px; height: 130px; padding: 5px; }
.thumb_view a:hover img, .thumb_view a:active img { background: url("img/mesh.gif"); }

/* list view */
.list_view thead tr { height: 40px; }
.list_view thead th.title { width: 260px; background: url("img/table_title.gif") 0 0 no-repeat; }
.list_view thead th.type { width: 140px; background: url("img/table_type.gif") 0 0 no-repeat; }
.list_view thead th.date { width: 160px; background: url("img/table_date.gif") 0 0 no-repeat; }
.list_view thead th.location { width: 280px; background: url("img/table_location.gif") 0 0 no-repeat; }
.list_view tr { height: 20px; overflow: hidden; }
.list_view tbody tr { overflow: hidden; padding: 1px 0 2px 0; background: url("img/dotline.gif") 0 0 no-repeat; }
.list_view tbody tr { /height: 20px; /padding: 2px 0 1px 0; }
.list_view tbody tr:hover a { height:17px; margin: 1px 0 2px 0; background: url("img/meshblack.gif"); color: #fff; }
.list_view td a { display: block; height: 17px; margin: 1px 0 2px 0; }
.list_view td.title a { width: 260px; height: 17px; overflow: hidden; }
.list_view td.type a { width: 140px; height: 17px; overflow: hidden; }
.list_view td.date a { width: 160px; height: 17px; overflow: hidden; }
.list_view td.location a { width: 280px; height: 17px; overflow: hidden; }

.dataTables_wrapper{ overflow: hidden; max-height: 500px; }
.dataTables_filter { float: right; }
.dataTables_filter input { width: 100px; text-align: left; }
.dataTables_paginate { float: left; text-align: center; }
.bottom { margin-top: 40px; }
div.dataTables_paginate span.paginate_button, 
div.dataTables_paginate span.paginate_active { margin-right: 5px; padding: 3px 6px; color: #fff; font-size: xx-small; cursor: pointer; *cursor: hand; }
div.dataTables_paginate span.paginate_button { background: #bbb; }
div.dataTables_paginate span.paginate_button:hover { background: url("img/meshblack.gif"); color: #fff; }
div.dataTables_paginate span.paginate_active { background: url("img/meshblack.gif"); color: #fff; }

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

/* single, page */
a.post-edit-link { font-size: xx-small; text-transform: uppercase; background: url("img/meshblack.gif"); color: #fff; }
p, div.block { margin-bottom: 20px; } 
strong { font-weight: bold; }
em { font-style: italic; }
div.separator { border: 0; border-bottom: dotted 1px #bbb; margin: 20px 0; }

.selected h2, .work h2, .activity h2 { margin: 40px 0 5px 0; line-height: 25px; }
.meta { line-height: 17px; }
.entry-content { margin-bottom: 40px;}
.entry-content a, .entry-content a:hover { color: #fff; background: url("img/meshblack.gif"); }
.activity .entry-content img { margin-bottom: 40px;}
.credit { font-size: xx-small; line-height: 15px; color: #999; }

.page h2 { margin: 40px 0 20px 0;}
.page .entry-content p { width: 580px; }
.page li.current_page_item a { background: url("img/meshblack.gif"); color: #fff; }
.page dl { margin-bottom: 20px; }
.page dt { width: 60px; }
.page dd { margin-left: 60px; margin-top: -1.5em; }


/* 05: Individual
--------------------------------------------------- */
/* home */
#latest_work .label { background: url("img/top_key.gif") 0 0 no-repeat; }
#latest_work div.panel a { display: block; position: relative; width: 590px; height: 300px; overflow: hidden; padding: 5px; }
#latest_work div.panel a:hover, #latest_work div.panel a:active { background: url("img/mesh.gif"); }
#latest_work h2 { position: absolute; top: 35px; left: 10px; max-width: 570px; line-height: 25px; background: url("img/meshblack.gif"); color: #fff; }
#latest_work .type,
#latest_work .date { display: none; }
/* #latest_work h2 { position: absolute; top: 35px; left: 10px; line-height: 25px; background: #fff; }
#latest_work .type { position: absolute; top: 65px; left: 10px; background: #fff; }
#latest_work .date { position: absolute; top: 85px; left: 10px; background: #fff; } */
#latest_work .catname { position: absolute; top: 10px; left: 10px; }

#latest_work .csw { width: 590px; height: 300px; overflow: hidden; margin: 0 105px; }
.csw .loading { margin: 130px 0 300px 0; text-align: center; }
#latest_work .slider-wrap { position: relative; clear: both; width: 800px; height: 310px; margin: 40px 80px 70px 80px; }
#latest_work .stripViewer { position: relative; width: 590px; height: 300px; overflow: hidden; margin: auto; }
.stripViewer .panelContainer { position: relative; top: 0; left: 0; width: 100%; list-style-type: none; -moz-user-select: none; }
#latest_work .stripViewer .panelContainer .panel { position: relative; float:left; width: 590px; height: 100%; }
#latest_work .stripNav { margin: 5px 0 0 115px; }
.stripNav ul li { float: left; margin-right: 5px; }
#latest_work .stripNav a { display: block; width: 15px; line-height: 15px; color: #fff; text-align: center; }
.stripNav li a { background: url("img/meshgray.gif") ; }
#latest_work .stripNav li a:hover, #latest_work .stripNav li a.current { background: url("img/mesh.gif"); color: #fff; }
a:focus { outline: none; }
#latest_work .stripNavL, #latest_work .stripNavR { position: absolute; top: 123px; text-indent: -9000em; }
#latest_work .stripNavL { left: 0; }
#latest_work .stripNavR { right: 0; }
#latest_work .stripNavL a, #latest_work .stripNavR a { display: block; width: 105px; height: 55px; }
#latest_work .stripNavL a { background: url("img/arrow_l.gif") 0 0 no-repeat; }
#latest_work .stripNavR a { background: url("img/arrow_r.gif") 0 0 no-repeat; }
#latest_work .stripNavL a:hover, #latest_work .stripNavR a:hover { background-position: 0 -55px; }

#latest_activity { float: left; width: 310px; margin-right: 20px;  }
#latest_activity .label { background: url("img/top_activity.gif") 0 0 no-repeat; }
#latest_activity li span { display: inline-block; width: 40px; margin-right: 5px; }

#recent_posts { float: left; width: 470px; margin-right: 20px; }
#recent_posts .label { background: url("img/top_blog.gif") 0 0 no-repeat; }
#recent_posts li span { display: inline-block; width: 80px; margin-right: 5px; }

#contact { float: right; width: 470px; }
#contact .label { background: url("img/top_contact.gif") 0 0 no-repeat; }
#contact p { background: url("img/dotline.gif") 0 0 repeat-y; margin: 20px 0 10px 0; line-height: 20px; }
#contact li { float: left; padding-right: 20px; }

/* work */
.left_col .label { background: url("img/work_title.gif") 0 0 no-repeat; }
a.switch { display: block; height: 20px; background: url("img/work_switch.gif") no-repeat; }
a.swap { background-position: 0 -20px; }
div.display { margin-top: 20px; }
div.thumb_view .list_view { display: none; }
div.list_view .thumb_view { display: none; }
.list_view table thead { display: none; }

.csw { width: 580px; height: 290px; overflow: hidden; }
.stripViewer { position: relative; overflow: hidden; width: 580px; height: 290px; }
.stripViewer .panelContainer .panel { position: relative; float:left; width: 580px; height: 100%; }
.stripNav { margin: 5px 0 40px 0; }
.stripNav a { display: block; line-height: 15px; padding: 0 5px; color: #fff; font-size: xx-small; text-align: center; }
.stripNav li a { background: #bbb; }
.stripNav li a:hover, .stripNav li a.current { background: url("img/meshblack.gif"); color: #fff;}
.stripNavR, .stripNavL { display: none; }

.pager { width: 580px; height: 290px; background: url("img/dotline.gif") 0 bottom no-repeat; }
.pager .nav { line-height: 15px; margin-top: 5px; padding-bottom: 10px; font-size: xx-small; }
.pager .nav a[rel='prev'], .pager .nav a[rel='next'] { display: none; }
.pager .nav a { padding: 2px 5px; margin: 5px 5px 5px 0; color: #fff; background: #bbb; }
.pager .nav a:hover, .pager .nav a.highlight { background: url("img/meshblack.gif"); color: #fff; }
.pager img { float: left; width: 110px; height: 110px; margin: 0 10px 10px 0 ; padding: 5px; }
.pager a:hover img { background: url("img/mesh.gif"); }

#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; 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; }

/* activity */
.activity .left_col .label { background: url("img/activity_title.gif") 0 0 no-repeat; }
.page-id-1871 .entry-content p { width: 840px; }

/* bio */
.page .right { float: right; width: 180px; }
.page .right p { width: 180px; }

/* Error 404 */
.error404 h2, .search h2 { margin: 40px 0 20px 0;}
.error404 .left_sec .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; }
#s { width: 240px; text-align: left; }
.search .left_sec .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; }