/*
========================================================================

    This file contains all CSS styles used in the Ecclesia Theme.
    Use the table of contents below to find your way round.

    TABLE OF CONTENTS

   I. - GLOBAL STYLES

        I.01 - Reset default browser styles
        I.02 - Styles for basic HTML elements and typography
            I.02.A - Document
            I.02.B - Headings
            I.02.C - Text elements
            I.02.D - Lists
            I.02.E - Images and frames
            I.02.F - Blockquote and Pull-quotes
            I.02.G - Tables
            I.02.H - Forms
            I.02.I - Boxes: Info, Warning, Note etc.
        I.03 - Grids

  II. - INDIVIDUAL TEMPLATE ELEMENTS

	+ Header
	+ Logo
	+ Navigation
	+ Top navigation
	+ Main navigation
	+ Footer
	+ Footnotes
	+ Frontpage slider
	+ Blog pages
	+ Author box
	+ Comments
	+ Pagination
	+ Search page
	+ Contact form

 III. - WIDGETS

	+ Global widgets styles
	+ Flick widget
	+ Follow widget
	+ Recent posts widget
	+ Recent comments widget
	+ Twitter widget
	+ Search widget
	+ Contact widget
	+ Archives widget
	+ Categories widget
	+ Menu widget
	+ Links (blogroll) widget
	+ Meta widget
	+ Pages widget
	+ Calendar widget

========================================================================
*/


/**
 *  ***************************
 *
 *      I. - GLOBAL STYLES
 *
 *  ***************************
 */


/**
 *  ===========================================================
 *  I.01 - Reset default browser styles
 *  Based on Eric Meyer's CSS reset, v1.0 2008-02-12
 *  http://meyerweb.com/eric/tools/css/reset/ 
 *  ===========================================================
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
/*, table, caption, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }


/**
 *  ===========================================================
 *  I.02 - Styles for basic HTML elements and typography
 *  ===========================================================
 */ 

 
/** 
 *  -----------------------------------------------------------
 *  I.02.A - Document
 *  -----------------------------------------------------------
 */

html { background: #537fa6 url(../img/bg/main-01.png); padding: 22px; }
html, body { font-size: 13px; line-height: 22px; color: #444; }
body, label, legend, input, textarea, select, option { font-family: Verdana, Helvetica, Arial, sans-serif; }


/**
 *  -----------------------------------------------------------
 *  I.02.B - Headings
 *  -----------------------------------------------------------
 */

h1, h2, h3, h4, h5, h6 { font-weight: normal; text-shadow: #fff 0 1px 0; color: #345573; font-family: 'PT Serif', Georgia, serif; }
h1 { font-size: 31px; line-height: 33px; margin-bottom: 22px; padding-bottom: 10px; border-bottom: 1px dotted #ccc9b8; letter-spacing: -.75px; }
h2 { font-size: 24px; line-height: 33px; margin-bottom: 11px; padding: 4px 0 6px 0; border-bottom: 1px dotted #ccc9b8; }
h3 { font-size: 19px; line-height: 22px; margin-bottom: 11px; padding-top: 11px; }
h4 { font-size: 16px; line-height: 22px; margin-bottom: 11px; padding-top: 11px; }
h5 { font-size: 14px; line-height: 22px; margin-bottom: 11px; padding-top: 11px; }
h6 { font-size: 13px; line-height: 22px; margin-bottom: 11px; padding-top: 11px; }


/**
 *  -----------------------------------------------------------
 *  I.02.C - Text elements
 *  -----------------------------------------------------------
 */

a { text-decoration: none; color: #9e6618; }
a:hover, a:active { color: #d48619; text-decoration: none; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #345573; text-decoration: none; }

p { margin-bottom: 22px; }
p.large { font-size: 18px; font-style: italic; color: #777777; text-shadow: #f9f9f9 0 1px 0; font-family: 'PT Serif', Georgia, serif; }
p.small { font-size: 11px; }
p.nonmarginlarge { font-size: 18px; font-style: italic; color: #777777; text-shadow: #f9f9f9 0 1px 0; font-family: 'PT Serif', Georgia, serif; margin-bottom: 8px; }
span.p_label{font-style: normal; color: #345573;}
p.nonmargin-nonitalic-large{ font-size: 18px; font-style: normal; color: #777777; text-shadow: #f9f9f9 0 1px 0; font-family: 'PT Serif', Georgia, serif; margin-bottom: 8px; }



hr { width: 100%; border:0; line-height: 0; margin:22px 0 22px 0; padding: 0; height: 1px; background: #cfcaca; }

q { font-style: italic; }
dfn { font-weight: bold; font-style: italic; }
code,samp,kbd { font-family: monospace; text-decoration: none; background: #f9f9f9; border: 1px solid #d6d6d6; }
var,cite { font-style:italic; }
del { text-decoration: line-through; color: #666; }
ins { text-decoration: underline; }
abbr, acronym { text-decoration: underline; cursor: help; }
address { font-style: normal; }

big { font-size: 18px; }
small, sub, sup { font-size: 11px; }
sub { vertical-align: sub; }
sup { vertical-align: super; }

pre,tt { font-family: monospace; text-decoration: none; font-weight: normal; font-style: normal; }
pre { white-space: pre; display: block; overflow-x: auto; overflow-y: hidden; font-size: 12px; margin-bottom: 22px; padding: 10px; border: 1px solid #d6d6d6; border-left-width: 11px; background: #f9f9f9; }


/**
 *  -----------------------------------------------------------
 *  I.02.D - Lists
 *  -----------------------------------------------------------
 */

/** Normal ordered and unordered lists */
ul,ol,dl { margin-bottom: 22px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0px; }
ol, ol li { list-style: decimal; }
ul, ul li { list-style: disc; }
ul li { padding-left: 0; margin-left: 44px;}
ol li { padding-left: 0; margin-left: 44px;}

/** Normal definition list */
dt { font-weight: bold; }
dd { padding-left: 22px; margin-bottom: 22px;}

/** List displayed horizontally */
.horizontal-list { list-style:none; margin-bottom:0; }
.horizontal-list li { display:inline; margin:0; padding:0 1em; }

/** Lists with items marked with triangles and checkboxes */
ul li , .arrow-list li { list-style:none; padding-left:22px; margin-left:22px; background: transparent url(../img/arrow-list.gif) no-repeat; background-position:3px 7px; }
.check-list li { list-style:none; padding-left:22px; margin-left:22px; background: transparent url(../img/check-list.gif) no-repeat; background-position:0 6px; }


/**
 *  -----------------------------------------------------------
 *  I.02.E - Images and frames
 *  -----------------------------------------------------------
 */

.alignnone { margin: 22px; margin-top: 0; }
.alignleft { float: left; margin: 5px 22px 22px 0; }
.alignright { float: right; margin: 5px 0 22px 22px; }
.aligncenter {display: block; margin: 5px auto 22px auto; overflow:hidden; zoom:1; }
img.alignnone, img.alignright, img.alignleft, img.aligncenter,
div.alignnone img, div.alignright img, div.alignleft img, div.aligncenter img
{ display: block; padding: 4px; background: #fff; border: 1px solid #d6d6d6; }
.wp-caption-text { font-size: 11px; }


.frame-left, .frame-right, .frame-center { display: block; overflow:hidden; zoom:1; padding: 21px; background: #f6f6f6; border: 1px solid #d6d6d6; }
.frame-left { float: left; margin: 5px 22px 22px 0; }
.frame-right { float: right; margin: 5px 0 22px 22px; }
.frame-center { margin: 5px auto 22px auto; }
.frame-left :first-child, .frame-right :first-child, .frame-center :first-child { margin-top: 0 }
.frame-left > :last-child, .frame-right > :last-child, .frame-center > :last-child { margin-bottom: 0 }

.frame-left h1:first-child, .frame-right h1:first-child, .frame-center h1:first-child,
.frame-left h2:first-child, .frame-right h2:first-child, .frame-center h2:first-child,
.frame-left h3:first-child, .frame-right h3:first-child, .frame-center h3:first-child,
.frame-left h4:first-child, .frame-right h4:first-child, .frame-center h4:first-child,
.frame-left h5:first-child, .frame-right h5:first-child, .frame-center h5:first-child,
.frame-left h6:first-child, .frame-right h6:first-child, .frame-center h6:first-child
{ padding-top: 0; padding-bottom: 10px; border-bottom: 1px dotted #ccc9b8; }

/**
 *  -----------------------------------------------------------
 *  I.02.F - Blockquote and Pull-quotes
 *  -----------------------------------------------------------
 */

blockquote {
    display: block; padding: 0 22px 0 44px; margin-bottom: 22px; overflow: hidden;
    color: #808080; text-shadow: #fff 0 1px 0; font-style: italic; font-size: 18px; font-family: 'PT Serif', Georgia, serif;
    background: transparent url(../img/quote.png) no-repeat; background-position: 10px 4px;
}
.pullquote-right, .pullquote-left, .pullquote-center { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 22px 0 0 44px; background-position: 10px 26px; }
.pullquote-right { float: right; margin: 6px 0 22px 22px; }
.pullquote-left { float: left; margin: 6px 22px 22px 0; }
.pullquote-center { margin: 0 auto 22px auto; }


/**
 *  -----------------------------------------------------------
 *  I.02.G - Tables
 *  -----------------------------------------------------------
 */

table.ecltable, .ecltable caption, .ecltable tbody, .ecltable tfoot, .ecltable thead, .ecltable tr, .ecltable th, .ecltable td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table.ecltable { border-spacing: 0; width:100%; margin-bottom: 22px; border: 1px solid #d6d6d6; padding: 4px; background: #fff; }
.ecltable caption { text-align: left; font-weight: bold; }
.ecltable th { padding: 5px 10px; font-weight: bold; text-align: left; border: 0; background: #cccac2; color: #fff; }
.ecltable td { padding: 5px 10px; border: 0; border-bottom: 1px solid #d9d9d9; background: #f6f6f6; }
.ecltable tfoot td { background: #e9e9e9; }


/**
 *  -----------------------------------------------------------
 *  I.02.H - Forms
 *  -----------------------------------------------------------
 */

fieldset { display: block; margin-bottom: 22px; padding: 10px; border: 1px dotted #d6d6d6; }
label { display: block; }
legend, input, textarea, select, option { font-size: 12px; line-height: 16px; }
input, select, textarea, legend { display:inline; }
textarea { overflow:auto; }
input.radio, input.checkbox { vertical-align:text-top; margin-right:10px; }
input.text, input.password, input.fileupload, textarea, select { padding: 5px; border: 1px solid #d6d6d6; border-top-color: #b6b6b6; background: #d9d7ce; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
input.text:focus, input.password:focus, input.fileupload:focus, textarea:focus, select:focus, .form-element-focus  { outline: none; background: #fff; border-color: #000; color: #000; }
.form-element { margin-bottom: 11px; } /* Use with a DIV element to wrap a form element and its label */
fieldset .form-element:last-child { margin-bottom: 0; }
.req-mark { color: #d00; }
label.error { color: #f00; }

/** Buttons */
input.submit, input.reset, .link-btn, .more-link, .pagination a, .pagination .current, #cancel-comment-reply-link, .comment-reply-link, #older-comments a, #newer-comments a {
    display: inline-block; padding: 1px 10px; overflow: visible; text-decoration: none; outline: none;
    color: #fff; text-shadow: 0 -1px 0 #505050; background: #5c7b99; border: 1px solid #606060;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    -moz-box-shadow:    inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(255,255,255,.25), inset 1px 0 0 rgba(255,255,255,.15), inset -1px 0 0 rgba(255,255,255,.15);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(255,255,255,.25), inset 1px 0 0 rgba(255,255,255,.15), inset -1px 0 0 rgba(255,255,255,.15);
    box-shadow:         inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(255,255,255,.25), inset 1px 0 0 rgba(255,255,255,.15), inset -1px 0 0 rgba(255,255,255,.15);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.3)), to(rgba(0,0,0,.15)));
    background-image: -moz-linear-gradient(100% 100% 90deg, rgba(0,0,0,.15), rgba(255,255,255,.3));
}
input.submit:hover,  input.reset:hover,  .link-btn:hover,  .more-link:hover,  .pagination a:hover,
input.submit:active, input.reset:active, .link-btn:active, .more-link:active, .pagination a:active,
#cancel-comment-reply-link:hover,  .comment-reply-link:hover,  #older-comments a:hover,  #newer-comments a:hover,
#cancel-comment-reply-link:active, .comment-reply-link:active, #older-comments a:active, #newer-comments a:active {
    text-decoration: none; outline: none; cursor: pointer; color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.6)), to(rgba(70,70,70,.1)));
    background-image: -moz-linear-gradient(100% 100% 90deg, rgba(70,70,70,.1), rgba(255,255,255,.6));
}


/**
 *  -----------------------------------------------------------
 *  I.02.I - Boxes: Info, Warning, Note, etc.
 *  -----------------------------------------------------------
 */

.download-box, .ok-box, .warning-box, .info-box, .note-box { display: block; min-height:22px; margin: 0 auto 22px auto; overflow:hidden; zoom:1; padding: 21px 21px 21px 59px; }
.download-box :last-child, .ok-box :last-child, .warning-box :last-child, .info-box :last-child , .note-box :last-child { margin-bottom: 0 }
.download-box { background: #daf2da url(../img/icons/download.png) no-repeat; border: 1px solid #c3d9c3; background-position: 16px 16px; }
.ok-box { background: #daf2da url(../img/icons/ok.png) no-repeat; border: 1px solid #c3d9c3; background-position: 16px 16px; }
.warning-box { background: #f2dada url(../img/icons/warning.png) no-repeat; border:1px solid #d9c3c3; background-position: 16px 16px;}
.info-box { background: #e5e5ff url(../img/icons/info.png) no-repeat; border:1px solid #cfcfe5; background-position: 16px 16px; }
.note-box { background: #f7f3de url(../img/icons/note.png) no-repeat; border:1px solid #d9d2ad; background-position: 16px 14px; }


/**
 *  ===========================================================
 *  I.03 - Grids
 *  ===========================================================
 */

.grid-wrap { width: 966px; clear: both; }
.grid-divider { display: block; clear: both; height: 22px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 { display:inline; float: left; position: relative; margin-left: 11px; margin-right: 11px; }
.grid-1 { width:139px; }
.grid-2 { width:300px; }
.grid-3 { width:461px; }
.grid-4 { width:622px; }
.grid-5 { width:783px; }
.grid-6 { width:944px; }


/** Clear Floated Elements */

/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/***  Content columns  ***/
.one-half, .one-third, .two-third { display: block; float:left; overflow:hidden; zoom: 1; position:relative; margin-right: 22px; }
.one-half { width: 461px; }
.one-third { width: 300px; }
.two-third { width: 622px; }
.last { margin-right: 0; }
.clear { clear: both; display: block; }

.with-sidebar .one-half { width: 300px; }
.with-sidebar .one-third { width: 192px; }
.with-sidebar .two-third { width: 406px; }

.one-half > :last-child, .one-third > :last-child, .two-third > :last-child { margin-bottom: 0; }

/** Horizontal dividers */
.divider, .divider-top { display: block; clear: both; margin: 21px 22px 21px 0; height: 1px; border-bottom: 1px dotted #ccc9b8; background: none; }
.divider-top a { color: #ccc9b8; font-size:11px; float:right; text-decoration:none; position: relative; top: -10px; right: -22px; }
.divider-top a:hover { color: #d48619; }
.divider{ margin-right: 0;}



/**
 *  ******************************************
 *
 *      II. - INDIVIDUAL TEMPLATE ELEMENTS
 *
 *  ******************************************
 */


#content-wrap { margin-left: auto; margin-right: auto; width: 978px; border: 5px solid #c4bc91; background: #fffce0 url(../img/bg/content-01.png); overflow: hidden; -moz-box-shadow: 0 0 5px rgba(0,0,0,.75); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.75);  box-shadow: 0 0 5px rgba(0,0,0,.75); }
#content-wrap-inner { width: 966px; padding: 17px 6px 0 6px; overflow: hidden; }


/** Header */
#header {height:100px;}

#header .inner { min-height: 66px; padding-bottom: 22px; position: relative; }
#header .logo { position: absolute; left: 0; }
.main.logo { margin-top:10px; margin-left:3px; }



/** Logo */

#logo { display: block; }
/* Display site title as logo */
#header .text-logo { position: absolute; bottom: 26px; left: 0; font-size: 52px; line-height: 52px; font-weight: bold; text-shadow: #fff 0 1px 0; color: #345573; font-family: 'PT Serif', Georgia, serif; }


/** Navigation */

#top-nav, #main-nav { position: absolute; right: 0; text-align: right; }
#top-nav a, #main-nav a, #fmain-nav a { text-decoration: none; color: #99661f; text-shadow: #f6f6f6 0 1px 0; font-family: 'PT Serif', Georgia, serif; }
#top-nav a:hover , #main-nav a:hover , #fmain-nav a:hover{ color: #d48619; text-decoration: none; }

/** Some basic styling for the default navigation based on pages (on fresh WP install, before menus are st up) */
div.top-nav-list { position: absolute; right: 0; text-align: right; }
div.top-nav-list ul { list-style: none; background: none; margin: 0; padding: 0; }
div.top-nav-list li { display:inline; background: none; margin: 0; padding: 0; }
div.top-nav-list a { display: inline; margin-left: 6px; font-size: 13px; line-height: 18px; }


/** Top navigation */

#top-nav { top: 0; }
#top-nav ul { list-style: none; background: none; margin: 0; padding: 0; }
#top-nav li { display:inline; background: none; margin: 0; padding: 0; }
#top-nav a { display: inline; margin-left: 6px; font-size: 13px; line-height: 18px; }


/** Main navigation */
#fmain-nav{margin-top:18px; overflow: hidden; padding: 4px 5px 5px 1px; border: 1px solid #dbd8c5; background: #e8e5d1;}
#main-nav { bottom: -4px; right: -8px; }

#fmain-nav { bottom: 21px; right: -8px; }
.main-nav-list, .main-nav-list-item { list-style: none; background: none; margin: 0; padding: 0; position: relative; }

.main-nav-list.root > .main-nav-list-item { display: block; float: left; }
.fmain-nav-list.root > .main-nav-list-item { display: block; float: left; }

.main-nav-list.root > .main-nav-list-item > a { display: block; position: relative; font-size: 15px; font-weight: normal; padding: 1px 7px; margin-left: 5px;  border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.main-nav-list.root > .main-nav-list-item > a.has-subnav {
    z-index: 1020; padding-right: 10px; background: url(../img/arrow-list.gif) no-repeat; background-position: 100% 9px; /*border-bottom: 0;*/
    -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.main-nav-list.root > .main-nav-list-item > a:hover,
.main-nav-list.root > .main-nav-list-item.item-hover > a { border-color: #d6d6d6; background: #fff;  }

.fmain-nav-list.root > .main-nav-list-item > a { display: block; position: relative; font-size: 22px; font-weight: normal; padding: 7px 10px; margin-left: 5px; margin-right:5px; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.fmain-nav-list.root > .main-nav-list-item > a.has-subnav {
    z-index: 1020; padding-right: 10px; background: url(../img/arrow-list.gif) no-repeat; background-position: 100% 17px;/* border-bottom: 0;*/
    -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.fmain-nav-list.root > .main-nav-list-item > a:hover,
.fmain-nav-list.root > .main-nav-list-item.item-hover > a { border-color: #d6d6d6; background: #fff;  }

.dmain-nav-subnav { position:absolute; display:block; width: 160px; padding: 10px; background: #fff; border: 1px solid #d6d6d6; }
.fmain-nav-subnav { margin-top:12px; position:absolute; display:block; width: 160px; padding: 10px; background: #fff; border: 1px solid #d6d6d6; }
div.level-1 {}
div.level-n {}

.subnav-list { display: none; border-top: 1px dotted #d6d6d6 }
.subnav-list li { display:block; border-bottom: 1px dotted #d6d6d6; }
.subnav-list a { display:block; padding: 2px 6px 2px 2px; text-decoration: none; overflow: hidden; zoom:1 }
.subnav-list a.has-subnav { background: url(../img/arrow-list.gif) no-repeat; background-position: 100% 9px; }
.subnav-list .item-hover a.has-subnav { }
.subnav-list a:hover, .subnav-list a:active, .subnav-list > .item-hover a { color: #fff; background: #5c7b99; text-decoration: none; }



/** Footer */

#footer-wrap { width: 978px; background-color: rgba(102,102,102,0.13); /*background: transparent url(../img/bg/footer.png);*/ border-top: 1px dotted #aaa; overflow: hidden; }
#footer { width: 966px; padding: 17px 6px; overflow: hidden; }

/** Footnotes */

#footnotes { width: 956px; margin-left: auto; margin-right: auto; padding: 11px; font-size: 11px; line-height: 18px; color: #999785; text-align: center; }


/** Frontpage slider */

.front-slider { width: 612px; height: 290px; border: 1px solid #d6d6d6; padding: 4px; background: #fff; position:relative; }
.slides_container { width: 612px; height: 290px; overflow:hidden; position:relative; display:none; }
.slide { width: 612px; height: 290px; display:block; }

.front-slider .next, .front-slider .prev { display:block; position:absolute; bottom: 14px; right: 14px; width: 33px; height: 33px; z-index:101; text-indent: -9999px; background: transparent url(../img/slider-nav-btn.png) top right no-repeat; }
.front-slider .prev { right: 50px; background-position: top left; }
.front-slider .prev:hover { background-position: bottom left; }
.front-slider .next:hover { background-position: bottom right; }

.slide-content { display: block; position: absolute; top: 44px; right:0; padding: 22px; max-width: 262px; z-index: 9999; font-size: 12px; line-height: 22px; text-align: right; text-decoration: none; background-color:rgba(0,0,0,0.7); text-shadow: 0 1px 0 #000; color: #fff; }
.slide-content .heading { display: block; font-family: 'PT Serif', Georgia, serif; font-weight: normal; font-size: 22px; line-height: 24px; margin-bottom: 11px; color: #fff; text-shadow: 0 1px 0 #000; }
a.slide-content:hover { background-position: right; color: #fff; }

#front-slider-static .slides_container { display: block; }


/** Blog pages */

.post { overflow: hidden; margin-bottom: 0px; /* padding-bottom: 10px; border-bottom: 1px dotted #ccc; */ }
.post h1 { margin-bottom: 11px; padding-bottom: 21px; }

.post-meta { overflow: hidden; margin: -9px 0 22px 0; font-size: 11px; border-bottom: 1px dotted #ccc9b8; color: #777777; }
.post-meta ul { list-style:none; margin:0; }
.post-meta li { display: block; float: left; margin: 0; padding: 0 10px 3px 20px; background: url(../img/post-icons.png) no-repeat; }
li.post-meta-date { background-position: -62px 2px; font-weight: bold; }
li.post-meta-author { background-position: 0 -58px; }
li.post-meta-category { background-position: -40px -18px; float: right; padding-right: 0;  }
li.post-meta-comments { background-position: -20px -37px; float: right; padding-right: 0; }

.more-link { float: right; padding: 1px 7px; margin-top: 22px; }
.excerpt-more-link { margin-top: 0; }


/***  Author box ***/

#author-info { overflow: hidden; margin: -17px 0 22px 0; padding: 5px 0; border-bottom: 1px dotted #ccc9b8; border-top: 1px dotted #ccc9b8; }
#author-info h3 { margin-top: 0; padding-top: 0; }
#author-info .avatar { margin-top: 2px; }
#author-info-txt { padding-left: 92px; }


/** Comments */

#comments { clear: both; }
#comments-heading { border: 0; margin-bottom: 0; padding-bottom: 0; }
.comment-list { list-style: none; background: none; padding: 0 0 11px 0; }
.comment-list-item { list-style: none; background: none; margin: 0; overflow: hidden; zoom:1; }
.comment { border-top: 1px dotted #ccc9b8; margin-top: 20px; padding-top: 11px; overflow: hidden; zoom:1; }
.comment-txt :last-child { margin-bottom: 0; }
.comment-txt, .comment-list .children { padding-left: 10px; }
.comment-list .children li { margin: 0; padding: 0; }
.children .comment-txt, .children .children { padding-left: 61px; }
.avatar { display: block; float: left; margin-top: 5px; padding: 4px; background: #fff; border: 1px solid #d6d6d6; }
.comment-author { margin: 0; padding: 0; }
.comment-date { font-size: 11px; margin-bottom: 11px; color: #777777; }
.comment p { margin-bottom: 11px; }

#respond { padding-left: 92px; margin-bottom: 0; }
#comment-form input.text, #comment-form textarea { width:424px; }
.comment-list-item > #respond { padding-left: 61px; margin-top: 15px; }
.comment-list-item.depth-1 > #respond { padding-left: 83px; }
.comment-list-item input.text, .comment-list-item textarea { width: 90% !important; }

#cancel-comment-reply-link { font-size: 12px; line-height: 16px; margin-bottom: 11px; padding: 3px 8px; }
.comment-reply-link { font-size: 12px; line-height: 15px; margin-bottom: 0; padding: 2px 10px; }

#comments-nav { overflow: hidden; margin-bottom: 22px; padding-top: 11px; border-top: 1px dotted #ccc9b8; }
#older-comments, #newer-comments { line-height: 16px; padding: 0 7px; }
#older-comments { float: left; }
#newer-comments { float: right; }


/** Pagination */

.pagination a, .pagination .current { padding: 0 7px; margin: 0 5px 0 0; }
.pagination .current {
    text-shadow: none; background: #345573; border-color: #345573;
    -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff;
}

/** Search page */

.post-search-results { border-bottom: 0; padding: 0; }
.post-search-results p { margin-bottom: 0; }
.search-results-more-link { float: right; }


/** Contact form */

.contact-form input.text { width: 288px; height: 14px; }
.contact-form textarea { width: 449px; }
.frame-center .contact-form input.text { width: 266px; }
.frame-center .contact-form textarea { width: 427px; }
.frame-center .contact-form .form-element:last-child { margin-bottom: 0 }
.contact-form p { margin-bottom: 11px; }


/** Events */

.event-container { overflow: hidden; clear: both; margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px dotted #ccc9b8; }
.event-container .event-date-container { float: left; width: 100px; margin-right: 11px; padding-right: 10px; border-right: 1px dotted #ccc9b8; }
.event-container .event-info-container { float: left; width: 500px; }
.event-container .day-week, .event-container .day-month, .event-container .month-year { display: block; text-align: center; color: #777777; }
.event-container .day-month { font-size: 23px; line-height: 23px; margin-bottom: 6px; font-weight: bold; }
.event-container .day-week { font-size: 11px; line-height: 13px; text-transform: uppercase; font-weight: bold; margin-bottom: 1px; }
.event-container .month-year { font-size: 10px; line-height: 13px; }
.event-container h2 { border: 0; padding: 0; margin: 0; }

/** Yandex mapse **/
#YMapsID img {float:left; /*margin-right: 10px;*/}


/**
 *  ******************************************
 *
 *      III. - WIDGETS
 *
 *  ******************************************
 */

/** Global widgets styles */
.widget { margin-top: 22px; clear: both; overflow: hidden; }
.widgets-container div:first-child { margin-top: 0; }
.widget li { margin-left: 2px; padding-left: 20px; }
.widget-head h3 { padding-top: 0; }

.widget-boxed { overflow: hidden; padding: 18px 21px 21px 21px; border: 1px solid #dbd8c5; background: #e8e5d1; }
.widget-unboxed .widget-head h3 { padding-bottom: 10px; border-bottom: 1px dotted #ccc9b8; }
.widget-boxed h1, .widget-boxed h2, .widget-boxed h3, .widget-boxed h4, .widget-boxed h5, .widget-boxed h5 { text-shadow: 0 1px 0 #f6f6f6; }

/** Flickr widget */
.mw-widget-flickr img { display: block; float: left; margin: 0 15px 15px 0; padding: 4px; background: #fff; border: 1px solid #d6d6d6; }
.mw-widget-flickr .widget-boxed { padding-right: 10px; }
.mw-widget-flickr .widget-boxed img { padding: 3px; margin: 0 3px 3px 0; }

/** Follow widget */
.mw-widget-follow a { display: block; float: left; width: 32px; height:32px; margin: 0 10px 11px 0; text-indent: -9999px; opacity: 0.5; }
.mw-widget-follow:hover a { opacity: 0.7; }
.mw-widget-follow a:hover { opacity: 1; }
.mw-widget-follow a.facebook { background: url("../img/icons/icons.png") no-repeat 0 0 transparent; }
.mw-widget-follow a.vk { background: url("../img/icons/icons.png") no-repeat -32px 0 transparent; }
.mw-widget-follow a.gplus { background: url("../img/icons/icons.png") no-repeat -96px 0 transparent; }
.mw-widget-follow a.twitter { background: url("../img/icons/icons.png") no-repeat -64px 0 transparent; }
.mw-widget-follow a.flickr { background: url(../img/icons/social/flickr.png) no-repeat top left; }
.mw-widget-follow a.vimeo { background: url(../img/icons/social/vimeo.png) no-repeat top left; }
.mw-widget-follow a.youtube { background: url("../img/icons/icons.png") no-repeat -128px 0 transparent; }
.mw-widget-follow a.rss { background: url("../img/icons/icons.png") no-repeat -160px 0 transparent; }

/** Recent posts widget */
.mw-widget-recent-posts { font-size: 12px; line-height: 18px; }
.mw-widget-recent-posts ul { margin-bottom: 0; }
.mw-widget-recent-posts ul.with-thumbnails li { display: block; overflow: hidden; clear: both; margin: 0 0 11px 0; padding: 0; background: none; }
.mw-widget-recent-posts ul.with-thumbnails li:last-child { margin: 0; }
.mw-widget-recent-posts .thumbnail { display: block; float: left; margin-top: 3px; padding: 4px; background: #fff; border: 1px solid #d6d6d6; }
.mw-widget-recent-posts .with-thumbnails .post-link { margin-left: 62px; display: block; }
.mw-widget-recent-posts .with-thumbnails .widget-post-meta { margin-left: 62px; margin-top: 3px; display: block; font-size: 10px; color: #777777; text-transform: uppercase; line-height: 14px; }

/** Recent comments widget */
.mw-widget-comments { font-size: 12px; line-height: 18px; }
.mw-widget-comments ul { margin-bottom: 0; }
.mw-widget-comments ul.with-gravatar li { display: block; overflow: hidden; clear: both; margin: 0 0 11px 0; padding: 0; background: none; }
.mw-widget-comments ul.with-gravatar li:last-child { margin: 0; }
.mw-widget-comments .avatar { display: block; float: left; margin-top: 4px; padding: 4px; background: #fff; border: 1px solid #d6d6d6; }
.mw-widget-comments .with-gravatar .comment-link { margin-left: 52px; display: block; }
.mw-widget-comments .comment-author { font-weight: bold; }

/** Twitter widget */
.mw-widget-twitter-feed { font-size: 12px; line-height: 18px; }
.mw-widget-twitter-feed ul { margin-bottom: 0; }
.mw-widget-twitter-feed li { display: block; background: none; margin: 0 0 10px 0; padding: 0; }

/** Search widget */
.mw-widget-search fieldset { padding: 0; margin: 0; border: 0; }
.mw-widget-search label { display: none; }
.mw-widget-search input { display: block; float: left; }
.mw-widget-search input.text { width: 215px; height: 14px; margin-right: 3px; }
.mw-widget-search input.submit { width: 70px; height: 26px; }
.mw-widget-search .widget-boxed input.text { width: 171px; }

/** Contact widget */
.mw-widget-contact-form input.text { width: 207px; height: 14px; }
.mw-widget-contact-form textarea { width: 288px; }
.mw-widget-contact-form .widget-boxed input.text { width: 163px; }
.mw-widget-contact-form .widget-boxed textarea { width: 244px; }
.mw-widget-contact-form .widget-boxed .form-element:last-child { margin-bottom: 0 }
.mw-widget-contact-form p { margin-bottom: 11px; }

/** Archives widget */
.mw-widget-archives ul { margin-bottom: 0; }

/** Categories widget */
.mw-widget-categories ul { margin-bottom: 0; }

/** Menu widget */
.mw-widget-nav-menu ul { margin-bottom: 0;


 }

/** Links (blogroll) widget */
.mw-widget-links ul { margin-bottom: 0; }

/** Meta widget */
.mw-widget-meta ul { margin-bottom: 0; }

/** Pages widget */
.mw-widget-pages ul { margin-bottom: 0; }

/** Calendar widget */
.mw-widget-calendar table { margin-bottom: 0; }

/** Upcoming events widget */
.mw-widget-upcoming-events { font-size: 12px; line-height: 18px; }
.mw-widget-event { display: block; overflow: hidden; clear: both; margin: 0 0 11px 0; padding: 0; background: none; }
.mw-widget-event .event-date-container { display: block; width: 40px; height: 40px; float: left; margin-top: 3px; padding: 4px; background: #fff; border: 1px solid #d6d6d6; }
.mw-widget-event .event-info-container { margin-left: 62px; display: block; }
.mw-widget-event .day-month, .mw-widget-event .day-week { display: block; text-align: center; color: #777777; }
.mw-widget-event .day-month { font-size: 21px; line-height: 22px; margin-bottom: 3px; font-weight: bold; }
.mw-widget-event .day-week { font-size: 11px; line-height: 13px; text-transform: uppercase; font-weight: bold; }
.mw-widget-event .event-time { display: block; font-size: 10px; color: #777777; text-transform: uppercase; }

a.dp , a.kh , a.kr, a.zp , a:hover.dp, a:hover.zp, a:hover.kh, a:hover.kr {
text-decoration: none;}

a.dp {
color: #0055e9;}

a:hover.dp {
color: #058efc;}

a.kr {
color: #ba0e02;}

a:hover.kr {
color: #ff392c;}

a.kh {
color: #017645;}

a:hover.kh {
color: #04d036;}

a.zp {
color: #cd7301;}

a:hover.zp {
color: #ffb400;}
.rss-date {
margin-top: 3px; display: block; font-size: 10px; color: #777777; text-transform: uppercase; line-height: 14px; 
}


.hide {
    display: none;
}
.churchabout .nonmarginlarge {
	padding-left: 20px;
}
.churchicon {
	margin-left: -26px;
	float: left;
}



@media screen and (max-width: 480px) {
	html, body, #respond, #content-wrap-inner, #footnotes{
		margin:0;
		padding:0;
	}
	body, #content-wrap, #content-wrap-inner {
		width: 100%;
		float: none;
/*		font-size: 60%;
		line-height: 1.4em; */
		border:none;
	}
/*	#content-wrap {
		box-shadow:none;  не то :( 
	} */
	#front-slider, #rss-3, #mw-widget-nav-menu-3, #mw-widget-nav-menu-4 {
		display: none;
	}
	#header .logo, #main-nav {
		position: static;
	}
	.logo, .main.logo {
		display: block;
		margin: 0 auto;
	}
	.grid-2, .grid-4, .grid-6, .grid-wrap, #footnotes, #footer, #footer-wrap {
		width: 100%;
		float: none;
		margin: 10px 0;
	}
	body img {
		max-width: 100%;
		height: auto;
	}
}

@media print {
	* { background: #fff; color: #000; }
	html { font: 100%/1.5 georgia, serif; }
	#main-nav, #respond, #footer, .widgets-container , .yashare-auto-init { display: none; }
	.grid-4 {width: auto;}
	#content-wrap { box-shadow: none;}
	a:link, a:visited {
		color: #520;
		text-decoration: underline; }
}


/*! PrettyPhoto */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../img/prettyPhoto/default/loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}