/* Theme Name: Lancaster County Flower Show Theme URI: http://www.theinfantree.com Description: LCFS Theme Developed by Tim Hoover of TheInfantree.com Version: 1.0 Author: Timothy Hoover - iamtimhoover.com Author URI: http://www.iamtimhoover.com */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; /* COLORS Background Yellow: dfdb84; Wrapper Back Tan: eae7cd; Feature Border Tan: e2dfc6; Welcome Type Green: 638b2e; Top Bar Purple: 722373; ----------------------------------------- */ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ .clear{clear:both;} .alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. /* FLOWER SHOW ALL */ /* ----------------------------------------- */ html{background: url(style/images/topBarPurple.jpg) repeat-x #dfdb84; background-color:#dfdb84; } #outside{width:1020px; margin:0 auto;} #wrapper{width:1020px; margin:0 auto; background:url(style/images/wrapperBack.jpg) repeat-y;} #page{width:960px; margin:0 auto; background:url(style/images/pageBack.jpg) no-repeat #ebe7ce; overflow:hidden;} #header{height:200px; background:url(style/images/headerBack.jpg) no-repeat;} p{font-family:Arial, Helvetica, sans-serif; margin:10px 0; font-size:14px; line-height:20px; color:#666;} a{color:#333; } a:hover{color:#111; text-decoration:underline;} /* THANKYOU */ /* ----------------------------------------- */ #header.thankYou{height:25px; background:url(style/images/headerBack.jpg) no-repeat;} #wrapper.thankYou{width:1020px; margin:0 auto;} #thankyou{width:1020px; height:800px; background:url(style/images/thankYouBack.jpg) no-repeat; margin:0 auto;} /* HEADER */ /* ----------------------------------------- */ #logoTag{width:521px; height:170px; background:url(style/images/logoTag.png) no-repeat; position:absolute; z-index:100; margin:0 0 0 50px;} #logoTag a{display:block; width:450px; height:120px; margin:10px 0 0 20px;} #blogInfo{text-indent:-9999px;} /* SEARCH */ /* ----------------------------------------- */ #searchBar{width:500px; height:34px; position:absolute; z-index:50; margin:50px 0 0 740px;} #searchform #s{margin:0 10px 0 0;} #searchsubmit{display:inline;} .screen-reader-text{display:none;} /* MAIN NAV */ /* ----------------------------------------- */ #navBar{width:930px; margin:0 0 0 50px; padding:166px 0 0 0; } #mainNav li{display:inline;} #mainNav li a{font-size:12px;font-family:Arial, Helvetica, sans-serif; color:#525148; text-decoration:none; padding:4px 16px; margin:0 6px; } #mainNav li a:hover{background-color:#638b2e; -moz-border-radius: 8px; -webkit-border-radius: 8px; color:white;} /* MAIN NAV ACTIVE BODY CLASS CSS*/ /* ----------------------------------------- */ .page-id-7 #mainNav li a#showInfoLink, .parent-pageid-7 #mainNav li a#showInfoLink{background-color:#638b2e; -moz-border-radius: 8px; -webkit-border-radius: 8px; color:white;} .page-id-23 #mainNav li a#reserveTicketsLink, .parent-pageid-23 #mainNav li a#reserveTicketsLink{background-color:#638b2e; -moz-border-radius: 8px; -webkit-border-radius: 8px; color:white;} .page-id-24 #mainNav li a#bloomBoutiqueLink, .parent-pageid-24 #mainNav li a#bloomBoutiqueLink{background-color:#638b2e; -moz-border-radius: 8px; -webkit-border-radius: 8px; color:white;} .page-id-26 #mainNav li a#eventsLink, .parent-pageid-26 #mainNav li a#eventsLink{background-color:#638b2e; -moz-border-radius: 8px; -webkit-border-radius: 8px; color:white;} .page-id-38 #mainNav li a#exhibitsLink, .parent-pageid-38 #mainNav li a#exhibitsLink{background-color:#638b2e; -moz-border-radius: 8px; -webkit-border-radius: 8px; color:white;} .page-id-36 #mainNav li a#contactUsLink, .parent-pageid-26 #mainNav li a#contactUsLInk{background-color:#638b2e; -moz-border-radius: 8px; -webkit-border-radius: 8px; color:white;} /* HOME */ /* ----------------------------------------- */ #welcome {height:380px; width:920px; background:white; margin:0 auto 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #dfdb84;} p.home{font-size:9pt} #homeContent h2{font-size:24px;color:#638b2e;} #welcomeMessage{width:280px; padding:20px;float:left; min-height:300px;} a.readMore{font-size:10px; color:#999; text-transform:uppercase; margin:0; letter-spacing:1px; text-decoration:none; font-weight:bold;} a.readMore:hover{text-decoration:underline;} #emailSignUp{width:300px; height:115px; background-color:#f4f9ea; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #9d9b8a; margin:16px 0 0 0;} #emailSignUp h3{font-family:Arial, Helvetica, sans-serif; font-size:9px; padding:10px 10px 0px 10px; color:#333; font-weight:normal;} #boxRow{height:140px; margin:0 0 40px 0;} #boxRow ul{display:inline;} #boxRow ul li a.boxLink{width:215px; height:140px; float:left;background:#c6c3ad; margin:0px 20px 0 0; display:block;} #boxRow ul li a#boxLink1{margin:0 20px 0 20px; background:url(style/images/boxAbout2.jpg) top left;} #boxRow ul li a#boxLink1:hover{background:url(style/images/boxAbout2.jpg) top right;} #boxRow ul li a#boxLink2{background:url(style/images/boxTickets2.jpg) top left;} #boxRow ul li a#boxLink2:hover{background:url(style/images/boxTickets2.jpg) top right;} #boxRow ul li a#boxLink3{background:url(style/images/boxBoutique2.jpg) top left;} #boxRow ul li a#boxLink3:hover{background:url(style/images/boxBoutique2.jpg) top right;} #boxRow ul li a#boxLink4{background:url(style/images/boxEvents2.jpg) top left;} #boxRow ul li a#boxLink4:hover{background:url(style/images/boxEvents2.jpg) top right;} a.applicationLink{text-decoration:none; color:#638b2e; font-weight:bold; margin:10px 0; display:block;} a.applicationLink:hover{text-decoration:underline;} /*--------------------------------- // FEATURES ---------------------------------*/ #featuresArea{width:600px; float:right; } #featureSlides{width:530px; height:274px; background:white; border:10px solid #e2dfc6; margin:50px auto 0;} #featureSlides ul, #featureSlides li{margin:0; padding:0; list-style:none;} #featureSlides, #featureSlides li{width:530px; height:274px; overflow:hidden; } #prevBtn, #nextBtn{ display:none; width:19px; height:32px; position:absolute; z-index:5; margin:0px 0 0 0px; } #nextBtn{margin:-186px 0 0 606px;} #nextBtn a{background:url(http://www.neffsvillevet.com/wp-content/themes/neffsville/images/nextBtn.gif) no-repeat;} #prevBtn a{background:url(http://www.neffsvillevet.com/wp-content/themes/neffsville/images/prevBtn.gif) no-repeat;} #prevBtn a, #nextBtn a{ display:block; width:19px; height:32px; text-indent:-9999px; } #nextBtn a:hover{background:url(http://www.neffsvillevet.com/wp-content/themes/neffsville/images/nextBtn.gif) no-repeat; } #prevBtn a:hover{background:url(http://www.neffsvillevet.com/wp-content/themes/neffsville/images/prevBtn.gif) no-repeat;} /* GENERIC PAGE TEMPLATE */ /* ----------------------------------------- */ #pageWrapper{width:920px; margin:0 auto; background:url(style/images/pageContentBack.jpg) repeat-y; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #pageWrapperBottom{width:920px; min-height:60px; background:url(style/images/pageContentBack.jpg) repeat-y; margin:0 0 20px 0;} #sidebar{width:240px; float:left;} #pageContent{width:600px; float:right; padding:20px 50px 30px 30px;} #pageContent h2, #pageContent h3{font-family:Arial, Helvetica, sans-serif; color:#638b2e; font-size:16px;} #pageContent h2{margin:0 0 10px 0;} #pageContent h3{font-size:14px; color:#8dac65;} #pageContent p{font-size:13px;} #pageContent ul{margin:10px 0 0 10px;} #pageContent ul li{list-style-type:disc; list-style-position:outside; font-family:Arial, Helvetica, sans-serif; margin:10px 0; font-size:13px; line-height:20px; color:#666; } #pageContent ul.cutFlowerList{margin:0 0 0 10px;} #pageContent ul.cutFlowerList li{list-style-type:none; line-height:20px;} #pageContent ul.cutFlowerList li ul{margin:0 0 0 10px;} #pageContent ul.cutFlowerList li ul li{line-height:11px; font-size:12px;} /* SIDEBAR UNIQUE CLASSES */ /* ----------------------------------------- */ .page-id-36 #sidebar {background:url(style/images/sidebarFlower.png); min-height:360px; height:auto !important; height:360px; } .page-id-23 #sidebar {background:url(style/images/sidebarFlower2.png); min-height:360px; height:auto !important; height:360px; } .page-id-24 #sidebar {background:url(style/images/sidebarFlower3.png); min-height:360px; height:auto !important; height:360px; } .search #sidebar {background:url(style/images/sidebarFlower.png); min-height:360px; height:auto !important; height:360px; } /* SCORING TABLE */ /* ----------------------------------------- */ table.exhibitScoring {width:520px; background:#f2f3e3; margin:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px; border:2px solid #dfdb84;} table.exhibitScoring td { border:1px solid #e5e6d7; padding:10px 10px;} table tr td.category{width:420px; padding:6px 12px; font-weight:bold;} table tr{width:600px;} #contactUsTable tr td.category{width:380px;} #datesTable tr td.category{width:380px;} /* SubNav */ /* ----------------------------------------- */ #subNav {padding:0;} #subNav h2{border-bottom:1px solid white; padding:0 0 0 24px; line-height:40px; text-transform:capitalize; letter-spacing:3pt; font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#a8b499;} #subNav li{border-bottom:1px solid white; line-height:22px;} #subNav li a{padding: 10px 24px 10px 16px; display:block; color:#7a257b; font-family:Arial, Helvetica, sans-serif; font-size:10pt; text-decoration:none;} #subNav li a:hover{background:url(style/images/subNavOver.jpg) repeat-y; text-decoration:none;} .current_page_item {background:url(style/images/subNavOver.jpg) repeat-y;} #subNav ul li.current_page_parent ul li.current_page_item{background:url(style/images/subNavOver.jpg) repeat-y;} #subNav li ul{margin:-5px 0 10px 0;} #subNav li ul li{line-height:24px; border:none; padding: 0 0 0 16px;} #subNav li ul li a{padding:0 0 0 16px; font-family:Arial, Helvetica, sans-serif; color:#777777; font-size:9pt; } #subNav li ul li a:hover{color:#333333; background-image:none;} /* SPONSORS */ /* ----------------------------------------- */ #sponsors p{width:560px;} #sponsors img {border:6px solid #e2dfc6; margin:0 20px 10px 0;} #sponsors img.left{float:left;} #sponsors img.secondSponsors{margin:20px 0 0 0;} /* ACCOMODATIONS */ /* ----------------------------------------- */ #sponsors ul#accomodations li{list-style-type:none;} #sponsors ul#accomodations li img{float:left; widht:220px; height:160px;} #sponsors ul#accomodations li .offer{float:left;} /* SEARCH RESULTS */ /* ----------------------------------------- */ .search-results h3{margin:10px 0 0 0;} .search-results p {margin:0; padding:0;} .search-results #pageContent p.postDate{padding:4px 0;font-size:11px;} /* FOOTER */ /* ----------------------------------------- */ #footer{height:281px; background:url(style/images/footerBack2.jpg) no-repeat;} #footer.thankYou{height:281px; background:url(style/images/footerBackThankyou.jpg) no-repeat;} #footer a.footerSponsorsLink{width:430px; height:130px; position:absolute; z-index:100; margin:35px 0 0 25px; text-indent:-9999px;} #footerContent{width:960px; margin:0 auto; padding:45px 0 0 0; color:#333;} #footerContent ul li h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; margin:0 0 10px 0;} #footerContent ul li{font-size:13px; line-height:16px;} #footerContent a{color:#333; line-height:20px;} #footerContent a:hover{color:#111;} #sponsors{width:500px; float:left; min-height:200px;} #accomodations{width:190px; float:left; min-height:180px; padding:20px 20px 10px;} #accomodations a.twitterLink{width:205px; height:30px; background:url(style/images/twitter.png) no-repeat top left; text-indent:-9999px; display:block; margin:-4px 0 0 0;} #accomodations a.facebookLink{width:205px; height:30px; background:url(style/images/facebook.png) no-repeat top left; text-indent:-9999px; display:block; margin:16px 0 0 0;} #accomodations a.twitterLink:hover{background:url(style/images/twitter.png) no-repeat top right;} #accomodations a.facebookLink:hover{background:url(style/images/facebook.png) no-repeat top right;} #recInfo{width:190px; float:left; min-height:180px; padding:20px 20px 10px;} #copyright {font-size:10px; text-align:right;color:#333; padding:0px 0; font-family:Arial, Helvetica, sans-serif;} #copyright a{text-decoration:none; color:#111;} #copyright a:hover{text-decoration:underline;}