/* Theme Name: Church WordPress Theme Theme URL: http://www.studiopress.com/themes/church Description: Church is a 3-column Widget-ready theme created for WordPress. Author: StudioPress Author URI: http://www.studiopress.com Version: 3.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: v3.0 - 1/31/09 Second release of Church, to ensure compatibility with WordPress 2.7 Third release of Church, recoding theme options page */ *{ outline : none;} body { background : #ffffff; color : #333333; font-size : 62.5%; font-family : Helvetica, Arial, Tahoma, Verdana; margin : 0 auto 0; padding : 0; overflow : hidden;} /* Hyperlinks */ a, a:visited { color : #004A80; text-decoration : none;} a:hover { color : #004A80; text-decoration : underline; } a img { border : none; } a:focus, a:hover, a:active { outline : none; } /** Header **/ #header { background : #004a80 url(images/mmc-header4.jpg) no-repeat top center; width : 100%; height: 175px !important; height : 205px; color: #FFFFFF; font-size: 11px; margin : 0; padding : 0; overflow : hidden; position: fixed; top:0; left:0; z-index:100;} #header h1, #header h3 { color: #FFFFFF; font-size: 36px; margin: 0; padding: 15px 0 0 20px; } #header h1 a, #header h3 a{ background : url(images/mmc-logo4.png) no-repeat; width : 304px; height : 131px; display : block; color: #FFFFFF; font-size: 36px; font-weight: normal; margin: 0; padding: 0; text-decoration: none; text-indent : -9999px;} #header h4{position: absolute; top:30px; right:90px; font-size:13px; width:370px; text-align:center;} /**......................................................................................................................Navbar**/ #navbar { background: url(images/topnav_stretch.gif) repeat-x; width: 100%; height: 55px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFFFFF; margin: 0 0 20px 0; padding: 0; position: fixed; top:140px; left:0;} #navbarleft { width: 75%; float: left; margin: 0; padding: 0; } #navbarright { width: 20%; font-size: 11px; float: right; margin: 0; padding: 6px 0 0 0; } ul#topnav { margin: 0; padding: 0; float: left; width: 100%; list-style: none; height:35px; overflow:hidden; position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ } ul#topnav li { float : left; margin : 0; padding : 0; border-right : 1px solid #555; /*--Divider for each parent level links--*/} ul#topnav li a { padding : 10px; display : block; color : #f0f0f0; text-decoration : none;} ul#topnav li:hover { background : transparent url(images/topnav_active.gif) repeat-x; } /*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/ #subnav{ float : left; width : 100%; background : #006999; padding : 3px 20px; border : 1px solid #333; border-top : none; height : 15px !important; height : 30px; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 10px; -khtml-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; display : block ; position : relative; z-index : 100; } #subnav a{color:#fff; padding: 2px 10px; font-weight: normal; font-variant: small-caps; font-size : 14px;} /*ul#topnav li:hover { background: transparent url(images/topnav_active.gif) repeat-x; } */ #subnav span {margin : 0 0 -10px 0;} #subnav span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/ #subnav span a:hover {text-decoration: underline;} /*.................................................................................................................Homepage */ #homepage { float: left; width: 50%; margin: 0; padding: 0 5px; } #homepage p { margin: 0; padding: 0; } #homepage img{}/*width:100%;*/ #homepage p img { border: none; float: left; margin: 0; } #homepage ul { list-style-type: square; margin: 0; padding: 0 0 15px 0; } #homepage ul li { list-style-type: square; margin: 0; padding: 0; } #homepagetop { background: #FFFFFF; float : left; width : 610px; margin: 0 0 10px 0; padding : 0; border: 1px solid #DDDDDD; } #homepagetop p { font-size : 12px; margin : 0; padding : 0 0 0 10px; } #homepagebottom { background : #FFFFFF; float : left; margin : -10px 0 0 0; padding : 10px 0 0 0; } #homepagebottom p { font-size : 12px; margin: 0; padding : 0; } #homepagebottom img{ outline : 1px solid #004a80; }/*width:50%;*/ .featuredtop{ float: left; margin: 0; padding: 10px; display: inline; } .featuredtop img{ border: none; margin: 0; } .hpbottom{ float: left; margin: 0; padding: 10px; display: inline; } .hpbottom img{ border: none; margin: 0; } .hpdate{ font-size: 11px; margin: 0; padding: 0; } .hpfeatured{ width: 300px; margin: 0 0 15px 0; padding: 0; } .hpfeatured img{border: none; margin: 0; } /**...................................................................................................................Content **/ #container { text-align : center; } #content { margin: 0 auto; padding: 10px; line-height: 18px; text-align : left;} #content h1 { color: #444444; font-size: 22px; font-weight: normal; margin: 0 0 5px 0; padding: 10px 0 0 0; border-bottom : 2px solid #004a80;} #content h1 a, #content h1 a:visited { color: #444444; font-size: 22px; font-weight: normal; margin: 0 0 5px 0; padding: 10px 0 0 0; } #content h1 a:hover { color: #A91B33; text-decoration: none; } #content h2 { background: #006999; color: #FFFFFF; font-size: 20px; font-weight: normal; margin: 0; padding: 10px 0; border-bottom : 1px solid #004a80; } /*{ background: #006999; color: #FFFFFF; font-family: Arial, Tahoma, Verdana; font-size:16px; border-bottom : 1px dotted #004a80; }*/ #content h3 { color : #010043; display : block; font-family : Arial,Helvetica,sans-serif; font-size : 18px; font-weight : bold; margin: 0 0 10px 0; } #content h4 { color : #A91B33; font-size : 22px; font-weight : normal; margin : 0 0 20px 0; padding : 10px 0 0 0; } #content img.wp-smiley { float: none; border: none; margin : 0; padding : 0; } #content img.wp-wink { float: none; border: none; margin : 0; padding : 0; } #contentleft { float: left; width: 600px; margin : 0; padding : 0 10px 0 0; } #contentleft a img { border: none; } #content blockquote p { margin: 0; padding: 0 0 15px 0; } #contentwide { float: left; width: 940px; margin: 0; padding: 0 0 10px 0; } blockquote { background: #E8E8E8; margin: 0 25px 15px 25px; padding: 10px 20px 0 15px; border-top: 1px solid #DDDDDD; border-right: 1px solid #666666; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #666666; } .postarea { background: #FFFFFF ; float: left; width: 590px; margin : 0 20px 0 0; padding: 0px; } .postarea p { margin : 0; padding : 0 0 15px 0; font-size : 12px; } .postarea ul { list-style-type: square; margin : 0; padding : 0 0 15px 0; } .postarea ul li { list-style-type: square; margin : 0 0 0 20px; padding: 0; } .postarea ul ul { list-style-type: square; margin : 0; padding : 0; } .postarea ol { margin : 0; padding : 0 0 15px 0; } .postarea ol li { margin : 0 0 0 20px; padding: 0; font-size:12px;} .postareawide { background : #FFFFFF url(images/fullwidthtop.gif) top no-repeat; float: left; width: 920px; margin: 0; padding: 10px; border: 1px solid #DDDDDD; } .postareawide p { margin : 0; padding : 0 0 15px 0; } .postareawide ul { list-style-type : square; margin: 0; padding: 0 0 15px 0; } .postareawide ul li { list-style-type : square; margin : 0 0 0 20px; padding : 0; } .postareawide ul ul { list-style-type : square; margin : 0; padding : 0; } .postareawide ol { margin : 0; padding : 0 0 15px 0; } .postareawide ol li { margin : 0 0 0 20px; padding: 0; } .breadcrumb { float : left; width : 590px; font-size : 11px; margin : 0 0 20px 0; padding : 0 0 3px 0; border-bottom: double #EAEAEA; } .breadcrumbwide { float : left; width : 920px; font-size : 11px; margin : 0 0 20px 0; padding : 0 0 3px 0; border-bottom: double #EAEAEA; } .date { width : 590px; float : left; margin : 0; padding : 5px 0 0 0; } .dateleft { width : 380px; float : left; margin : 0; padding : 0; } .dateright {width : 200px; float: right; margin : 0; padding : 0; text-align : right; } .time { background : #FFFFFF url(images/icon_time.gif) no-repeat top left; margin : 0 0 0 3px; padding : 0 0 0 20px; } .icomment { background : #FFFFFF url(images/icon_comments.gif) no-repeat top left; margin : 0; padding : 0 0 0 18px; } .tags { background : #FFFFFF url(images/icon_tags.gif) no-repeat top left; margin : 0; padding : 0 0 0 18px; } .category { background : #FFFFFF url(images/icon_category.gif) no-repeat top left; margin : 0; padding : 0 0 0 18px; } .postmeta { width : 590px; font-size : 12px; padding : 5px 0 0 0; margin : 0; border-top : double #EAEAEA; } .postmeta2 {width : 590px; font-size : 12px; padding : 5px 0 40px 0; margin : 0; border-top : double #EAEAEA; } .archive { float : left; width : 275px; margin : 0; padding : 0 0 20px 0; } .postwidget { background : #FFFFFF url(images/homepagetop.gif) top no-repeat; float : left; width : 590px; margin : 0 0 10px 0; padding : 10px; border : 1px solid #DDDDDD; } .postwidget ul { list-style-type : none; margin : 0; padding : 0; } .postwidget li { list-style-type : none; margin : 0; padding : 0; } .comments { background : #FFFFFF url(images/homepagetop.gif) top no-repeat; float : left; width : 590px; margin : 0 0 10px 0; padding : 10px; border : 1px solid #DDDDDD; } /**.......................................................................................................................Images **/ img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0; } img.alignnone { padding: 0; margin: 0 0 10px 0; display: inline; } img.alignright { padding: 0; margin: 0 0 10px 10px; display: inline; } img.alignleft { padding: 0; margin: 0 10px 10px 0; display: inline; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .alignright { float: right; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 10px 0; } .wp-caption { border: 1px solid #DDDDDD; text-align: center; background-color: #EEEEEE; padding: 4px 0 5px 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0 0 5px 0; padding: 0; border: 0; } .wp-caption p.wp-caption-text { margin: 0; padding: 0; font-size: 11px; font-weight: normal; line-height: 12px; } /**.................................................................................................................Search Form**/ #searchform { margin: 0; padding: 0; overflow: hidden; display: inline; } #searchbox { background: #EEEEEE !important; width: 70%; color: #202020; font-size: 12px; font-weight: normal; margin: 0; padding: 4px 0 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; margin: 0 0 0 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 { background: #FFFFFF url(images/feedburner.png) top no-repeat; float: left; width: 300px; margin: 0 0 10px 0; padding: 0; } #subbox { background: #EEEEEE !important; width: 250px; color: #202020; font-size: 12px; font-weight: normal; margin: 10px 0 0 0; padding: 3px 0 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; margin: 0 0 0 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; } #author, #url { background: #EEEEEE !important; width: 250px; color: #202020; font-size: 12px; font-weight: normal; margin: 5px 0 0 0; padding: 3px 0 3px 5px; border: 1px solid #DDDDDD; display: inline; } #submit { background: #555555 url(images/topnav.png); color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0; 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; } #comment { background: #EEEEEE; color: #202020; font-size: 12px; font-weight: normal; margin: 5px 0; padding: 3px 0 3px 5px; border: 1px solid #DDDDDD; display: inline; } /**..................................................................................................................Comments**/ .commentlist li ul li { font-size: 12px; } .commentlist li { font-weight: bold; } .commentlist li .avatar { background: #FFFFFF; float: right; border: 1px solid #EEEEEE; margin: 0 5px 0 10px; padding: 2px; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; } .commentlist p { font-weight: normal; text-transform: none; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 98%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform p { margin: 5px 0; } #commentform #submit { margin: 0; float: left; } .alt { margin: 0; padding: 10px; } .commentlist { margin: 0; padding: 0; } .commentlist ol { margin: 0; padding: 10px; } .commentlist li { margin: 15px 0 10px; padding: 10px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; padding: 0; } .children { margin: 0; padding: 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { font-size: 10px; margin: 0; display: block; } .navigation { display: block; text-align: center;margin: 0 0 20px 0; width : 590px; } .nav-previous{float:left;} .nav-next{float:right;} .alignright { float: right; } .alignleft { float: left; } .thread-alt { background: #FFFFFF; margin: 0; padding: 0; } .thread-even { background: #EEEEEE; margin: 0; padding: 0; } .depth-1 { border: 1px dotted #BBBBBB; margin: 0; padding: 0; } .even, .alt { border-top: 1px dotted #BBBBBB; border-bottom: 1px dotted #BBBBBB; border-left: 1px dotted #BBBBBB; margin: 0; padding: 0; } /**......................................................................................................................Sidebar**/ #sidebar { float: left; width: 20%; margin : 0; padding: 0 0 0 10px; border-left : 1px dotted #ccc; } #sidebar .widget { background: #FFFFFF url(images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0 0 10px 0; padding: 9px; border: 1px solid #DDDDDD; } #sidebar h2 { background: #006999; color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; padding: 3px 0 3px 7px; } #sidebar h3{ padding : 3px; border : none; margin : 10px 0 0 0; } #sidebar p { margin: 0; padding: 0; font-size:12px; } #sidebar a img { border: none; margin: 0; padding: 0; } #sidebar embed, #sidebar object { width: 300px; height: 250px; margin: 0; padding: 0; } #sidebar ul { list-style-type: none; margin: 0; padding: 0; } #sidebar ul li { list-style-type: none; margin: 0 0 5px 0; padding: 0; } #sidebar ul ul { list-style-type: none; margin: 0; padding: 0; } #sidebar ul li li { background: #FFFFFF url(images/icon.gif) no-repeat top left; padding: 0 0 5px 20px; margin: 0; } #sidebar ul li ul li { background: #FFFFFF url(images/icon.gif) no-repeat top left; padding: 0 0 5px 20px; margin: 0; } #video{margin : 0 0 15px 0;} /**..........................................................................................................................Footer **/ #footer { background: #93BBBC url(images/topnav.png); width: 100%; height: 30px; margin: 20px 0 0 0; padding: 0; text-align: center; clear : both;} #footer p { color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0; } #footer img{ margin : 5px 0; } #footer a, #footer a:visited { color: #FFFFFF; text-decoration: none; } #footer a:hover { color: #FFFFFF; text-decoration: underline; } /**........................................................ News **/ #news{ width : 15%; float : left; padding : 5px 10px; border-right : 1px dotted #ccc; } #news img{ float : left; margin : 0 5px 5px 0; } #support{ margin : 10px 0 20px 0; } #login{position:absolute; top:0;right:0;} #login a{color:#dfdfdf;} /** .......................................................WRAP **/ #wrap { bottom:0%; top : 50%; left : 0%; right:0%; width : 100%; height : 70%; margin : 45px 0 0 0; padding:10px 0 0 0; position : absolute; top : 170px; overflow: auto;} /**.........................................................*/ #news-info, #rescue-rehab, #education, #how-to-help, #research, #education, #fundraising, #how-to-help, #media-room{ margin : 0; width : 600px; float : left; } #events, #media, #pr, #strandings, #history, #species, #kids-center, #donations, #mmc-wear, #recycling, #volunteers, #internships, #mmc-stories, #wish-list, #strand-links, #kids-corner, #classes-outreach, #just-for-teachers, #faq, #psa, #education-links, #donations, #mmc-gift, #recycling-programs, #upcoming-events, #fund-news, #school-programs, #volunteer, #shift-calendar, #volunteer-exp, #wish-list, #email-list, #in-the-news, #media-kit, #pr, #public, #upcoming-events, #mmc-research, #contact-committee, #joint-programs, #other-orgs, #other-research-links, #advisory-group, #fundraising div, #education div{ width : 600px; height : 200px; margin : 20px 0; position : relative; } #events img, #media img, #pr img, #strandings img, #history img,#species img, #kids-center img, #donations img, #mmc-wear img, #recycling img, #volunteers img, #internships img, #mmc-stories img, #wish-list img, #strand-links img, #species img, #kids-corner img, #classes-outreach img, #just-for-teachers img, #faq img, #psa img, #education-links img #donations img, #mmc-gift img, #recycling-programs img, #upcoming-events img, #fund-news img, #school-programs img, #volunteer img, #shift-calendar img, #volunteer-exp img, #wish-list img, #email-list img, #in-the-news img, #media-kit img, #pr img, #public img, #upcoming-events img, #mmc-research img, #contact-committee img, #joint-programs img, #other-orgs img, #other-research-links img, #advisory-group img, #fundraising div img, #education img{ float : left; border : 1px solid #ccc; margin : 0 10px 0 0; width : 175px;} #events li, #media li, #pr li, #strandings li, #history li, #species li, #kids-center li, #donations li, #mmc-wear li, #recycling li, #volunteers li, #internships li, #mmc-stories li, #wish-list li, #strand-links li, #mmc-research li, #contact-committee li, #joint-programs li, #other-orgs li, #other-research-links li, #species li, #kids-corner li, #classes-outreach li, #just-for-teachers li, #faq li, #psa li, #education-links li, #donations li, #mmc-gift li, #recycling-programs li, #upcoming-events li, #fund-news li, #school-programs li, #volunteer li, #shift-calendar li, #volunteer-exp li, #wish-list li, #email-list li, #in-the-news li, #media-kit li, #pr li, #public li, #upcoming-events li, #mmc-research li, #contact-committee li, #joint-programs li, #other-orgs li, #other-research-links li, #advisory-group li, #fundraising div li, #education div li{ list-style : none; } #calendar{ margin : 0 0 15px 0; } #content h2.entry-title{ background : #fff; font-size : 2em;} #sidebar a{ font-size : 12px;} #sidebar h1, #sidebar h2, #sidebar h3{ background : #006999; color : #fff; } .hp-post{ border-bottom : 1px inset #94B1DF; margin : 10px; padding : 0 0 10px 0; clear : both; } .entry-content{ font-size : 12px; } .category .post_block { width : 600px; border-bottom : 1px dotted #dfdfdf; padding : 0; margin : 0 15px 0 0; float : left; } .clr{ clear : both; } p { font-size : 12px; margin : 10px 0; } p img{ margin : 10px;} img{ } .active{ background : #006999; } .blog{ width : 600px; } .category, .single{ width : 960px; } li{ font-size : 12px; } #news a, #homepage a, #sidebar a{ font-size : 12px; } #blog-nav { float : left; background : #dfdfdf; margin : 0 0 0 -150px; padding: 0; border : 2px solid #004a80; } #blog-nav ul{ margin : 0; padding : 0; } #blog-nav li { list-style : none; border-bottom : 2px solid #004a80; } #blog-nav li:last-child { border-bottom : none; } #blog-nav a{ padding : 2px 5px; display : block; font-variant : small-caps; } #blog-nav a:hover{ background : #004a80; color : #fff; } #page{ width : 960px; margin : 0 auto; } .ad728{ border : 1px solid #dfdfdf; margin : 10px 0;} .ad728 img { width : 100%; } .category h3{ border-bottom : 1px dotted #ccc; } .category ul li{ padding : 0 0 0 150px; margin : 0;} .single td { border-bottom : 1px dotted #DFDFDF; font-size : 14px; } table{ margin : 0 0 20px 0; } .gift td{ border : none; font-size : 12px; } .entry-content img{ float : left; margin : 0 10px; width : 200px; height : auto;} .entry-content p{ margin : 10px 0; padding : 10px 0; } a.more {float:right;} .events a{text-decoration : underline; font-size : 16px;} #donor a{font-size:20px;} #email-signup{ border : 1px solid #dfdfdf; padding : 0 3px; } #email-signup h3{ margin-top:0; } #email-signup td{border:none;} input#email{width:150px;}