/* @override http://www.firstcolonychurch.org/_css/sec-sermonlist.css */

#wrapper{width:100%;margin:0 auto;height:100%;}
#content{width:950px;margin:0 auto;text-align:left;}
#home-header-link{position:absolute;top:36px;float:left;}
#menu{height:35px;text-align:left;padding:67px 0 0 320px;font-weight:bold;background:url(../_img/sec-menu-bg.jpg) top left no-repeat;}
#columns{background:url(../_img/sec-2-col-repeat-y.jpg) top center repeat-y;}
#columns .left{float:left;width:269px;border-right:1px solid #d4d4d4;background:url(../_img/sec-2-col-left-col-no-hea.jpg) top left no-repeat;}
#home-link{margin-left:10px;margin-top:5px;}
.howitworks{width:182px;height:280px;overflow:hidden;background:url(../_img/sermon-how-it-works-bg.jpg) top left no-repeat;padding:22px;font-size:11px;color:#3c3c3c;margin-left:22px;margin-top:10px;}
.howitworks h4{font-size:17px;color:#2d2d2d;font-family:Helvetica, Trebuchet MS, sans-serif;margin:0;padding:0;text-transform:uppercase;padding-bottom:12px;}
.howitworks ul{list-style-type:none;margin:0;padding:0;}
.howitworks ul li.play{display:block;padding:2px 0 3px 45px;margin-bottom: 18px;}
.howitworks ul li.save{display:block;padding:2px 0 5px 45px;margin-bottom: 20px;}
.howitworks ul li.dlnotes{display:block;padding:2px 0 5px 45px;margin-bottom: 20px;}
.howitworks ul li.video{display:block;padding:2px 0 5px 45px;margin-bottom: 20px;}
.subscribe{margin-top:22px;float:left;margin-left:22px;}
.sermonSubscribe{float: left;display: inline;width:200px;height: 56px;overflow:hidden;background:url(../_img/sermon-email-subscribe.jpg) top left no-repeat;padding:22px 13px;font-size:11px;color:#3c3c3c;margin-left:22px;margin-top:10px;}
.sermonSubscribe h4{font-size:12px;color:#2d2d2d;font-family:Helvetica, Trebuchet MS, sans-serif;margin:0;padding:0;text-transform:uppercase;padding-bottom:8px;}
.sermonSubscribe input.email{width: 120px;height: 20px;padding: 3px 0 0 3px;margin-bottom: 4px;float: left;display: inline;color: #878787;}
.sermonSubscribe input.submit{width: 65px;height: 26px;float: left;display: inline;margin: 0 0 0 4px;border: none;background: #0077c0;color: #fff;font-size: 11px;}
.sermonSubscribe p{clear: both;margin-top: 5px;}
.sermonSubscribe p a{color: #0077c0;}

#columns .center{float:right;text-align:left;width:679px;background:url(../_img/sec-2-col-center-sermon-bg.jpg) top right no-repeat;}
.center #center-content{margin:9px 20px 0px 24px; color:#5c5c5c;font-size:12px;line-height:20px;font-family:Arial;}
.center #center-content .pagination{height:30px;}
.center #center-content .pagination a{color:#67b5e6;margin-left:6px;margin-right:6px;text-decoration:underline;}
.center #center-content .pagination #current{color:#959595;text-decoration:none;}
.center #center-content .pagination #next{width:13px;height:13px;background:url(../_img/pagination-next.jpg) no-repeat top left;font-size:0 !important;position:absolute;text-decoration:none;margin-top: 3px;}
.center #center-content blockquote{font-style:italic;color:#929292;font-size:13px;}
.center #center-content #latest{background:url(../_img/sec-latest-bg-tall.jpg) no-repeat top left;width:633px;overflow: hidden;margin-bottom:-8px;margin-top:15px;}
.center #center-content #latest .image{float:left;padding:12px;width:80px;height:48px;}
.center #center-content #latest .image img{width:80px;height:60px;}
.center #center-content #latest .wrap{padding:0 10px;float:left; width: 350px;}
.center #center-content #latest .mediabox{float:right;width:150px;text-align:left;padding-top:25px;}
.center #center-content #latest .mediabox a{border-right:1px solid #7c756f;padding:5px 6px;height:21px;width:20px;display:inline;color:#fff;text-indent: -9999em;}
.center #center-content #latest .mediabox .play a{background:url(../_img/ico-audio-latest.jpg) no-repeat center center;font-size: 0 !important;float:left;}
.center #center-content #latest .mediabox .save a{background:url(../_img/ico-save-latest.jpg) no-repeat center center;font-size: 0 !important;float:left;}
.center #center-content #latest .mediabox .notes a{background:url(../_img/ico-notes-latest.jpg) no-repeat center center;font-size: 0 !important;float:left;}
.center #center-content #latest .mediabox .video a{background:url(../_img/ico-video-latest.jpg) no-repeat center center;font-size: 0 !important;float:left;border-right:0 none;}
.center #center-content #latest h5{margin:0;padding:0;font-size:12px;color:#108858;line-height:12px;padding-top:10px;padding-bottom:8px;}
.center #center-content #latest h4 a{margin:0;padding:0;font-size:16px;color:#515151;line-height:16px;}
.center #center-content #latest .info{list-style-type:none;margin:0;padding:0;font-size:11px;color:#7c756f;font-family:Helvetica, Trebuchet MS, sans-serif;line-height:12px;}
.center #center-content #latest .info li{display:inline;padding-left:5px;padding-right:5px;border-right:1px solid #7c756f;margin:0;}
.center #center-content #sermonlist .info li{display:inline;padding-left:5px;padding-right:5px;border-right:1px solid #7c756f;margin:0;}
.center #center-content #sermonlist ul.info li.date,
.center #center-content #latest ul.info li.date{padding-left:0;}
.center #center-content #sermonlist{background:url(../_img/sermonlist-bg.jpg) no-repeat top left;width:633px;height:90px;margin-bottom:24px;padding-top:25px;float:left;height:100%;}
.center #center-content #sermonlist h3{color:#7c756f;font-family:Lucida Grande, Lucida Sans Unicode, sans-serif;font-size:14px;}
.center #center-content #sermonlist .mediabox a{color:#fff;}
.center #center-content #sermonlist .sermon{border-bottom:1px solid #cacaca;width:633px;float:left;padding-bottom: 12px;}
.center #center-content #sermonlist .image{float:left;padding:12px;width:80px;height:48px;}
.center #center-content #sermonlist .image img{width:80px;height:60px;}
.center #center-content #sermonlist .wrap{padding:0 10px;float:left;width: 350px;}
.center #center-content #sermonlist .mediabox{float:right;width:150px;text-align:left;padding-top:25px;}
.center #center-content #sermonlist .mediabox a{border-right:1px solid #7c756f;padding:5px 6px;height:21px;width:20px;display:inline;text-indent:-999em;}
.center #center-content #sermonlist .mediabox .play a{background:url(../_img/ico-audio2.jpg) no-repeat center center;font-size: 0 !important;float:left;}
.center #center-content #sermonlist .mediabox .save a{background:url(../_img/ico-save2.jpg) no-repeat center center;font-size: 0 !important;float:left;}
.center #center-content #sermonlist .mediabox .notes a{background:url(../_img/ico-notes2.jpg) no-repeat center center;font-size: 0 !important;float:left;}
.center #center-content #sermonlist .mediabox .video a{background:url(../_img/ico-video2.jpg) no-repeat center center;font-size: 0 !important;float:left;border-right:0 none;}
.center #center-content #sermonlist .wrap h4{padding-top:15px;}
.center #center-content #sermonlist .wrap h4 a{margin:0;padding:0;font-size:16px;color:#0077c0;line-height:16px;}
.center #center-content #sermonlist .info{list-style-type:none;margin:0;padding:0;font-size:11px;color:#3c3c3c;font-family:Helvetica, Trebuchet MS, sans-serif;line-height:12px;width: 409px;}
.center #center-content #sermonlist .info li{display:inline;padding-left:10px;padding-right:10px;border-right:1px solid #3c3c3c;}
#footer{height:42px;line-height:32px;background:url(../_img/sec-2-col-footer-bg.jpg) top center no-repeat;padding-top:21px;}
#copyright .copy{float:left;}
#copyright .ecfa{float:right;}
.text input, .textarea textarea{width:500px;}
/* 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 */