/* @override http://firstchurch.monkcms.net/_css/styles.css */

/* Site: First Church Carollton */

body{
  font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;/* web safe fonts */
  font-size: 62.5%; /* Rest font to a 10px baseline when using ems */
  font-weight: normal;
  line-height: 140%;
  background: #224557 url(/_img/bg_body.gif) repeat-x center -3px;
  border-top: 3px solid #346983;
  background-attachment: fixed;
}

h2{
  font-size: 1.8em;
  color: #972626;
  line-height: 2em;
}
h3{
  font-size: 1.6em;
  color: #262626;
  line-height: 1em;
}
h4{
  font-size: 1.4em;
  color: #3b7795;
  border-bottom: 2px solid #e2e2e2;
  line-height: 1.6em;
  margin-bottom: 2px;
  text-transform: uppercase;
}

h5{
  font-size: 1.4em;
  color: #a00000;
  border-bottom: 1px solid #e2e2e2;
  line-height: 1.6em;
  margin-bottom: 2px;
  text-transform: uppercase;
}

h6{
  font-size: 1.4em;
  font-style: italic;
  color: #989898;
}

h2, h3, h4, h5, h6, strong {font-weight: bold;}

* a{text-decoration: none;}

/* @group Helper Classes */
#skip{
  position: absolute;
  list-style: none;
  display: block;
  height: 0;
  overflow: hidden;
}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix{
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{
  height: 1%;
}
.clearfix{
  display: block;
}
/* End hide from IE-mac */
/* @end */

/* @group MetaNav */
#metaNav {
  background: url(/_img/bg_metaNav.png) no-repeat right top;
  width: 330px;
  height: 27px;
  right: 19px;
  position: absolute;
  z-index: 10;
}
p#ministry{
  color: #ffffff;
  float: left;
  margin: 0 0 0 8px;
}

p#ministry a{
  color: #ffffff;
  line-height: 27px;
  margin-left: 16px;
  padding-left: 24px;
  font-size: 12px;
  background: url(/_img/min_arrow.gif) no-repeat left 3px;
}
p#ministry.open a{
  background-position: -10px -13px;
}
#searchForm{
  position: absolute;
  right: 14px;
  top: 1px;
  height: 22px;
}

#searchForm fieldset{
  margin: 0;
  padding: 0;
}

#searchForm input#search_term{
  border: none;
  background: url(/_img/bg_search.gif) no-repeat left top;
  width: 140px;
  padding: 3px 5px;
  height: 14px;
  margin-right: 0;
}

#searchForm a#search_go{
  color: #ffffff;
  font-size: 12px;
  line-height: 23px;
  margin-right: 6px;
}
/* @end */

/* @group Ministry Index */
#ministry_index_holder{
  display: none;
  width: 100%;
  background: url(/_img/bg_ministry_index.gif) repeat-x left bottom;
  position: relative;
  z-index: 100;
}

#ministry_index{
  margin: 0 auto;
  padding: 30px 10px;
  width: 940px;
}

#ministry_index div.column{
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  width: 220px;
  margin-right: 20px;
}

#ministry_index div.column.last{
  margin-right: 0;
}

#ministry_index p{
  color: #ffffff;
  margin-bottom: 0;
  font-weight: bold;
}

#ministry_index ul{
  margin-bottom: 10px;
}

#ministry_index ul li{
  line-height: 1.5em;
}

#ministry_index ul li a{
  color: #e2e2e2;
  text-decoration: none;
}

#ministry_index ul li a:hover{
  color: #ffffff;
}

/* @end */
/* @group Header */
/* @end */

/* @group QuickNav */
ul#quickNav {
  width: 317px;
  float: left;
  display: inline;
  margin: -2px 0 15px -3px;
}

body#home ul#quickNav{
  margin: 35px 0 0 22px;
}

ul#quickNav li{
  float: left;
}

ul#quickNav li a{
  display: block;
  background: url(/_img/quickNav3.png) no-repeat;
  text-indent: -9999px;
  height: 55px;
}

ul#quickNav li a.home{width: 41px;background-position: 0 0;}
ul#quickNav li a.home:hover{background-position: 0 -58px;}

ul#quickNav li a.calendar{width: 53px;background-position: -41px 0;}
ul#quickNav li a.calendar:hover{background-position: -41px -58px;}

ul#quickNav li a.email{width: 40px;background-position: -94px 0;}
ul#quickNav li a.email:hover{background-position: -94px -58px;}

ul#quickNav li a.podcast{width: 48px;background-position: -135px 0;}
ul#quickNav li a.podcast:hover{background-position: -135px -58px;}

ul#quickNav li a.rss{width: 41px;background-position: -183px 0;}
ul#quickNav li a.rss:hover{background-position: -183px -58px;}

ul#quickNav li a.facebook{width: 53px;background-position: -223px 0;}
ul#quickNav li a.facebook:hover{background-position: -223px -58px;}

ul#quickNav li a.twitter{width: 41px;background-position: -276px 0;}
ul#quickNav li a.twitter:hover{background-position: -276px -58px;}

/* @end */

/* @group Navigation */
#accordion{
  background: url(/_img/nav_btm2.png) no-repeat bottom left;
  padding-bottom: 5px;
  float: right;
  display: inline;
  margin-bottom: 10px;
  height: 345px;
}

body#home #accordion{
  clear: right;
}

ul#navigation{
  width: 310px;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

ul#navigation li a.head{
  background: url(/_img/nav_li.gif) repeat-x;
  line-height: 30px;
  display: block;
  color: #ffffff;
  font-size: 14px;
  padding-left: 10px;
  text-decoration: none;
}

ul#navigation li a.head.first{
  background: url(/_img/nav_li-first.png) no-repeat left top;
}

ul#navigation li a.head.last{
  background: url(/_img/nav_li-last.png) left bottom;
}

ul#navigation li a.head.last.ui-state-active{
  background: url(/_img/nav_li.gif) repeat-x;
}

ul#navigation li.current a,
ul#navigation li.current li.current a,
ul#navigation li.current li.current li.current a{
  color: #ffffff;
}

ul#navigation li ul{
  background: #5b5b5b;
  height: 200px;
  padding: 0 0 0 10px;
  margin: 0;
  overflow: auto;
}

ul#navigation li ul.lastUl{
  height: 196px;
  background: none;
}

ul#navigation li ul li a,
ul#navigation li.current ul li a,
ul#navigation li.current li.current li a{
  color: #c6c6c6;
  font-size: 12px;
  line-height: 20px;
}

ul#navigation li ul li ul{
  display: none;
  height: auto;
}
ul#navigation li ul li.current ul{
  display: block;
}
/* @end */

/* @group Home page */
body#home #container-inner{
  background: url(/_img/bg_home.png) no-repeat left top;
  position: relative;
  padding: 23px 29px 18px 31px;
}

body#home #header{
  background: url(/_img/bg_header2.png) no-repeat;
  height: 144px;
  padding-top: 20px;
  margin-bottom: -17px;
  margin-left: 1px;
}

body#home #header h1{
}

body#home #header h1 a{
  background: url(/_img/bg_h1.png) no-repeat left top;
  display: block;
  width: 605px;
  margin: 0 0 0 30px;
  float: left;
  padding-top: 120px;
}

#homeImg{
  width: 620px;
  height: 350px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  float: left;
  display: inline;
}

#homeImg #imageMask.left {
  background: url(/_img/home_img_mask-left.png) no-repeat;
  width: 5px;
  height: 350px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#homeImg #imageMask.right {
  background: url(/_img/home_img_mask-rt.png) no-repeat;
  width: 6px;
  height: 350px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

#homeEvents{
  background: url(/_img/home_events.gif) no-repeat left top;
  clear: both;
  height: 260px;
  width: 620px;
  float: left;
  display: inline;
}

#visitorLinks{
  float: right;
  display: inline;
}

#visitorLinks ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#visitorLinks ul li{
  margin: 0;
  padding: 0;
}
#visitorLinks ul li a{
  background: url(/_img/links_home-btns.gif) no-repeat left top;
  display: block;
  width: 310px;
  height: 0;
  padding-top: 68px;
  overflow: hidden;
  margin-bottom: 10px;
}

#visitorLinks ul li a.link-9061:hover{background-position: left -224px;}
#visitorLinks ul li a.link-9062{background-position: left -78px;}
#visitorLinks ul li a.link-9062:hover{background-position: left -302px;}
#visitorLinks ul li a.link-9063{background-position: left -156px;}
#visitorLinks ul li a.link-9063:hover{background-position: left -380px;
}

body#home #address{
  float: right;
}

#address{
  position: absolute;
  right: 31px;
  bottom: 19px;
  z-index: 100000;
}

#address p{
  text-align: right;
  margin: 0;
  font-size: 12px;
}
#address p a{
  color: #ababab;
}


/* @end */

/* =Container
---------------------------------------------------------------------
*/

#container{
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

#header{
}

#header h1{
  margin: 0 24px 0 0;
}

#header h1 a{
  background: url(/_img/bg_h1-sub2.png) no-repeat;
  display: block;
  height: 0;
  float: right;
  display:inline;
  margin-top: 61px;
  margin-right: 2px;
  margin-left: -5px;
  padding-top: 69px;
  width: 311px;
  overflow: hidden;
}

#pgHeader{
  margin-bottom: -15px;
  margin-left: 3px;
  height: 164px;
  width: 663px;
  background: url(/_img/bg_page-header.png);
  float: left;
  display: inline;
}

#pgHeader img{
  margin-top: 8px;
  margin-left: 17px;
}

/* =Container-Inner
---------------------------------------------------------------------
*/
#container-inner{
  clear: both;
  position: relative;
  z-index: 10;
  /* padding: 0 29px 18px 29px; */
  background: url(/_img/bg_content-top.png) no-repeat left top;
  padding-top: 330px;
  padding-bottom: 321px;
}

/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
  background: url(/_img/bg_content-rpt.png) repeat-y left top;
  position: relative;
  z-index: 5;
}
/* =Content
---------------------------------------------------------------------
*/

#content{
  width: 568px;
  float: left;
  display: inline;
  margin-left: 50px;
  margin-top: -300px;
  margin-bottom: -290px;
  position: relative;
  z-index: 10;
}

#content .text{
  clear: both;
}

#content p,
#content li{
  font-size: 1.2em;
  line-height: 1.5;
}

#content ul{
  margin: 0 0 1em 1.5em;
}

#content ol{
  list-style-type: decimal;
  margin: 0 0 1em 3em;
}

#content li{
  color: #030303;
}

#content ul li{
  background: url(/_img/li.gif) no-repeat left 4px;
  padding-left: 15px;
}

#content table{
  font-size: 1.2em;
}

#content blockquote,
#content .blockquote,
#content p.blockquote{
  font-size: 1.4em;
  font-family: "Times New Roman";
  font-style: italic;
  margin-left: 5px;
  margin-bottom: 10px;
  padding: 12px;
  background: #e2e2e2;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#content hr{
  display: block;
  margin-bottom: 1em;
}

#content a{
  color: #3b7795;
}

#content a:hover{
  text-decoration: underline;
}

#content img{
  float: left;
  margin: 0 10px 5px 0;
}

#content #text{
  clear: both;
}

#content form label.pwUpdate{
  float: left;
  width: 90px;
  text-align: right;
  margin-right: 10px;
}

/* @group Blog */
div.post{
  border-bottom: 1px solid #989898;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

h3.date{
  background:url(/_img/blog_arrow-dwn.gif) no-repeat left center;
  color: #989898;
  padding-left: 15px;
}

#content h2.blogposttitle,
#content h2.blogposttitle a{
  color: #972626;
  padding-left: 10px;
}

#content p.info,
#content p.tags{
  background:url(/_img/blog_arrow-right.gif) no-repeat left center;
  color: #989898;
  padding-left: 15px;
  font-weight: bold;
  margin-bottom: 0;
}
p.tags{
  background: none;
  font-weight: normal;
}

#comments{
  margin-bottom: 10px;
  clear: both;
}

#comments label{
  color: #989898;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 2;
}

#comments form textarea{
  width: 100%;
  margin-bottom: 10px;
}

#comments p.thanks{
  margin-top: 10px;
  font-style: italic;
}

#comments h5{
  color: #989898;
  font-size: 1.2em;
  line-height: 2;
}

#comments h5 span{
  color: #972626;
}

#comments div.commentText{
  font-size: 1.2em;
  padding-left: 10px;
  margin-bottom: 10px;
}

/* @end */

/* @group Sidebar */

#sidebar{
  width: 310px;
  float: right;
  display: inline;
  position: relative;
  z-index: 15;
  margin-top: -300px;
  margin-bottom: -300px;
  margin-right: 30px;
  padding-bottom: 30px;
}

/* Sidebar - Sermons */

#sidebar p#side-podcastlink{
  position: absolute;
  width: 49px;
  height: 40px;
  top: 23px;
  right: 0;
  margin: 0;
  text-indent: -9999px;
}

#sidebar p#side-podcastlink a{
  display: block;
  height: 40px;
  background: url(/_img/bg_sidebar_podcastlink.png) no-repeat;
}

#sidebar p#filter{
  margin: 20px 0 25px;
  font-size: 1.2em;
  color: #d4d4d4;
  font-weight: bold;
}

#sidebar p#filter select{
  width: 130px;
  margin-left: 8px;
}

#sidebar .sermonSB{
  position: relative;
  clear: both;
}

#sidebar .sermonSB h3{
  color: #d4d4d4;
}

#sidebar .sermonSB ul{
  list-style: none;
}

/* #sidebar .sermonSB ul li{
  line-height: 1.1;
  padding: 4px;
}

#sidebar .sermonSB ul li:hover{
  background: #f6f5f3;
}

#sidebar .sermonSB ul li:hover a{
  color: #3b7795;
}
*/

#sidebar .sermonSB ul li a{
  color: #c6c6c6;
}
#sidebar .sermonSB ul li a:hover{
  color: #ffffff;
  text-decoration: underline;
}


#sidebar .section-wrap{
  clear: both;
  background: url(/_img/bg_sb-section-top.png) no-repeat top left;
  padding-top: 5px;
}

#sidebar .section{
  background: url(/_img/bg_sb-section-btm.png) no-repeat bottom left;
  padding:5px 10px 10px;
  font-size: 1.2em;
  color: #ffffff;
  height: 100%;
  margin-bottom: 10px;
}

#sidebar .section h5{
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 12px;
  border: none;
  margin-bottom:2px
}

#sidebar .section p{
  margin-bottom: 5px;
  color: #c6c6c6;
}

#sidebar .section a{
  color: #c6c6c6;
}
#sidebar .section a:hover{
  color: #ffffff;
  text-decoration: underline;
}

#sidebar .section p a{
  color: #ffffff;
}

#sidebar .section ul{
  margin-bottom: 10px;
}

/*negative margins hide background images*/
#sidebar .section img{
  margin:-10px -10px -20px;
  position: relative;
}

/* @end */

/* = Sermons  
---------------------------------------------------------------------
*/

#content h5.current{
  margin-bottom: 10px;
  font-size: 1.4em;
  padding: 2px 3px 1px;
  background: #972626;
  color: #ffffff;
  display: inline;
  border: none;
  line-height: 1;
}


#sermons #content h3 a:hover{
  text-decoration: underline;
}

#sermons #content h3.sermongroup{
  margin: 10px 0 10px;
}

#content #current-sermon{
  padding: 20px 0 40px;
  border-top: 3px solid #972626;
}

#content #current-sermon p{
  margin: 0;
}

#content #current-sermon p.series,
#content #current-sermon p.category{
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
}

#content #current-sermon p.series a,
#content #current-sermon p.category a{
  font-weight: normal;
  text-decoration: none;
}

#content #current-sermon p.series a:hover,
#content #current-sermon p.category a:hover{
  text-decoration: underline;
}

#content #current-sermon p.byline{
  margin-bottom: 1em;
  line-height: 1.2;
  color: #545454;
}

/* #mediabox controls "feature" sermon and sermon detail */
#content ul#mediabox{
  float: right;
  display: inline;
  padding: 5px 5px 4px;
  list-style: none;
  border: 1px solid #e3dfda;
  background: #EDEBE8;
  margin: 0 0 20px 20px;
  width: 228px;
}

#content ul#mediabox li{
  margin: 0 0 2px;
  padding: 0;
  background: url(/_img/bg_mediabox_li.png);
  font-size: 1.2em;
  float: left;
}

#content #mediabox li a{
  display: block;
  width: 78px;
  height: 23px;
  padding: 7px 0 0 36px;
  color: #545454;
  background-position: 18px 9px;
  background-repeat: no-repeat;
}

#content li#mb_listen a{
  background-image: url(/_img/bg_mb_listen.png);
}

#content li#mb_download a{
  background-image: url(/_img/bg_mb_download.png);
}

#content li#mb_video a{
  background-image: url(/_img/bg_mb_watch.png);
}

#content li#mb_notes a{
  background-image: url(/_img/bg_mb_notes.png);
}

#content .sermonbox{
  position: relative;
  clear: both;
  padding: 10px 15px 8px;
  border-top: 1px solid #e3dfda;
  background: #EDEBE8;
}

#content .sermonbox.alt{
  background: #f6f5f3;
}

#content .sermonbox:hover{
  background: #DCDCDC;
}

#content .sermonbox h4{
  margin: 0 0 5px;
  font-size: 1.4em;
  line-height: 1.3;
  text-transform: none;
  border:none;
}

#content .sermonbox h4 a{
  text-decoration: none;
}

#content .sermonbox h4 a:hover{
  text-decoration: underline;
}

.sermonmeta{
  width: 310px;
}

#content .sermonbox p{
  font-size: 1.2em;
}

#content .sermonbox p.comments{
  height: 15px;
  margin: 0;
  padding-left: 19px;
  background: url(/_img/bg_comments.gif) no-repeat left center;
}

#content .sermonbox.alt p.comments{
  background-position: left bottom;
}

#content .sermonbox:hover p.comments{
  background-position: left top;
}

#content .sermonbox p.comments a{
  color: #0F6131;
}

#content .sermonbox ul{
  position: absolute;
  top: 12px;
  right: 13px;
  _right: 43px;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 999;
}

#content .sermonbox li{
  float: left;
  padding: 0;
  background: none;
  text-indent: -9999px;
}

#content .sermonbox li a{
  display: block;
  width: 36px;
  height: 29px;
  background-repeat: no-repeat;
}

#content .sermonbox:hover li a{
  background-position: left top;
}

#content .sermonbox li.sl_listen a{
  background-image: url(/_img/bg_sermonlist_listen.png);
}

#content .sermonbox li.sl_download a{
  background-image: url(/_img/bg_sermonlist_download.png);
}

#content .sermonbox li.sl_video a{
  background-image: url(/_img/bg_sermonlist_video.png);
}

#content .sermonbox li.sl_notes a{
  background-image: url(/_img/bg_sermonlist_notes.png);
}

#content .sermonbox a{
}

#pagination span.paginate_label{
  display: block;
  float: left;
  margin-right: 5px;
}

#pagination a#off{
  display: none;
}

p#pagination{
  float: left;
  display: block;
  margin: 20px 0 0;
  line-height: 14px;
  height: 14px;
}

#pagination a#current{
  font-weight: bold;
  display: block;
  color: #464646;
  float: left;
  margin: 0 8px;
  text-decoration: none;
}

#pagination a{
  margin: 0 8px;
  text-decoration: underline;
  display: block;
  float: left;
}

#pagination a:hover{
  text-decoration: none;
}

#pagination a#next{
  width: 14px;
  text-indent: -9999px;
  height: 14px;
  margin-top: 1px;
  margin-left: 4px;
  background: url(/_img/bg_paginate_next.png) no-repeat;
}

#pagination a#previous{
  width: 14px;
  height: 14px;
  text-indent: -9999px;
  margin: 1px 4px 0;
  background: url(/_img/bg_paginate_prev.png);
}

#sermons p#backtoarchive{
  margin-top: 20px;
  float: left;
}

#sermons p#backtoarchive a{
  display: block;
  padding: 3px 10px;
  border: 1px solid #e3dfda;
  background: #EDEBE8;
  line-height: 1.5;
}

#content ul#byline{
  float: left;
  display: inline;
  padding: 5px 5px 4px;
  list-style: none;
  margin: 0 0 20px;
  max-width: 380px;/* keeps byline from overflowing into ul#mediabox */
   _width: 380px;
}

/* = Events  
---------------------------------------------------------------------
*/

#content #calendar-outer{
  position: relative;
}

#content table.calendar{
  margin-bottom: 25px;
  border: 1px solid #e3dfda;
  border-right: 0;
  border-bottom: 0;
  border-collapse: collapse;
  font-size: 1em;
}

#content table.calendar caption{
  padding-bottom: 15px;
  padding-top: 2px;
  font-size: 1.8em;
  font-weight: normal;
  color: #989898;
}

#content table.calendar caption span{
  position: absolute;
  top: 0;
  width: 18px;
  height: 0;
  padding-top: 19px;
  overflow: hidden;
  color: #8A4700;
}

#content table.calendar caption span.calendar-prev{
  left: 190px;
  background-image: url(/_img/bigcal_previous.png);
}

#content table.calendar caption span.calendar-next{
  right: 190px;
  background-image: url(/_img/bigcal_next.png);
}

#content table.calendar th{
  padding: 6px 0;
  background: #EDEBE8;
  color: #545454;
  font-size: 1.3em;
  font-weight: normal;
  text-align: center;
}

#content table.calendar td{
  width: 100px;
  height: 68px;
  padding: 2px;
  border: 1px solid #e3dfda;
  border-left: 0;
  border-top: 0;
  background: #FFF;
  color: #626262;
  font-size: 1em;
  vertical-align: top;
}

#content table.calendar td.empty{
  background: #f6f5f3;
}

#content table.calendar td a{
  text-decoration: none;
}

#content table.calendar td ul{
  margin: .5em 0 0 .5em;
  font-size: 100%;
  list-style: none;
  padding: 0;
}

#content table.calendar td li{
  padding-left: 8px;
  margin-left: 0;
  margin-bottom: .75em;
  font-size: 1.1em;
  line-height: 1.2;
  background: none;
}

#content table.calendar td li a{
  text-decoration: underline;
}

#content table.calendar td li a:hover{
  text-decoration: none;
}
#TB_overlay {
/*position: fixed;*/
position: absolute;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}

/* =Footer
---------------------------------------------------------------------
*/
#footer{
  background: url(/_img/bg_content-btm.png) no-repeat left top;
  padding: 321px 29px 0;
  margin-top: -321px;
  position: relative;
  z-index: 1;
}

body#home #footer{
  padding: 321px 29px 0;
  background: none;
}

#footer .left{
  float: left;
}

#footer .powered{
  float: left;
  margin-left: 240px;
  text-align: center;
}

#footer .right{
  float: right;
  text-align: right;
}

#footer .right p{
  text-align: right;
}

#footer ul{
  list-style-type: none;
}

#footer p,
#footer li,
#footer a{
  color: #d4d4d4;
  font-size: 12px;
}