/**

MakotoFujimura.com Designed and Developed by Ty Fujimura: tyfujimura.com
All content, design and code copyright 2010 Makoto Fujimura. All rights reserved unless otherwise specified.

**/




/***************************************************************/
/*** CSS Reset by http://meyerweb.com/eric/tools/css/reset/ ****/
/********************** v1.0 | 20080212 ************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

html { -webkit-text-size-adjust: none; -webkit-appearance-none; }



/********************************************************/
/********************* Global Styles ********************/
/********************************************************/

html, body { height:auto; min-height:100% !important; }
body {background:#f1f1f1; color:#666; font-size:15px; line-height:20px; font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; }

h1 { font-size:60px; line-height:48px; margin:0 0 20px 0; font-weight:normal; color:#494949; }
h2 { font-size:15px; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; color:#666; font-weight:100; padding:0 0 2px 0; border-bottom:1px solid #acacac; margin: 0 0 2px 0; }
h3 { font-size:20px; font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; font-style:italic; font-weight:normal; }

body a {color:#494949; text-decoration:none; }
body a:hover {color:#666; }

#wrapper { width:960px; margin:0 auto; padding:100px 0 50px 0; }

.shadowed { box-shadow:0px 6px 10px #ccc; -webkit-box-shadow: 0px 6px 10px #ccc; -moz-box-shadow:0px 6px 10px #ccc; }
.clear {clear:both;}



/********************************************************/
/************************ iStyles ***********************/
/********************************************************/

body.ipad #footerwrapper, body.iphone #footerwrapper, body.ipod #footerwrapper {position:static;}

body.iphone.home #wrapper {display:none;}

body.iphone.home #footerwrapper { position:fixed; width:440px; height:80px; padding:20px; }
body.iphone.home #footer { font-size:20px; line-height:20px; width:440px; }
body.iphone #latest {font-size:20px;}

body.ipad.portrait #wrapper { min-height:1037px !important; }
body.ipad.landscape #wrapper { min-height:490px !important; }



/********************************************************/
/********************* Header Styles ********************/
/********************************************************/

#headerwrapper { border-bottom:1px solid #ccc; background:url('/mako_resources/bg.png'); padding:15px 0; position:fixed; top:0; left:0; z-index:100; width:100%; }
#header { width:960px; margin: 0 auto; padding:0; text-transform:uppercase; }

#header #logo { width:960px; letter-spacing:2px; font-color:#494949; }

#header #menu {font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; float:left; font-size:13px; margin:0 0 -3px 0; }
#header #menu a { float:left; margin: 0 10px 0 0; color:#666; }
#header #menu a.current, #header #menu a:hover {color:#494949; }



/********************************************************/
/********************* Works Styles *********************/
/********************************************************/

body.works .gallery_preview { border-top: 1px solid #f1f1f1; float:left; width:960px; min-height:180px; margin:0 0 50px 0; }
body.works img { float:right; padding:10px; background:#f6f6f6; }
body.works .even img {float:left;}
body.works .copy { float:left; width:700px; }
body.works .copy p { margin:0 0 10px 0; }
body.works .even .copy {float:right;}
body.works h1 { width: 700px; float:right; text-align:right; margin:0px; }
body.works .even h1 {text-align:left;}
body.works .excerpt { width:700px; text-align:justify; float:right; margin:10px 0 0 0; }
body.works .even .excerpt {float:left;}

body.gallery #wrapper { min-height:500px; width:100%; }
body.gallery #header { width:940px; padding:0 20px; }

body.gallery #title { width:940px; margin:-30px auto 0px auto; padding:0 20px; }
body.gallery #title h1 { font-style:italic; font-size:20px;  float:left; color:#666; margin:0; }
body.gallery #title a { margin:16px 0 0 10px; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; float:left; font-size:11px; text-transform:uppercase; }

body.gallery #submenu { margin: 0 20px; padding:0 0 5px 0; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; text-transform:uppercase; font-size:11px; font-weight:100; min-width:960px; }
body.gallery #submenu a {color:#666; }
body.gallery #submenu a.active {color:#494949; }
body.gallery #prev { position:absolute; z-index:100; left:0; top:0; width:30%; height:100%; cursor:pointer; background:url('/mako_resources/prev.png') no-repeat 2% center; }
body.gallery #next { position:absolute; z-index:100; right:0; top:0; width:30%; height:100%; cursor:pointer; background:url('/mako_resources/next.png') no-repeat 98% center; }
body.gallery #prev.disabled, body.gallery #next.disabled {display:none;}

body.gallery #submenu a, body.gallery #prev_next a {text-decoration:none;}
body.gallery #submenu .works_single_image.shortcut, body.gallery #submenu .works_image_group.shortcut { padding: 0 14px 0 0; background:url('/mako_resources/brush.png') no-repeat center right; }
body.gallery #submenu .works_text.shortcut { padding: 0 14px 0 0; background:url('/mako_resources/text.png') no-repeat center right; }
body.gallery #submenu .works_video.shortcut { padding: 2px 14px 0 0; background:url('/mako_resources/video.png') no-repeat center right; }

body.gallery #main { width:100%; height:415px; position:relative; overflow:hidden; padding:10px 0; }
body.gallery #main.tall {height:650px;}
body.gallery #main #walls { width:20000px; position:absolute; }
body.gallery .wall {float:left;}
body.gallery #main .wall.works_single_image, body.gallery #main .wall.works_image_group, body.gallery #main .wall.works_video { padding:10px; background:#f6f6f6; }
body.gallery #main div.works_single_image img.toobig, body.gallery #main.tall div.works_single_image img.toobig { width:700px !important; height:auto !important; }
body.gallery #main div.works_single_image img.toobig_noinfo, body.gallery #main.tall div.works_single_image img.toobig_noinfo { width:940px !important; height:auto !important; }

body.gallery #main .image_group { float:left; width:auto; }
body.gallery #main .image_group img {float:left;}
body.gallery #main .image_group.horizontal img { margin:0 1px 0 0; height:100%; width:auto; }
body.gallery #main .image_group.vertical img { margin:0 0 1px 0; clear:both; }

body.gallery #main .works_single_image img { float:left; height:385px; width:auto; }
body.gallery #main.tall .works_single_image img {height:630px;}

body.gallery #main .info { float:left; width:220px; margin: 0 0 0 20px; font-size:12px; line-height:16px; }
body.gallery #main .title { border-top:1px solid #f1f1f1; padding:5px 0 0 0; font-size:15px; }
body.gallery #main .details {font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; padding:0 0 5px 0; margin: 0 0 5px 0; border-bottom:1px solid #f1f1f1; }

body.gallery #main .works_text { width:960px; font-size:32px; line-height:42px; text-align:justify; }

body.gallery #main .works_video {width:940px;}
body.gallery #main .video { width:700px; height:394px; float:left; }




/********************************************************/
/******************** Writings Styles *******************/
/********************************************************/

body.writings .article_preview { width:960px; margin: 0 0 50px 0; float:left;}
body.writings .odd h1, .article_preview.odd .meta { float:left; width:700px; text-align:right; margin:0; }
body.writings .excerpt {text-align:justify;}
body.writings .odd .excerpt { float:right; width:240px; }
body.writings .even h1, .article_preview.even .meta { float:right; width:700px; margin:0; }
body.writings .even .excerpt { float:left; width:240px; }

body.writings #top { margin:-20px 0 40px 0;  font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; line-height:11px; font-size:11px; font-weight:100; text-transform:uppercase; }
body.writings #top #search { float:right; width:240px; }
body.writings #top input { float:left; padding:4px; background:white; color:#666; border:none; width:172px; height:16px; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; line-height:15px; font-size:15px; font-weight:100; }
body.writings #top #submit { padding:4px; float:right; width:56px; margin: 0 0 0 4px; height:24px; border:none; background:#666; color:#f1f1f1; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-size:13px; font-weight:100; padding:0; }

body.writings #results_count h2 {border:none;}

body.writings #results_count {font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; text-transform:none; width:700px; margin:5px 0 -25px 0; float:left; }

body.writings #topics { width:700px; float:left; }
body.writings #top #topics .tag { padding:4px 4px 3px 4px; margin:0 4px 4px 0; float:left; background:#666; color:#f1f1f1; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
body.writings #top #topics .tag.current {background:#494949; }

body.single #right p { margin: 0 0 10px 0; text-align:justify; }

body.single #meta {font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; color:#666; float:right; width: 460px; margin:0 -60px 85px 0; text-align:right; }

body.single #right { float:right; width:480px; margin:60px 0 0 0; }
body.single #right #copy { margin:-180px 0 0 0; padding:120px 0 0 0; }
body.single #right h1 { width:690px; margin:25px 40px 20px -480px; float:left; text-align:right; }
body.single #right sup { font-size:8px; position:relative; bottom:5px; }

body.single #appendix { position:absolute; bottom:0; }
body.single #appendix #share img { margin: 0 0 -3px 0; }
body.single #appendix .FBConnectButton_Simple, body.single #appendix .FBConnectButton_RTL_Simple { background-image:none !important; }
body.single #appendix .FBConnectButton_Text_Simple { margin:0 !important; }

body.single #left { position:relative; float:left; width:400px; font-weight:100; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; color:#666; }
body.single #images {float:left;}
body.single #left .image { margin: 0 0 30px 0; width:380px; font-size:11px; padding:10px; background:#f6f6f6; }
body.single #left .image img { margin: 0 0 -5px 0; width:380px; height:auto; }
body.single #left .image .caption { margin: 0 0 -5px 0; }

body.single #bottom { float:left; width:960px; margin: 50px 0 0 0; }

body.single #about { margin: 0 0 20px 0; float:left; width:460px; height:200px;}
body.single #about p { margin:10px 0 -5px 0;}

body.single #similar { margin: 0 0 20px 0; float:left; width:460px; }
body.single #similar a { margin: 10px 0 0 0; float:left; line-height:15px; }

body.single #related { margin: 0 0 20px 0; float:left; width:460px; }
body.single #related a { margin: 10px 20px 0 0; float:left; }
body.single #related a.even { margin-right: 0;}

body.single #disqus_thread { margin: 0 0 20px 0; float:right; width:480px; }
body.single #disqus_thread h3 { font-size:15px; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; color:#666; font-style:normal !important; font-weight:100; padding:0 0 2px 0; border-bottom:1px solid #acacac; margin: 0 0 2px 0; }
body.single #dsq-authenticate, body.single #dsq-form-area { font-size:15px !important; }
body.single #dsq-global-toolbar, body.single #dsq-content .dsq-options, body.single #dsq-comments-title, body.single .dsq-header-avatar, body.single .dsq-brlink { display:none !important; }
body.single .dsq-subscribe-menu { font-size:12px !important; }
body.single .dsq-request-user-info { padding-bottom:0 !important; }
body.single #dsq-content .dsq-comment-header { font-size:15px; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100 !important; background:none !important; padding-top:2px; border:none; border-top:1px solid #acacac; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
body.single .dsq-post-footer { margin-bottom:10px !important; }
body.single .dsq-comment-header-meta { padding:0 !important; }
body.single #dsq-content .dsq-post-footer .dsq-button {margin-bottom:10px;}
body.single #dsq-content .dsq-textarea .dsq-textarea-wrapper, #dsq-content .dsq-input-wrapper { -moz-border-radius:0 0 0 0; }
body.single #dsq-content .dsq-comment-header cite { font-weight:100 !important; }
body.single #dsq-content .dsq-comment-message { font-size:15px !important; line-height:20px; }
body.single button.dsq-button, body.single button.dsq-button-small { -moz-border-radius:0px; background:#666; border:none; color:white; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100 !important; text-transform:uppercase; font-size:14px; }
body.single #dsq-content .dsq-request-user-name { font-size:15px; font-weight:normal; padding:4px 0 0 0; }
body.single #dsq-content .dsq-request-user-stats { font-weight:normal; padding:0 0 0 0; }
body.single #dsq-content .dsq-request-user-info td a {font-weight:normal;}
body.single #dsq-content .dsq-request-user-stats span.dsq-request-user-stat big { font-size:1em; font-weight:normal !important; }
body.single #footnotes { font-size:11px; margin:0 0 60px 0; }



/********************************************************/
/********************** Home Styles *********************/
/********************************************************/

body.home #slideshow { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:-100; }
body.home #slideshow.small img { width:1440px !important; height:900px !important; position:absolute; top:50% !important; left:50% !important; margin: -450px 0 0 -720px; }
body.home #slideshow.big img { height:1200px !important; width:1920px !important; position:absolute; top:50% !important; left:50% !important; margin: -600px 0 0 -960px; }

body.home #video_wrapper { position:absolute; overflow:hidden; width:100%; height:100%; top:0; left:0; z-index:-10; }
body.home #controls { width:100px; height:100px; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; z-index:100; }

body.home #home_video { position:absolute; z-index:-10; }
body.home #home_video.tall { width:auto; height:100%; left:50%; }
body.home #home_video.wide { width:100%; height:auto; top:50%; }



/********************************************************/
/*********************** Bio Styles *********************/
/********************************************************/

body.bio #video { width:440px; float:left; padding:10px; background:#f6f6f6; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; }
body.bio #video img {float:left;}

body.bio #bio { width:480px; float:right; margin:60px 0 0 0; }
body.bio #bio h1 { float:left; padding:20px 40px 10px 0; margin:0; }
body.bio #bio #copy { margin:-180px 0 0 0; padding: 120px 0 0 0; }

body.bio #cv { margin:20px 0 0 0; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; font-size:12px; line-height:15px;  }
body.bio #cv h1 {font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; }
body.bio #cv .category { margin:0 0 20px 0; }
body.bio #cv .category li { margin:0 0 5px 0; }

body.bio #cv #left { float:left; width: 460px; }
body.bio #cv #right { float:right; width:480px; }
body.bio #cv .label { width:80px; float:left; }
body.bio #cv .value { width:380px; float:right; }

body.bio #player video { width:440px; height:248px; }



/********************************************************/
/******************** Contact Styles ********************/
/********************************************************/

body.contact p, body.contact h2 { margin: 0 0 8px 0; }
body.contact .col { float:left; margin: 0 20px 20px 0; }
body.contact .form {width:460px;}
body.contact #info {width:230px;}
body.contact #rep { width:230px; margin:0; }
body.contact #list { width:480px; margin:0; }
body.contact #list input {width:470px;}
body.contact #list .submit {width:480px;}

body.contact .form textarea, body.contact .form input { padding:5px; background:white; color:#666; border:none; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; width:450px; font-size:14px; }
body.contact .form .submit { width:460px; background:#666; color:#f1f1f1; text-transform:uppercase; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; font-size:14px; }
body.contact .form .message {height:200px;}



/********************************************************/
/******************** Contact Styles ********************/
/********************************************************/

body.four-holy-gospels #video { padding:10px; background:white; }
body.four-holy-gospels #video iframe {display:block;}
body.four-holy-gospels h2 {margin-bottom:20px;}
body.four-holy-gospels .left { float:left; width:470px; margin: 50px 20px 0 0; }
body.four-holy-gospels .right { float:left; width:470px; margin: 50px 0 0; }
body.four-holy-gospels #wrapper {margin-bottom:50px;}


/********************************************************/
/********************* Press Styles *********************/
/********************************************************/

body.press .col {float:left;}
body.press #reviews { margin:0 20px 0 0; width:460px; }
body.press #other {width:480px;}

body.press .title { font-style:italic; margin: 0 0 0 -15px; padding:0 0 0 15px; }
body.press .review { margin:10px 0 10px 15px; float:left; }
body.press .review p { margin:0 0 8px 0; }

body.press .download .title { background:url("/mako_resources/download.png") 0px 2px no-repeat; }
body.press .external .title { background:url("/mako_resources/arrow.png") 0px 2px no-repeat; }

body.press .text .title { background:url("/mako_resources/triangleoff.png") 0px 2px no-repeat; }
body.press .text .main { margin: 10px 0 0 0; }
body.press .text .title.active { background:url("/mako_resources/triangleon.png") 0px 2px no-repeat; }



/********************************************************/
/********************* Footer Styles ********************/
/********************************************************/

#footerwrapper { position:fixed; bottom:0; left:0; font-family: 'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; border-top:1px solid #ccc; padding:10px 0; background:url('/mako_resources/bg.png'); width:100%; height:20px; margin:-20px 0 0 0; font-size:13px; z-index:100; }
#footer { width:960px; margin: 0 auto; }
#footer #social, #footer #copyright { width:480px; float:left; }
#footer #copyright {text-align:right;}
.noscript { position:absolute; z-index:100; width:100%; height:100%; text-align:center; padding:100px 0 0 0;  top:0; left:0; background:url('/mako_resources/bg.png'); }

body.home #footer h3 { font-size:24px; font-weight:normal; font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; color:#494949; font-style:italic; }
body.home #footer { line-height:24px; font-size:18px; font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; }
body.home #footerwrapper { height:40px; padding:13px 0 17px 0; }