/*
Theme Name: isologue childtheme
Author: umegrafix (based on komori-san's"tezcom")
Template: twentyeleven
*/

@import url('../twentyeleven/style.css');

/* Without explicitly setting the margin we're inheriting 
a value of "0" which isn't allowing space for the sidebar */
.singular #primary {
	margin: 0 -26.4% 0 0;
}

/* Without explicitly setting the position we're inheriting 
a value of "absolute" which will place the meta information at the top of the article */
.singular .entry-header .entry-meta {
	position: relative;
}

/* Without explicitly setting the padding we're inheriting 
a padding-top value of "4.875em" which adds redundant whitespace to the top of the article */
.singular .hentry {
	padding: 0;
}

/* Without explicitly setting the width we're inheriting 
a value of "68.9%" which stops the content from taking up the majority of the space available */
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	width: 100%;
}

/* Without explicitly setting the margin we're inheriting 
a margin-left and margin-right value of "7.6%" which makes the content overlap the sidebar */
.singular #content, .left-sidebar.singular #content {
	margin: 0 34% 0 7.6%;
}

/* Without explicitly setting the padding-top we're inheriting 
a value of "15px" which adds redundant whitespace to the top of the article */
.singular article .entry-title {
	padding-top: 0;
}

/* This is just a nicety. Moves the "Edit" link for admins to a more suitable position */
.singular .entry-meta .edit-link a {
	right: 0;
	top: 0;
	left: auto;
}

body {font-size:92.5%;}
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

#site-title {padding:1.75625em 0 0;}
#site-description {margin:0 0 1.75625em 0;}

#nav-single {text-align:center;}

.singular .hentry {padding: 1em 0 0;}
#primary h1.entry-title {font-size:1.2em;line-height:1.2;}
.post-categories {list-style: none inside;margin:0}

#primary .entry-content p {line-height:1.4;}
#primary .entry-content dl {margin:0 0 1em;}
#primary .entry-content blockquote {font-size:0.9em;font-style:normal;border-left-width: 4px;border-left-style: solid;border-left-color: #BBB;padding-left: 10px;}
#primary .entry-content blockquote em,#primary .entry-content blockquote i,#primary .entry-content blockquote cite{font-style:italic;}
#primary #prtext {border-top:1px solid #ddd;margin-top:1em;padding-top:1em;}


#secondary ul {margin-left:1em;}
#secondary ul#sidebar-banner {list-style:none;margin-left:0;}
#search {margin:0 0 2em;}

#secondary aside ul li {font-size:80%;line-height:1.2;margin:0 0 0.5em;}
.widget a {font-weight:normal !important;}

#secondary aside.widget_archive ul li{float:left;width:50%;list-style:none;}

#share {margin:0;padding:0;list-style-type:none;}
#share li {display:inline;margin-right:2px;}
#share li a, #share li a img {border:none;}

#social {margin:1em 0;padding:0;}
#social div {margin:0;padding:0;float:left;width:100px;line-height:20px}




/* add styles */

body {
	background:#f7f7f7 url(images/bg_grade.png) 0 0 repeat-x;
}


#branding {
	border-top:none;
	background:#ededed;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}


#site-title span a {
	margin-top:28px;
	color:rgba(0,0,0,0);
	display:block;
	width:300px;
	height:30px;
	background:url(images/logo_isologue.png) 0 0 no-repeat;
	background-size:contain;
}
#site-title span a:hover {
	color:rgba(0,0,0,0);
	opacity:0.7;
}

#site-description {
	margin-top:28px;
	margin-bottom:40px;
}


/* SNS--------- */

h1#site-title {
	margin-right:0px;
}

@media screen and (min-width: 1025px)  {

#branding hgroup {
	width:600px;
	float:left;
	margin: 0 0 0 7.6%;
}

#snslist {
	width:140px;/*1つのとき。3つのときは280px*/
	height:46px;
	float:right;
	overflow:hidden;
	margin-top:68px;
}

}


@media screen and (min-width: 767px) and (max-width: 1024px)  {

#branding hgroup {
	width:400px;
	float:left;
	margin: 0 0 0 7.6%;
}

#snslist {
	width:140px;/*1つのとき。3つのときは250px*/
	height:46px;
	float:right;
	overflow:hidden;
	margin-top:68px;
}

}

#snslistul li {
	list-style:none;
	display:block;
	float:left;
	height:46px;
	width:46px;
	margin-right:18px;
}
#snslistul li img {
	height:46px;
	width:46px;
}

@media screen and (max-width: 767px)  {
	
#snslist {
	width:120px;/*1つのとき。3つのときは250px*/
	height:46px;
	overflow:hidden;
	margin-top:-24px;
	margin: -24px auto 36px;
}
	
}

/* SNS-------- end */


nav#access {
	background:#ededed !important;
	box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px;
	border-bottom:#ccc 1px solid;
}

#menu-globalnav {
}

#menu-globalnav li {
	font-family:"Michroma", sans-serif;
	font-size:7pt;
}


.menu-globalnav-container {
	padding-top:1px;
}

#menu-globalnav li#menu-item-3380,
#menu-globalnav li#menu-item-3381 {
	font-size:14px;
}

nav#access a {
	color:#666;
	height:62px;
	line-height:60px;
	padding:0 2em 0.3em;
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	margin-left:-1px;
	margin-bottom:-2px;
}

#menu-globalnav li#menu-item-3379 a{
	margin-right:0px;
	}

#menu-globalnav li#menu-item-3380 a{/*isologueのオン状態*/
	width:140px;
	padding-left:20px;
	padding-right:20px;
	line-height:52px;
	text-indent:-9999px;
	background:url(../../../../images/menulogo1on.png) 20px 24px no-repeat;
	-moz-background-size:140px auto;
	-webkit-background-size:140px auto;
	-o-background-size:140px auto;
	-ms-background-size:140px auto;
	}


#menu-globalnav li#menu-item-3381 a{/*週刊isologueのオフ状態*/
	width:140px;
	padding-left:20px;
	padding-right:20px;
	line-height:52px;
	text-indent:-9999px;
	background:url(../../../../images/menulogo2.png) 20px 24px no-repeat;
	-moz-background-size:140px auto;
	-webkit-background-size:140px auto;
	-o-background-size:140px auto;
	-ms-background-size:140px auto;
	}

#menu-globalnav li#menu-item-3381:hover {
	display:block;
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
}


/* smart phone */
@media screen and (max-width: 767px)  {

div#page {
	width:100%;
	overflow:hidden;
}


#site-title span a {
	width:320px;
	height:32px;
}

#site-title span a {
	margin:0 auto;
	margin-top:28px;
}


#menu-globalnav li {
	font-size:7pt;
}

nav#access a {
	height:40px;
	line-height:40px;
	margin-bottom:0;
}

#menu-globalnav li#menu-item-3380 a,
#menu-globalnav li#menu-item-3381 a {
	font-size:11px;
	line-height:40px;
}


#menu-globalnav li#menu-item-3380 a{
	width:120px;
	padding-left:20px;
	padding-right:20px;
	line-height:52px;
	text-indent:-9999px;
	background:url(../../../../images/menulogo1on.png) 20px 14px no-repeat;
	-moz-background-size:120px auto;
	-webkit-background-size:120px auto;
	-o-background-size:120px auto;
	-ms-background-size:120px auto;
	}


#menu-globalnav li#menu-item-3381 a{
	width:120px;
	padding-left:20px;
	padding-right:20px;
	line-height:52px;
	text-indent:-9999px;
	background:url(../../../../images/menulogo2.png) 20px 14px no-repeat;
	-moz-background-size:120px auto;
	-webkit-background-size:120px auto;
	-o-background-size:120px auto;
	-ms-background-size:120px auto;
	}

#site-generator {
	font-size:9px;
}

}


/* footer */


#site-generator {
	background:#ededed;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}