/* Theme Name: Heritage Christian Fellowship Description: Custom theme for Heritage Christian Fellowship. Originally designed by Stronghold Studios. Version: 1.1 Author: Will Norris Author URI: http://willnorris.com/ Template: thematic */ /* YUI Reset CSS (BSD License) - http://developer.yahoo.com/yui/reset/ */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;} /*input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}*/ /* YUI Fonts CSS (BSD License) - http://developer.yahoo.com/yui/fonts/ */ body{font:12px/1.333 'lucida grande',arial,helvetica,clean,sans-serif;}select,input,button,textarea,button{font:99% 'lucida grande',arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;} /* changed base font to 12px (instead of 13px). New percentages for obtaining px size: * * 09 - 75% 16 - 133% 23 - 192% 30 - 250% 37 - 308% 44 - 367% * 10 - 83% 17 - 142% 24 - 200% 31 - 258% 38 - 317% 45 - 375% * 11 - 92% 18 - 150% 25 - 208% 32 - 267% 39 - 325% 46 - 383% * 12 - 100% 19 - 158% 26 - 217% 33 - 275% 40 - 333% 47 - 392% * 13 - 108% 20 - 167% 27 - 225% 34 - 283% 41 - 342% 48 - 400% * 14 - 117% 21 - 175% 28 - 233% 35 - 292% 42 - 350% 49 - 408% * 15 - 125% 22 - 183% 29 - 242% 36 - 300% 43 - 358% 50 - 417% */ /* blue #014060 */ /* orange #FFCC00 */ html,body { color: #FFF; background: #525252 url('images/background.png') top center repeat; } body { font-family: Georgia, 'Times New Roman', Times, serif; } /** Common elements */ em { font-style: italic; } strong { font-weight: bold; } p { margin-bottom: 1em; } hr,div.hr { height: 17px; border: 0; margin: 1em 0; clear: both; background: url('images/horizontal-rule-trans.png') center center no-repeat; } div.hr hr { display: none; } abbr { border-bottom: 1px dotted #666; } pre { background: #444; opacity: 0.7; border: 1px solid #333; padding: 1.5em; margin-bottom: 1.3em; } pre > code { line-height: 1.75em; } blockquote { margin: 1.5em; color: #CCC; font-style: italic; } dt { font-weight: bold; } dd { margin-left: 1.5em; } a { text-decoration: none; } a:link, a:hover, a:visited { color: #FFCC00; } a:hover { text-decoration: underline; } a:active, a:focus { outline: none; } h1, h2, h3, h4 { font-family: Georgia, 'Times New Roman', Times, serif; } h1, h2, h3, h4 { margin: 0.5em 0 0.25em 0; } h1 { font-size: 183%; color: #FFF; text-shadow: #000 2px 3px 5px; } h2 { font-size: 150%; color: #FFF; margin-bottom: 0em; } h3 { font-size: 142%; color: #FFF; } h4 { font-size: 125%; color: #FFF; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { text-align: center; } /* Main Page elements */ #wrapper { width: 1000px; margin: 0 auto; background: url('images/sun-rays.png') top center no-repeat; } #header,#main,#footer { width: 800px; margin: 0 auto; } /* Header and Menu */ #header { padding-top: 15px; } #branding { background: url('images/header.png') top center no-repeat; } #blog-title a { display: block; width: 800px; height: 113px; text-indent: -9999px; } #blog-description, .skip-link { display: none; } #access { position: relative; top: -5px; text-align: center; height: 20px; } .sf-menu li { display: inline; } .sf-menu li + li { border-left: 1px solid #FFF; } .sf-menu li > a { font-family: 'Times New Roman', Times, serif; font-size: 108%; font-weight: bold; padding: 10px 1.04em; color: #FFF; text-shadow: #000 2px 3px 5px; } .sf-menu li > a:hover { text-decoration: none; text-shadow: #FFF 0 0 10px; } /* Landing */ /* #landing,.submenu { display: none; } */ #landing { width: 862px; height: 423px; margin: 0 auto; position: relative; left: 18px; overflow: auto; color: #014060; background: url('images/landing.png') top center no-repeat; } #landing #verse { margin: 20px 0 0 35px; width: 423px; height: 108px; text-indent: -9999px; background: url('images/joshua-24-15.png') top left no-repeat; } #landing .come-join { margin: 10px 0 0 50px; font-size: 150%; width: 150px; } #landing .service-times { margin: 10px 0 0 50px; font-size: 150%; } #landing .directions { margin: 21px 0 0 40px; } #landing .directions > a { color: #FFF; font-size: 117%; font-weight: bold; text-transform: uppercase; text-decoration: none; } .submenu { position: absolute; top: 455px; margin-left: 126px; z-index: 999; } .submenu > li { float: left; } .submenu > li > a { text-indent: -9999px; } .submenu > .teachings > a { display: block; width: 195px; height: 76px; margin-right: 18px; } .submenu > .about > a { display: block; width: 195px; height: 76px; margin-right: 18px; } .submenu > .ministries > a { display: block; width: 170px; height: 76px; margin-right: 18px; } .submenu > .new-here > a { display: block; width: 150px; height: 126px; position: relative; top: -50px; } #main { font-size: 133%; } #container ul,ol { margin-left: 2em; } #container ul li { list-style: disc; } #container ol li { list-style: decimal; } #content { padding: 0 0.8em; } #footer { clear: both; margin-top: 1em; padding-top: 15px; text-align: center; background: url('images/horizontal-rule-trans.png') top center no-repeat; } #copyright { margin: 1em 0; } .navigation { font-size: 83%; overflow: auto; } #nav-above { display: none; } #nav-below { margin-top: 1.5em; } .nav-previous { float: left; } .nav-next { float: right; } /* Posts */ .entry-meta { font-size: 92%; opacity: 0.9; margin: 0.2em 0; } .entry-meta .meta-prep { display: none; } .entry-utility { display: none; } .post + .post h2.entry-title { margin-top: 1.5em; } .attachment .entry-content { margin: 2em 0; text-align: center; } .attachment .entry-attachment img { border: 1px solid #CCC; padding: 1px; } .attachment .navigation img { border: 1px solid #CCC; padding: 1px; } .entry-content img.photo { padding: 1px; border: 1px solid #CCC; margin: 0.5em; } /* Now we start doing page-specific styles, so that they can override any of the above if need be */ /* Home Page */ .home #main { overflow: auto; } .home #container { width: 60%; float: left; } .home #front-page-aside { margin-left: 61%; width: 38%; } #front-page-aside .widgetcontainer > .widgettitle + div { background: #444; opacity: 0.7; padding: 1em; font-size: 92%; } #front-page-aside .services th { width: 35%; vertical-align: top; padding: 5px 0; } #front-page-aside .services td { vertical-align: top; padding: 5px 0; } /* Events sidebar widget */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 100%; } #wp-calendar caption { text-align: center; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar #today { border: 1px solid #FFCC00; } /* Calendar Page */ #wp-calendarLarge { border-collapse: collapse; margin: auto; } #wp-calendarLarge td { border: thin solid #000; width: 150px; height: 100px; padding: 0; vertical-align: top; } #wp-calendarLarge td span { display: block; margin: 0 5px; font-size: 83%; } #wp-calendarLarge .dayHead { background-color:#333333; color: white; font-weight: bold; z-index:1000; } #todayLarge { background:#9BA9CF; color:#FFF; } /* Teachings Page */ #bible-book-search { position: relative; top: -50px; font-size: 83%; float: right; } #teachings-recent .entry-title { margin-top: 0.5em; font-size: 125%; } #teachings-recent .entry-meta { display: none; } .teachings-sub-category { width: 30%; padding: 0 10px 10px; float: left; } .teachings-sub-category > h3 { margin-top: 0; } .teachings-sub-category > .post { margin-bottom: 0.8em; } .teachings-sub-category h2.entry-title { font-size: 100%; margin: 0; } .teachings-sub-category .author, .teachings-sub-category .meta-sep-entry-date { display: none; } .teachings-sub-category .entry-content { font-size: 83%; } .teachings-sub-category .more-teachings { font-size: 83%; } /* Services Page */ .hentry.slug-services { overflow: auto; } #service-times { width: 50%; background: #333; opacity: 0.7; padding: 1em; float: left; } #service-times dl { margin-bottom: 1em; } #service-times dt { width: 30%; float: left; } #service-times dd + dt { margin-top: 0.5em; } #service-times dd { margin: 0.5em 0 0 30%; } #contact-us { margin-left: 56%; width: 40%; } #contact-us label { display: block; width: 20%; float: left; } #contact-us input { font-size: 92%; } #contact-us input[type='submit'] { font-size: 83%; } #contact-us input[type='text'] { display: block; margin-left: 20%; width: 75%; } #contact-us textarea { display: block; width: 98%; margin-top: 0.3em; } /** Leadership Page */ .slug-leadership > .entry-content img.photo { float: left; clear: left; margin: 0 1em; margin-top: 4em; } .slug-leadership > .entry-content h2 { color: #FFCC00; font-size: 150%; margin-top: 3.3em; } /** Youth Page */ .slug-youth > .entry-content img.photo { float: left; clear: left; margin: 0 1em; margin-top: 1em; } .slug-youth > .entry-content h2 { color: #FFCC00; font-size: 150%; margin-top: 1em; } /* Thickbox CSS */ div#TB_title { background-color:#000000; color:#FFFFFF; } div#TB_title a, div#TB_title a:visited { color: #cfcfcf; } /* JQuery Tooltip */ #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 1; width: 200px; } #tooltip h3, #tooltip div { margin: 0; font-size:12px; font-weight:normal; color: #000;} #tooltip ul { padding: 0; } #tooltip li { margin: 0 10px; } /* Contact Form 7 */ div.wpcf7-response-output { padding: 0.5em; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-not-valid-tip { color: #FC0; font-size: 10pt; display: block; margin-left: 20%; } span.wpcf7-not-valid-tip-no-ajax { color: #FC0; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } img.ajax-loader { border: none; vertical-align: middle; } .quiz-1 { display: block; } span.wpcf7-quiz-label { display: inline; margin: 0; } .quiz-1 input#quiz { display: inline; margin: 0; width: 2em; } /* vim: set sw=4 ts=4 */