/* Theme Name: Venture Young Adult Ministry Theme URI: http://www.timothyhoover.com Description: Designed for Stephen @ Venture by Timothy Hoover (2009) Version: 1.0 Author: Timothy Hoover Author URI: http://www.theInfantree.com /*--------------------------------- 1. CSS RESET ---------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style-type:none;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /*--------------------------------- 2. GENERAL SELECTORS ---------------------------------*/ html{ background-position: top center; background-repeat:no-repeat; background-color:#e7e4de;} body {color:#342f2e;font:9pt "Lucida Grande", Helvetica, Arial, Sans-serif; text-align:left; } h1{} h2{font-size:14pt; font-weight:bold;} h2.pageTitle{border-bottom:1px solid black; padding:0 0 6px 0; margin:0 0 20px 0;} h3{font-size:11pt; font-weight:bold; display:inline;} h4{} h5{} p{font-size:9pt; line-height:14pt; margin:10px 0; padding:0 20px 0 0;} a{text-decoration:none;} a:hover{} li{text-decoration:none;} ul, ol{list-style-type:none;} /*--------------------------------- LAYOUT ---------------------------------*/ #wrapper {width:920px; background-image: url(images/venContainerBack.jpg); background-repeat:repeat-y; min-height:200px; margin:0 auto;} #container{width:840px; margin:0 auto; } #header {width:840px; height:140px;} #branding{width:840px; height:110px; background-image:url(images/venHeader.jpg); margin:0 auto;} #logoLink{width:250px; position:absolute; z-index:2; height:70px;margin:22px 0 0 18px; text-indent:-9999px; /*background-color:orange;*/} #topBar{width:920px; height:20px; background-image:url(images/venTopBar.jpg);} #footer{width:920px; height:60px; background: url(images/venFooter.jpg) no-repeat; margin:0 0 40px 0;} /*--------------------------------- MAIN NAV ---------------------------------*/ #mainNav{width:840px; height:50px; margin:0 0 20px 0;} #mainNav li{float:left; min-height:50px; text-indent:-9999px;} #mainNav #aboutLink{width:94px; height:50px; background:url(images/venAbout.jpg) top left;} #mainNav #aboutLink:hover{background:url(images/venAbout.jpg) top right;} #mainNav #blogLink{width:79px; height:50px; background:url(images/venBlog.jpg) top left;} #mainNav #blogLink:hover{background:url(images/venBlog.jpg) top right;} #mainNav #getInvolvedLink{width:153px; height:50px; background:url(images/venGetInvolved.jpg) top left;} #mainNav #getInvolvedLink:hover{ background:url(images/venGetInvolved.jpg) top right;} #mainNav #smallGroupsLink{width:160px; height:50px; background:url(images/venSmallGroups.jpg) top left;} #mainNav #smallGroupsLink:hover{background:url(images/venSmallGroups.jpg) top right;} #mainNav #sermonsLink{width:111px; height:50px; background:url(images/venSermons.jpg) top left;} #mainNav #sermonsLink:hover{ background:url(images/venSermons.jpg) top right;} #mainNav #photosLink{width:102px; height:50px; background:url(images/venPhotos.jpg) top left;} #mainNav #photosLink:hover{background:url(images/venPhotos.jpg) top right;} #mainNav #contactUsLink{width:141px; height:50px; background:url(images/venContactUs.jpg) top left;} #mainNav #contactUsLink:hover{background:url(images/venContactUs.jpg) top right;} /*--------------------------------- HOME PAgE ---------------------------------*/ #homeContent{width:800px; margin:0 auto 0 auto;} #features{width:800px; min-height:340px; background-color:white; margin:0 0 20px 0;} #homeOptions{width:800px; min-height:180px;} .homeBox{width:254px; height:160px; background-color:#e7e4de; float:left;} #box1, #box2{margin:0 19px 0 0;} #box1{width:254px; height:160px; background: url(images/eventsAndAnnouncementsBoxTitle.jpg) bottom center no-repeat #e7e4de; } #box2{width:254px; height:160px; background: url(images/recentBlogPostBoxTitle.jpg) bottom center no-repeat #e7e4de; } #box3{width:254px; height:160px; background: url(images/smallGroupsBoxTitle.jpg) bottom center no-repeat #e7e4de; } .recentBlogThumb{width:254px; height:100px; background-color:red;} /*--------------------------------- PAGE.php ---------------------------------*/ #mainContent{width:800px; margin:0 auto 0 auto; } #pageHeaderImage{width:800px; height:140px; background-color:#fff; margin:0 0 20px 0;} #pageContent{width:526px; /*background-color:orange;*/ float:right; padding:0 20px 0 0px;} /*--------------------------------- SIDEBAR.php ---------------------------------*/ #sidebar{width:213px;float:left; padding:0 20px 0 20px;} #sidebar li{line-height:30px;} #sidebar li a{color:#666;} #sidebar li a:hover{color:#e7e4de;} #sidebar .current_page_item a{color:black;} /*--------------------------------- ABOUT PAgE ---------------------------------*/ #pageHeaderImage.aboutHeader{background-image:url(images/aboutHeader.jpg);} #aboutSubPage p a{color:#709195;} #aboutSubPage p a:hover{color:#acdee4;} /*--------------------------------- ABOUT - STAFF PAGE ---------------------------------*/ #staffNavList{width:526px;} #staffNavList li{display:inline; padding:0 13px 0 0;} #staffNavList a{ color:#709195;} #staffNavList a:hover{color:#acdee4;} #staffProfiles{margin:0px 0; padding:0px 0;} #staffProfiles li.staffMember{margin:10px 0px; padding:20px 0 10px 0; border-top:1px dotted #e7e4de} #staffProfiles .staffPicColumn{width:146px; float:left;} #staffProfiles .staffBioPic{border:3px solid #e7e4de;} #staffProfiles .staffBioContent{width:360px; float:right; padding:0 0px 0 20px;} #staffProfiles .staffBioContent p{margin:0; padding:0;} #staffProfiles h3{color:#acdee4; margin:2px 0 6px 0;} #staffProfiles p.staffEmail a{color:#709195; line-height:40px;} #staffProfiles p.staffEmail a:hover{color:#acdee4;} /*--------------------------------- BLOG PAgE ---------------------------------*/ #pageHeaderImage.blogHeader{background-image:url(images/blogHeader.jpg);} #blog .blogPostTitle h2{border-bottom:1px dotted #cc3467; padding:0 0 6px 0; margin:0 0 0px 0; color:#342f2e;} #blog .blogPostTitle h2 a{color:#342f2e;} #blog .blogPostTitle h2 a:hover{color:black;} #blog a{color:#cc3467;} #blog a:hover{color:#820e05;} #blog .blogPostTitle p.postmetadata{margin:10px 0 2px 0;} #blog .blogPostTitle p.postmetadata a{color:#cc3467; } #blog .blogPostTitle p.postmetadata a:hover{color:#820e05;} #blog .blogPostTitle small.author{color:#cc3467;} #blog li.blogPost{margin:0 0 30px 0;} /*--------------------------------- BLOG SIDEBAR.php ---------------------------------*/ #blogSidebar{width:213px;float:left; margin:-20px 0 0 0; padding:0 20px 0 20px;} #blogSidebar h2{margin:20px 0 8px; 0; font-size:12pt; border-bottom:1px solid ##342f2e;} #blogSidebar li{line-height:22px;} #blogSidebar li a{color:#666;} #blogSidebar li a:hover{color:black;} #blogSidebar .current_page_item a{color:black;} #blogSidebar .current-cat a{color:black;} /*--------------------------------- GET INVOVLED PAgE ---------------------------------*/ #pageHeaderImage.getInvolvedHeader{background-image:url(images/getInvolvedHeader.jpg);} #getInvolvedSubPage p a{color:#76e0c1;} #getInvolvedSubPage p a:hover{color:#4ea480;} #getInvolvedSubPage .calendar-next a{color:#4ea480;} #getInvolvedSubPage .calendar-prev a{color:#4ea480;} h2.calendar{border-bottom:1px solid black; padding:0 0 6px 0; margin:20px 0 20px 0;} /*--------------------------------- EVENTS AND ANNOUNCEMENTS ---------------------------------*/ #events{width:526px;} #events{margin:0px 0; padding:0px 0;} #events li.eventItems{margin:10px 0px; padding:20px 0 10px 0; border-top:1px dotted #76e0c1} #events .eventContent{padding:0 20px 0 0px;} #events .eventContent p{margin:0; padding:0;} #events h2 a{color:black; font-size:12pt;} #events h2 a:hover{color:#342f2e;} #events h3.eventDate{color:#76e0c1; display:block; margin:0;} #events p.dataTitle{font-weight:bold;} #events h3{color:#ea386a; margin:0px 0 6px 0;} #events a{color:#ea386a;} #events a:hover{color:#992545;} /*--------------------------------- SERVICE OPPORTUNITIES PAGE ---------------------------------*/ #sermonSeries{width:526px;} #sermonSeries{margin:0px 0; padding:0px 0;} #sermonSeries li.sermonSeriesItem{margin:10px 0px; padding:20px 0 10px 0; border-top:1px dotted #e7e4de} #sermonSeries .sermonThumbColumn{width:146px; float:left;} #sermonSeries .serveThumb{width:140px; height:80px; border:3px solid #e7e4de;} #sermonSeries .serveThumb:hover{border:3px solid #76e0c1;} #sermonSeries .sermonContent{width:360px; float:right; padding:0 0px 0 20px;} #sermonSeries .sermonContent p{margin:0; padding:0;} #sermonSeries h2 a{color:black;} #sermonSeries h2 a:hover{color:#342f2e;} #sermonSeries h3{color:#9d2a73; margin:2px 0 6px 0;} #sermonSeries h3.sermonAuthorTitle{color:#9d2a73; margin:2px 0 6px 0; font-weight:normal;} #sermonSeries p.sermonDate{font-size:9pt; margin:0; padding:0; line-height:30px;} #sermonSeries a{color:#acdee4;} #sermonSeries a:hover{color:#709195;} #serveSinglePage h3{color:#76e0c1;} /*--------------------------------- EVENTS CALENDAR PAGE ---------------------------------*/ #calendar a{color:black;} #calendar a:hover{color:green;} /*--------------------------------- SMALL GROUPS PAgE ---------------------------------*/ #pageHeaderImage.smallGroupsHeader{background-image:url(images/smallGroupsHeader.jpg);} #pageContent h2.pageTitle{margin: 0 0 10px 0;} #smallGroupsSubPage p a{color:#ea386a;} #smallGroupsSubPage p a:hover{color:#992545;} #smallGroups{width:526px;} #smallGroups{margin:0px 0; padding:0px 0;} #smallGroups li.smallGroupItems{margin:10px 0px; padding:20px 0 10px 0; border-top:1px dotted #ea386a} #smallGroups .smallGroupExcerpts{padding:0 20px 0 0px;} #smallGroups .smallGroupExcerpts p{margin:0; padding:0;} #smallGroups h2 a{color:black; font-size:12pt;} #smallGroups h2 a:hover{color:#342f2e;} #smallGroups h3.sgLeaders{color:#ea386a; display:block; margin:0;} #smallGroups p.dataTitle{font-weight:bold;} #smallGroups h3{color:#ea386a; margin:0px 0 6px 0;} #smallGroups a{color:#ea386a;} #smallGroups a:hover{color:#992545;} /*--------------------------------- SERMONS PAGE ---------------------------------*/ #pageHeaderImage.sermonsHeader{background-image:url(images/sermonsHeader.jpg);} #sermonSeries{width:526px;} #sermonSeries{margin:0px 0; padding:0px 0;} #sermonSeries li.sermonSeriesItem{margin:10px 0px; padding:20px 0 10px 0; border-top:1px dotted #e7e4de} #sermonSeries .sermonThumbColumn{width:146px; float:left;} #sermonSeries .sermonThumb{width:140px; height:140px; border:3px solid #e7e4de;} #sermonSeries .sermonThumb:hover{width:140px; height:140px; border:3px solid #9d2a73;} #sermonSeries .sermonContent{width:360px; float:right; padding:0 0px 0 20px;} #sermonSeries .sermonContent p{margin:0; padding:0;} #sermonSeries h2 a{color:black;} #sermonSeries h2 a:hover{color:#342f2e;} #sermonSeries h3{color:#9d2a73; margin:2px 0 6px 0;} #sermonSeries h3.sermonAuthorTitle{color:#9d2a73; margin:2px 0 6px 0; font-weight:normal;} #sermonSeries p.sermonDate{font-size:9pt; margin:0; padding:0; line-height:30px;} #sermonSeries a{color:#9d2a73;} #sermonSeries a:hover{color:#330000;} /*--------------------------------- SINGLE SERMONS PAGE ---------------------------------*/ #sermonSeries .sermonContentFull{width:526px;} #sermonSeries .sermonContentFull p{margin:0px; padding:0;} #sermonSeries .sermonContentFull p.sermonDate{margin:0 0 10px 0; border-bottom:1px dotted black;} /*--------------------------------- PHOTOS PAgE ---------------------------------*/ #pageHeaderImage.photosHeader{background-image:url(images/photosHeader.jpg);} #photoContent{width:800px; padding:0 0px 0 0px;} /*--------------------------------- CONTACT US PAgE ---------------------------------*/ #pageHeaderImage.contactUsHeader{background-image:url(images/contactUsHeader.jpg);} #contactSidebar ul{margin:-10px 0 0 0;} #contactSidebar h2{color:#ef580b; font-size:12px; margin:10px 0 0 0;} #contactSidebar li{line-height:20px;} #contactSidebar li a{color:#666;} #contactSidebar li a:hover{color:black;} /*--------------------------------- FOOTER ---------------------------------*/ #footer p{padding:40px 0 0 40px; font-size:9px;} /*--------------------------------- GENERAL CLASSES ---------------------------------*/ .clear{clear:both;} /*--------------------------------- OMMENTS CSS ---------------------------------*/ /* comments */ #comments {/*margin:8px -30px -30px -10px;padding:15px 30px 30px 10px;*/} #comments #commentform{border-top:4px solid #6ec9e5;} #comments #comments-list h4 {border-bottom:#e4e7de 1px solid;color:#282828;display:block;font-size:105%;margin:0 0 .7em 0;padding:15px 0 5px 0;} #comments #comments-list ol {list-style:none;margin:0;padding:0 0 20px 0;} #comments #comment-list .comment {border-bottom:#EBEBEB 1px solid;padding:10px 0;} #comments #comments-list .comment .comment-body {background:#d4e0e4;font-size:90%;line-height:1.4;padding:10px;} #comments #comments-list .comment .comment-body p {width:auto; color:black;} #comments #comments-list .comment .comment-meta {background:url(../images/bg_comment.gif) no-repeat top left;color:#999;font-size:75%;padding:5px 10px 12px 40px;} #comments #commentform, #comments #commentform * {list-style:none; margin:00; padding:0; } #comments #commentform fieldset legend {color:#6ec9e5;display:block;font-size:11pt;margin:0;padding:3px 0 5px 0;} #comments #commentform #login {background:#FFF;border:#EBEBEB 1px solid;color:#999;font-size:75%;margin:5px 0;padding:10px;} #comments #commentform label {color:#282828;display:block;font-size:80%;font-weight:bold;margin:10px 0 4px 0;} #comments #commentform textarea {width:526px;margin:0 0 10px 0;} #comments .unapproved {background:#fffaed;border:#f8eccb 1px solid;color:#4d4d4d;display:block;font-size:90%;margin:10px 0;padding:10px;text-align:center;}