/*
Theme Name: Ashtangayogajapan
Theme URI: http://www.ninesteps.jp
Description: A Theme for Ashtanga Yoga Japan
Author: M Kudo
Author URI: http://www.ninesteps.jp
*/

/* Colors -- Red: #CC3333 */

@import "reset.css";

/*------------------------------------------------*/
/*---------------------TOOLS----------------------*/
/*------------------------------------------------*/
.header-line { background: url(../images/line.png) no-repeat; width: 890px; height: 4px; float: left; 
    margin: 20px 0 0 0; }

.footer-line { 
/*    float: left;  */
    clear: both;
    background: url(../images/line.png) no-repeat; 
    width: 890px; 
    height: 4px; 
    margin: 10px 0 10px 0;
}

.nav-line { background: url(../images/line.png) no-repeat; width: 890px; height: 4px; clear: both; margin: -4px 0 0 0; }
.featured-section-line { background: url(../images/line.png) no-repeat; width: 890px; height: 4px;  margin: 0 0 0 0; }
.featured-section-project-line { background: url(../images/line.png) no-repeat; width: 890px; height: 4px; clear: both; }
.post-line { background: url(../images/post-line.png) no-repeat; width: 600px; height: 4px; margin: 0 0 35px 0; }
.clear { clear: both; }
.alignright {float:right;}
.alignleft {float:left;}

/*------------------------------------------------*/
/*-----------------GENERAL STYLES-----------------*/
/*------------------------------------------------*/
#wrap { width: 890px; margin: 0 auto; }

body { background-color: #ffffff; color: #555555; line-height: 22px; 
/*    font-family: Arial; */
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 13px; 
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 24px; margin: 20px 0 15px 0; }
h2 { font-size: 20px; margin: 20px 0 15px 0; }
h3 { font-size: 16px; margin: 20px 0 15px 0; }
h4 { font-size: 14px; margin: 20px 0 10px 0; }
h5 { font-size: 13px; margin: 20px 0 5px 0; }
h6 { font-size: 13px; margin: 0 0 0 0; }
a:link, a:visited { color: #CC3333; text-decoration: none; }
a:hover, a:active { color: #FF9999; }

a:hover{
    color:#E43F3B;
    -ms-filter: "alpha( opacity=75 )";  /* IE8 *
    filter: alpha( opacity=75 ); /* IE6 IE7 */
    opacity:0.75; /* Others  */
}

em { font-style: italic; }
strong{ font-weight:bold; }

img#wpstats{display:none}

/*------------------------------------------------*/
/*-----------------HEADER-------------------------*/
/*------------------------------------------------*/
#header { margin: 10px 0 0px 0; }
#header h1 a { 
    float: left;
    font-size: 5px;
    color: #cccccc;
    background: url(../images/logo.png) no-repeat; 
    width: 135px; height: 122px; 
    /* text-indent: -9999px; */
    height:0px;
	overflow:hidden;
	display:block;
	padding-top:122px;
    margin: 0 20px 0 0px;}

#header h2 { 
    float: left; 
    font-size: 12px;
    color: #999999;
    background: url(../images/logosub.png) no-repeat; 
/*    width: 321px; */
/*    height: 45px; */
    /* text-indent: -9999px; */
	padding: 55px 0 0 0;
    margin: 40px 0 0 0; }

/*------------------------------------------------*/
/*-----------------NAVIGATION---------------------*/
/*------------------------------------------------*/
ul.nav { float: left; margin: 18px 0 14px 0; }
ul.nav li { float: left; padding: 0 10px 0 0; }
ul.nav a { color: #222222; 
    font-size: 13px; text-transform: uppercase; font-weight: bold; 
    }
ul.nav a:hover, ul.nav a:active { color: #FF9999; }
ul.nav li .special-character { padding-left: 10px; color: #222222; }
ul.nav li span { padding-left: 10px; color: #222222; }
ul.nav li.current_page_item a { color: #CC3333; }

/*------------------------------------------------*/
/*-----------------MAIN LAYOUT--------------------*/
/*------------------------------------------------*/
#main { clear: both; padding: 35px 0 0 0; }

#content { float: left; width: 630px; padding: 0 33px 0 2px; }
#sidebar { float: left; width: 220px; }

.edit-link{
    clear: both;
}

/*------------------------------------------------*/
/*-----------------FRONT PAGE---------------------*/
/*------------------------------------------------*/
#frontpage-content { float: left; margin: 0 0 15px 0; }
#frontpage-content h2 { 
    color: #222222; 
    margin: 25px 0 25px 0; 
    font-weight: bold;
    font-size: 20px; 
}
#frontpage-content h3 { 
    font-size: 14px; 
    color: #FF6666; 
    font-weight: bold; 
    margin: 12px 0 12px 0; 
}
#frontpage-content #featured-section { 
    background: url(../images/top_featured.png) no-repeat; 
    width: 816px; height: 87px; margin: 40px 0 32px 0px; 
    }
#frontpage-content #featured-project h2 { 
/*
    background: url(../images/featured-project.png) no-repeat; 
    width: 230px; height: 39px; text-indent: -9999px; 
*/
    margin: 30px 0 10px 0px;
    }
#frontpage-content #featured-project { float: left; margin: 0 0 25px 0; }
#frontpage-content #featured-project #project-screenshot { float: left; padding: 10px 30px 0 0; }
#frontpage-content #featured-project #project-screenshot img { 
    border: 1px #dddddd solid;  
    padding: 5px;
}
#frontpage-content #featured-project #project-details { float: left; padding: 10px 0px 0 0; }
#frontpage-content #featured-project #project-details h3 { font-size: 22px; font-weight: normal; padding: 0 0 20px 0; }
#frontpage-content #featured-project #project-details p { 
    width: 540px; 
    padding-bottom: 18px; 
    }
#frontpage-content #featured-project .view-project-button {
/*
    background: url(../images/arrow-double.png) no-repeat; 
    width: 120px; 
    height: 22px; 
    display: block; 
    margin: 0px 0 0 0px; 
    padding: 0px 0 0 30px;
*/
    }

#frontpage-content .frontpage-project-box { float: left; padding: 0 0 0 25px; width: 280px; }
#frontpage-content .frontpage-project-box-1 { float: left; padding-left: 0px; width: 280px; }
#frontpage-content .frontpage-project-box img, #frontpage-content .frontpage-project-box-1 img { 
    border: 1px solid #dddddd; 
}

/*------------------------------------------------*/
/*-----------------POSTS/PAGES--------------------*/
/*------------------------------------------------*/
.post { margin: 0 0 35px 0; }
.post .post-title { margin-top: 0px; }
.page-title { 
    font-size: 24px; 
/*    font-weight: bold; */
    margin: 0 0 25px 0; 
    color: #FF3333; 
    }

.post h2 {color: #FF6666; }
.post h2 a { color: #FF6666; font-size: 32px; line-height: 38px; }
.post h2 a:hover { color: #CC3333; }

.post h3, h4, h5, h6 { 
    margin: 20px 0 20px 20px; 
    font-weight: normal;
    color: #FF6666;
}

.post p { margin: 10px 0 0 20px; }
.post p.meta { font-size: 24px; margin: -10px 0 0 0; color: #888888; }
.post .post-image { border: 1px #cccccc solid; margin: 25px 0 15px 0; width: 640px; }

.post ol { margin: 20px 0px 20px 20px; }
.post ol li { list-style:decimal; font-size: 12px; color: #555555; margin-left: 18px; padding-left: 5px;}
.post ul { margin: 20px 0px 20px 20px; }
.post ul li { list-style:circle; color: #555555; font-size: 12px; margin-left: 15px; padding-left: 5px; }

.post img {
    margin: 0px 15px 0px 0px;
}
.post img.alignleft {
    margin: 0px 15px 10px 0px;
}
.post img.alignright {
    margin: 0px 0px 10px 15px;
}
.post img.aligncenter {
    margin: 10px 0px 10px 0px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.post img.waku {
    border:1px solid #cccccc;
    background:#ffffff;
    padding: 5px;
}

.previous-posts, .newer-posts { float: left; margin: -10px 0 50px 0; }

/* Search/Archive Pages */
.search-result, .archive-result { float: left; margin: 10px 0 20px 0; }
.search-link, .archive-link { font-size: 16px; margin: 0 0 0 0; }
.search-meta, .archive-meta { font-size: 10px; color: #888888; text-transform: uppercase; margin: -2px 0 0 0; }


#booklist h3 {
    clear: both;
}

#booklist li {
    float:left;
    list-style-type:none;
    margin: 0px 5px 0px 0px;
}
#booklist li img{
    margin: 0px 0px 5px 0px;
}

#booklist div.booklist_text{
    clear: both;
}
#booklist div.booklist_text ul li{
    clear: both;
    list-style-type: disc;
    margin: 0px 0px 0px 20px;
}

#eventlist img.wp-post-image{
    float:left;
    margin: 5px 10px 10px 0px;
    padding: 3px;
    border: 1px solid #dddddd;
}

#eventlist h3, #eventlist li{
    clear: both;
}

.sz-youtube-list {margin: 5px 0px 0px 0px;}
.sz-youtube-list ul{margin: 0px 0px 0px 0px;}
.sz-youtube-list ul li { margin-left: 0px;}

/*------------------------------------------------*/
/*-----------------PORTFOLIO----------------------*/
/*------------------------------------------------*/
/* Portfolio page */
#portfolio h3 { font-size: 14px; color: #000000; font-weight: bold; margin: 15px 0 2px 0; }
#portfolio .portfolio-box { float: left; padding: 0 0 40px 30px; width: 300px; }
#portfolio .portfolio-box-1 { float: left; padding: 0 0 40px 0px; width: 300px; }
#portfolio .portfolio-box img, #portfolio .portfolio-box-1 img { border: 1px solid #dddddd; }

/* Single Project Page */
#project-single-content { width: 890px; margin: 0px 0 60px 0; float: left; }
#project-image-large { border: 1px #cccccc solid; width: 450; height: 275px; float: left; margin: 0 30px 0 0; }
#project-single-content .post #project-details h2 { margin-top: 0px; padding: 10px 0 10px 0; }
#project-single-content .post #project-details h2 a { font-size: 24px; font-weight: bold; line-height: 0px;}
#project-single-content #project-details .view-site-button { background: url(../images/visit-site-button-red.png) no-repeat; width: 128px; height: 37px; display: block; margin: 15px 0 0 -8px; float: left; }

/*------------------------------------------------*/
/*-----------------SIDEBAR------------------------*/
/*------------------------------------------------*/
#sidebar { margin-top: -12px; }
#sidebar .sponsors { float: left; margin: 0 0 20px 0; }
#sidebar .sponsors img { float: left; margin: 0 6px 6px 0; }
#sidebar .widget { padding: 0 0 10px 0; }
#sidebar h2 { 
    font-size: 15px; 
    padding: 0 0 0 0px; 
    margin: 0 0 5px 0px; 
}

#sidebar ul, ol{ 
    margin: 0 0 15px 0px; 
    font-size: 11px; 
}

#sidebar li ul li { 
    padding: 3px 0 3px 5px;
    border-bottom: dotted 1px #dddddd;
    line-height: 1.3em;
}

#sidebar li ul li ul.children { 
    margin: 0;
}
#sidebar li ul li ul.children li { 
    margin: 3px 0 0 5px;
    border-bottom: none;
}

#sidebar .textwidget, #sidebar #calendar_wrap, #sidebar #searchform { margin: 0 0 0 4px; }

#sidebar #mypageorder-3 h2.widgettitle {
    background: url(../images/home__arrow.png) no-repeat;
    padding-left: 25px;
}

#sidebar #better_rss_widget-3 {
    background: url(../images/side_kenyogablog.png) no-repeat;
}
#sidebar #better_rss_widget-3 .widgettitle{
    margin-left: 5px;
    padding-top: 45px;
}

#sidebar #better_rss_widget-4 {
    background: url(../images/side_iyc.png) no-repeat;
}
#sidebar #better_rss_widget-4 .widgettitle{
    margin-left: 5px;
    padding-top: 45px;
}

#sidebar #better_rss_widget-5 {
    background: url(../images/side_kenyogastudio.png) no-repeat;
}
#sidebar #better_rss_widget-5 .widgettitle{
    margin-left: 5px;
    padding-top: 45px;
}


#sidebar #menu-item-255 {
    background: url(../images/calendar_month.png) no-repeat;
    padding-left: 20px;
}


/*------------------------------------------------*/
/*-----------------COMMENTS-----------------------*/
/*------------------------------------------------*/
#comments { width: 640px; }
/* actual comment styling */
.commentlist { margin: 25px 0 30px 0; }
.commentlist .comment { border: 1px solid #dddddd; padding: 15px; margin: 15px 0px 0 0; }
.commentlist .fn { color: #555555; font-size: 16px; }
.commentlist .url { color: #CC3333; font-size: 16px; }
.commentlist .comment-meta { color: #888888; text-transform: uppercase; font-size: 10px; margin: -4px 0 0 0; }
.commentlist img { float: right; width: 25px; height: 25px; margin: 5px 0 0 7px; padding: 2px; border: 1px solid #cccccc; }
.commentlist p { margin: 10px 0 10px 0; }
.commentlist .comment-reply-link { margin: 5px 0 0 -7px; background: url(../images/reply-button-red.png) no-repeat; width: 73px; height: 28px; display: block; }

/* respond form */
#respond h3 { margin-bottom: 20px; }
#respond .cancel-comment-reply { padding: 0 0 10px 0; }
#commentform { width: 485px; margin: 0 0 0 -4px; }
#commentform input { background: url(../images/textfield-bg.png) no-repeat; border: none; float: left; color: #555555; width: 255px; font-size: 11px; padding: 12px; margin-bottom: 20px; font-family: Arial; }
#commentform textarea { background: url(../images/textarea-bg.png) no-repeat; border: none; color: #555555; width: 468px; height: 238px;  margin: 5px 0 0 2px; font-size: 11px; padding: 10px 10px; font-family: Arial; }
#commentform .submit { background: url(../images/submit-button-red.png) no-repeat; width: 128px; height: 37px; margin: 20px 0 40px -4px; cursor: pointer; }
#commentform label {  float: left; padding: 8px 0 0 20px; text-transform: uppercase; color: #888888; font-size: 10px; }
#commentform .logged { margin: 0 0 0 5px; }

/*------------------------------------------------*/
/*-----------------CONTACT FORM-------------------*/
/*------------------------------------------------*/
#contact { margin: 20px 0 0 0; }
#contactform  { width: 500px;  margin: 0 0 30px -4px; }
#contactform input { background: url(../images/textfield-bg.png) no-repeat; color: #555555; border: none; padding: 12px; width: 255px; float: left; margin-bottom: 20px; font-family: Arial; font-size: 12px; }
#contactform textarea { background: url(../images/textarea-bg.png) no-repeat; width: 468px; height: 238px;color: #555555; font-size: 12px; padding: 10px; border: none; font-family: Arial; line-height: 20px; overflow: hidden; margin: 5px 0 0px 1px; }
#contactform label { color: #888888; padding: 7px 0 0 20px; float: left; font-size: 10px; text-transform: uppercase; }
#contactform .submit { background: url(../images/submit-button-red.png) no-repeat; width: 128px; height: 37px; cursor: pointer; border: none; margin: 15px 0 0 -5px; }
.contact_error { background: #eeeeee url('../images/cross.png') no-repeat 10px center; display: block; height: 22px; line-height: 22px; padding: 3px 10px 3px 35px; color:#555555; border: 1px solid #cccccc; margin-bottom: 30px; }
#contact #email_sent { background-color: #eeeeee; border: 1px #cccccc solid; padding: 10px; height: 60px; }
#contact #email_sent h3 { background: url('../images/tick.png') left no-repeat; padding-left:22px; margin-top: 4px; }

/*------------------------------------------------*/
/*-----------------FOOTER-------------------------*/
/*------------------------------------------------*/

/*-----------------BANNER-------------------------*/
#footer_banner {  clear: both; 
    padding: 5px 0px 0px 0px; 
}

#footer_banner img{ 
    border: 1px solid #cccccc;
    margin: 0 0 0px 8px;
}
#footer_banner img.box1{ 
    margin: 0 0 0px 0px;
}
/*-----------------FOOTER-------------------------*/
#footer { 
/*    clear: both; */
/*    padding: 0px 0 20px 0; */
    font-size: 11px; 
    color: #999999;
}
#footer p { 
    padding: 0px 0 15px 0; 
}
#footer a{ color: #999999; }
#footer a:hover{ color: #FF9999; }

#footer .footerleft {
    float: left;  
    width: 580px;
    padding: 0px 0 20px 0; 
}

#footer .footerright { 
    width: 300px;
    float: right;  
    line-height: 1.5em; 
    text-align:right; 
}

#footer .copyright {
    margin-top: 1.0em; 
}