/*   
Theme Name: Kitagawa
Theme URI: 
Description: A Custom Thematic Child Theme for Kitagawa-NorthTech, Inc.
Author: Jamie Sanchez
Author URI: http://torquelaunch.com/
Template: thematic
Version: 1.0
Tags: Thematic
*/


/************************************************
      Reset ala meyerweb.com
************************************************/

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, 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-weight: inherit;
font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse:collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {   quotes: "" ""; }


* {margin:0;padding:0;} 


/************************************************
      Structure
************************************************/

html {
font-size: 10px;
height: 100%;
}

body {
font: 1.3em/1.45em "Lucida Grande", Arial, sans-serif;
color: #525963;
min-width: 960px;
height: 100%;
}

div#wrapper {
background: url(http://kitagawa.com/wp-content/themes/kitagawa/background.jpg) top center repeat-x;
min-height: 100%;
}

div#header {
width: 960px;
margin: 0 auto;
z-index: 2;
}

div#main {
padding-top: 20px;
width: 960px;
min-height; 200px;
margin: 0 auto;
overflow: auto;
clear: both;
padding-bottom: 200px;  /* must be same height as the footer */
}

div#wide {
margin: 0 10px 0 10px;
page-break-before: ;
}

div#container {
width: 680px;
float: left;
margin-left: 10px;
}

div#sidebar {
width: 220px;
float: right;
margin-top: 2.5em;
margin-right: 10px;
}

div#blog-description,
div#nav-below,
div.entry-meta, 
div.entry-utility, 
.skip-link {
display: none;
}

div#footer {
position: relative;
margin-top: -200px; /* negative value of footer height */
height: 200px;
clear:both;
background: #fff url(http://kitagawa.com/~kitaga6/wp-content/themes/kitagawa/footerBg.jpg) bottom repeat-x;
}

#siteinfo {
color: #fff;
font-size: 11px;
line-height: 18px;
width: 960px;
margin: 0 auto;
}

#siteinfo .foot {
padding-top: 75px;
width: 600px;
float: left;
}

#siteinfo a {
color: #fff;
}

#siteinfo .right {
padding-top: 72px;
float: right;
width: 150px;
}

#siteinfo .right div {
padding-top: 3px;
float: left;
}

#siteinfo .right img {
float: right;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}






/************************************************
      Typography
************************************************/

p, ul, ol, dd, pre {
margin-bottom: 1.5em;
}

a:link, a:visited {
color: #0b5899;
}

a:active, a:hover {
color: #076543;
}

h1 a, h2 a, h3 a {
text-decoration: none;
}

h1 {
font-family: Arial,sans-serif;
font-size: 26px;
font-weight: bold;
line-height: 26px;
padding:0 0 1em 0;
display: none;
}

h1 a {
color: #666;
text-decoration: none;
}

h1 a:active,
h1 a:hover {
color: #076543;
}

h1 .meta-nav {
font-style: normal;
}

h2 {
font-size: 1.15em; 
text-transform: uppercase;
border-bottom: 1px solid #d5d6d8;
font-weight: bold;
margin-top: 2.5em;
margin-bottom: .4em;
padding-bottom: .4em;
color: #424855;
}

h3 {
font-size: 11px;
font-family: Arial,sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 2em;
}

h4 {
font-family: Arial,sans-serif;
font-size: 1.3em;
font-weight: bold;
color: #424855;
}

h4 a {
color: #666;
text-decoration: none;
}

h4 a:active,
h4 a:hover {
color: #076543;
text-decoration: underline;
}

blockquote {
color:#666;
font-style:italic;
}

table {
border: 1px solid #d5d6d8;
border-width: 1px 0px 0 1px;
font-size: 10.5px;
line-height: 12px;
margin: 0 0 22px 0;
max-width: 99.9%;
text-align: left;
}

caption {
text-align:left;
}

td {
border-bottom: 1px solid #d5d6d8;
border-right: 1px solid #d5d6d8;
}

td {
padding: 4px !important;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

.entry-content ul {
list-style-type: disc;
margin-left: 1em;
margin-bottom: 2em;
}

.entry-content ol {
list-style-type: decimal;
margin-left: 1.7em;
margin-bottom: 2em;
}

.entry-content li {
margin-bottom: .25em;
padding-left: .6em;
}

input, textarea {
font-family: "Lucida Grande", Tahoma, Arial !important;
}

.post-edit-link {
clear: both;
display: block;
}


/************************************************
      Header Style
************************************************/

div#branding {
height: 90px;
}

div#blog-title a {
background: url(http://kitagawa.com/wp-content/uploads/logo-new.gif) no-repeat center top;
display: block;
text-indent: -9000px;
width: 273px;
height: 70px;
z-index: 100;
float: left;
margin-left: -5px;
}

div#headerRight {
margin-top: 23px;
margin-right: 10px;
width: 470px;
float: right;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}

div#headerRight span {
float: left;
color: #fff;
font-size: 1.2em;
text-transform: uppercase;
margin-top: 3px;
}

div#headerRight form .text {
float: right;
color: #fff;
padding: .3em;
font-size: 1em;
background: #0069ac;
border: 1px solid #057fc8;
text-transform: uppercase;
width: 200px;
}




/************************************************
      Menu Functionality
************************************************/


#access {
height: 32px;
overflow: visible;
z-index: 100;
}

div.menu {
margin-left: 10px;
margin-right: 10px;
}

ul#menu-main, 
ul#menu-main * {
margin:	0;
padding: 0;
list-style: none;
z-index: 1000;
}

ul#menu-main ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}

ul#menu-main ul li {
width: 100%;
}

ul#menu-main li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}

ul#menu-main li {
float: left;
position: relative;
}

ul#menu-main a {
display: block;
position: relative;
}

ul#menu-main li:hover ul,
ul#menu-main li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}

ul ul#menu-main li:hover li ul,
ul ul#menu-main li.sfHover li ul {
top: -999em;
}

ul ul#menu-main li li:hover ul,
ul ul#menu-main li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}

ul ul#menu-main li li:hover li ul,
ul ul#menu-main li li.sfHover li ul {
top: -999em;
}

ul ul#menu-main li li li:hover ul,
ul ul#menu-main li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}


/************************************************
      Menu Style
************************************************/

#menu-main {
float:left;
}

#menu-main a {
padding: 9px 16px 9px 16px;
text-decoration: none;
font-size: 1.1em;
color: #424855;
}

#menu-main .current_page_item a,
#menu-main .current_page_ancestor a,
#menu-main .current_page_parent a {
background: #0b5899;
color: #fff;
}

#menu-main li ul {
border-top: 1px solid #c6d0db;
}

#menu-main li ul a,
#menu-main li ul .current_page_item a,
#menu-main li ul .current_page_ancestor a,
#menu-main li ul .current_page_parent a {
color: #626973 !important;
font-size: .9em;
padding: 7px 10px;
line-height: 1.2em;
background: #e1e6ea !important;
border: 1px solid #c6d0db;
border-top: 0;
}

#menu-main li ul a,
#menu-main li ul a:hover {
background: #076543;
color: #fff;
}

#menu-main li:hover, 
#menu-main li.sfHover,
#menu-main a:focus, 
#menu-main a:hover, 
#menu-main a:active {
background: #fff !important;
color: #076543 !important;
outline: 0;
}

#menu-main li:hover .sub-menu,
#menu-main li.sfHover .sub-menu {
top: 37px; /* overriding essential styles */
}

#menu-main li ul li ul {
display: none;
}



/************************************************
      Content
************************************************/

.page-title {
background: #fff;
border: 1px solid #ddd;
font-size: 1.15em;
line-height: 18px;
padding: 8px;
text-transform: uppercase;
letter-spacing: .03em;
color: #0b5899;
margin-bottom: 3em;
}

.attachment .page-title {
font-style:italic;
}

.home #content .sticky {
border:1px solid #424855;
margin:0 0 66px 0;
padding:22px 20px 0 20px;
}

div.blog .entry-meta,
div.blog .entry-meta .published,
div.blog .entry-meta a {
display: inline;
color: #666;
font-size: .85em;
line-height: 18px;
text-transform: uppercase;
}

.entry-meta .author {
}

.entry-meta .n {
font-size:11px;
font-style:normal;
letter-spacing:0.05em;
text-transform:uppercase;
}

.entry-meta a {
color:#666;
text-decoration:none;
}

.entry-meta a:active,
.entry-meta a:hover {
color: #076543;
}

.entry-meta abbr {
border: none;
cursor: text;
font-size: 11px;
font-style: normal;
letter-spacing: 0.05em;
text-transform: uppercase;
}

.entry-content h4 {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.05em;
}

.entry-content embed {
margin: 0 0 22px 0;
}

.entry-utility {
color: #666;
font-size: 13px;
line-height: 18px;
margin: 0 0 44px 0;
}

.entry-utility a {
color: #666;
font-style: italic;
text-decoration: none;
}

.entry-utility a:active,
.entry-utility a:hover {
color: #076543;
}

.page-link {
font-size: 13px;
font-weight: bold;
line-height: 18px;
margin: 0 0 22px 0;
padding: 22px 0 0 0;
word-spacing: 0.5em;
}

.page-link a {
border: 1px solid #424855;
color: #666;
font-weight: normal;
padding: 0.5em 0.75em;
text-decoration: none;
}

.page-link a:active,
.page-link a:hover {
color: #076543;
}

ul#links-page,
ul#archives-page {
list-style: none;
margin-left: 0;
overflow: hidden;
}

li.content-column {
float: left;
margin-right: 20px;
width: 45%;
}

.gallery {
padding: 0 0 22px 0;
}

.wp-caption-text,
.gallery-caption {
font-style: italic;
font-size: .6em;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 2em;
color: #666;
}

#author-info {
margin: 0 0 44px 0;
overflow: hidden;
}

#author-info .avatar {
float: left;
margin: .3em 1em 0 0;
}




/************************************************
      Navigation
************************************************/

.navigation {
color: #666;
font-size: 13px;
line-height: 18px;
margin: 0px 0 22px 0;
overflow: hidden;
}

.navigation a {
color: #666;
font-style: italic;
text-decoration: none;
}

.navigation a:active,
.navigation a:hover {
color: #076543;
}

.navigation .meta-nav {
font-style: normal;
}

.nav-previous {
float: left;
width: 50%;
}

.nav-next {
float: right;
width: 50%;
text-align: right;
}

#nav-above,#nav-below {
width: 100%;
}

#nav-above {
display: none;
}

.paged #nav-above {
display: block;
padding: 0 0 44px 0;
}


body.entry .navigation {
margin-top: 4em;
border-top: 1px solid #ddd;
text-transform: uppercase;
font-weight: bold;
font-size: .85em;
background: #fff;
border: 1px solid #d5d6d8;
padding: 1em;
padding-top: .3em;
display: block;
}

body.entry .navigation a {
width: 50%;
float: left !important;
padding-top: 8px;
display: inline;
font-style: normal;
}

body.entry .navigation .alignright {
text-align: right;
}




/************************************************
      Asides, Sidebars & Widget-Ready Areas
************************************************/

div.breadcrumb {
background: #fff;
border: 1px solid #d5d6d8;
padding: .6em;
display: block;
font-weight: bold;
text-decoration: none;
margin-bottom: 2em;
}

div#bcProduct {
margin-left: 10px;
margin-right: 10px;
}

div.main-aside, .blog li {
margin-bottom: 2em;
font-size: .85em;
line-height: 1.35em;
}

.blog li {
margin-bottom: .7em;
}

.widgetcontainer .widgettitle {
padding-top: 6px;
font-size: .8em;
padding: 1em 1em .7em 1em;
margin: 2em 0 0 0;
border-bottom: 1px solid #d5d6d8;
background: url(http://kitagawa.com/~kitaga6/wp-content/themes/kitagawa/widgettop.gif) top no-repeat;
}

.widgetcontainer div {
padding: 1em 1em 1.3em 1em;
margin-bottom: 2em;
background: url(http://kitagawa.com/~kitaga6/wp-content/themes/kitagawa/widgetbg.gif) bottom no-repeat;
}

.widgetcontainer p {
margin: 0;
}

#primary {
margin-bottom: 2em;
}

#secondary {
margin-bottom: 0;
clear: right;
}

#content .aside {
border: 1px solid #424855;
margin: 0 0 22px 0;
padding: 18px 0 0 0;
}

#content .aside ul {
padding: 0 20px;
}

#content .aside h3 {
font-style: italic;
text-transform: none;
}

#content .aside ul ul {
padding: 0;
}

.aside .current_page_item a {
color: #076543;
}

.aside .current_page_item .page_item a {
color:#666;
}

.aside .current_page_item .page_item a:hover,
.aside .current_page_item .page_item a:active {
}

.aside h3 a {
text-decoration: none;
}

.aside caption {
font-size: 11px;
font-family: Arial,sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.05em;
}

.aside ul {
list-style: none;
margin-left: 0;
}

.aside ul ul {
list-style: disc;
margin: 0 0 22px 20px;
}

.aside ul ul li {
padding: 1px 0;
}

.aside ul ul ul {
margin-bottom: 0;
}

.aside form,
.aside table {
margin-bottom: 22px;
}

.aside table {
border: none;
}

.aside thead {
border: 1px solid #424855;
}

.aside tbody {
border: 1px solid #424855;
}

.aside th, .aside td {
border-right: 1px solid #424855;
padding: .25em .8em;
}

.aside tfoot tr {
border: none;
}

.aside tfoot td {
border-color: transparent;
}

.widget_tag_cloud {
margin: 0 0 22px 0;
}

.aside #searchsubmit {
display: none;	
}




/************************************************
      PageNavi
************************************************/

/* Using !important to override PageNavi CSS */

.wp-pagenavi {
    margin:0 0 0 -.5em;
    padding:0.5em 0;    
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
    border:1px solid #ccc !important;
    color:#666!important;
    font-style:normal;
    margin:0 .375em !important;
    padding:0.5em 0.25em !important;
}
.wp-pagenavi a:visited {
    border:1px solid #ccc !important;
    color:#666 !important;
}
.wp-pagenavi a:hover {
    border:1px solid #ccc !important;
    color: #076543 !important;
}
.wp-pagenavi a:active {
    border:1px solid #ccc !important;
    color:#076543 !important;
}
.wp-pagenavi span.pages {
    border:none !important;
    color:#666 !important;
    margin:0 !important;
    padding:0 !important;
}
.wp-pagenavi span.current {
    border:none !important;
    color:#666 !important;
    font-weight:normal !important;
    margin:0 !important;
    padding:0 !important;
}
.wp-pagenavi span.extend {
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
    margin:2px;
    padding:2px 4px;
}




/************************************************
      Home and Contact
************************************************/


div#leader, div.location {
width: 940px;
margin: 0 auto;
clear: both;
}

img#leader {
height: 275px;
border: 1px solid #ccc;
display: block;
}

div#leader div.aside, div.location div {
width: 30%;
float: left;
margin-right: 2em;
}

div.location h2 {
font-size: .9em;
}

div.locationWrap {
width: 282px;
float: left;
line-height: 1.5em;
}

div.usa {
border: 1px solid #c0c9d3;
background: #dbe1e7;
height: 150px;
}

div.usa h2 {
margin: 15px 15px 0 15px;
padding-bottom: 0;
border: none;
}

div.usa p {
margin: 0 15px 15px 15px;
}

div.language {
float: left;
width: 282px;
height: 137px;
clear: left;
border: 1px solid #d5d6d8;
margin-top: 25px;
}

div.language h2 {
font-size: .9em;
line-height: 1.3em;
border: none;
margin: 15px 15px 7px 15px;
}

div.language .left {
margin-left: 15px ;
margin-bottom: 15px;
line-height: 1.7em;
float: left;
width: 120px;
}

div.language .right {
margin-right: 15px;
margin-bottom: 15px;
line-height: 1.7em;
float: right;
width: 120px;
}




/************************************************
      Category
************************************************/

#wide .post {
height: 105px;
}

.category .post,
.page .post {
width: 45%;
float: left;
margin-right: 3em;
}

.category img.thumbnail,
.page img.thumbnail,
div.thumbnailWrap .thumbnail {
display: block;
background: #eee;
border: 1px solid #ddd;
float: left;
}

.categoryWrap {
width: 320px;
float: right;
}

.categoryWrap p {
font-size: .9em;
line-height: 1.4em;
margin-top: .25em;
}




/************************************************
      Page
************************************************/


.page img.pageImage {
float: left;
margin-bottom: 2em;
}

.page #pageIntro {
width: 480px;
float: right;
margin-bottom: 2em;
}

.page #pageIntro h2 {
margin-top: 1em;
}

.page #pageIntro h2 .phonetic {
font-size: .75em;
color: #999;
}

.page #wide #pageIntro {
width: 700px;
float: right;
margin-bottom: 1em;
}

.page #pageContent {
clear: both;
}

.page ul.aside {
float: left;
width: 170px;
padding-top: 0;
list-style-type: none;
}

.page ul.aside li {
margin: 0 .5em 1em .5em;
}

.page .post-left {
width: 48%;
float: left;
}

.page .post-right {
width: 48%;
float: right;
}

.page .post-left .pageImage,
.page .post-right .pageImage {
width: 450px;
margin-bottom: 1em;
}





/************************************************
      Products
************************************************/


div.productThumbs {
display: block;
border: 1px solid #ddd;
float: right;
height: 180px;
width: 440px;
margin-bottom: 1em;
}

div.productThumbs a img {
width: 80px;
height: 80px;
display: block;
float: left;
background: #eee;
margin: 5px 0 0 5px;
overflow: hidden;
border: 1px solid #ddd;
}

img.productImage {
display: block;
background: #eee;
border: 1px solid #ddd;
width: 180px;
height: 180px;
float: left;
margin-right: 1em;
}



/************************************************
      Details
************************************************/


.attachment-jpeg #container,
.attachment-png #container {
width:100%;
}

.attachment-jpeg #content,
.attachment-png #content {
width:930px;
}

.attachment-jpeg #comments,
.attachment-png #comments {
width:540px;
overflow:hidden;
}

.attachment-jpeg .main-aside,
.attachment-png .main-aside {
display:none;    
}

ul.downloads {
list-style: none;
padding-top: .5em;
margin: 0 0 3em 0;
clear: both;
}

ul.downloads li {
padding: 0 !important;
}

ul.downloads li a,
h1.blogHeading {
background: #e3e8eb;
border: 1px solid #d5d6d8;
margin-bottom: .3em;
padding: .5em;
display: block;
font-weight: bold;
text-decoration: none;
}

ul.downloads li a:hover {
background-color: #fff;
color: #076543;
}

img.callout {
display: block;
background: #eee;
border: 1px solid #ddd;
width: 180px;
height: 150px;
}

img#map {
border: 1px solid #d5d6d8;
}

#comment {
width: 100%;
}

h1.blogHeading {
margin: 30px 0 1em 0;
}

.blog h2 {
border: none;
margin: 1.3em 0 0 0;
}

.blog p {
font-size: .95em;
}

.ask-chuck, .on-productivity, .entry {
margin: 0 0 1.3em 0;
border-top: 1px solid #d5d6d8;
}

.ask-chuck p {
display: none;
}

.flashmovie {
display: block;
width: 940px;
height: 275px;
}