/*  
Theme Name: Bytesforall
Theme URI: http://www.bytesforall.com
Description: Fluid, highly customizable 3 column theme, widget-ready with options page. Valid and browser-safe. This Theme is optimized for Wordpress 2.3.1+ but works also in 2.2.x and 2.1.x. 
Version: 1.11
Author: Bytesforall
Author URI: http://www.bytesforall.com/
*/
/*
******************************************************************************
***************         YOUR OWN HEADER IMAGE :       ************************
******************************************************************************
To replace the header image, simply upload an image named "bgimage.jpg" to the "images" subfolder in your theme directory on the server, should be "/wp-content/themes/bytesforall/images/". Delete the current "bgimage.jpg" first, if your FTP program won't let you upload the new image. The new image should be at least 1200+ pixels wide and 150+ pixel tall. This is a fluid theme so the header image will be cut off left and bottom if it doesn't fit in a visitor's browser window. See detailed header image instructions in the README.txt file".
*/
/*
*
*
Credits:
Layout and browser compatibility hacks based on Ruthsarian's Skidoo Redux 
http://webhost.bridgew.edu/etribou/layouts/ - ruthsarian@gmail.com
*/

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
ul ul, ul ol, ol ul, ol ol {margin-top:0; margin-bottom:0;}
h1 { font-size:240%; }
h2 { font-size:192%; clear: both; }
h3 { font-size:150%; line-height: 110%; }
h4 { font-size:118%; }
h5 { font-size:92%; }
h6 { font-size:80%; }
.entry h1, .entry h2, .entry h3, .entry h4 { clear:both; }
/* .entry p { text-indent: 3em; } */
a, a:link, a:visited, a:active { text-decoration: underline; }
code, pre { font-family: "Courier New", Courier, monospace; }
label { cursor: pointer; }
table { font-size: 100%; }
td, th {vertical-align: top; }
body { font-size: 100.1%; /*line-height: 1.15em;*/ }
/*********************************************************/
.clear-columns {clear: both; }
#outer-column-container { border-left: solid 15em #ffffff; border-right: solid 15em #ffffff; }
#inner-column-container {width: 100%; }
#source-order-container {float: left; width: 100%; margin-right: -1px; }
#left-column {float: left; margin-left: -15em; width: 15em; margin-right: 1px; }
#middle-column { float: right; width: 100%; margin-left: -1px; }
#right-column { float: right; margin-right: -15em; width: 15em; margin-left: 1px; }
/*****BASE THEME**************************************/
body { background-color: #ffffff; color: #000000; padding: 0; margin: 0; }
#page-container { background-color: #ffffff; border: solid 0px #000000; min-width: 600px; margin: 0; }
#masthead {
	padding-top: 1px;
	border-top: 0px solid #678b3f;
	border-bottom: solid 0px #dddddd;
	background: #9aadf1 url(https://parafia.org.ua/wp-content/themes/bytes-for-all-111/images/bgimage.jpg) top left no-repeat;
}
/**************** change middle column left and right borders *****************/
#inner-column-container {
	border: solid 0px #ffffff; border-width: 0 0px; margin: 0 -0px; 
	background-color: #ffffff; /*#fcfcfc;*/ 
}
#middle-column div.rMenu-center {border-bottom: solid 1px background: #9aadf1; #000; }
.inside { margin: 10px; }
/******HACKS***************************************************/
.clear-columns
{ /* hide from IE/Mac \*/ padding-bottom: 1px; margin-bottom: -1px;	}
* html #page-container { /* \*/ height: 0.1%; position: relative; }
* html #middle-column, * html #left-column, * html #right-column, * html #source-order-container {	/* hide from IE/Mac \*/ overflow: visible; /* hide from IE/Mac \*/ position: relative; }
* html #middle-column {margin-right: -4px; margin-right/* */: 0; }
* html #middle-column .inside
{ margin-right: 14px; margin-right/* */: 10px;}
* html #masthead, * html #footer { /* hide from IE/Mac \*/ height: 0.1%; height/**/: auto;	 }
* html #masthead .inside, * html #footer .inside {	margin-top: 0; margin-bottom: 0; margin/* */: 10px; }
* html .inside {margin: 10px 0.75em; margin/* */: 10px; }
* html #inner-column-container {display: block; }
* html #source-order-container {margin-right: -100%; /* \*/ margin-right: -1px; }
#left-column, #right-column {position: relative; }
/******************************************************************************/
#page-container { font-size: 90%; font-family: helvetica, sans-serif; }
#page-container, #masthead { border-color: #9999aa;}
#masthead {background-color: #9aadf1;	}
#footer {
	border-top: solid 1px RoyalBlue; padding-bottom: 1px; margin-top: 3em; font-size: 80%;
	background-color: AliceBlue; /*#e6e6e6;*/
}
#left-column h3, #right-column h3 { margin-bottom: 0; }
#right-column p, #right-column ul { margin-top: 0; }
p.fontsize-set {text-align: center;}
p.fontsize-set input {margin: 0 2px;}
/**********Credits: Dynamic Drive CSS Library *********************/
/*URL: http://www.dynamicdrive.com/style/ */
#ddcolortabs a{ float:left; color: #ffffff; background: RoyalBlue url(https://parafia.org.ua/wp-content/themes/bytes-for-all-111/images/color_tabs_left.gif) no-repeat left top; margin:0 4px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px;}
#ddcolortabs a span{ float:left; display:block; background: transparent url(https://parafia.org.ua/wp-content/themes/bytes-for-all-111/images/color_tabs_right.gif) no-repeat right top; padding:4px 9px 2px 6px; }
#ddcolortabs a:hover { background-color: DeepSkyBlue; }
#ddcolortabs a:hover span { background-color: DeepSkyBlue; }
#ddcolortabs #current a:link, #ddcolortabs #current a:active, #ddcolortabs #current a:visited, #ddcolortabs #current a:hover, #ddcolortabs #current span{ 
background-color: #8cb85c; }
#ddcolortabsline{ clear: both; padding: 0; width: 100%; height: 15px; line-height: 15px; background: RoyalBlue; /*border-top: 1px solid #fff;*/ /*Remove this to remove border between bar and tabs*/}
#modernbricksmenu {
	padding: 0;
	width: 100%;
	text-align: right;
	float: right;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#modernbricksmenu ul {
	font: bold 0.8em verdana, sans-serif;
	margin: 0;
	margin-left: 12px;
	padding: 0;
	list-style: none;
}
#modernbricksmenu li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: /*uppercase*/ none;
}
#modernbricksmenu li:first-child {
	margin-left: 1px;
}
#modernbricksmenu a {
	float: left;
	display: block;
	color: #ffffff;
	margin: 0 10px 0 0;
	padding: 4px 7px 2px 7px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: RoyalBlue;
	/* border-bottom: 1px solid white; */
}
#modernbricksmenu a:hover {
	background-color: DeepSkyBlue;
	text-shadow: 1px 1px 2px #555;
}
/***
 #modernbricksmenu #current a {
	background-color: #8cb85c;
	border-color: #8cb85c;
}
***/
#modernbricksmenu .current_page_item a {
	background-color: DodgerBlue;
	text-shadow: 1px 1px 2px #555;
}
#modernbricksmenuline {
	clear: both;
	padding: 0;
	width: 100%;
	height: 7px;
	/* line-height causes errors in IE with this menu: */
	/* line-height: 15px; */
	background: RoyalBlue;
}
/**********************************************************/
/* set page sub sub pages back so they don't get highlighted as well: */
li.current_page_item li a:link, li.current_page_item li a:active, li.current_page_item li a:visited, li.current_page_item li a:hover { /* color: <?php echo $brt_link_color; ?>; */ font-weight: normal; }
.inside {
	margin: 10px;
	margin-bottom: 20px;
}
#footer .inside{ text-align: center;}

/* img { float: left; clear: left; margin: 0 15px 5px 0; border: none } */

img { border: none } */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* img { float: right; clear: right; margin: 0 0 5px 15px; border: none } */
/* img { margin: 5px 0; border: none } */
/***********************************/
#left-column .inside ul, #right-column .inside ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 7px;
}
#left-column .inside ul li, #right-column .inside ul li {
	margin: 2px 0 2px 5px;
}
#left-column .inside ul li a:hover {
	/*margin: 2px 0 2px 5px;*/
	/*list-style-type: circle;*/
	/*list-style-position: inside;*/
	background: #9BE1FF;
	/* text-shadow: 1px 1px 1px #fff; */
}
#left-column .inside ul li:hover {
	/*margin: 2px 0 2px 5px;*/
	list-style-type: circle;
	/*list-style-position: inside;*/
}
#left-column .inside ul li ul li:hover {
	/*margin: 2px 0 2px 5px;*/
	list-style-type: disc;
	/*list-style-position: inside;*/
}
a:link, a:visited, a:active { color: /*#004b9f*/ Blue; text-decoration: none; }
a:hover { text-decoration: underline; }
h3.widgettitle {
	color: RoyalBlue;
	width: 100%;
	font-size: 1.3em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: .3em;
	font-family: verdana, geneva, sans-serif;
	border-bottom: 1px solid #ccc;
	text-shadow: 3px 3px 5px #ccc;
}
p.header {
	clear:left;
	float:left;
	text-align: right;
	width: 100%;
	/*width: 49%*/;
	font-size:1.2em;
	font-weight: bold;
	line-height:1.2em;
	/* margin: 0; */
	margin:0px 0 25px 0;
	padding: 0;
	padding-top: 0.5em;
	/* color: #676767; */
	color: #ffffff;
	text-shadow: 1px 1px 3px #555;
}
.inside h1 {
	font-family: verdana, geneva, sans-serif;
	letter-spacing: -1px;
	line-height: 1.0em;
	font-size: 3em;
	float: left;
	text-align: right;
	width: 100%;
	/*width: 49%;*/
	margin: 0px 50px 0px 0px;
	padding: 0;
	/* text-shadow: 1px 1px 3px #ccc; */
	/* text-shadow: 1px 1px 3px #aaa; */
}

.inside h2 {
	color: RoyalBlue;
	text-shadow: 3px 3px 5px #ccc;
}

.entry h3 {
	color: RoyalBlue;
	text-shadow: 3px 3px 5px #ccc;
	/* color: MediumBlue; */
	/* color: DarkBlue; */
}

.entry p + h3 {
	padding-top: .7em;
}

a.header:link, a.header:visited, a.header:active, a.header:hover {
	color: RoyalBlue;
	text-decoration: none;
}

div#search {
	float: right;
	width: 15em;
	text-align: right;
	padding: 0.6em 0 0.2em 0;
	margin: 0 1em;
}

/***************** wordpress defaults *****************/
.navigation {
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	padding-top: 0px;
	width: 100%;
	border-bottom: solid 1px #ddd;
	height: 15px;
}

blockquote{height: 1%; color: #555; /*margin-left: 20px*/; border-left: solid 10px #ccc; padding: 1em 1em; background: #f4f4f4; border-bottom: solid 1px #f4f4f4;  /* hack for IE6 and older*/ }
blockquote blockquote{height: 1%; color: #444; /*margin-left: 20px*/; border-left: solid 10px #ccc; padding: 1em 1em; background: #ddd; border-bottom: solid 1px #ddd;  /* hack for IE6 and older*/ }
.older{float: left; width: 45%; text-align: left; }
.newer{float:right; width: 45%; text-align: right; }
.postmetadata { text-indent: 0px; border-left: 15px solid #ddd; padding: 0 0 0 10px; margin: 10px 0 25px 0; color: grey; }
/* CSS for forms -------------------------------------- */
form { margin: 0; padding: 0; }
form p { margin: 5px 0 0 0; padding: 0; }
label {margin-right: 0.5em; display: block; font-family: arial;}
.submit input { margin-left: 4.5em; }
form input {color: #000; background: #fff; border: 1px solid #999; font-size: 80%; font-weight: bold;}
form input#s {color: #000; background: #fff; border: 1px solid #999; font-size: 100%;}
.submit input { color: #000; background: #fff; border: 2px outset #999; }
fieldset {border: 1px solid #781351; width: 45em; }
legend { color: #000; background: #FFB0B3; border: 1px solid #781351; padding: 2px 6px; margin-bottom: 15px; }
.comment-textarea{width: 96%; padding: 0; margin: 0; }
#s{width:75%; margin-top: 1em;}
/******************clearfix********************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {min-width: 0; display: inline-block; /* \*/	display: block; }
* html .clearfix {/* \*/  height: 1%;}

/****************** foxed ********************/
/*
pre {
  background: #eeeeee;
  border: solid thin #ffbbbb;
  padding-left: .5em;
}
*/

SPAN.codecomment { color: green; }
div.captimg { width: 300px; text-align: center; font-size: 80%; font-weight: bold; }
div.rightimg { float: right; /*text-align: center; font-size: 80%; font-weight: bold;*/ }
.footnotes { font-size: 85%; line-height: 1.5em; padding: 10px 0 10px 0; }
.footnotes .footnotedivider { width: 120px; border-bottom: 1px solid #ccc; }
.footnotes li { margin: 0 0 5px 0; }
sup.footnote a { padding: 0 1px 0 1px; text-decoration: none; font-size: 80%; }
sup.footnote { line-height: 0em; }
.footnotereverse a { padding: 0 0 0 5px; text-decoration: none; }
p.wpads { font-size:80%; text-align: center; letter-spacing:110%; padding: 0 1em 0 1em; }

span.letterine {
	float: left;
	margin-top: -0.1em;
	padding-top: 0px;
	font-size: 2.9em;
	/* height: 1em; */
	padding-right: 0px;
	line-height: 70%;
	/* font-weight:bold;*/
	/* font-family: Georgia, Utopia, Palatino,'Palatino Linotype',serif; */
	font-family: 'Times New Roman', 'Times', Serif;
}

div.kanon h1, div.kanon h2, div.kanon h3, div.kanon h4, div.kanon h5, div.kanon h6 {
	padding-top: 0.7em;
	text-align: center;
}

div.kanon p {
	text-indent: 2em;
}

div.honordate { text-align: center; font-style: italic; }
.entry { line-height: 135%; }

div.entry p {
  text-align   : justify;
  // line-height  : 1.5em;
  text-indent: 2em;
}

div.entry p.postmetadata {
  text-indent: 0em;
}

/*
.letterine {
  display      : block;
  float        : left;
  margin-top   : -0.63em;
  margin-left  : -0.56em;
  margin-right : 0.1em;
  height       : 1.0em;
}

.letterine span{
  font-size    : 1.2em;
  line-height  : 1.0em;
}

.letterine + span{
  margin-left  : -0.8em;
}
*/

div.arch-cat-name {
  font-size: 160%;
  font-weight: bold;
  padding: 1.3em 0 0.3em 0;
}

div.arch-subcat-name {
  font-size: 120%;
  font-weight: bold;
  padding: 0.5em 0 0 0.3em;
}

div.arch-entry-name {
  font-weight: bold;
  padding-top: 0.3em;
  /* padding: 0.3em 0 0.3em 0.3em; */
}

div.arch-cat div.post {
  padding-left: 2em;
}

div.arch-cat div.post div.entry {
  padding-left: 2.5em;
}

div.urgent h3 {
  padding-top: 1em;
}

/* side menu, item 'ТЕРМІНОВЕ' */
div.menu ul li.page-item-1216 a {
  font-weight: bold;
}

div.menu ul li {
	padding-top: .3em;
	font-weight: bold;
}

div.menu ul li ul li {
	padding-top: .1em;
	font-weight: normal;
}

/**
 * highlighting current items:
 */
/*
div.menu ul li.current_page_item a {
  background: AliceBlue /* WhiteSmoke */;
}

div.menu ul li ul li a {
  background: white;
}
*/

div.menu ul li.current_page_item a {
  background: AliceBlue /* WhiteSmoke */;
}

div.menu ul li.current_page_item ul li a {
  background: white;
}

div.menu ul li.current_page_parent a , div.menu ul li.current_page_ancestor a {
  background: AliceBlue /* WhiteSmoke */;
}

div.menu ul li.current_page_parent ul li a , div.menu ul li.current_page_ancestor ul li a {
  background: white;
}

div.menu ul li ul li.current_page_item a , div.menu ul li ul li.current_page_parent a {
  background: AliceBlue;
  /* border-left: 1px solid blue; */
  /* background: Azure; */
  /* background: LightCyan; */
  /* background: WhiteSmoke; */
}

div.menu ul li ul li.current_page_item , div.menu ul li ul li.current_page_parent {
  border-left: 1px solid RoyalBlue;
}

div.menu ul li ul li a {
  background: white;
}

div.menu ul li ul li {
  padding-left: 5px;
  border-left: 1px solid white; */
}


/*
form.searchform {
  padding-top: .3em
}
*/
/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */


/* WAM */
a.wam_icon_link:hover {
	background: Azure /* rgb(240,240,240) */ ;
}
a.wam_icon_link {
	background: white;
}
/ end of WAM */


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

span.rozr {
	/* margin-left: 0.3em; */
	margin-right: -0.3em;
	letter-spacing: 0.3em;
}

div.scores-infos {
	padding-top: 1em;
	padding-bottom: 1em;
}

div.scores-infos div {
	margin-bottom: 4px;
	padding: 1em;
	background: WhiteSmoke;
	border-left: solid 1px RoyalBlue;
	// border-top: solid 2px white;
	// border-bottom: solid 2px white;
}

div.scores-infos div div {
	padding: 0;
	background: white;
	border: none;
}

div.scores-infos div p {
	padding: 0;
	margin: 0;
	text-indent: 0;
}

div.scores-infos div p + p {
	padding: 0;
	margin-top: 1em;
	text-indent: 0;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	text-indent: 0;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
    /**
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
    */
        font-size: 80%;
        /* line-height: 140%; */
        line-height: 1.5em;
        padding: 0 4px 5px;
        margin: 0;
        text-align: center;
	text-indent: 0;
}
/* End captions */

ul#recentcomments {
	font-size: 80%;
}

div.qc-quote {
	margin: 0 0 0 35%;
	border-left: solid 2px #bcbcbc;
	padding: 0 .5em 0 1em;
	font-style: italic;
	color: DarkGoldenrod;
	/* text-shadow: 1px 1px 0px #555; */
}

a.quotescollection_refresh {
	text-decoration: none;
	color: #a0a0a0;
}