html, body {
font-family: Meiryo, Verdana, sans-serif;
padding: 0;
margin:0;
line-height: 130%;
background-color: #d8d5c8;
color: #000;

}
h1, h2, h3 {
line-height:140%;
}

.comm {
/*	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;*/
	border-right: 8px solid #dfdfdf;
/*	border-top: 8px solid #dfdfdf;*/
	background-color: #ecebe6;
    padding: 15px 15px 15px 15px;
    margin: 6px;
	box-shadow: 1px 2px 2px 1px #888888, 10px 10px 30px 20px #f1f1ed inset;
    line-height: 150%;
    font-size: 16px;
}

.count {
background-color:rgba(255,140,0, 0.3);
float:right;
}


table
 {
 table-layout:fixed;
 }

#header {
background: #0e2050;
color: #006;
padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
height: 110px;
}

/* a:link { color: #212941; text-decoration: none; }
a:hover { color: #fff; background: #212941; text-decoration: none; }
a:visited { color: #212941; text-decoration: none; }
a:hover { color: #fff; background: #212941; text-decoration: none; } */



p.underline {
text-decoration: underline;
font-style: italic;
}

.navbar {	
	background: #d2d2d2;
	/* border: 1px solid #DFEEF7; */
	border-color: #DFEEF7 #CFDEE7;
	height: 31px;
	box-shadow: 1px 2px 2px 1px #888888, 10px 10px 30px 20px #DFDFDF inset;

}
.navbar a {
	background: #d2d2d2;
	border-right: 1px solid #AFBEC7;
	color: #445566;
	display: block;
	float: left;
	font: bold 1em 'Roboto', sans-serif;
	line-height: 31px;
	padding: 0 20px;
	box-shadow: 10px 10px 30px 20px #DFDFDF inset;
	text-decoration: none;
}
.navbar a:hover {color: #223344; background: #bdbdbd; box-shadow: none;}

.rightcolumn {
background-color: #d8d4c6;
line-height: 130%;
font-size: 90%;
}

.rightcolumn p {
padding-left:5px;
}

#leftcolumn {
font-family: 'Roboto', sans-serif;
line-height: 130%;
margin: 0;
/* border-right: 1px solid gray; */
box-shadow: 1px 2px 2px 1px #888888;
}

#leftcolumn p {
padding-left:5px;
font-size: 90%;
line-height: 130%;
}

#leftcolumn p.bold {
font-size: 90%;
font-weight: bold;
}

#leftcolumn ul {
list-style-type: square;
font-size: 90%;
}

#leftcolumn li {
text-align: left;
font-size: 90%;
}

.sidetitle {
font-size: 120%;
color: #2c352f;
margin: 0;
padding-top: 5px;
padding-left:5px;
}

.leftcolumn_exception {
	font-size: 95%;
}


/* unfolded boxes */
.box {
background: #e5e1d5;
color: #2a312d;
margin: 0;
border-top: 1px solid gray;
}

/* folded boxes */
.box h2 {
font-size: 120%;
color: #2a312d;
background-color: #d8d4c6;
margin: 0;
padding: 5px 5px;
border-bottom: 1px solid gray;
}

.box h2:hover {cursor:pointer; background-color:gray;}

.box a:link { text-decoration: none; color: #313e4a; }
.box a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }
.box a:visited { text-decoration: none; color: #313e4a; }
.box a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }

/* venus box */
.boxb {
background: #d2d2d2;
color: #2a312d;
margin: 0;
box-shadow: 10px 10px 30px 20px #DFDFDF inset;
font-size: 90%;
padding-bottom: 0px;
}

.boxb a:link { text-decoration: none; color: #313e4a; }
.boxb a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }
.boxb a:visited { text-decoration: none; color: #313e4a; }
.boxb a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }

.main{
margin: 5px 25px 5px 0px;
text-align: justify;
line-height: 140%;
}

.center {
text-align: center;
}

blockquote {
border-left: 3px solid gray;
padding-left: 10px;
background-color: #e7e4d6;
}

ol, ul {
font-size: 14px;
margin-top: 3px;
margin-bottom: 3px;
margin-right: 15px;
}

/* li {
color: #000;
} */

.content img {
border: 1px solid gray;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.code {
font-family: courier, monospace;
font-size: 100%;
text-align: left;
margin: 1px 10px 1px 10px;
padding: 1px 5px 1px 5px;
background: #ccc;
border: 1px solid gray;;
}

.date {
font-size: 90%;
color: #000;
text-align: left;
}

.title {
    font-size: 130%;
    color: #212941;
    text-align: left;
    line-height:140%;
    margin-top: 5px;
	margin-bottom: 5px;
    display: block;
   /* font-size: 2em; */
   /* margin-top: 0.67em; */
  /*  margin-bottom: 0.67em; */
    margin-left: 0;
    margin-right: 0;
    font-weight: normal;
}

.subtitle {
font-size: 80%;
color: #000;
text-align: left;
}

.entries {
font-size: 130%;
text-align: justify;
line-height: 140%;
}

.noentries {
font-size: 80%;
text-align: justify;
line-height: 140%;
background: #fff;
margin-top: 10px;
padding: 5px 5px 5px 5px;
}

.posted {
margin-top: 10px;
margin-bottom: 30px;
font-size: 80%;
text-align: left;
} 

.tags_bottom {
margin-top: 10px;
margin-bottom: 0px;
font-size: 80%;
text-align: left;
} 

.commentposted {
margin-top: 5px;
margin-bottom: 10px;
font-size: 80%;
text-align: left;
}

.trackbacktitle {
font-size: 90%;
padding:  5px 5px 5px 5px;
font-weight: bold;
background: #212941;
color: #fff;
text-align: center;
border: 1px solid gray;
line-height: 110%;
}

.paginate {
font-size: 90%;
font-weight: normal;
letter-spacing:	.1em;
padding: 10px 6px 10px 4px;
margin-left: 25px;
color: #424644;
}

.pagecount {
font-size: 90%;
color: #424644;
font-weight: normal;
}

/*End body and header code*/

/*Begin buttons, textarea, and miscellaneous*/

.checkbox {
margin: 3px;
padding: 3px;
border: 0px;
}

input.gray {
border: 1px solid #999;
background-color: #e3e3e3;
color: #000;
font-family: Meiryo, Verdana, sans-serif;
font-size: 16px;
margin-top: 3px;
margin-bottom: 3px;
line-height: 150%;
}

textarea {
border: 1px solid #999;
background-color: #e3e3e3;
color: #000;
font-family: Meiryo, Verdana, sans-serif;
font-size: 16px;
margin-top: 3px;
margin-bottom: 3px;
width: 99%;
line-height: 150%;
}

input.gray:hover, textarea:hover { 
border-color: #000; 
}

input.gray:focus, textarea:focus {
border: 1px solid #212941;
color: #333;
background: #f6f6f6;
}

/*End buttons, textarea, and miscellaneous*/

/*Begin footer code*/

.clear {
clear: both;
}

#footer {
background-color: #CDCDB4;
line-height: 140%;
color: #000;
border-top: 0px solid gray;
font-size: 100%;
text-align: right;
padding: 2px 10px 2px 0;
box-shadow: 1px 2px 2px 1px #888888;
}

.credit {

margin-top:0px;
padding-top: 3px;
font-size: 11px;
text-align: right;
line-height: 140%;
}

.credit a:link, .credit a:visited {
color: #212941;
text-decoration: none;
}

.credit a:hover {
color: #fff;
background: #212941;
text-decoration: none;
}

/*End footer code*/

.buttonMode {
		 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
		 font-size:         10px;
		 color:             #73769D;
		 background-color:  transparent; 
		 white-space: 		nowrap;
		 text-decoration:   none;
		}

		.htmlButtonOuter, .htmlButtonOuterL {
		 background-color:  #f6f6f6;  
		 padding:           0;
		 border-top:        #333 1px solid;
		 border-right:      #333 1px solid;
		 border-bottom:     #333 1px solid;
		 text-decoration:   none;
		}
		.htmlButtonOuterL  {
		 border-left:       #333 1px solid;
		}
		.htmlButtonInner {
		 background-color:  transparent; 
		 text-align:		center;
		 padding:			0 3px 0 3px;
		 border-left:       #fff 1px solid;
		 border-top:        #fff 1px solid;
		 border-right:      #ccc 1px solid;
		 border-bottom:     #ccc 1px solid;
		 text-decoration:   none;
		}
		.htmlButtonOff {
		 font-family:       Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
		 font-size:         11px;
		 font-weight:       bold;
		 padding:           1px 2px 2px 2px;
		 white-space:       nowrap;
		 text-decoration:   none;
		}
		.htmlButtonOff a:link { 
		 color:             #000;
		 text-decoration:   none;
		 white-space:       nowrap;
		}
		.htmlButtonOff  a:visited { 
		 text-decoration:   none;
		}
		.htmlButtonOff a:active { 
		 text-decoration:   none;
		 color:             #999;
		}
		.htmlButtonOff a:hover { 
		 background-color:	#fff;
		 text-decoration:   none;
		 color:             #999;
		}
		.htmlButtonOn {
		 font-family:       Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
		 font-size:         11px;
		 font-weight:       bold;
		 background:        #f6f6f6;
		 padding:           1px 2px 2px 2px;
		 white-space:       nowrap;
		 text-decoration:   none;
		}
		.htmlButtonOn a:link { 
		 color:             #990000;
		 text-decoration:   none;
		 white-space:       nowrap;
		 text-decoration:   none;
		}  
		.htmlButtonOn  a:visited { 
		 text-decoration:   none;
		} 
		.htmlButtonOn a:active { 
		 text-decoration:   none;
		 color:             #999;
		 text-decoration:   none;
		}
		.htmlButtonOn a:hover { 
		 background-color:	#fff;
		 color:             #999;
		 text-decoration:   none;
		}

#GB_overlay {
  background-image: url(/uploads/jq/overlay.png); 
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay { /* ie6 hack */
  background-color: #000;
  position: absolute;
  background-color: transparent;
  background-image: url(/uploads/jq/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/uploads/jq/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: fixed;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

* html #GB_window { /* ie6 hack */
position: absolute;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}

.left-float {
	float:left;padding:0 15px 0 0;

}

.article {
/*	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray; */
	border-right: 8px solid #dfdfdf;
/*	border-top: 8px solid #dfdfdf; */
	background-color: #ecebe6;
    padding: 15px 15px 15px 15px;
    margin: 6px;
	box-shadow: 1px 2px 2px 1px #888888, 10px 10px 30px 20px #f1f1ed inset;
	line-height: 150%;
    font-size: 16px;
}


.article_title {
	border: 1px solid gray;
    background-color: #ecebe6;
	font-family: 'Playfair Display', serif !important;
	padding: 2px 8px 3px 8px; 
	font-size: 23px;
	line-height: 100%; 

}

.article_posted {
	border: 1px solid gray; 
    background-color: #e5e2d4;
	padding: 3px;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 70%;
    text-align: left;
}

.article_posted_v2 {
font-size: 16px;
text-align: left;
padding: 0px 8px 0px 8px;
margin: 0px;
}

.read_more {
	padding: 3px;
	
}

/*.article a:link { text-decoration: underline; color: #006; }
.article a:hover { background: #006; text-decoration: none; color: #fff; }
.article a:visited { text-decoration: underline; color: #006; }
.article a:hover { background: #006; text-decoration: none; color: #fff; } */

.article_content a:link { text-decoration: underline; color: #313e4a; }
.article_content a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }
.article_content a:visited { text-decoration: underline; color: #313e4a; }
.article_content a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }

.article_title a:link { text-decoration: none; color: #000; }
.article_title a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }
.article_title a:visited { text-decoration:none; color: #000; }
.article_title a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }

.article_posted a:link { text-decoration: none; color: #000; }
.article_posted a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }
.article_posted a:visited { text-decoration:none; color: #000; }
.article_posted a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }

.top_section {
	border: 0px solid gray;
	background-color: #d8d5c8;
    padding: 2px;
    margin-bottom: 2px;
	margin-top: 2px;
	margin-left: 6px;
	margin-right: 6px;
	font-family: Georgia, serif;
}

.bottom_section {
/*  border: 1px solid gray; */
	border-right: 8px solid #dfdfdf;
/*	border-bottom: 8px solid #dfdfdf;*/
    background-color: #ecebe6;
    padding: 15px 15px 15px 15px;
    margin: 6px;
	font-family: Georgia, serif;
    font-size: 18px;
	line-height: 140%;
	box-shadow: 1px 2px 2px 1px #888888;
}

.tags_bottom_struct {
	font-family: 'Roboto', sans-serif;
    border: 1px solid gray; 
    background-color: #e5e2d4;
	padding: 0px;
    font-size: 16px;
    line-height: 130%;
}

.tags_top_struct {
	font-family: 'Roboto', sans-serif;
    border: 1px solid gray; 
    background-color: #e5e2d4;
	padding: 0px;
	margin-top: 10px;
    margin-bottom: 10px;
}

.tags_bottom a:link { text-decoration: none; color: #000; }
.tags_bottom a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }
.tags_bottom a:visited { text-decoration:none; color: #000; }
.tags_bottom a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }

/* img.float_right { 
    float: right; 
    clear: right; 
    margin: 10px; 
}

img.float_left { 
    float: left; 
    clear: left;  
    margin: 10px; 
}  deprecated */

/* building floating images with captions */

.picture { 
	background-color: #d0d0d0;
        box-shadow: 10px 10px 30px 20px #dcdbdb inset;
	border: 1px solid gray;
	padding: 0px 3px 6px 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 130%;	

}

.picture img { 
	border: 1px solid gray;
	vertical-align: middle; 
	margin-bottom: 3px;
    margin-top: 3px;
}

.right { 
	margin: 0.5em 0pt 0.5em 0.8em; 
	float:right; 
}

.left { 
	margin: 0.5em 0.8em 0.5em 0pt; 
	float:left;
}

/* end */

/*buttons on forms*/

input[type="submit"] {
	-moz-box-shadow:inset 0px 1px 6px -2px #c9c8c1;
	-webkit-box-shadow:inset 0px 1px 6px -2px #c9c8c1;
	box-shadow:inset 0px 1px 6px -2px #c9c8c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9c9989), color-stop(1, #a3a18e) );
	background:-moz-linear-gradient( center top, #9c9989 5%, #a3a18e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c9989', endColorstr='#a3a18e');
	background-color:#9c9989;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #9e9e9e;
	display:inline-block;
	color:#f6f6f6;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #8a897c;
	padding-left: 15px;
	padding-right: 15px;
}

input[type="submit"]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a3a18e), color-stop(1, #9c9989) );
	background:-moz-linear-gradient( center top, #a3a18e 5%, #9c9989 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a18e', endColorstr='#9c9989');
	background-color:#a3a18e;
}

input[type="submit"]:active {
	position:relative;
	top:1px;
}
/*buttons on form end*/
 
/*buttons for comments to attract the user*/

.comment_pull {
	-moz-box-shadow:inset 0px 1px 6px -2px #c9c8c1;
	-webkit-box-shadow:inset 0px 1px 6px -2px #c9c8c1;
	box-shadow:inset 0px 1px 6px -2px #c9c8c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9c9989), color-stop(1, #a3a18e) );
	background:-moz-linear-gradient( center top, #9c9989 5%, #a3a18e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c9989', endColorstr='#a3a18e');
	background-color:#9c9989;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #9e9e9e;
	display:inline-block;
	color:#f6f6f6;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:220px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #8a897c;
}
.comment_pull:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a3a18e), color-stop(1, #9c9989) );
	background:-moz-linear-gradient( center top, #a3a18e 5%, #9c9989 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a18e', endColorstr='#9c9989');
	background-color:#a3a18e;
}.comment_pull:active {
	position:relative;
	top:1px;
}

/*mitigating the link style regression that was done to allow css buttons to exist. It's simply more modular this way, right? If you are reading this and you think it's disorganised, I don't have time to be tidy, sue me. - K. Oumae */
.bottom_section a:link { text-decoration: none; color: #000; }
.bottom_section a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }
.bottom_section a:visited { text-decoration:none; color: #000; }
.bottom_section a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }

.comm a:link { text-decoration: underline; color: #313e4a; }
.comm a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }
.comm a:visited { text-decoration: underline; color: #313e4a; }
.comm a:hover { background: #bdbdbd; text-decoration: none; color: #223344; }

/*bitcoin widget fixed position*/
.fixedcoin {
    position: fixed;
    bottom: 0;
    right: 0;   
	width: 130px;
}

/*social media bar*/
ul.share-bar {
	margin:0px 0;
	padding:0;
	height:38px;
}
ul.share-bar li {
	width:50px;
	height:38px;
	float:right;
	text-align:center;
	list-style:none;
	padding:0;
}
ul.share-bar li:hover {
	opacity:.5;
}
ul.share-bar li.twitter {
	background-color:#e5e2d4;
}
ul.share-bar li.facebook {
	background-color:#e5e2d4;
}
ul.share-bar li.google-plus {
	background-color:#e5e2d4;
}
ul.share-bar li.google-plus i {
	position:relative;
	top:1px;
}
ul.share-bar li.linkedin {
	background-color:#e5e2d4;
}
ul.share-bar li.pinterest {
	background-color:#e5e2d4;
}
ul.share-bar li.reddit {
	background-color:#e5e2d4;
}
ul.share-bar li.whatsapp {
	background-color:#e5e2d4;
	/* display:none; */
}
ul.share-bar li.email {
	background-color:#e5e2d4;
}
ul.share-bar li a {
	color:#545454;
	display:block;
	height:100%;
	width:100%;
	opacity:.7;
}
ul.share-bar li a i,ul.share-bar li a span {
	line-height:38px;
	vertical-align:middle;
}
ul.share-bar li a i {
	font-size:22px;
}
ul.share-bar li a .count {
	font-size:16px;
	margin-left:10px;
}


.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}