/* Theme Name: Revolution Church Theme URL: http://www.revolutiontwo.com/themes/church Description: Revolution Church is a 3-column Widget-ready theme created for WordPress. Author: Brian Gardner Author URI: http://www.briangardner.com Version: 1.0 Tags: three columns, fixed width, white, gray, black, red, sidebar widgets The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php Changelog: v1.0 - 09.27.08 First Release of Revolution Church */ body { background: #e1e0dd url(images/bg/bg.png); //width: 980px; color: #333333; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px auto 0px; padding: 0px; } #wrap { background: #EEEEEE; width: 960px; margin: 10px auto 10px; padding: 0px; position: relative; border: 10px solid #333333; } #footer{ clear: both; height:30px; border-width: 1px 0 0 0; border-style: solid; border-color: red; vertical-align: middle; padding: 0; margin: 0; } /************************************************ * Hyperlinks * ************************************************/ a, a:visited { color: #002950; text-decoration: underline; } a:hover { color: #A91B33; text-decoration: underline; } a.nav, a:visited.nav { color: #FFFFFF; text-decoration: none; } a:hover.nav { color: #FFFFFF; text-decoration: underline; } .content_main { font-size: 12px; font-family: Verdana, Arial, Tahoma; } .content { float: left; width: 500px; margin: 0px 0px 10px 0px; padding: 10px; } .main_right { background: #FFFFFF url(images/sidebartop.gif) top no-repeat; float: right; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } .blue_right { float: right; width: 230px; padding: 10px; } #adwords { position: absolute; bottom: 15px; right: 15px; } .boxheader { background-color: #CCCCCC; color:#002950; width:100%; padding:5px; font-weight:bold; } .newsbox { font-size:11px; } /************************************************ * Top Navbar * ************************************************/ #topnavbar { background: #111111 url(images/topnav.png); width: 960px; height: 30px; color: #FFFFFF; margin: 0px; padding: 0px; } #topnavbar a, #topnavbar a:visited { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; } #topnavbar a:hover { text-decoration: underline; } #topnavbar p { font-size: 11px; font-weight: bold; padding: 0px; margin: 0px; } .topnavbarleft { width: 230px; float: left; margin: 0px; padding: 8px 0px 0px 10px; } .topnavbarright { width: 600px; float: right; margin: 0px; padding: 7px 10px 0px 0px; text-transform: uppercase; text-align: right; } .topnavbarright a img { border: none; margin: 0px 3px 3px 0px; padding: 0px; } h1 { color: #d60027; font-size: 18px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; } h2 { color: #000033; font-size: 18px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; } /************************************************ * Header * ************************************************/ #header { background: #111111 url(images/header.png); width: 960px; height: 100px; color: #FFFFFF; font-size: 11px; margin: 0px; padding: 0px; overflow: hidden; } #header h1 { color: #FFFFFF; font-size: 36px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px; padding: 15px 0px 0px 20px; text-decoration: none; } #header h1 a, #header h1 a:visited { color: #FFFFFF; font-size: 36px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; } #header h1 a:hover { color: #FFFFFF; text-decoration: none; } #header h3 { color: #A91B33; font-size: 16px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0px; padding: 0px; } #header p { color: #FFFFFF; padding: 0px 0px 5px 20px; margin: 0px; line-height: 20px; } .headerleft { width: 460px; float: left; font-size: 14px; margin: 0px; padding: 0px; } .headerleft a img { border: none; margin: 0px; padding: 0px; } .headerright { width: 486px; float: right; margin: 0px; padding: 18px 0px 0px 0px; font-weight: bold; } .headerright a img { border: none; margin: 0px 0px 3px 0px; padding: 0px; border: 1px solid #FFFFFF; } /************************************************ * Navbar * ************************************************/ #navbar { background: #555555 url(images/navbar.png); width: 960px; height: 35px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0px; } #navbarleft { width: 680px; float: left; margin: 0px; padding: 0px; } #navbarright { width: 280px; font-size: 11px; float: right; margin: 0px; padding: 6px 0px 0px 0px; } #nav { margin: 0px; padding: 0px; } #nav ul { float: left; list-style: none; margin: 0px; padding: 0px; } #nav li { list-style: none; margin: 0px; padding: 0px; } #nav li a, #nav li a:link, #nav li a:visited { color: #FFFFFF; display: block; font-size: 16px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: lowercase; margin: 0px; padding: 9px 15px 8px 15px; } #nav li a:hover, #nav li a:active { background: #555555 url(images/navhov.png); color: #FFFFFF; margin: 0px; padding: 9px 15px 8px 15px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #555555; width: 150px; color: #FFFFFF; font-size: 14px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: lowercase; float: none; margin: 0px; padding: 7px 10px 7px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #nav li li a:hover, #nav li li a:active { background: #777777; color: #FFFFFF; padding: 7px 10px 7px 10px; } #nav li { float: left; padding: 0px; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #nav li li { } #nav li ul a { width: 140px; } #nav li ul a:hover, #nav li ul a:active { } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; } /************************************************ * SubNavbar * ************************************************/ #subnavbar { background: #666666; width: 960px; height: 24px; color: #FFFFFF; margin: 0px; padding: 0px; } #subnav { margin: 0px; padding: 0px; } #subnav ul { float: left; list-style: none; margin: 0px; padding: 0px; } #subnav li { list-style: none; margin: 0px; padding: 0px; } #subnav li a, #subnav li a:link, #subnav li a:visited { color: #FFFFFF; display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0px 5px 0px 0px; padding: 6px 13px 6px 13px; } #subnav li a:hover, #subnav li a:active { background: #888888; color: #FFFFFF; display: block; text-decoration: none; margin: 0px 5px 0px 0px; padding: 6px 13px 6px 13px; } #subnav li li a, #subnav li li a:link, #subnav li li a:visited { background: #666666; width: 140px; float: none; margin: 0px; padding: 6px 10px 6px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #subnav li li a:hover, #subnav li li a:active { background: #888888; margin: 0px; padding: 6px 10px 6px 10px; } #subnav li { float: left; padding: 0px; } #subnav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 160px; margin: 0px; padding: 0px; } #subnav li li { } #subnav li ul a { width: 140px; } #subnav li ul a:hover, #subnav li ul a:active { } #subnav li ul ul { margin: -25px 0 0 161px; } #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { left: -999em; } #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { left: auto; } #subnav li:hover, #subnav li.sfhover { position: static; } /************************************************ * Homepage * ************************************************/ #homepage { float: left; width: 610px; margin: 0px; padding: 0px; } #homepage p { margin: 0px; padding: 0px; } #homepage p img { border: none; float: left; margin: 0px; } #homepage ul { list-style-type: square; margin: 0px; padding: 0px 0px 15px 0px; } #homepage ul li { list-style-type: square; margin: 0px; padding: 0px; } .hpdate { font-size: 11px; margin: 0px; padding: 0px; } #homepagetop { background: #FFFFFF url(images/homepagetop.gif) top no-repeat; float: left; width: 610px; margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #DDDDDD; } #homepagetop p { font-size: 12px; margin: 0px; padding: 0px 0px 0px 10px; } .featuredtop { float: left; margin: 0px; padding: 10px; display: inline; } .featuredtop img { border: none; margin: 0px; } #homepagebottom { background: #FFFFFF url(images/homepagetop.gif) top no-repeat; float: left; width: 610px; margin: 10px 0px 10px 0px; padding: 0px; border: 1px solid #DDDDDD; } #homepagebottom p { font-size: 12px; margin: 0px; padding: 0px; } .hpbottom { float: left; width: 590px; margin: 0px; padding: 10px; display: inline; } .hpbottom img { border: none; margin: 0px; } #homepageleft { float: left; width: 300px; margin: 0px; padding: 0px; } .hpfeatured { background: #FFFFFF url(images/featuredtop.gif) top no-repeat; float: left; width: 280px; margin: 0px; padding: 10px 10px 10px 10px; border: 1px solid #DDDDDD; } .hpfeatured img { border: none; margin: 0px; } #homepageright { float: right; width: 300px; margin: 0px; padding: 0px; } /************************************************ * Content * ************************************************/ #content { width: 940px; margin: 0px auto 0px; padding: 10px 0px 0px 0px; line-height: 18px; } #content h1 { color: #444444; font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; } #content h1 a, #content h1 a:visited { color: #444444; font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; } #content h1 a:hover { color: #A91B33; text-decoration: none; } #content h2 { background: #000000; color: #FFFFFF; font-size: 20px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 10px; } #content h3 { background: #333333 url(images/headline.png); color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0px 0px 10px 0px; padding: 3px 0px 3px 7px; } #content h4 { color: #A91B33; font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0px 0px 20px 0px; padding: 10px 0px 0px 0px; } #content img.wp-smiley { float: none; border: none; margin: 0px; padding: 0px; } #content img.wp-wink { float: none; border: none; margin: 0px; padding: 0px; } #contentleft { float: left; width: 600px; margin: 0px; padding: 0px 0px 20px 0px; } #contentleft p { margin: 0px; padding: 0px 0px 15px 0px; } #contentleft a img { border: none; } #contentleft ul { list-style-type: square; margin: 0px; padding: 0px 0px 15px 0px; } #contentleft ul li { list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px; } #contentleft ul ul { list-style-type: square; margin: 0px; padding: 0px 0px 0px 0px; } #contentleft ol { margin: 0px; padding: 0px 0px 15px 0px; } #contentleft ol li { margin: 0px 0px 0px 20px; padding: 0px; } blockquote { background: #E8E8E8; margin: 0px 25px 15px 25px; padding: 10px 20px 0px 15px; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; } #content blockquote p { margin: 0px; padding: 0px 0px 15px 0px; } .postarea { background: #FFFFFF url(images/homepagetop.gif) top no-repeat; float: left; width: 590px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } .breadcrumb { float: left; width: 590px; font-size: 11px; margin: 0px 0px 20px 0px; padding: 0px 0px 3px 0px; border-bottom: double #EAEAEA; } .date { width: 590px; float: left; margin: 0px; padding: 5px 0px 0px 0px; } .dateleft { width: 350px; float: left; margin: 0px; padding: 0px; } .dateright { width: 200px; float: right; margin: 0px; padding: 0px; text-align: right; } .time { background: #FFFFFF url(images/icon_time.gif) no-repeat top left; margin: 0px 0px 0px 3px; padding: 0px 0px 0px 20px; } .comment { background: #FFFFFF url(images/icon_comments.gif) no-repeat top left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; } .tags { background: #FFFFFF url(images/icon_tags.gif) no-repeat top left; margin: 0px; padding: 0px 0px 0px 18px; } .category { background: #FFFFFF url(images/icon_category.gif) no-repeat top left; margin: 0px; padding: 0px 0px 0px 18px; } .postmeta { width: 590px; font-size: 12px; padding: 5px 0px 0px 0px; margin: 0px; border-top: double #EAEAEA; } .postmeta2 { width: 590px; font-size: 12px; padding: 5px 0px 40px 0px; margin: 0px; border-top: double #EAEAEA; } .archive { float: left; width: 275px; margin: 0px; padding: 0px 0px 20px 0px; } .adsense-post { background: #FFFFFF url(images/homepagetop.gif) top no-repeat; float: left; width: 590px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } .comments { background: #FFFFFF url(images/homepagetop.gif) top no-repeat; float: left; width: 590px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } /************************************************ * Images * ************************************************/ img.centered { display: block; margin-left: auto; margin-right: auto; padding: 0px; } img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; } img.alignright { padding: 0px; margin: 0px 0px 10px 10px; display: inline; } img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; } img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; } .alignright { float: right; } .alignleft { float: left; } .wp-caption { margin: 0px; padding: 0px; } .wp-caption img { margin: 0px 0px 10px 0px; padding: 0px; border: 0px; } .wp-caption p.wp-caption-text { margin: 0px; padding: 5px 0px 0px 0px; font-size: 10px; font-style: italic; font-weight: bold; line-height: 12px; } /************************************************ * Sidebar * ************************************************/ #sidebar { float: right; width: 320px; margin: 0px; padding: 0px 0px 10px 0px; display: inline; } #sidebar h2 { background: #333333 url(images/headline.png); color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0px 0px 10px 0px; padding: 3px 0px 3px 7px; } #sidebar p { margin: 0px; padding: 0px 0px 0px 45px; } #sidebar a img { border: none; margin: 0px; padding: 0px; } #sidebar ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } #sidebar ul li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; } #sidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } #sidebar ul li li { background: #FFFFFF url(images/icon.gif) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } #sidebar ul li ul li { background: #FFFFFF url(images/icon.gif) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } .widgetarea { background: #FFFFFF url(images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } .video { background: #FFFFFF url(images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } .rahmen300 { background: #FFFFFF url(images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } .newsletter { background: #FFFFFF url(images/newsletter.gif) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } /************************************************ * Left Sidebar * ************************************************/ #l_sidebar { background: #FFFFFF url(images/leftsidebartop.gif) top no-repeat; float: left; width: 150px; margin: 0px 0px 0px 0px; padding: 10px 10px 0px 10px; border: 1px solid #DDDDDD; display: inline; } #l_sidebar p { margin: 0px; padding: 0px 0px 10px 0px; } #l_sidebar a img { border: none; margin: 0px; padding: 0px; } #l_sidebar ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; } #l_sidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } #l_sidebar ul li li { background: #FFFFFF url(images/icon.gif) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } #l_sidebar ul li ul li { background: #FFFFFF url(images/icon.gif) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } /************************************************ * Right Sidebar * ************************************************/ #r_sidebar { background: #FFFFFF url(images/rightsidebartop.gif) top no-repeat; float: right; width: 120px; margin: 0px; padding: 10px 10px 0px 10px; border: 1px solid #DDDDDD; display: inline; } #r_sidebar p { padding: 0px 0px 10px 0px; margin: 0px; } #r_sidebar a img { border: none; margin: 0px; padding: 0px; } #r_sidebar ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; } #r_sidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } #r_sidebar ul li li { background: #FFFFFF url(images/icon.gif) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } #r_sidebar ul li ul li { background: #FFFFFF url(images/icon.gif) no-repeat top left; padding: 0px 0px 5px 20px; margin: 0px; } /************************************************ * Footer * ************************************************/ #footer { background: #93BBBC url(images/topnav.png); width: 960px; height: 30px; margin: 0px; padding: 0px; text-align: center; } #footer p { color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 9px 0px 0px 0px; } #footer a, #footer a:visited { color: #FFFFFF; text-decoration: none; } #footer a:hover { color: #FFFFFF; text-decoration: underline; } /************************************************ * Search Form * ************************************************/ #searchform { margin: 0px; padding: 0px; overflow: hidden; display: inline; } #searchbox { background: #EEEEEE !important; width: 220px; color: #202020; font-size: 12px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 0px; padding: 4px 0px 3px 5px; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; display: inline; } #searchbutton { background: #555555 url(images/topnav.png); color: #FFFFFF; font-size: 11px; font-family: Georgia, Times New Roman, Trebuchet MS; margin: 0px 0px 0px 5px; padding: 3px 3px 2px 3px; font-weight: bold; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; } #subscribe { margin: 0px; padding: 5px 0px 0px 0px; overflow: hidden; } #subbox { background: #EEEEEE !important; width: 250px; color: #202020; font-size: 12px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 5px 0px 0px 0px; padding: 3px 0px 3px 5px; border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD; display: inline; } #subbutton { background: #555555 url(images/topnav.png); color: #FFFFFF; font-size: 11px; font-family: Georgia, Times New Roman, Trebuchet MS; margin: 0px 0px 0px 7px; padding: 3px 3px 2px 3px; font-weight: bold; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; } #name, #email, #url { background: #EEEEEE !important; width: 250px; color: #202020; font-size: 12px; font-weight: normal; margin: 5px 0px 0px 0px; padding: 3px 0px 3px 5px; border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD; display: inline; } #submit { background: #7B7B7B url(images/subbutton.gif); color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 3px 3px 2px 3px; font-weight: bold; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; } #words { background: #EEEEEE; width: 460px; color: #202020; font-size: 12px; font-weight: normal; margin: 5px 0px 0px 0px; padding: 3px 0px 3px 5px; border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD; display: inline; } /************************************************ * Comments * ************************************************/ #commentblock { width: 560px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #commentblock p { padding: 0px 20px 10px 0px; margin: 0px 0px 0px 0px; } .commentleft { width: 560px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #commentblock ol { margin: 0px 5px 0px 20px; padding: 0px 0px 10px 0px; } #commentblock ol li { list-style: square; margin: 0px; padding: 0px; } .commentdate { font-size: 12px; padding-left: 0px; } #commentlist li p { margin-bottom: 8px; line-height: 20px; padding: 0px; } .commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; } .commentinfo{ clear: both; } .picborder { border:1px solid #ccc; padding:2px; float:left; }