/* Theme Name: Bainbridge Church Theme URI: http://www.bainbridgechurch.org Description: Tell the world how God moved in your life. ) Version: 1 Author: Aaron Tomberlin */ /* COLOR KEY White: #FFFFFF Black: #000000 Light Gray: #828282 Dark Gray: #383938 */ /* RESET */ * { margin: 0; padding: 0;} html { overflow-y: scroll; } html, body { height: 100% } body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #383938; background:url(../../../assets/bkgd_low.jpg) repeat fixed; } ul { list-style:none; } ol { list-style:none; } a img { border: none; } img { margin: 5px 5px 5px 5px} img a:hover { border:none; background:none; } table { border-collapse: collapse; } /* UTILITY */ .floatLeft { float:left; } .floatRight { float:right; } .clear { clear: both; } .button { border: 2px solid #000000; background: #383938; padding: 3px 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #FFFFFF } .button:hover { background: #828282; color: white } /* TYPGROGRAPHY */ p { font-size: 12px; line-height: 1.2em; margin: 0 0 10px 0; } li { font-size: 12px; line-height: 1.0em; margin: 0 0 10px 0; } p#intro-paragraph { font-family:Georgia, Times New Roman, Times, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px; } p#intro-paragraph span { font-size: 2.0em; font-weight: bold; text-decoration:none; } p#intro-paragraph em { color: #383938; } a { color: #000000; text-decoration:underline; } a:hover { color: #666666; text-decoration:underline; } h1 { font-size: 1.8em; font-family:Arial, Helvetica, sans-serif; font-weight: bold; } h2 { font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom:5px; } h3 { font-size: 1.5em; font-family:Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 10px 0; } h4 { font-family:Arial, Helvetica, sans-serif; color: #383938; font-size: 1.5em; font-weight:bold; padding: 5px 5px 5px 0px;} h5 { list-style:none; color: white; font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; padding: 10px; margin: 0 5px 0 0; } h6 /* home intro */ { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:lighter; } /* STRUCTURE */ #page-wrap { width: 960px; margin: 0px auto -174px; min-height: 100%; height: auto !important; height: 100%; background-color: #FFFFFF; text-align:left; background: url(../../../assets/site_bkgd.jpg) repeat; -moz-box-shadow: 5px -7px 7px #000000, -5px -7px 7px #000000; -webkit-box-shadow: 5px -7px 7px #000000, -5px -7px 7px #000000; box-shadow: 5px -7px 7px #000000, -5px -7px 7px #000000; } #push { height: 200px; } #leftsidebar { width: 170px; float: left; margin-right: 5px; } #leftsidebar a { color:#FFFFFF; text-decoration:none; } #leftsidebar a:hover { color:#CCCCCC; text-decoration:underline; } #main-col { width: 510px; float: left; margin-left: 5px; margin-top: 10px;} #rightsidebar { width: 250px; float: right; margin-right: 5px; margin-top: 10px; } #page-col { width: 720px; float: left; background: #EEEEEE; color: #383938; padding: 10px; margin: 10px 0px 10px 20px; border: dashed 1px #000000; } #pageheading { background: url(../../../assets/blogrollhead.jpg); -moz-border-radius: 10px; -webkit-border-radius: 10px; width:510px; height: 53px; } /* HEADER */ #top-bar { height: 179px; padding: 10px 0px 0px 0px; background: url(../../../assets/header.jpg) top center no-repeat; } #searchform { margin-left:365px;} #social { float:right; width: 90px; margin: 0 20px 0px 0; position:relative; bottom: 4px; } #social a {} #social a:hover { background:none;} #facebook { margin-top:100px; float:right; margin-right:10px;} #facebook a { } #facebook a:hover {background:none; } /* MENU */ .menu-bar { height:33px; margin-top: 170px; padding-left: 0px; margin-bottom: 0px; background:#FFFFFF; border-top:solid 1px #000000;} ul#main-nav { width: 960px; height: 33px; float: left; margin: 10px 0px 0px 0px; } body#calendar ul#main-nav li.calendar a, body#ministries ul#main-nav li.ministries a, body#ourbeliefs ul#main-nav li.ourbeliefs a, body#pastor ul#main-nav li.pastor a, body#contact ul#main-nav li.contact a { background: #000000; color: #FFFFFF; border-top: 8px solid #000000; border-bottom:7px solid #000000; border-left: 9px solid #000000; border-right: 9px solid #000000; overflow:hidden; } ul#main-nav li a { text-transform: uppercase; background:#FFFFFF; font-size: 16px; color:#000000; margin: 0px 6px 0px 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; border-left: 9px solid #FFFFFF; border-right: 9px solid #FFFFFF;} ul#main-nav li {list-style:none outside none; display:inline; } ul#main-nav li a:active { background: #000000; color: #FFFFFF; border-top: 8px solid #000000; border-bottom:7px solid #000000; border-left: 9px solid #000000; border-right: 9px solid #000000; overflow:hidden;} ul#main-nav li a:hover { background: #000000; color: #FFFFFF; border-top: 8px solid #000000; border-bottom:7px solid #000000; border-left: 9px solid #000000; border-right: 9px solid #000000; overflow:hidden;} /* PAGES */ #slideshow_container { width:956px; height: 245px; background: #000000 ; margin:25px 0 0px 0; padding-top: 4px; padding-left: 4px;} #slideshow { } #pastorimg { float:right; text-align:center; font-weight:bold;} #contactinfo { width: 370px; font-weight:bold; } #article-wrap { width: 700px; margin: 0px auto -174px; min-height: 100%; height: auto !important; height: 100%; background-color: #FFFFFF; text-align:left; } #article { width: 680px; padding: 10px; } #google_calendar { width: 740px; float: left; padding: 10px; margin: 10px 5px 10px 5px; } /* BLOG ENTRIES */ .post { background: #ffffff; color: #000000; padding: 10px; margin: 0px 0 10px 0; border-bottom:dashed 1px #000000; } /*border: solid 2px #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; } */ .post h2 { } .datebox { width: 24px; float:left; padding: 5px; background: #000000; color: white; text-align: center; margin: 2px 10px 3px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .day { font-size: 1.8em; font-weight: bolder; margin: 0; } .month { font-size: 1.0em; font-weight: bolder; text-transform:uppercase; margin: 0; } .year { font-size: 1.0em; font-weight: bolder; margin: 0; } ol.commentlist { list-style: none; } .comment-bubble { background:#a4b7db; color: #383938; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:solid 2px #2f497a; } ol.commentlist li p { font-size: 1.0em } #pagepush { width: 960px; height: 25px; margin-bottom: 10px; border-bottom:solid 1px #000000; } /* WIDGETS */ .widget { list-style:none; width: 170; /* background: #383938; border-right: 2px solid #000000; border-bottom: 2px solid #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; */ margin: 0 10px 15px 0; } .widget h2 { font-size: 14px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; padding: 8px 0 5px 10px;} .widget p { font-size: 12px; line-height: 1.0em; margin: 0 0 10px 0; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; } .widget inside { padding: 10px; } .widget ul { list-style: none; margin-left: 15px; } .widget ul a { display: block; padding: 0px; color:white; } .widget ul li a:hover { background: #000000 color: white; } .thumb { width: 62px; float:left; margin: 0 0 10px 15px; } #links { margin-top: 0px; } #worshipservices { width: 250px; height: 333px; background: url(../../../assets/worshipservices.jpg); border-right: 2px solid #000000; border-bottom: 2px solid #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 10px 15px 0; } #worservcontent { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; font-weight:bold; padding: 60px 10px 10px 15px; } #map { width: 250px; height: 330px; background: url(../../../assets/map.jpg); border-right: 2px solid #000000; border-bottom: 2px solid #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 10px 15px 0; } #googlemap { padding: 70px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; font-weight:bold; } #maillist { width: 170; height:50px; /*background: #383938;border-right: 2px solid #000000; border-bottom: 2px solid #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; */ padding-left: 6px; padding-top:8px; margin: 0 10px 5px 0; } /* FOOTER */ #footer { height: 141px; background:url(../../../assets/footer_bkgd.jpg) bottom center no-repeat; padding: 0px; padding-top: 34px;} #footer-inside { width: 960px; margin: 0 auto; font-size:12px; color:white; font-weight:bold; text-align:center; padding: 30px 0px 0 20px; } #footer-inside a { font-size:12px; color:white; } #footer-inside a:hover { font-size:12px; color: #999999; background: none; }