/**
 * Theme Name: Tokyo Fitness
 * Theme URI: http://www.tokyo-fitness.com
 * Description: A custom child theme of 'Starkers'. Designed for tokyo-fitness.com.
 * Author: Gregory Williams, METHOD IT
 * Author URI: http://www.methodit.co.jp
 * Version: 1.0
 * Tags:
 * Template: Starkers
 */

@charset "utf-8";

/* MASTER CSS */

/* IMPORTS */

/* parent theme styles */
@import url('../Starkers/css/reset.css'); 
@import url('../Starkers/css/typography.css');
@import url('../Starkers/css/layout.css');

/* base child theme styles */
@import url('css/clearfix.css');
@import url('css/fonts.css');
@import url('css/header.css');
@import url('css/navigation.css');
@import url('css/footer.css');
@import url('css/sidebar.css');
@import url('css/home.css');
@import url('css/page.css');
@import url('css/blog.css');
@import url('css/lang_ja.css');
@import url('css/reset_extra.css');
@import url('css/forms.css');
@import url('css/contact_form_7_custom.css');
@import url('css/jquery.jtweetsanywhere.css');


/* MOBILE DEVICE CONTENT */

.mobileContent{
	display: none;
}

/* TYPE */

.en{
}

.ja{
font-family: メイリオ, Meiryo, ＭＳ Ｐゴシック, MS P Gothic, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, ゴシック, sans-serif !important;
}

/* BODY */
body {
background: #FFF;
color:#333;
font-family: Arial, Helvetica, sans-serif;
font-weight:400;
/*
FONT SIZES
Points 	Pixels 	Ems 	Percent
6pt 	8px 	0.5em 	50%
7pt 	9px 	0.55em 	55%
7.5pt 	10px 	0.625em 62.5%
8pt 	11px 	0.7em 	70%
9pt 	12px 	0.75em 	75%
10pt 	13px 	0.8em 	80%
10.5pt 	14px 	0.875em 87.5%
11pt 	15px 	0.95em 	95%
12pt 	16px 	1em 	100%
13pt 	17px 	1.05em 	105%
13.5pt 	18px 	1.125em 112.5%
14pt 	19px 	1.2em 	120%
14.5pt 	20px 	1.25em 	125%
15pt 	21px 	1.3em 	130%
16pt 	22px 	1.4em 	140%
17pt 	23px 	1.45em 	145%
18pt 	24px 	1.5em 	150%
20pt 	26px 	1.6em 	160%
22pt 	29px 	1.8em 	180%
24pt 	32px 	2em 	200%
26pt 	35px 	2.2em 	220%
27pt 	36px 	2.25em 	225%
28pt 	37px 	2.3em 	230%
29pt 	38px 	2.35em 	235%
30pt 	40px 	2.45em 	245%
32pt 	42px 	2.55em 	255%
34pt 	45px 	2.75em 	275%
36pt 	48px 	3em 	300%
*/
font-size:100%;
}


/* LINKS */ 
a {color:#2588B1;}
a:hover { color:#F9823D;}


/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
}

h1{}

/* PARAGRAPHS */

p{
	text-align:justify;
	line-height:150%;
}

/* PAGE STRUCTURE */

#mainWrapper{
}

#mainContent{
}

#pageWrapper{
}

#headerWrapper{
}

#navWrapper{
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #D8D8D8),
    color-stop(0.8, #FFFFFF)
);
background-image: -moz-linear-gradient(
    center bottom,
    #D8D8D8 0%,
    #FFFFFF 70%
);
border-top:1px solid #F1F1F1;
border-bottom:1px solid #BBB;
margin-bottom:20px;
}

#sidebarWrapper{
}

#footerWrapper{
background:#F0F0F0;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.3, #FFFFFF),
    color-stop(1, #F0F0F0)
);
background-image: -moz-linear-gradient(
    center bottom,
    #FFFFFF 30%,
    #F0F0F0 100%
);
}

#header,
#footer,
#homeHeader,
#homeContentWrapper,
.pageContentWrapper{
width:960px;
margin:0 auto;
/*border:1px solid red;*/
}


/* generic button */

.btn{
background:#EEE;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #DDDDDD),
    color-stop(0.8, #FFFFFF)
);
background-image: -moz-linear-gradient(
    center bottom,
    #DDDDDD 0%,
    #FFFFFF 80%
);
color:#555;
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-weight:400;
text-align:center;
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
border:0;
border-left:5px solid #3189AE;
cursor:pointer;
}

.btn:hover{
color:#AAA;
border-color:#F9823D;
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}

.btn.popup,
.btn.newWindow{
background-image:url(../images/btn_icon_popup.png);
background-position:10px center;
padding-left:20px;
}

a.btn{
display:block;
text-decoration:none;
}