/*  
Theme Name: Moden Bluish
Theme URI: http://geek.co.il/wp
Description: A bluish theme on a grayish background. Based on <a href="http://www.adityanaik.com/projects/themes/bloody-gray-theme">Bloody Gray</a>.
Version: 1.0
Author: Oded Arbel (with thanks to Aditya Naik)
Author URI: http://geek.co.il/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Portions are under Creative Commons:
http://creativecommons.org/licenses/by/2.0

1.0 : Adapted Bloody Gray to my needs

*/

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/* (C) 2006 Oded Arbel. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

@import url('https://fonts.googleapis.com/css?family=Inconsolata');
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap')

:link,:visited { text-decoration:none }

ul,ol { 
    list-style:none;
/*    list-style-image: url(images/li.gif);
    list-style-position: inside; */
}

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; color: #006699; font-family: 'Varela Round', 'Trebuchet MS','Lucida Sans',Arial,Verdana,sans}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #39f;}
h4,h5,h6 { color: #333333; font-size: 80%; }

code { text-align: left; display: inline-flex; }

/* Code boxes */
code,code > pre { font-size: 100% !important; font-family: 'Inconsolata', 'Consolas', monospace !important; direction: ltr;}
.entry .syntaxhighlighter.code table td div { font-size: 11pt !important; font-family: 'Inconsolata', 'Consolas', monospace !important; direction: ltr;}
.entry .syntaxhighlighter.code table td.code .line { padding-left: 0.2em !important; height: 1.1em !important; }

/* Sharing */
.entry .sd-sharing-enabled ul li::before { content: ''; padding: 0 !important }
.entry .sd-sharing-enabled { display: block; clear: none; float: right; }
#content .entry div.sharedaddy.sd-like { display: block; clear: none; float: left; width: 70%; }
#content .entry div.sharedaddy.sd-sharing-enabled .sd-title { width: 100%; margin-bottom: 0; }
#content .entry div.sharedaddy.sd-sharing-enabled .sd-title::before { border-top: none; }
#content .entry div.sharedaddy.sd-like .sd-title { width: 120%; }
#content .entry div.sharedaddy.sd-like .sd-title::before { border-top: none; }
#content .entry div.jp-relatedposts { padding-top: 0; }
#content .entry div.jp-relatedposts .jp-relatedposts-headline { width: 100%; }
#content .entry div.jp-relatedposts .jp-relatedposts-headline em::before { border-top: none; }

@media only screen and (max-width: 800px) {
	.entry .sd-sharing-enabled {
		position: absolute;
		right: 0;
	}
}

hr {border: 0;color: #fff;background-color: #fff;height: 1px;width: 100%;clear:both;visibility:hidden;}
hr.seperator { border-top: 1px solid #ddd; visibility:visible;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; _font-size: 12pt; }

h1 { font-size: 24pt; }
h2 { font-size: 20pt; line-height: 1.2em; }
h3 { font-size: 16pt; }
h4 { font-size: 14pt !important; }

a img,:link img,:visited img { border:none; }
a{color: inherit;}
address { font-style:normal }

* { padding:0; margin:0; }

body {
	border-top: 5px solid #39f;
	font: 1em Verdana, Arial, sans-serif;
	background: #fff url(images/newback.gif) repeat-x left top;	
	color:#333;
}

#header {
	height: 96px;
}

#page {
	max-width: 55em;
	_width: 55em;
	margin: 0 auto 3em;
}

#headermenu ul{
	height: 2em;
	font: bolder 1em Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: right;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 3px; 
	letter-spacing: -1px;
}

#headermenu li{
	height: 35px;
	padding: 4px;
	display: inline;
	margin: 0;
	background: url(images/menu_center.gif) repeat-x left top;	
}

#headermenu li a{
	height: 35px;
	color: #FFFFFF;
	padding: 4px;
	margin: 0;
}

#headermenu li a:hover{
	height: 35px;
	background-color:#333;
	text-decoration: none;
	color: #FFFFFF;
}

#headermenu li:hover{
	height: 35px;
	text-decoration: none;
	background: #292929;

}

#headerimg h1 {
	font: 2.1em bolder 'Lucida Sans';
	color:#39f;
}

#headerimg a {
	font-weight: bolder;
}

#headerimg h1 span::before {
	content: ' | '
}

.description {
	font: 0.4em bolder 'Lucida Sans';
	color: #666;
	font-weight: bolder;
}

.widecolumn {
	max-width: 44em;
	_width: 44em;
	margin: 0 auto;	
}

.narrowcolumn { 
	float: left;
	max-width: 600px;
	_width: 600px;
}

#sidebar {
	width: 200px;
	margin-left: 620px; 
}


input[type=password],
input[type=text],
#s {
	border: 1px solid #ccc;
	width: 184px;
	border-bottom: 1px solid #39f;
	margin-bottom: 5px;
	padding:8px;
}

#content #s {
	max-width:784px;
	_width:784px;
}

input[type=password]:hover,
input[type=text]:hover,
#s:hover {
	border: 1px solid #39f;
	background-color: #F9FCFF;
}

input[type=submit] {
	background: url( images/fade-butt.png );
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.10em;
}

h2, h3 {
	border-bottom: 1px solid #39f;
	padding-bottom: 0.25em;
	margin: 0.5em 0;
}

h4 {
	border-bottom: 1px solid #39f;
	padding-bottom: 0.1em !important;
	margin: 0.2em 0 !important;
	width: 50%;
}

#sidebar h2 {
	margin-top: 0.5em;
}

#sidebar ul li ul li {
	padding: 1px 0;
	display:block;
	font-size:0.8em;
}

#sidebar ul li ul li:hover {
	background-color: #6af; 
	color:#fff;
	/*
	font-weight: bolder; 
	*/
}

#sidebar a:hover {
	background-color: inherit;
	color: inherit;
}

#wp-calendar a {
	font-weight: bolder;
	color: #39f;
}

#wp-calendar a:hover {
	color: #fff;
}

#wp-calendar td:hover {
	color: #fff;
	background-color: #6af;
}

.entry {
	text-align:justify;
	margin: 10px 0;
}

.entry p, .commentlist p {
	margin-bottom:1em;
}
.entry a {
	border-bottom:1px solid #39f
}

.entry a:hover {
	background-color: #39f;
	color:#fff;
}

.entry .wp-caption a {
    border-bottom: none;
}

.entry .wp-caption a:hover {
    background-color: inherit;
    color: inherit;
}

.post small, .postmetadata {
	font-size: .6em;
	/* text-align : right; */
}

.postmetadata {
	margin:0.5em 0;
	clear:both;
}

.post h2 {
	clear:left;
}

.entry ol {
	list-style-position: outside;
	list-style-type: decimal;
}
.entry ol.hebrew {
	list-style-type: hebrew;
}

.entry ol li::marker {
	color: #0085c8;
}
.entry ol li {
	margin-inline-start: 2em;
}

.navigation {
	font-size: 0.8em;
	margin: 0;
}

.navigation .alignright {
	float:right;
}

.navigation .alignleft {
	float:left;
}

#footer {
	margin-top: 10px;
	border-top: 5px solid #39F;
	font-size:0.7em;
	text-transform:uppercase;
	text-align: center;
	padding-top: .3em;
}

textarea {
	border: 1px solid #ccc;
	padding: 5px;
	width: 97%;
	/* width: 190px; */
	border-bottom: 1px solid #39f;
	margin: 5px 0;
	/* width:790px; */
}

textarea:hover {
	border: 1px solid #39f;
	background-color:#F9FCFF;
}

ol, ul, p{
	font-size:14pt;
	line-height: 1.4em;
}

ul ul {
	font-size:1em;
}

.entry ul, .entry ol {
    margin-bottom: .5em;
}

.entry ul li:before{
	padding-left:0.5em;
	padding-right:0.5em;
	/* content:'»'; */
	content: url(images/li.gif) " ";
}

.entry ol li {
	counter-increment: par-num;
}
.entry ol li:before{
	padding-left:0.5em;
	padding-right:0.5em;
/*	content:counter(par-num) ".  "; */
}
.entry ol.hebrew li:before{
	padding-left:0.5em;
	padding-right:0.5em;
	/*	content:counter(par-num,hebrew) ".  "; */
}
.entry a.footnote-identifier-link {
	text-decoration: none;
	border-bottom: none;
	font-size: 70%;
	vertical-align: super;
	font-weight: bold;
	color: #39f;
}
.entry a.footnote-identifier-link:hover {
	border-bottom: 1px solid #39f;
}
.entry a.footnote-identifier-link:before {
	content: "(";
}
.entry a.footnote-identifier-link:after {
	content: ")";
}

.entry .alignleft {
    float: left;
}

#sidebar ul {
	font-size:1em;
}
.archivepage li a{
	padding:0.25em 0;
	display:block;
}

.commentlist {
	border-top:5px solid #39f;
	float: right;
	font-size: 1em;
	width: 100%;
}

.commentlist div p a {
    border-bottom: dashed cornflowerblue 1px;
}

.commentmetadata{
	float:right;
	font-size: 7pt;
}

.commentlist li{
	border-bottom:1px solid #39f;
	padding:1em;
}
.commentlist .alt {
	background:#eee;
}

.commentlist cite {
	font-weight:bold;
	font-style:normal;
}

.reply {
    font-size: .7em;
    text-decoration: underline;
}

ul.children {
	margin: 0 1em;
}

blockquote {
	margin: 1em 0;
	padding:1em;
	border-left:1px solid #39f;
	background:#eee;
}
blockquote blockquote {
	background:#fff;
}

#hottags,#discussions {
	clear: both;
	margin-bottom: 10px;
}
table {
	border-spacing:3px;
	width:100%;
	font-size:0.8em;
}
.alt,
th
{
	background:#eee;
}
#views {
	font-size:0.8em;
}

#topic-tags {
	width: 200px;
	float: right;	
	padding-left: 1em;
	margin-left: 1em;
	border-left: 1px solid #39f;
}

#userlogin,
.topictitle{
	display:inline;
	font-size:1.5em;
	border-bottom:0;
}

.topicmeta li:before{
	padding-left:0.5em;
	padding-right:0.5em;
	content:'»';
}

.topicmeta {
	margin-top:1em;
}

#thread li{
	border-top:1px solid #39f;
	padding:0.5em;
}
#thread {
	border-bottom:1px solid #39f;
}

.poststuff {
	font-size:0.7em;
}
.post{
	padding:1em 0;
}

.post time {
	display: block;
	font-size: 60%;
	color: cornflowerblue;
}

.admin {
	border-top:1px solid #39f;
	padding:0.5em;
	font-size:0.8em;
}

#topic_posts {
	font-size:0.7em;
}

.tag-heat-map {
	padding-top:20px;
}
#userinfo{
	border-left:1px solid #39f;
	padding-left:1em;
	float:right;
	width:300px;
	font-size:0.8em;
}
#userinfo dt {
	padding:0.3em 0;
}

#useractivity,
.user-recent {
	margin-right:350px;
}
.user-recent h4 {
	padding:0.5em 0;
}
.user-recent {
	border-bottom:1px solid #39f;
	font-size:0.8em;
}
.user-recent li {
	padding:0.5em;
}
.user-recent a {
	font-weight:bold;
	display:block;
}
fieldset{
	padding:0.5em;
	border:1px solid #ccc;
	margin:1em 0;
}
legend {
	color:#39f;
	font-weight:bold;
}

fieldset table td {
	padding:0.5em;
}

/* == chat plugin == */
#chatoutput {
    height: 200px;
    border: 1px solid darkgray;
    /*\*/
    overflow: auto;
    /**/
    /* 
    font: 0.75em helvetica, arial, sans-serif;
    padding: 10px;
    margin: 10px;
    border: 2px inset #eee;
    background: #222;
    */
}

#chatoutput .name {
    font-size: 1.1em;
    color: black;
}

#chatForm label {
    display: block;
}

#chatForm input[type=text] {
    width: 120px;
    /* display: block; */
    border: 1px solid lightgray;
    /* margin: 0 auto; */
}

#chatForm input#submitchat {
    width: 70px;
    margin: .5em auto;
    float: right;
    border: 1px solid gray;
}

#menu ul #chatoutput ul {
    padding: 0;
}

#menu ul #chatoutput ul li {
    padding: 2px;
    margin: 0;
    background: none;
}

.avatar {
    float: left;
    margin: 3px;
    padding: 1px;
    border: solid #CCC 1px;
    width: 3em;
    height: 3em;
}

/* == hebrew support == */

.navigation {
    display: block;
    text-align: center;
/*    margin-top: 1em;
    margin-bottom: 4em;*/
}					

img.post {
    margin: .5em;
    border: 1px solid lightgray;
    padding: .5em;
    float: right;
}

.dirselected {
    width: 1.2em;
    text-align: center;
    display: block;
    float: left; 
    margin: 0 .2em; 
    border: solid #333333 1px;
    background-color: #CCCCCC;
    cursor: pointer;
}

.dirunselected {
    width: 1.2em;
    text-align: center;
    display: block;
    float: left;
    margin: 0 .2em;
    border: solid #CCCCCC 1px;
    background-color: #FFFFFF;
    cursor: pointer;
}

table.lastfmWidget {  border-collapse: collapse; border-spacing: 0px; }
table.lastfmWidget td { margin:0 !important;padding:0 !important;border:0 !important;}
tr.lastfmHead a:hover {background-position:0 0 !important;}
tr.lastfmEmbed object {float:left;}
tr.lastfmFoot td.config a:hover {background-position:0 0 !important;}
tr.lastfmFoot td.view a:hover {background-position:-85px 0 !important;}
tr.lastfmFoot td.popup a:hover {background-position:-159px 0 !important;}
#hoodwinkFullposts { direction: ltr; }

.g2_column .gallery-albums {
    width: 680px;
}
.g2_column .content {
    width: 870px;
}
.g2_column a:hover {
    background-color: inherit;
}
.g2_column .content h2 {
	clear: right;
}

/* Taboola R-Box styles */
.wpjw-rbox { 
    display: none;
}

#trc_related_container {
}

#trc_related_container a {
    border: 0;
}

#trc_related_container .video-description-ads {
    line-height: 11px;
}
#amazon-widget { display:none; }

/*==- Zemanta Plugin -==*/
 
.zemanta-article-ul-image IMG {
    width: 16px;
    margin: 0 .2em;
    vertical-align: middle;
}
.entry ul.zemanta-article-ul-image li:before{
	content: "";
}

.entry ul.related_post li:before{
	content: "";
}

.entry ul.zemanta-article-ul li a:last-child {
	margin-right: .5em;
}

.entry IMG.zemanta-img-inserted {
    float: right;
    width: 200px;
    height: auto;
    margin: .5em;
}

/* foot notes selector */
li:target { background-color: rgba(51,153,255,0.1); }

/* Disable subscriber to commends for new posts */
.subscribe-to-comments.unsubscribed {
    display: none;
}

/* Mobiles */

@media only screen and (max-width: 800px) {
    #headerimg h1 a {
       display: block;
    }
    #headerimg h1 span {
      display: none;
    }
    #page {
        padding: 0 .5em;
        max-width: 100%;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .widecolumn {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .narrowcolumn {
        float: none;
        max-width: 100%;
    }
    #sidebar {
        margin-left: 0;
    }
    .content .post {
      margin: 0;
      padding: 0;
    }
    .entry {
    }
}