/**
 * Theme Name: Elbee Elgee
 * Theme URI: http://literalbarrage.org/blog/code/lblg
 * Short Name: lblg
 * Support URI: http://literalbarrage.org/blog/forums/themes/lblg/
 * Description: An extremely flexible 1, 2, or 3 column theme with over 30 possible layouts and support for widgetized sidebars, custom headers, custom backgrounds, custom navigation menus, BuddyPress and bbPress.
 * Author: Doug Stewart
 * Author URI: http://literalbarrage.org/blog/
 * License: GPL v2
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Version: 1.3.9
 * Tags: buddypress, two-columns, three-columns, one-column, left-sidebar, right-sidebar, white, blue, fixed-width, flexible-width, custom-header, custom-menu, featured-images, sticky-post, theme-options
 *
 * Elbee Elgee WordPress Theme, Copyright (C) 2011 Doug Stewart
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 **/
	
/* @group Reset CSS 
   Based on YUI Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* -----------　タイトル見出しの変更　H1 & H2  Start !

#lb-content.h1 {
	position:relative;
	margin:0 -10px 0 -10px;
	padding:10px 20px;
	background:#FFCCFF;
	box-shadow:
		0 3px 3px 0 rgba(0,0,0,0.1);
}
#lb-content.h1 :before{
	content:" ";
	position:absolute;
	top:100%;
	left:0;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#CC99FF;
}
#lb-content.h1 :after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:10px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#CC99FF;
}
#lb-content.h1.a {

	font-size: 100%;
	font-weight: normal;

}
background: url('images/feed.png') center left no-repeat;
*/

/* H2の変更 */
h2 {
	position:relative;
	margin:0 -10px 0 -10px;
	padding:10px 20px;
	background:#FFCCFF;
	box-shadow:
	0 3px 3px 0 rgba(0,0,0,0.1);
	
}
h2 :before{
	content:" ";
	position:absolute;
	top:100%;
	left:0;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#CC99FF;
}
h2 :after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:10px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#CC99FF;
}
h2.a {

	font-size: 100%;
	font-weight: normal;
background: url('images/feed.png') center left no-repeat;
}


/* H2の変更 */
/* ----------------タイトル見出しの変更　H1 & H2  @END !-------------------------------------------- */




/* @end */

/* @group Fonts set
	Based on YUI fonts set */
	
	body {font-size: 18px; font: arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}  /* テーマ全体のフォントについての設定*/
	table {font-size:inherit;font:100%;}

	select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

	pre, code {font:115% monospace;*font-size:100%;}

	body * {line-height:1.26em;}

/* @end */

/* @group Top-level containers */

#header {
}

#menu, 
div.menu {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border-top: 0px;
	position: relative;
	vertical-align: bottom;
}

#lb-content {
	padding-left: 10px;
	padding-right: 10px;
}

#wrapper-404 {
	float: left;
	width: 100%;
}

#wrapper-404 #content {
	width: 95%;
}

#archive-wrapper {
	float:left;
	width:100%;
	margin-left:-49%
}

#archive-posts{
	margin-left: 50%;
	padding-left: 5%;
}

#archive-categories {
	float: right;
	width: 44%;
	padding-right: 5%;
	text-align: right;
}


#footerleft {
	width: 46%;
	margin: 0 auto;
	float: left;    
}

#footerright {
	width: 45%;
	margin: 0 auto;
	float: right;
	text-align: right;
}

#footercredits {
	width: 75%;
	margin: 0 auto;
	clear: both;
	text-align: center;
}

#comments {
	padding-left: 0px;
	list-style: none;
	width: 95%;
}

/* @end */



#header h1 {
	font-size: 189%;
	font-family: times;
	padding-left: 20px;
}

#header p{
	padding-left: 20px;
}

#menu li {
	display: inline-block;
}

#menu a:link, 
#menu a:visited,
div.menu a:link,
div.menu a:visited {
	display:  block;
}

#menu li:first-child a {
}

.series-links, 
.series-toc {
	font-size: 77%;
}

.ch_code_container {
	background-color: #f0f0f0;
	border: 1px solid #C3CED9;
	padding: 0px 0px 0 0;
	width: 100%;
	text-align: left;
	font-size:1.00em;
	overflow:auto;
}

.ch_code_container .head {
	color: #808080;
	font-weight: bold;
	background-color: #f0f0ff;
	border-bottom: 1px solid #d0d0d0;
	padding: 2px;
}

/* @group List reset */


#navigation ul, 
#extra ul, 
#footer ul, 
#footer ol, 
#bigbar ul {
	margin: 5px 0 0;
	padding-left: 0;
	padding-right: 5px;
}

#navigation ul li, 
#extra ul li, 
#footer ul li, 
#bigbar ul li {
	list-style-type: none;
	list-style-image: none;
}

.now-reading ul{
	list-style: none;
}

/* @end */



/* @group Alignment classes */

.center, 
.aligncenter {
        text-align: center;
		margin: 0 auto;
}

.alignright {
        float: right;
}
				        
.alignleft {
        float: left
}

/* @end */

/* @group Image classes */

img.center, 
img.aligncenter, 
img[align="center"] {
    display: block;
	margin: 0 auto !important;
	_margin-right: auto;
	_margin-left: auto;
}

img.alignright,
img[align="right"] {
    padding: 4px !important;
	_padding: 4px;
    margin: 0 0 2px 7px !important;
    display: inline;
}

img.alignleft,
img[align="left"] {
    padding: 4px;
	_padding: 4px;
	margin: 0 7px 2px 0;
    display: inline;
}
				        
img.noborder {
        border: none !important;
}

#content img {
	margin-left: -5px;
	padding: 4px;
	border: 1px solid #ccc;
	max-width: 100%;
}

.lifestream_icon img,
.btc-summary img {
	border: 0 none !important;
}

#flickrrss img {
	border: 0 none;
	padding: 5px;
}

.wp-caption {
	
}

.wp-caption-text {
	
}

.gallery-caption {
	
}
/* @end */

/* @group Gravatar classes */

.gravatar,
.avatar {
	float: left;
	padding: 3px;
	border: 1px solid #3c3c3c;
	background: #fff;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px !important;
}

.postgrav {
	float: left;
	padding: 3px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #000;
	background: transparent;
}

/* @end */

/* @group Navigation classes */

.navigation {
	text-align: center;
	margin: 10px 0 10px;
	padding: 0;
	width: 100%;
}
.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
}

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

/* @end */

/* @group Meta info classes */

.postinfo {
	font-size: 90%;
	clear: both;
}

.postmeta {
	line-height: 20px;
	padding-left: 20px;
	background: url('images/icon-set-bloggers/gray/date-small.png') no-repeat left top;
}
.postcats {
	line-height: 20px;
	padding-left: 20px;
	background: url('images/icon-set-bloggers/gray/category-small.png') no-repeat left top;
}

.posttags {
	line-height: 20px;
	padding-left: 20px;
	background: url('images/icon-set-bloggers/gray/tag-small.png') no-repeat left top;
}

.commentlink {
	line-height: 20px;
	padding-right: 20px;
	background: url('images/icon-set-bloggers/gray/comment-small.png') no-repeat right;	
}

.extlink {
	padding-right: 8px;
	background-image: url('http://literalbarrage.org/blog/wp-images/aoutside.gif');
	background-position: right top;
	background-repeat: no-repeat;
}

/* @end */

/* @group Drop-down meta classes */

#site-meta,
#site-quickpost {
	position:fixed;
	width:100%;
	z-index:1000;
	top:0px;
	left: 0px;
}

#site-meta li {
	display:inline;
}

#meta-panel {
	background: #EEE;
	border-bottom: 1px solid black;
}

#meta-panel ul {
	width:960px;
	margin:0 auto;
	padding:36px 0;
	text-align: right;
}

#meta-anchor,
#quickpost-anchor {
	display:block;
	float: right;
	background-color:#eee;
	border: 1px solid black;
	border-top: #eee;
	margin-top: -1px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	height: 1.8em;
}



/* @end */

/* @group Clearing classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.listclear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* @end */

/* @group Comments classes */
#comments_fieldset {
	border:  0px;
	padding: 0px;
}

#comments li.odd,
#comments li.even,
#comments li.highlight {
	padding: 5px;
}

#comment {
	width: 95%;
	margin: 0 auto;
	height: 12em;
	font-size: 12pt;
}

.comment-meta {
	float: left;
}

.comment-author {
	display: block;
}

.comment-date {
	display: block;
}

.comment-text { 
	margin-left: 85px;
}

/* @end */

#footer h2 a.rssfeed{
	background: url('images/feed.png') center left no-repeat;
	padding-left:  18px;
}

#aboutsite {
	margin-left: -300px;
	width: 300px;
	float: right;
	clear: both;
}

div.message {
	width: 80%;
	margin: 0 auto;
	padding: 10px 20px 10px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1em;
}

.information {
	background-color: #F8FAFC;
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: #B5D4FE;
	color: #333;
}

.notification,
.category-notification {
	border-color: #669933;
	border: 1px solid;
	background-color: #9BCF7B;
	color: #333;
	padding: 10px;
}

div.notification a,
div.category-notification a{
	color: #4d7424;
}

.alert,
.category-alert {
	border: 1px solid #E6DB55;
	background-color: lightYellow;
	color: #000;
	padding: 10px;
}

.warning,
.category-warning {
	border: 1px solid;
	border-color: #D43C3C;
	background-color: #faa19f;
	color: #000;
	padding: 10px;
}

div.warning a,
div.category-warning a {
	color: #d43c3c;
}

.sticky {
	border: 1px solid #097bc3;
	background: #9ed2fb;
	padding: 10px;
}

div.sticky a {
	color: #097bc3;
}
.bypostauthor {
	
}

#lb-content dl.gallery-item{
	padding-left: 0;
}

div.post-pagination {
	clear: both;
}

#s {
	max-width: 97%;
}

.accessibly-hidden{
	display: none;
}

#lb-content.bp-full-width{
	margin: 0 auto;
	width: 95%;
	padding: 0 20px;
} 
/* 		ここから　独自枠と見出しの	CSS　　　	　　*/
/* ------------------------------------------------------------------*/
/*2016 09 10 */
/* ---------------------------------------------- */


/*グラデーション枠*/
.grde_waku   {
	clear: both;
font-family:Times New Roman’,’Baskerville’,’Optima’,’Palatino’,’Georgia’,‘ヒラギノ明朝 Pro W3′,’Hiragino Mincho Pro’,’HGS明朝E’,’ＭＳ Ｐ明朝’,’MS PMincho’,serif;
   	font-size:20px;
	color:#000000; /*:#643D61;*/
	letter-spacing: 0.2em;/*文字間隔　n文字分*/
	font-weight: bold;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow:2px 2px 2px #ffffff; /*#text-shadow <水平方向の距離> <垂直方向の距離> <影のぼかし半径> <影の色>を指定*/
           border: solid 1px #aaaaaa;
           margin: 20px 0 10px;
           padding: 18px;
           border-radius: 5px;
           overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dfdfdf)); /*8f8d8d　dfdfdf*/
    background: -webkit-linear-gradient(#ffffff 0%, #dfdfdf 100%);
    background: -moz-linear-gradient(#ffffff 0%, #dfdfdf 100%);
    background: -o-linear-gradient(#ffffff 0%, #dfdfdf 100%);
    background: -ms-linear-gradient(#ffffff 0%, #dfdfdf 100%);
    -webkit-box-shadow: 0px 2px 3px #cccccc, 0px 0px 4px 3px #ffffff inset;
    box-shadow: 0px 2px 3px #cccccc, 0px 0px 4px 3px #ffffff inset;

}
/*　　影付のオレンジ枠　　*/
.gage_orenji_waku   {
	font-size:18px;
	padding: 12px 4px;
	background:#FFFFE0;
	height: 300%;
	width: 100%;
	border-color:#9C8223;
	border-width:0 0 1px 0;
	border-style:solid;
}

/* ---------------------------------------------------------- */
/**
 * 文章を枠で囲む（ブログ記事の一部を角丸の枠で囲むスタイル）
 * http://www.nishi2002.com/6663.html
 * 使い方
 *    <div class="waku">
 *       囲みたい文章
 *    </div>
 * padding --- 枠と文章の余白
 * border --- 枠線の種類、太さ、色
 * border-radius --- 角丸の半径
 * background-color --- 背景色
 * margin-top・margin-bottom --- 枠の上下の余白
 * -----------------------------------------------------------------------------
 */
.waku {
    background-color:#f7f7ff;
　　margin:10px 5px;
    padding:20px 10px 10px 10px;
    border-radius:8px;
    box-shadow: 6px 8px 3px #888;
    margin-top:20px;
    -webkit-box-shadow: 6px 8px 3px #888;
    -moz-box-shadow: 6px 8px 3px #888;
}
.waku_sqb {/*四角の枠を青で囲む*/
	border: 2px solid #0066CC;
	padding: 1em;
}
.waku_sqred {/*四角の枠を赤で囲む*/
	border: 2px solid #FF0000;
	padding: 1em;
}
.waku_line_dot {/*四角の枠を破線で囲む*/
	border:1px dotted #696969;
	padding:6px 10px 6px 10px;
	padding: 1em;
}
.waku_line_dot_blue {/*四角の枠を青破線で囲む*/
	margin:6px;
	padding:6px 10px 6px 10px;
	border:#7ECEF4 1px dotted;
}
/* H1-6など見出し関係の追加CSS */
.h2_blue {
	border-left: 10px #7a7af5 solid;
	background-color:#c4e5f5;
	padding:6px 0 6px 10px;
	font-size:123.1%;
	font-weight: bold;
}
/* -----------------------------------------------  */
/********吹き出しのCSS *******
* 左からの吹き出し
********************************/
.left_balloon {
    position: relative;
    background: #fff;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-right: 20%;
    clear: both;
    max-width: 500px;
    float: left;
}
.left_balloon:after,
.left_balloon:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.left_balloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    margin-top: -7px;
}
.left_balloon:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}

/*******************************
* 右からの吹き出し
********************************/
.right_balloon {
    position: relative;
    background: #85e249;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-left: 20%;
    clear: both;
    max-width: 500px;
    float: right;
}
.right_balloon:after,
.right_balloon:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.right_balloon:after {
    border-color: rgba(133, 226, 73, 0);
    border-left-color: #85e249;
    border-width: 7px;
    margin-top: -7px;
}
.right_balloon:before {
    border-color: rgba(119, 119, 119, 0);
    border-left-color: #777;
    border-width: 8px;
    margin-top: -8px;
}

/*******************************
* 割り込みを解除
********************************/
.clear_balloon{
  clear: both;
}
/* -----------------------------------------------  */
.bubble-right,
.bubble-left,
.bubble-right2,
.bubble-left2{
    position: relative;
    background: #fff;
    border: 1px solid #777;
    padding: 10px;
    border-radius: 10px;
    margin-top:0px;
    margin-bottom:0px;
}

.bubble-right,
.bubble-left{
    width: calc(100%-125px);
    width : -webkit-calc(100%-125px);
}
.bubble-right:after,
.bubble-right:before,
.bubble-left:after,
.bubble-left:before{
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.bubble-right:after,
.bubble-right:before {
    right: 100%;
}
.bubble-left:after,
.bubble-left:before {
    left: 100%;
}
.bubble-right{
    margin-left: 105px;
    font:16px arial,helvetica,clean,sans-serif;  /*  吹き出し内のフォント設定  */
}
.bubble-left{
    margin-right: 105px;
}
.bubble-right:after,
.bubble-left:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 7px;
    margin-top: -7px;
}
.bubble-right:before,
.bubble-left:before {
    border-color: rgba(0, 0, 0, 0);
    border-width: 8px;
    margin-top: -8px;
}
.bubble-right:after {
    border-right-color: #fff;
}
.bubble-right:before {
    border-right-color: #000;
}
.bubble-left:after {
    border-left-color: #fff;
}
.bubble-left:before {
    border-left-color: #000;
}


.bubble-right2,
.bubble-left2{
    width: calc(100%-135px);
    width : -webkit-calc(100%-135px);
}
.bubble-right2:before,
.bubble-left2:after{
    top: 15px;
    border: solid transparent;
    width: 2em;
    position: absolute;
    pointer-events: none;
}

.bubble-right2{
    margin-left: 135px;
}
.bubble-right2:before {
    right: 99%;
    content: "｡oO";
}
.bubble-left2{
    margin-right: 135px;
}
.bubble-left2:after {
    left: 100%;
    content: "Oo｡";
}
.buble-img-left,
.buble-img-right{
    width: 100px;
    font-size:12px;
    text-align:center;
}
.buble-img-left
{
    float:left;
}
.buble-img-right{
    float:right;
}
/* ----------------------------------------------- */
/* 		ここまで　独自枠と見出しの	CSS　　　	　　*/