/*
 Theme Name:   Twenty Eleven Child
 Theme URI:    http://www.keishopdx.com
 Description:  Child theme for the Twenty Eleven 
 Author:       Japanese Heritage School of Portland
 Author URI:   http://www.keishopdx.com
 Template:     twentyeleven
 Version:      0.1.0
*/
@import url("../twentyeleven/style.css");

/* =Theme customization starts here
------------------------------------- */
/* header title font size & line-height*/

#site-title a {
    color: #111;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-decoration: none;
}

/* nav menu background color*/

#access {
    background: none repeat scroll 0 0 #007b9b;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
}

/* nav static page title font color hajimeni & sheet title alignment & color*/	

.singular .entry-title {
    color: #007B9B;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
	text-align: center;
}

/* nav change text color*/	

body, input, textarea {
    color: #725c28;
    font: 300 15px/1.625 "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* footer change by wordpress */

#site-generator {
    background: none repeat scroll 0 0 #007b9b;
    border-top: 1px solid #ddd;
    color: #ffffff;
    font-size: 10px;
    line-height: 1.2em;
    padding: 1.2em 0.5em;
    text-align: center;
}

/* footer font color by wordpress */
 
#site-generator a {
     color: #ffffff;
	 font-weight: normal;
}

/* taking out of the border of small logo at the bottom*/

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
    border: 0px solid #ffffff;
    padding: 6px;
    max-width: 97.5%;
}

/* make less white space in the header- padding-top*/

#site-title {
	margin-right: 0px;
	padding: 1.65625em 0 0;
}

 /* make less white space in the header- padding-bottom and change font size*/

#site-description {
	color: #7a7a7a;
	font-size: 14px;
        margin-bottom: 2em;
	margin-right: 0px;
	padding: 0em 0 0; 
}

 /* get rid of grey border at the top of the header*/
 
#branding {
	border-top: none;
}

 /* get rid of grey border at the bottom of the header*/

#access {
    background: none repeat scroll 0 0 #007b9b;	
    box-shadow: 0px 1px 2px rgba(251, 246, 246, 0);
}	

 /* get rid of white space at the bottom of the header*/

.site-header {
 display: none;
} 


 /* new additional footer height and taking out the border*/
 
#supplementary {
	border-top: 0px solid #fff;
	padding: 0.1em 7.6%;
	overflow: hidden;
}

 /* new additional footer height - margin* and change text-align*/
 
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	clear: both;
	margin: 0 0 0em;
	text-align: center;
}

 /* reducing padding of the top page*/

.singular.page .hentry {
	padding: 0em 0 0;
}

 /* search engine: make smaller*/
#branding #s:focus {
	width: 10px;
}

 /* from here: to solve the issue of responsible web design*/
 /* the orientation: Target landscape smartphones, portrait tablets, narrow desktops*/

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and  (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}

@media screen and (max-width: 650px) {
#site-title, #site-description {
    margin-right: 0;
  }
}

 /* make invisible searchform in tablet/smartphone */

@media screen and (max-width: 600px) {
     #searchform {
         display:none;
     }
}

/* make the text smaller on mobile */
 
@media screen and (max-width: 480px) {
    font-size: 10px; /* Smaller */
}

/* Prevent font scaling in landscape while allowing user zoom */

html {
    -webkit-text-size-adjust: 100%; 
}