/*
Theme Name: TakashiIrie
Theme URI: http://takashiirie.com
Description: Wordpress theme for Takashi Irie
Version: 4.0 (WP2.9.2)
Author: Takashi Irie
Author URI: http://takashiirie.com
Tags:
*/
/*global reset v1.0*/
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;}
/*Image Resizing in IE7 and IE6*/
img{-ms-interpolation-mode:bicubic;}
/*clear settings*/
.clear{clear:both; display:block;}
.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
*:first-child+html .clearFix{height:1%;}
*html .clearFix{height:1%;}
/*Wordpress default classes settings*/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/*global settings*/
html{font-size:100.01%;}
body {font-size:62.5%;font-family:'Helvetica neue', Arial, Helvetica, sans-serif;color:#464646;background:#fff url(images/cross.gif) repeat-y center top;-webkit-text-stroke: 1px transparent;}
/*typography*/
a{outline:none;  text-decoration:none; color:#00aeef}
p{font-size:1.2em;line-height:1.6667em;letter-spacing:0.01em;}
pre{font-size:1.5em;line-height:20px!important;padding:19px 20px 20px!important;}
.wp_syntax{margin-bottom:20px!important;}
h1, h2, h3, h5, h5, h6 { font-weight:normal }
ul, li, ol{font-size:1.0em;}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
p a{font-weight:bold;}
p a:hover{border-bottom:1px dotted #00aeef}
p a:hover{border-bottom:1px dotted #00aeef}
.more{font-size:1.2em;line-height:1.6667em;margin:0 0 1.6667em 0;font-weight:bold;}
.more:hover{border-bottom:1px dotted #00aeef}
.back{font-size:1.2em;line-height:1.6667em;margin:1.6667em 0 0 0;font-weight:bold;float:left;}
.back a:hover{border-bottom:1px dotted #00aeef}
/*header*/
#header{width:945px;margin:20px auto 0;padding:0 0 0 15px;}
#logo{display:block;width:290px;height:120px;background: url(images/sprite.png) no-repeat;background-position: 0 -1130px;text-indent:-9999px;float:left;}
#logo a{display:block;width:290px;height:120px;}
/*navigation*/
#nav{float:left;margin:59px 0 0 36px;width:580px;}
#nav li{float:left; display:block;margin-right:8px;}
#nav a{display:block;float:left;color:#000;text-transform: uppercase;font-weight:bold;padding:0px 0 0px 12px;height:22px;}
#nav a span{display:block;float:left;color:#000;padding:0px 12px 0px 0px;font-size:1.1em;line-height: 22px;height:22px;}
#nav a:hover{background:#00AEEF url(images/sprite.png) no-repeat 0 -314px;color:#ffffff;}
#nav a:hover span{background:url(images/sprite.png) no-repeat right -408px;color:#ffffff;}
.page-id-69 #first a,.page-id-252 #first a, .page-id-202 #navWordpress a,#portfolio-page #navPortfolio a, #portfolio-single-page #navPortfolio a,#blog-page #navBlog a, .category-blog #navBlog a, .page-id-2 #navAbout a, .page-id-49 #navContact a{background:#000 url(images/sprite.png) no-repeat;background-position: 0 -292px;color:#ffffff;}
.page-id-69 #first a span,.page-id-252 #first a span, .page-id-202 #navWordpress a span,#portfolio-page #navPortfolio a span,#portfolio-single-page #navPortfolio a span,#blog-page #navBlog a span, .category-blog #navBlog a span, .page-id-2 #navAbout a span, .page-id-49 #navContact a span{background:url(images/sprite.png) no-repeat right -386px;color:#ffffff;}
.page-id-69 #first a:hover,.page-id-252 #first a:hover, .page-id-202 #navWordpress a:hover,#portfolio-page #navPortfolio a:hover,#portfolio-single-page #navPortfolio a:hover,#blog-page #navBlog a:hover, .category-blog #navBlog a:hover, .page-id-2 #navAbout a:hover, .page-id-49 #navContact a:hover{border:none;}
/*strip*/
#strip_wrapper{background-color:#000;width:100%;margin:0 0 0px 0;}
#strip{width:900px;padding:0 30px;margin:0 auto;position:relative;}
#super_wrapper{padding-top:60px;}
#wrapper{width:960px;padding:0 0px 60px 0px;margin:0 auto;}
#sectionNameHolder{width:260px;float:left;}
.section_title{display:block;height:0;padding-top:80px;width:260px;overflow:hidden;margin:40px 0 20px 0}
#title_home{background:#000 url(images/sprite.png) no-repeat;background-position: 0 -1938px;}
#title_portfolio{background:#000 url(images/sprite.png) no-repeat;background-position: 0 -2198px;}
#title_blog{background:#000 url(images/sprite.png) no-repeat;background-position: 0 -1678px;}
#title_about{background:#000 url(images/sprite.png) no-repeat;background-position: 0 -1418px;}
#title_services{background:#000 url(images/sprite.png) no-repeat;background-position: 0 -2328px;}
#title_contact{background:#000 url(images/sprite.png) no-repeat;background-position: 0 -1808px;}
#title_archive{background:#000 url(images/sprite.png) no-repeat;background-position: 0 -1548px;}
#title_oops{background:#000 url(images/sprite.png) no-repeat;background-position: 0 -2068px;}
#title_webdesign{width:361px;background:#000 url(images/sprite.png) no-repeat;background-position: 0 -2458px;}
#title_wordpress{width:361px;background:#000 url(images/sprite.png) no-repeat;background-position: 0 -2588px;}
#introHolder{width:580px;float:right}
#intro{font-size:1.6em;line-height:1.25em;color:#fff;margin:3.75em 0 2.5em 0;float:left;}
#intro a{font-weight:normal;}
#budge{clear:both;display:block;width:145px;height:145px;background: transparent url(images/sprite.png) no-repeat;background-position: 0 -2808px;position:absolute;text-indent:-9999px;left:839px;top:-45px;}
/*front page */
.home #categoryList, .home #archiveList{display:none;}
#project_wrap{height:320px;width:900px;margin:0 30px 60px;}
#project{width:960px;height:320px;}
#project div{background-color: #fff;}
.projectInfo{width:260px;margin-right:60px;float:left;height:318px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.projectThumb{width:578px;float:left;height:318px;overflow:hidden;border:1px solid #ccc;}
.projectThumb img{margin:0 0 0 -5px}
.autohide {display:none;}
.projectInfo .title{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.5em;line-height: 1.3333em;color:#000000;margin:0 0 0 0;font-weight:bold;}
.projectInfo .title a{color:#000000}
.projectInfo .title a:hover{color:#333333;}
.projectInfo h3{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2.4em;line-height: 1.6667em;color:#000000;letter-spacing:-1px;margin:0.8333em 0 0.8333em 0;font-weight:bold;}
/*MainColumn*/
#mainCol{width:580px;float:right;margin-right:30px;display:inline;}
#mainCol h1{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2.2em;line-height: 1.8181em;color:#000000;letter-spacing:-1px;margin:0 0 0.909em 0;font-weight:bold;}
#mainCol h3{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2.2em;line-height: 1.8181em;color:#000000;letter-spacing:-1px;margin:0 0 0.909em 0;font-weight:bold;}
/*Post*/
.post{padding:0 0 30px 0;margin:0 0 29px 0;border-bottom:1px solid #cccccc;}
#mainCol .post h1.title{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2.8em;line-height: 1.4825em;color:#000000;letter-spacing:-1px;margin:0 0 20px 0;font-weight:bold;}
.home .post .title{width:580px;}
.post h2.title{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.8em;line-height: 1.1111em;color:#000000;margin:0;float:left;width:520px;font-weight:bold;}
.post .title a{color:#000000}
.post .title a:hover{color:#333333;}
.post p{margin:0 0 1.6667em 0;}
.postmeta{clear:both;font-size:1.1em;line-height:1.8182em;letter-spacing:0.1em;color:#a5a5a5;text-transform: uppercase;margin:0;padding:0 0 1.8182em;display:block;}
.postmeta a{color:#333333;}
.postmeta a:hover{color:#333333;border-bottom:1px dotted #333333;}
.post .more{padding:0;}
.post h2{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.6em;line-height: 1.25em;color:#000;margin:1.25em 0;font-weight:bold;}
.post ul{margin:0 0 4em 0px;}
.post li{list-style:disc;font-size:1.2em;line-height:1.6667em;margin:0 0 0 0}
.post li a{font-weight:bold;}
.tagged{color:#A5A5A5;font-size:1.2em;line-height:1.6667em}
/*Portfolio*/
.projectImage{margin:0px 0 15px -5px;}
#portfolio_single{padding:0 0 0 30px}
#portfolio-single-page .post{padding:0 0 25px 0;}
#portfolio_single h1.title{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2.4em;line-height: 1.6667em;color:#000000;letter-spacing:-1px;margin:0;font-weight:bold;}
#portfolio_single #sidebar_inside{padding:0;}
#portfolio_single .sidebarModule{margin:0 30px 60px 0;}
.post ul.ctr{margin:0;text-align:right;font-size:0.9em;
letter-spacing:0.15em;
line-height:2.2222em;}
.ctr{text-align:right;display:block;font-size:1.0em;line-height:2em;}
.ctrNext{text-align:right;display:block;font-size:1.0em;line-height:2em;float:right;}
.toTop{color:#aaaaaa;cursor: pointer;background: url(images/sprite.png) no-repeat;background-position: 0 -59px;padding:0 0 0 15px;letter-spacing: 0.1em;}
.next{color:#aaaaaa;cursor: pointer;background: url(images/sprite.png) no-repeat;background-position: 0 2px;padding:0 0 0 15px;letter-spacing: 0.1em;}
.toTop:hover, .next:hover{color:#333333;border-bottom:1px dotted #333333;}
#screenshots{height:auto;margin-top:20px;}
#controller{height:20px;float:right;}
#controller a{display:block;float:left;height:9px;padding:6px 10px 5px 0;text-indent:-10000px;width:9px;background: url(images/sprite.png) no-repeat;background-position: 0 -1355px;}
#controller a.activeSlide{background: url(images/sprite.png) no-repeat;background-position: 0 -1296px;}
#portfolio-single-page #mainCol{margin-top:-20px;}
.nav{height:18px;float:right;}
.nav a {display:block;float:left;margin-left:3px;}
.nav span {display:block;height:18px;text-indent:-99999px;width:18px;}
#prev2 span {background:url("images/sprite.png") no-repeat scroll;background-position: 0 -206px;}
#next2 span {background:url("images/sprite.png") no-repeat scroll;background-position: 0 -120px;}
#prev2 span:hover{background-position: 0 -224px;}
#next2 span:hover{background-position: 0 -138px;}
.wordpress{width:129px;height:40px;margin:0;text-indent:-9999em;background: url(images/sprite.png) no-repeat;background-position: 0 -2718px;display:block}
.drupal{width:129px;height:40px;margin:0;text-indent:-9999em;background: url(images/sprite.png) no-repeat;background-position: 0 -480px;display:block}
/*RelatedPost*/
#relatedPosts{border-bottom:1px solid #CCCCCC;margin:0 0 49px;padding:0 0 30px;}
#relatedPosts li{list-style-type: disc;padding:0 0 2em 0}
#relatedPosts a{font-size:1.2em;line-height:1.6666em;}
#relatedPosts a:hover{border-bottom:1px dotted #00aeef}
/*Sidebar*/
#sidebar{width:320px;float:left;}
#sidebar_inside{padding-top:80px;}
#sidebar_inside p{margin:0 0 1.6667em 0;}
.sidebarModule{width:260px;margin:0 30px 60px;}
.sidebarModule h3{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2.2em;line-height: 1.8181em;color:#000000;letter-spacing:-1px;margin:0 0 0.9090em 0;font-weight:bold;}
.sidebarModule li{font-size:1.2em;line-height:1.6667em;margin:0 0 1.6667em 0;}
.sidebarModule li a:hover{border-bottom:1px dotted #00aeef}
.sidebarModuleList{width:260px;margin:0 30px 50px;}
.sidebarModuleList h3{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2.2em;line-height: 1.8181em;color:#000000;letter-spacing:-1px;margin:0 0 0.4545em 0;font-weight:bold;}
.sidebarModuleList li{font-size:1.2em;line-height:1.6667em;margin:0 0 -1px 0;padding:0.75em 0 0.8333em 0em;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.sidebarModuleList li.mail{background: url(images/sprite.png) no-repeat;background-position: 0 -701px;padding:0.75em 0 0.8333em 2.5em;}
.sidebarModuleList li.skype{background: url(images/sprite.png) no-repeat;background-position: 0 -841px;padding:0.75em 0 0.8333em 2.5em;}
.sidebarModuleList li.twitter{background: url(images/sprite.png) no-repeat;background-position: 0 -982px;padding:0.75em 0 0.8333em 2.5em;}
.sidebarModuleList li.linkedin{background: url(images/sprite.png) no-repeat;background-position: 0 -561px;padding:0.75em 0 0.8333em 2.5em;}
.sidebarModuleList a{font-weight:bold;}
.sidebarModuleList a:hover{border-bottom:1px dotted #00aeef}
.sidebarModuleList li li{font-size:1.0em;border:0;}
.sidebarModuleQuotes{width:320px;margin:0 0px 60px;}
.sidebarModuleQuotes h3{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2.2em;line-height: 1.8181em;color:#000000;letter-spacing:-1px;margin:0 0 0.9090em 1.25em;font-weight:bold;}
.quote{background: url(images/sprite.png) no-repeat left -3002px;padding-left: 30px;display:block;}
.quote span{background: url(images/sprite.png) no-repeat right bottom;padding-right: 30px;display:block;font-family:Georgia, "Times New Roman", Times, serif;font-style: italic;letter-spacing:0.02em;}
.testi{padding:0 30px;text-align:right;}
.sidebarModuleQuotes p{margin-bottom:3.3333em;}
/*Footer*/
#footer_wrapper{background-color:#000000;width:100%;}
#footer{background-color:#000000;width:900px;padding:40px 30px 20px;margin:0 auto;}
#footer p{color:#ffffff;}
#footer a{color:#00aeef;font-weight:normal;}
.footerLeft{float:left;width:260px;padding:2em 30px 4em 0;}
.footerMiddle{float:left;width:260px;padding:2em 30px 4em;}
.footerRight{float:left;width:260px;padding:2em 0 4em 30px;}
#footerBottom{clear:both;padding:1em 2em 1em 0;}
#footerBottom p{color:#ffffff;font-family:Georgia, "Times New Roman", Times, serif;font-size:1em;line-height:2em;letter-spacing:0.15em;text-transform: uppercase;}
.footerModule h3{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.5em;line-height: 1.3333em;color:#ffffff;letter-spacing:-0.02em;margin:0 0 1.3333em 0;font-weight:bold;text-transform: uppercase}
.footerModuleList h3{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.5em;line-height: 1.3333em;color:#ffffff;letter-spacing:-0.02em;margin:0 0 0.6666em 0;font-weight:bold;text-transform: uppercase}
.footerModuleList li{font-size:1.2em;line-height:1.6667em;font-size:2.2em;line-height: 1.8181em;color:#ffffff;margin:0 0 0.4545em 0;font-weight:normal;}
.footerModuleList li{font-size:1.2em;line-height:1.6667em;margin:0 0 -1px 0;padding:0.75em 0 0.8333em 0em;border-bottom:1px solid #222222;border-top:1px solid #222222;color:#ffffff;background-color:#000000;}
.footerModuleList li.mail{background: url(images/sprite.png) no-repeat;background-position: 0 -771px;padding:0.75em 0 0.8333em 2.5em;}
.footerModuleList li.skype{background: url(images/sprite.png) no-repeat;background-position: 0 -911px;padding:0.75em 0 0.8333em 2.5em;}
.footerModuleList li.twitter{background: url(images/sprite.png) no-repeat;background-position: 0 -1052px;padding:0.75em 0 0.8333em 2.5em;}
.footerModuleList li.linkedin{background: url(images/sprite.png) no-repeat;background-position: 0 -631px;padding:0.75em 0 0.8333em 2.5em;}
.footerModuleList a{font-weight:normal;}
.footerModuleList a:hover{border-bottom:1px dotted #00aeef}
.footerModuleList li li{font-size:1.0em;border:0;}
/*Contact Form*/
.cform {margin:0 0 0 0px!important;}
/*Comment */
#comment:hover {background-color:#F5F5F5;}
#comment{font-family:Arial,Helvetica,sans-serif;font-size:1.2em;height:155px;line-height:1.6667em;overflow:auto;background-color:#F4F4F4;border:1px solid #CCCCCC;color:#000000;font-size:1.2em;line-height:1.6667em;margin:0px 0 20px;padding:0.96em;vertical-align:top;width:555px;font-weight:bold;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}
#mainCol #comments, #mainCol #respond{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.6em;line-height: 1.25em;color:#000;letter-spacing:-1px;margin:1.25em 0;font-weight:bold;}
#author, #email, #url{width:555px;background-color:#F4F4F4;border:1px solid #CCCCCC;color:#000000;font-size:1.2em;line-height:1.6667em;margin:0 0 20px;padding:0.96em;vertical-align:top;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}
#commentform label{display:block;font-size:1.2em;font-weight:bold;line-height:1.6667em;margin:0 10px 0 0;padding:0;text-align:left;text-transform:uppercase;color:#000;}
#commentform #submit{-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;
background-color:#00AEEF;border:medium none;color:#FFFFFF;cursor:pointer;font-size:1.2em;height:40px;padding:0 0 0;width:160px;font-weight:bold;text-transform: uppercase;}
#commentform #submit:hover{background-color:#000;}
#commentsArea li{border-bottom:1px solid #ccc;padding-bottom:30px; margin-bottom:29px;}
.commentauthor{margin-bottom:1.6667em;font-family:Georgia, "Times New Roman", Times, serif;font-style: italic}
.commentauthor a{color:#000000;}
.moderation{color:#aaaaaa;}
/*wp_syntax */
.wp_syntax {color: #100;background-color: #f9f9f9;border: 1px solid silver;margin: 0 0 1.5em 0;overflow: auto;}
/* IE FIX */
.wp_syntax {overflow-x: auto;overflow-y:hidden;padding-bottom:expression(this.scrollWidth > this.offsetWidth ? 15 : 0);width: 100%;}
.wp_syntax table {border-collapse: collapse;}
.wp_syntax div, .wp_syntax td {vertical-align: top;padding: 0;}
.wp_syntax .line_numbers {text-align:right;background-color: #def;color: gray;overflow: visible;}
/* potential overrides for other styles */
.wp_syntax pre {margin: 0;width: auto;float: none;clear: none;overflow: visible;font-size: 12px;line-height: 1.333;white-space: pre;}
/*Query_loader*/
.QOverlay {background-color: #000000;z-index: 9999;}
.QLoader {background-color: #ffffff;height: 1px;}