/* Theme Name: Ministry Theme Theme URL: http://www.ministrytheme.com/demo Description: The Ministry Theme is a highly customized WordPress theme designed for the unique needs of churches and ministries. Author: Brandon Cox Author URI: http://www.egracecreative.com Version: 1.0 License: This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html) */ body { font-size: 85%; color: #332211; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; background: #efefef url(images/body-background.jpg) repeat-x top; } /* Universal stylings */ /* Links */ a img { border: 0px; } a { color: #060; } a:hover { color: #332211; } /* Paragraphs and headings */ p, h1, h2, h3, h4, h5, h6, h7, ul { margin-top: 0px; margin-bottom: 15px; } p, li { line-height: 150%; } p.small { font-size: 0.80em; } h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; } h1 { font-size: 1.8em; border-bottom: 2px #cc9955 solid; padding-bottom: 5px; color: #060; } h1 a { color: #332211; text-decoration: none; color: #060; } h1 a:hover { text-decoration: underline; color: #332211; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } .small { font-size: 90%; } #container { width: 960px; margin: 0px auto; } /* Header*/ #header { float: left; display: inline; height: 125px; width: 960px; margin-bottom: 10px; background: #fff url(images/header-bg.jpg) top left no-repeat; } .logo { float: left; display: inline; width: 320px; height: 125px; margin: 0px 10px 0px 0px; } .logo p.title { font-size: 2.2em; font-weight: normal; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #060; padding: 28px 10px 0px 10px; margin-bottom: 0px; } .logo p.title a { color: #060; text-decoration: none; } .logo p.description { font-size: 1.2em; font-style: italic; padding: 0px 10px 0px 30px; margin-top: -6px; margin-bottom: 0px; color: #663301; } .search { float: left; display: inline; width: 380px; margin: 0px 0px 57px 10px; height: 36px; background: #fff url(images/search-icon.jpg) no-repeat left top; padding: 0px 10px 0px 34px; font-size: 0.9em; } .search-box { float: left; display: inline; overflow: hidden; } .subscribe { width: 100px; float: right; display: inline; overflow: hidden; margin: 7px; } .subscribe img { vertical-align: middle; } /* Navbar */ #navbar { float: left; width: 620px; margin: 0px 0px 0px 10px; height: 32px; font-family: Georgia, "Times New Roman", Times, serif; background: #fff url(images/widget-bg.jpg) repeat-x top; } #nav { margin: 0px; padding: 0px; list-style: none; } #nav ul { margin: 0px; padding: 0px; list-style: none; } #nav a, #nav a:visited { color: #030; display: block; margin: 0px 0px 0px 0px; padding: 6px 10px 6px 10px; text-decoration: none; } #nav a:hover { background: #030 url(images/green-shine.jpg) repeat-x top; color: #fff; display: block; text-decoration: none; margin: 0px 0px 0px 0px; padding: 6px 10px 6px 10px; } #nav li { float: left; margin: 0px; padding: 0px; } #nav li li { float: left; margin: 0px; padding: 0px; width: 150px; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #030 url(images/green-shine.jpg) repeat-x top; color: #fff; width: 160px; float: none; margin: 0px; padding: 6px 20px 6px 10px; } #nav li li a:hover, #nav li li a:active { background: #996633; color: #fff; padding: 6px 20px 6px 10px; } #nav li ul { position: absolute; width: 10em; left: -999em; } #nav li:hover ul { left: auto; display: block; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #wrapper { float: left; display: inline; overflow: hidden; width: 960px; padding: 15px 0px; } /* Sidebar */ #sidebar { float: left; width: 320px; background: #ffddaa; font-size: 90%; } #sidebar p.slogan { background: #efefef; padding: 10px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } #sidebar .widget { margin: 4px; padding: 9px; border: 1px #cc9955 solid; background: #CCAA66 url(images/widget-bg.jpg) repeat-x top; } #sidebar h2 { color: #030 url(images/green-shine.jpg) repeat-x top; padding-bottom: 4px; border-bottom: 2px #cc9955 solid; } #sidebar .widget ul { margin: 6px; padding: 0px; list-style: none; } #sidebar .widget li { margin: 0px; padding: 3px 0px; list-style-type: none; border-bottom: 1px #cc9955 solid; } #sidebar .widget li a { text-decoration: none; } #sidebar .widget li li { margin-left: 15px; border: 0px; padding: 2px 0px; } /* the following line helps if you download and install the wplistcal pluging */ #sidebar .widget ul.wplc_event_list li { line-height: 150%; list-style-type: none; background: url(images/icon-calendar.gif) no-repeat 0px 4px; margin: 0px; padding-left: 20px; } /* Content */ #content { float: right; display: inline; overflow: hidden; width: 620px; background: #efefef; } #content .post { background: #CCAA66 url(images/widget-bg.jpg) repeat-x top; padding: 9px; border: 1px #cc9955 solid; margin-bottom: 20px; } #content .postmeta { border-top: 1px #cc9955 solid; padding-top: 10px; } #content .postmeta p { margin-bottom: 10px; font-size: 0.92em; } #content ul { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 15px; } #content .front-box-left { width: 280px; background: #CCAA66 url(images/widget-bg.jpg) repeat-x top; padding: 9px; border: 1px #cc9955 solid; margin-right: 10px; float: left; display: inline; font-size: 90%; } #content .front-box-right { width: 280px; background: #CCAA66 url(images/widget-bg.jpg) repeat-x top; padding: 9px; border: 1px #cc9955 solid; margin-left: 10px; float: right; display: inline; font-size: 90%; } #content .front-box-left h2, #content .front-box-right h2 { background: #030 url(images/green-shine.jpg) repeat-x top; color: #efefef; font-size: 1.2em; text-align: center; padding: 6px 5px; height: 20px; text-transform: uppercase; } #content .front-box-left h2 a, #content .front-box-right h2 a { color: #efefef; text-decoration: none; } #content .front-box-left h2 a:hover, #content .front-box-right h2 a:hover { text-decoration: underline; } #content .front-box-left ul, #content .front-box-right ul { margin: 0px 0px 5px 0px; padding: 0px; } #content .front-box-left li, #content .front-box-right li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px #ffddaa solid; list-style-type: none; } #content .front-box-left li a, #content .front-box-right li a { text-decoration: none; } #content .front-box-left li a:hover, #content .front-box-right li a:hover { text-decoration: underline; } #content .content-bot { padding: 10px; text-align: center; } #content .content-bot a { margin: 0px 10px; } #content.links-page li { list-style-type: none; margin-bottom: 10px; } /* WordPress Images and Captions */ #content .post p.wp-caption-text { text-align: center; font-size: 0.8em; line-height: 135%; margin: 0px; padding: 3px 0px; } #content img.alignnone { margin: 0px 10px 10px 0px; padding: 5px; border: 1px #cc9955 solid; } #content .post div.alignleft, #content .post img.alignleft { float: left; margin: 0px 10px 10px 0px; padding: 5px; border: 1px #cc9955 solid; } #content .post div.aligncenter, #content .post img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 5px; border: 1px #cc9955 solid; clear: both; } #content .post div.alignright, #content .post img.alignright { float: right; margin: 0px 0px 10px 10px; padding: 5px; border: 1px #cc9955 solid; } #content img.featured-image { float: left; padding: 5px; border: 1px solid #cc9955; margin: 0px 10px 10px 0px; } #content img.thumbnail-image { float: right; padding: 5px; border: 1px solid #cc9955; margin: 0px 0px 7px 7px; } /* Comments */ #content .comments { font-size: 90%; margin-top: 20px; } #content .comments ul { margin: 10px 20px; padding: 0px 20px; list-style: none; border-left: 5px #ffddaa solid; border-right: 5px #ffddaa solid; } #content .comments li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #cc9955; list-style-type: none; } #content .comments img { padding: 0px; margin: 0px 0px 10px 10px; float: right; } /* Footer */ #footer { float: left; display: inline; overflow: hidden; width: 960px; background: #030 url(images/green-shine.jpg) repeat-x top; color: #fff; font-size: 0.85em; } #footer a { color: #fff; } #footer a:hover { color: #ffddaa; } .footer-left { float: left; display: inline; padding: 10px 10px; } .footer-right { float: right; text-align: right; display: inline; padding: 10px; } #footer ul { margin: 0px; padding: 0px; list-style: none; } #footer li { float: left; margin: 0px; padding: 0px 10px; list-style-type: none; } #footer li a { float: left; padding: 0px; 10px; font-weight: bold; } #footer li a:hover { color: #ffddaa; } /* Credits */ .credits { float: left; display: inline; overflow: hidden; width: 940px; padding: 10px; text-align: center; font-size: 0.8em; } .credits a { color: #332211; } .credits a:hover { color: #663301; } /* Calendar */ #wp-calendar {empty-cells: show; margin: 10px 10px 0 10px; auto 0; width: 240px;} #wp-calendar #prev a {font-size: 100%;} #wp-calendar a {text-decoration: none; background-color: #91b447; font-weight: bold;} #wp-calendar caption {font: bold 1em Arial, Helvetica, Sans-Serif; text-align: center;} #wp-calendar th {font-style: normal; text-transform: uppercase;} #wp-calendar #next a {padding-right: 10px; text-align: left;} #wp-calendar #prev a {padding-left: 10px; text-align: left;} #wp-calendar a {display: block;} #wp-calendar caption {padding-left: 10px; padding-top: 10px; text-align: left; width: 100%;} #wp-calendar td {padding: 3px 0; text-align: center;} #wp-calendar td.pad:hover {color: #ab1b3f; text-decoration: underline;}{ /* Doesn't work in IE */background-color: #ffffff; } /* the following color theme is used: 222 - 202020 - charcoal black; 332211 - charcoal brown; #030 - dark green; #060 - 006000- bright green - this green; #efefef - almost white; ccc - very light grey ; FFDDAA - very light brown #fff - f0f0f0 almost white; aaa - light grey; tried cc9955 - light brown - a bit dark; Nov 21 trying ddbb88 - lighter - not as nice; returned to cc9955 on Dec 1 777 - 707070 - mid grey; try 996633 - mid brown 666 - dark grey; try 663301 - dark brown CCAA66 - ; very light wood colour*/