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

    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; }

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 { border-spacing: 0; width:100%; margin-bottom: 22px; border: 1px solid #d6d6d6; padding: 4px; background: #fff; }
caption { text-align: left; font-weight: bold; }
th { padding: 5px 10px; font-weight: bold; text-align: left; border: 0; background: #cccac2; color: #fff; }
td { padding: 5px 10px; border: 0; border-bottom: 1px solid #d9d9d9; background: #f6f6f6; }
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 .inner { min-height: 66px; padding-bottom: 22px; position: relative; }
#header .logo { position: absolute; bottom: 26px; left: 0; }


/** 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 { 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 { 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 */

#main-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; }
.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: 9999; 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;  }

.main-nav-subnav { 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: 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: transparent url(../img/slide-content-bg.png) left repeat-y; 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: 33px; /* 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; }
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: 92px; }
.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; }



/**
 *  ******************************************
 *
 *      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; }
.mw-widget-follow a.facebook { background: url(../img/icons/social-media/facebook.png) no-repeat top left; }
.mw-widget-follow a.buzz { background: url(../img/icons/social-media/buzz.png) no-repeat top left; }
.mw-widget-follow a.twitter { background: url(../img/icons/social-media/twitter.png) no-repeat top left; }
.mw-widget-follow a.flickr { background: url(../img/icons/social-media/flickr.png) no-repeat top left; }
.mw-widget-follow a.vimeo { background: url(../img/icons/social-media/vimeo.png) no-repeat top left; }
.mw-widget-follow a.youtube { background: url(../img/icons/social-media/youtube.png) no-repeat top left; }
.mw-widget-follow a.rss { background: url(../img/icons/social-media/rss.png) no-repeat top left; }

/** 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; display: block; font-size: 10px; color: #777777; text-transform: uppercase; }

/** 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; }