/* Theme Name: Bible Scholar Theme URI: http://www.egracecreative.com/bible-scholar Description: A lean, clean, and green wordpress them utilizing only two background images: three columns, widgetized sidebars. Author: Brandon Cox Author URI: http://www.egracecreative.com Tags: white, three columns, fixed width, minimalist, green Version: 1.0 License: You may use this theme freely for personal or commercial usage, but you may not remove the links in the footer. You may add something like modified by or hosted by, and if you really, really need to remove it for some good reason, just contact me and we'll chat. */ body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 85%; border-top: 6px #222 solid; color: #444; background: url(images/page-bg.png) repeat-x; } #container { width: 960px; margin: 0px auto; padding: 0px 20px; } /* Top navigation */ #topnav { float: left; display: inline; overflow: hidden; border-bottom: #222 solid 2px; width: 960px; font-size: 0.9em; text-transform: uppercase; font-weight: bold; border-top:2px #fff solid; } #topnav .left { float: left; display: inline; } #topnav .right { float: right; display: inline; padding: 0px 10px; text-align: right; } #topnav p { padding: 10px 0px; margin-bottom: 0px; } #topnav ul { margin: 0px; padding: 0px; } #topnav li { float: left; list-style-type: none; margin: 0px; padding: 10px 0px; } #topnav li a { color: #222; text-decoration: none; padding: 10px; border-left: 1px #fff solid; border-right: 1px #fff solid; } #topnav li a:hover { color: #fff; background: #222; padding: 10px; border-left: 1px #666 solid; border-right: 1px #666 solid; } /* Header and Titles */ #header { float: left; display: inline; overflow: hidden; width: 960px; height: 140px; padding: 0px; border-bottom: 3px #222 solid; background: url(images/header-bg.png) no-repeat; } #header a { color: #eee; text-decoration: none; } #header a:hover { color: #ccc; } #header p.site-title { margin: 15px 10px 0px 24px; font-size: 4.0em; font-family: Georgia, "Times New Roman", Times, serif; color: #eee; line-height: 110%; } #header p.site-slogan { margin: 0px 10px 0px 48px; font-size: 1.8em; color: #390; } /* The box below the header image */ #slogan { float: left; display: inline; overflow: hidden; width: 960px; padding: 6px 0px; margin-bottom: 12px; border-bottom: 3px #222 solid; } #slogan .left { float: left; display: inline; overflow: hidden; font-size: 0.9em; margin-bottom: 0px; } #slogan .right { float: right; display: inline; margin-bottom: 0px; font-size: 0.9em; text-align: right; } /* The wrapper for content and sidebars */ #wrapper { float: left; display: inline; overflow: hidden; width: 960px; } /* The content area - to move the content to the right float the content right and the sidebar-wrapper left and change the side margins. */ #content { float: left; display: inline; overflow: hidden; padding: 10px 20px 10px 0px; width: 480px; } #content h1 { border-bottom: 2px dotted #ccc; border-top: 2px dotted #ccc; } #content h1 a { color: #060; } #content.bookmarks ul { margin: 0px 0px 18px 0px; padding: 0px; } #content.bookmarks li { line-height: 140%; margin: 0px 0px 14px 0px; padding: 0px; list-style-type: none; } #content.bookmarks li a { font-size: 1.1em; margin-right: 6px; } #content.bookmarks h2 { color: #060; } #content .post { margin-bottom: 12px; padding-bottom: 12px; } #content .postmeta { font-size: 90%; padding: 5px 0px 5px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px; } #content .postmeta h4, #content .postmeta p { margin: 0px 0px 5px 0px; font-weight: normal; font-size: 1.0em; } /* 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 .post div.alignleft { float: left; margin: 0px 10px 10px 0px; padding: 0px; border: 1px #ccc dotted; } #content .post div.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; border: 1px #ccc dotted; clear: both; } #content .post div.alignright { float: right; margin: 0px 0px 10px 10px; padding: 0px; border: 1px #ccc dotted; } #content .post .alignleft img, #content .aligncenter img, #content .alignright img, #content .wp-caption img { margin: 5px; padding: 0px; } /* The previous home top and next links at the bottom of the content */ .content-bot { font-family: Georgia, "Times New Roman", Times, serif; border-top: 1px dotted #ccc; padding: 10px; font-style: italic; font-weight: bold; background: #efefef; text-align: center; } .content-bot a, .content-bot a:hover { margin: 2px 10px; } /* Comments */ .comments ul { margin: 0px 0px 12px 0px; padding: 0px; } .comments li { list-style-type: none; background: #efefef; border: 1px solid #ccc; padding: 5px 7px 0px 7px; margin: 0px 0px 12px 0px; font-size: 85%; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } /* The wrapper for both sidebars */ #sidebar-wrapper { float: right; display: inline; overflow: hidden; width: 440px; padding: 0px 0px 10px 10px; } /* The ad block */ #sidebar-wrapper .ad-blocks { margin: 8px -12px 5px -12px; } #sidebar-wrapper .ad-blocks img { margin: 0px 12px 10px 12px; } /* The sidebars */ #sidebar-left { float: left; display: inline; overflow: hidden; padding: 10px 10px 10px 0px; width: 200px; text-align: left; } #sidebar-right { float: right; display: inline; overflow: hidden; padding: 10px 0px 10px 10px; width: 200px; } #sidebar-wrapper h2, #sidebar-left h2, #sidebar-right h2 { color: #090; margin-bottom: 12px; } #sidebar-wrapper h2, #sidebar-left h2 a, #sidebar-right h2 a { color: #090; text-decoration: none; } #sidebar-wrapper h2 a.rsswidget img, #sidebar-left h2 a.rsswidget img, #sidebar-right h2 a.rsswidget img { display: none; } #sidebar-wrapper ul, #sidebar-left ul, #sidebar-right ul { margin: 0px 0px 16px 0px; padding: 0px; border-top: 1px dotted #ccc; } #sidebar-left ul.main-links li { font-weight: bold; } #sidebar-wrapper li, #sidebar-left li, #sidebar-right li { margin: 0px; padding: 3px 0px; border-bottom: 1px dotted #ccc; list-style-type: none; width: 200px; } #sidebar-wrapper li a, #sidebar-left li a, #sidebar-right li a { text-decoration: none; } #sidebar-wrapper li a:hover, #sidebar-left li a:hover, #sidebar-right li a:hover { color: #999; } /* The Footer */ #footer { float: left; background: #222; width: 100%; padding: 8px 0px; } #footer p { margin: 12px; text-align: center; color: #eee; font-size: 0.9em; } #footer a { color: #eee; text-decoration: none; } #footer a:hover { text-decoration: underline; } /* Universal styles */ p, h1, h2, h3, h4, h5, h6, h7 { margin-top: 0px; margin-bottom: 17px; } p, #content li { line-height: 145%; } p.small { font-size: 85%; } blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 0.9em; margin: 5px 15px 15px 15px; padding: 10px 10px 5px 10px; border: 1px #ccc dotted; background: #efefef; } h1, h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; } h1 a, h2 a { color: #555; text-decoration: none; } h1 { font-size: 2.0em; padding-bottom: 3px; } h2 { font-size: 1.4em; } a { color: #555; } a img { border: 0px; } a:hover { color: #222; }