/*
Theme Name: Christ Church
Theme URI: http://ccesavannah.org/
Description: A custom theme designed and built for Christ Church Episcopal.
Version: 1.0
Author: Paragon
Author URI: http://iamparagon.com/
Tags: blue, white, ray red
*/

/*
----------------------------------------------
BODY AND PAGE SETUP
----------------------------------------------
*/
@import url('css/reset.css');
@import url('css/fonts.css');

* { outline: none; }

html { background: #f1f0ef; }

body, input, textarea { font-size: 12px; font-family: Georgia, Times, 'Times New Roman', serif; color: #464646; }

#wrapper { text-align: center; }
#page_shadow { margin: 0px auto; width: 1120px; text-align: left; background: url('img/bkg_shadow.jpg') no-repeat; }
#page { margin: 0 0 0 70px; width: 980px; background: #fff; }
/*
----------------------------------------------
END BODY AND PAGE SETUP
----------------------------------------------
*/



/*
----------------------------------------------
COMMON
----------------------------------------------
*/
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }

strong { font-weight: bold; }
em { font-style: italic; }
/* 
----------------------------------------------
END COMMON
----------------------------------------------
*/



/*
----------------------------------------------
COLOR AND TYPE
----------------------------------------------
*/
#msg { background: #a92224; text-align: center; color: #fff; font-weight: bold; }
#msg a { color: #fff; text-decoration: underline; }

.note { font-size: .8em; line-height: 1em; }

.req { color: #a92224; font-size: .9em; }

#header { background: #214c79 url('img/header_bkg.jpg') repeat-y; }
#logo {  }

#shield_area { color: #fff; text-align: center; font-size: .8em; }
#shield_area a { color: #fff; text-decoration: none; }
#shield_area a:hover { text-decoration: underline; }

#mini_nav li { background: 0 6px url('img/mini_block.gif') no-repeat; }
#mini_nav li.page-item-3 { background: none; }

/*#content a { color: #a42022; }*/

#main { font-size: 1.2em; }
#main h2 {
color: #8f1519; font-weight: bold; font-size: 1.4em;
background: #f2f1ed url('img/heading_tile.jpg') repeat-x; background-position: bottom center;
}

#slideshow .info.White { color: #fff; }
#slideshow .info.Blue { color: #2070a7; }

#main ul { display: inline-block; padding: 0 0 5px 0; }
#main ul li { margin: 0 0 5px 0; background: left center url('img/ul_dot.gif') no-repeat; }

h2#news_events { border-bottom: 1px solid #dee0e2; background: url('img/news_events.gif') no-repeat; }

.copy_img { margin: 0 0 5px 0; color: #707070; font-size: .95em; font-style: italic; border-bottom: 1px dashed #707070; }
.copy_img p { margin: 5px 0 0 0; line-height: 1.3em; }

.page_content { line-height: 2em; font-size: .95em; }
.page_content strong, .list_page strong { font-weight: bold; }
.page_content strong.headline, .list_page strong.headline { font-size: 1.05em; color: #0e355d; }

.list_page { line-height: 1.5em; border-bottom: 1px dashed #999999; }

#main h3 { font-weight: bold; font-size: 1.1em; margin: 0; padding: 0; }

#main blockquote { font-style: italic; }

#main a { color: #a42022; }

#home_colB a { color: #2070a7; }

.cal_post { color: #363636; border-bottom: 1px dashed #dee0e2; }
.cal_post a { text-decoration: none; }
.cal_post a:hover { text-decoration: underline; }
.cal_post strong { font-weight: bold; }

.commentlist li { list-style-type: decimal; };
.comment { line-height: 1.5em; }

#ec3_big_cal table caption { text-align: center; }

#sidebar { text-align: center; line-height: 1.5em; }
.sidebar_home { background: #f3f1ed url('img/sash_bkg.jpg') no-repeat; }
.sidebar { background: #f3f1ed; }

#direction a, .sidebar_entry a { color: #2070a7 !important; }

#sub_nav_area { background: #dadfe1; }
#sub_nav_area a { color: #0e355d; }
#sub_nav_area li.current_page_item a { color: #a21e21; }
#sub_nav_area li.current_page_item li a { color: #0e355d; }

ul#sub_nav li { text-align: left; background: bottom center url('img/sub_nav_separator.gif') no-repeat; }
ul#sub_nav li div { background: 0px 12px url('img/sub_nav_leaf.gif') no-repeat; }
ul#sub_nav li.current_page_item div { background: 0px 12px url('img/sub_nav_leaf_over.gif') no-repeat; }

ul#sub_nav li li { background: none; }
ul#sub_nav li li div { background: none; }
ul#sub_nav li li.current_page_item div { background: none; }
ul#sub_nav li.current_page_item li div { background: none; }

#service_schedule { font-size: .9em; }
#service_schedule strong {  font-weight: bold; color: #2070a7; }
#service_schedule .left { font-weight: bold; color: #a92224; text-align: right; }
#service_schedule .right { text-align: left; }

.sidebar_entry { background: url('img/sash_shadow.jpg') no-repeat; }

#sidebar h4#directions { background: url('img/directions_txt.gif') no-repeat; background-position: top center; }
#sidebar h4#downloads { background: url('img/downloads_txt.gif') no-repeat; background-position: top center; }
#sidebar h4#newsletter { background: url('img/newsletter_txt.gif') no-repeat; background-position: top center; }

#sidebar a { color: #0e355d; font-weight: bold; text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

input.SubscribblyEmail { background: #fff; border: 1px solid #d2d2d2; color: #9e9e9e; text-align: center; font-size: .9em; }

#direction { background: url('img/directions_bkg.jpg') no-repeat; }
.sidebar #direction { background: none; }

#footer { background: #f0f0f0 url('img/footer_tile.jpg') repeat-x; font-size: 1em; }

#footer ul li { font-weight: bold; }
#footer ul li a { color: #7a7a7a; text-decoration: none;}
#footer ul li a:hover {  }

#footer ul ul li { font-weight: normal; }
#footer ul ul li a { color: #949494; }

#copyright { background: #f0f0f0 url('img/copyright_bkg.jpg') no-repeat; }
#copyright p { text-align: center; text-transform: uppercase; color: #bfbfbf; font-size: .9em; }
/*
----------------------------------------------
END COLOR AND TYPE
----------------------------------------------
*/



/*
----------------------------------------------
SIZE AND PLACEMENT
----------------------------------------------
*/
#msg p { display: block; padding: 10px 0; }

.alignleft { float: left; }
.alignright { float: right; }

img.alignright  { padding: 0 0 10px 10px; }
img.alignleft  { padding: 0 10px 10px 0; }

#header { height: 185px; }
#logo { float: left; margin: 17px 0 0 52px; }
#shield_area { float: right; margin: 6px 28px 0 0; width: 175px; }
.shield { padding: 0 0 5px 0; }

#mini_nav { position: relative; }
#mini_nav li { display: inline; padding: 0 3px 0 8px; }

#content { width: 960px; margin: 0 0 0 10px; padding: 0 0 16px 0; }
#content p { padding: 0 0 1em 0; }
#main ul li { padding: 0 0 0 10px; }

#main { float: left; padding: 10px 0 0 0; width: 723px; }
#main h2 {  }
#main h2 div { padding: 13px 125px 13px 20px; }

#main input, #main textarea { padding: 3px 4px; }

.page_content { width: 692px; margin: 0 0 0 16px; padding: 20px 0 0 0; }
.list_page { width: 692px; margin: 0 0 20px 16px; padding: 0 0 20px 0; }
.list_page img { float: left; margin: 0 16px 0 0; }

#main blockquote { width: 588px; margin: 0 0 0 68px; }

.more-link { display: block; padding: 5px 0 0 0; }

#home_colA { float: left; width: 189px; }
#home_colB { float: left; width: 290px; margin: 0 0 0 26px; }
#home_colC { float: right; width: 189px; }

#home_colB p { padding: 1em 0 0 0; }

h2#news_events { height: 18px; margin: 0 0 0 0; }
h2#news_events div { display: none; }

.wpcf7-list-item { display: block; }

.payable_amount { float: left; }
.payable { width: 420px; float: left; margin: 0 0 0 5px; }

.copy_img { float: left; margin: 0 20px 0 0; width: 320px; }

.cal_post { padding: .8em 0; }

h3#comments { padding: 3em 0 0 0; }

.commentlist { width: 600px; margin: 0 0 0 20px; }
.comment { padding: 1em 0 1em 0; }

.navigation { width: 692px; margin: 0 0 0 16px; }

#sidebar { float: right; width: 227px; }
.sidebar_home { padding: 10px 0 0 0; }
.sidebar { margin: 10px 0 0 0; }

#sub_nav_area {  }
ul#sub_nav { margin: 0 0 0 14px; width: 200px; }
ul#sub_nav li {  }
ul#sub_nav li div { padding: 10px 0 10px 20px; }

ul#sub_nav li li { margin: 0 0 0 40px; }
ul#sub_nav li li div { padding: 0 0 10px 0; }

#service_schedule { padding: 0 0 10px 0; }
#service_schedule img { padding: 0 0 10px 0; }
#service_schedule strong { padding: .5em 0 0 0; }
#service_schedule .left { float: left; width: 81px; padding: .5em 0 0 0; }
#service_schedule .right { float: right; width: 133px; padding: .5em 0 0 0; }

br.br_service { clear: both; }

#sidebar h4 { height: 10px; padding: 0 0 10px 0; }
#sidebar h4 div { display: none; }

.mini_cal table.nav { display: none; }
.mini_cal { width: 200px; margin: 0 0 0 14px; padding: 15px 0 15px;}

#direction { padding: 30px 0 17px 0; }
.sidebar #direction { padding-top: 17px; }

.sidebar_entry { padding: 20px 0 17px 0; }

input.SubscribblyEmail { width: 182px; padding: 3px 0; }
input.SubscribblySubmit { margin: 8px 0 0 0; }

#footer { padding: 0 0 15px 0; }
#footer ul li { float: left; width: 140px; margin: 0 10px 0 10px; }
#footer ul li div  { height: 52px; padding: 13px 0 0 0; }

#footer ul ul li { clear: all; margin: 0; padding: 5px 0;}
#footer ul ul li div { height: auto; padding: 0; }
#footer ul ul li a {  }

#copyright { height: 101px; }
#copyright p { padding: 22px 0 0 0; }

#slideshow { width: 723px; height: 350px; margin-bottom: 10px; overflow: hidden; }
#slideshow li { width: 723px; height: 350px; margin: 0px !important; padding: 0!important; background: none !important; }

#slideshow .info.White { text-shadow: #000 2px 1px 1px; }
#slideshow .info.Blue { text-shadow: #fff 2px 1px 1px; }

#slideshow .info { position: relative; width: 250px; }
#slideshow .title { font-weight: bold; font-size: 1.2em; }
#slideshow .info.Left.Top { top: -280px; left: 50px; }
#slideshow .info.Left.Middle { top: -180px; left: 50px; }
#slideshow .info.Left.Bottom { top: -100px; left: 50px; }
#slideshow .info.Right.Top { top: -280px; left: 405px; }
#slideshow .info.Right.Middle { top: -180px; left: 405px; }
#slideshow .info.Right.Bottom { top: -100px; left: 405px; }

#slideshow .info .title { padding: 0 0 5px 0; }

.sharesidebar { padding-top: 10px; }
.sharethis { position: relative; }
.sharethis .share { position: absolute; left:610px; top: 12px; }
/*
----------------------------------------------
END SIZE AND PLACEMENT
----------------------------------------------
*/



/*
----------------------------------------------
NAV
----------------------------------------------
*/
/* make it pretty */
#top_nav { position: relative; top: 8px; height: 46px; }

#nav { z-index: 2; }

#nav, #nav ul { line-height: 1.5em; background: #041a42; position: relative; }
#nav ul { border: 1px solid #47749b; width: 225px; position: absolute; }
#nav ul li { width: 215px; }
#nav ul li:hover, #nav ul li.sfhover { padding-right: 0; width: 220px; background: #134466; }
#nav li li { padding: 5px 1em 5px 5px; }

#nav a { display: block; color: #fff; text-decoration: none; }

#top_nav ul li a { height: 46px; }
#top_nav ul ul li a { height: auto; }

/* ---- add top_nav images ---- */
/*hide text*/
#nav li div { display: none; }
#nav li li div { display: block; }

/*worship*/
#nav li.page-item-9 { background: url('img/worship_btn.jpg') no-repeat; }
#nav li.page-item-9.current_page_item, #nav li.page-item-9.current_page_parent, #nav li.page-item-9.current_page_ancestor
{ background: url('img/worship_btn_over.gif') no-repeat; }
#nav li.page-item-9:hover { background: url('img/worship_btn_over.gif') no-repeat; }
#nav li.page-item-9 { width: 162px; }

/*about*/
#nav li.page-item-11 { background: url('img/about_btn.jpg') no-repeat; }
#nav li.page-item-11.current_page_item, #nav li.page-item-11.current_page_parent, #nav li.page-item-11.current_page_ancestor
{ background: url('img/about_btn_over.gif') no-repeat; }
#nav li.page-item-11:hover { background: url('img/about_btn_over.gif') no-repeat; }
#nav li.page-item-11 { width: 182px; }

/*giving*/
#nav li.page-item-13 { background: url('img/giving_btn.jpg') no-repeat; }
#nav li.page-item-13.current_page_item, #nav li.page-item-13.current_page_parent, #nav li.page-item-13.current_page_ancestor
{ background: url('img/giving_btn_over.gif') no-repeat; }
#nav li.page-item-13:hover { background: url('img/giving_btn_over.gif') no-repeat; }
#nav li.page-item-13 { width: 132px; }

/*youth*/
#nav li.page-item-15 { background: url('img/youth_btn.jpg') no-repeat; }
#nav li.page-item-15.current_page_item, #nav li.page-item-15.current_page_parent, #nav li.page-item-15.current_page_ancestor
{ background: url('img/youth_btn_over.gif') no-repeat; }
#nav li.page-item-15:hover { background: url('img/youth_btn_over.gif') no-repeat; }
#nav li.page-item-15 { width: 202px; }

/*serving*/
#nav li.page-item-17 { background: url('img/serving_btn.jpg') no-repeat; }
#nav li.page-item-17.current_page_item, #nav li.page-item-17.current_page_parent, #nav li.page-item-17.current_page_ancestor
{ background: url('img/serving_btn_over.gif') no-repeat; }
#nav li.page-item-17:hover { background: url('img/serving_btn_over.gif') no-repeat; }
#nav li.page-item-17 { width: 141px; }

/*media*/
#nav li.page-item-19 { background: url('img/media_btn.jpg') no-repeat; }
#nav li.page-item-19.current_page_item, #nav li.page-item-19.current_page_parent, #nav li.page-item-19.current_page_ancestor
{ background: url('img/media_btn_over.gif') no-repeat; }
#nav li.page-item-19:hover { background: url('img/media_btn_over.gif') no-repeat; }
#nav li.page-item-19 { width: 161px; }
#nav li.page-item-19 ul li:hover ul { left: -225px; }

/* functionality */
#top_nav ul { float: left; }
#top_nav ul li { float: left; display: block; }

#top_nav a { display: block; }
#top_nav a:hover {  }

#top_nav li { position: relative; }
#top_nav ul ul { position: absolute; display: block;}
#top_nav ul ul ul { position: absolute; top: 0; left: 100%; display: block;}

div#top_nav ul ul,
div#top_nav ul li:hover ul ul,
div#top_nav ul ul li:hover ul ul
{left: -999em;}

#top_nav ul li:hover ul { left: auto; }

div#top_nav ul ul li:hover ul,
div#top_nav ul ul ul li:hover ul
{left: 100%;}
/*
----------------------------------------------
END NAV
----------------------------------------------
*/