/* Theme Name: PASCOHH Theme URI: http://b5280.com/pasco Description: Custom Theme for pascohh.com. Version: 0.6.1 Author: Beyond 5280 Author URI: http://b5280.com/ */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{font-size:100%;} legend{color:#000;} body {font:1em Verdana, san-serif; color:#464646; background: #fffcef; height:100%; border-top: 0px solid #fff;} p, ul, ol, dl {font-size: 13px; line-height: 19px;} a {text-decoration: none; outline: none; color: #0f6c16;} a:active {outline:none;} a:hover {text-decoration: underline;} h3.pagetitle {margin-bottom: 15px; font-size: 17px; text-transform: uppercase; color: #5b4f20;} #pageWrapper {width: 100%;} #headerWrapper {font:1em Georgia, serif; width: 100%; height: 260px; min-width: 1000px; background: url(/helpers/themes/pascohh/images/headerBG.png) repeat-x transparent; float: left;} #topNav {float: left; margin:0 0 10px 25px; padding: 0 5px;} #topNav a {color: #02291e;} #topNav a:hover {color: #fffcef; text-decoration: none;} #topNav li:last-child {background: url(/helpers/themes/pascohh/images/topNavBGv3.png) right -70px no-repeat transparent; padding-right: 10px;} #topNav li {float: left; margin: 0; padding: 0 5px; line-height: 30px; color: #fffcef; background: url(/helpers/themes/pascohh/images/topNavBGv3.png) 0 0 repeat-x transparent;} #rssIcons {font-size: 11px; width: 100px; text-align: right; left: 864px; position: absolute;} #rssIcons a {display: block;} #header {clear:both; float: left; width: 100%; background: url(/helpers/themes/pascohh/images/headerNavBGv3.png) bottom repeat-x transparent; padding: 0px 0 0 0;} #headerNav {clear:both; float: left; background: transparent; padding: 0; margin: 0 10px 0 0; width: 700px; position: relative; left: 262px;} #headerNav > li {float: left; margin: 0;padding: 0 8px 0 0; font-size: 16px; line-height: 37px; } /*Use the li and a to build the button the the width needed. http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html*/ #headerNav li a, #events #headerNav li.current_page_parent a, #singleEvents #headerNav li.current_page_parent a, #headerNav li.events_active a {color: #fffcef;} #headerNav .current_page_item > a, #headerNav .current_page_ancestor > a, #headerNav .current_page_parent > a, #headerNav li.events_active > a, #headerNav li.active_sub_event a {color: #02291e; text-decoration: none;} #headerNav li {display: block; text-align: center;} #headerNav > li.current_page_item, #headerNav > li.current_page_parent, #headerNav > li.current_page_ancestor, #headerNav li.events_active, #singleEvents #headerNav li.events_active {background: url(/helpers/themes/pascohh/images/mainSelectv3.png) right bottom no-repeat transparent;} #headerNav > li > a{display: block; float: left; margin: 0;padding: 7px 6px 3px 15px; font-size: 16px; line-height: 37px;} #headerNav > li.current_page_item > a, #headerNav > li.current_page_parent > a, #headerNav > li.current_page_ancestor > a, #headerNav li.events_active > a, #singleEvents #headerNav li.events_active > a {background:url(/helpers/themes/pascohh/images/mainSelectv3.png) left top no-repeat transparent;} #singleEvents #headerNav > li.current_page_parent, #events #headerNav > li.current_page_parent {background: none;} #singleEvents #headerNav > li.current_page_parent > a, #events #headerNav > li.current_page_parent > a {background: none;} #headerNav li ul {position: absolute; top: 43px; left: 7px; right: 0px; z-index: 999; margin: 0; background: url(/helpers/themes/pascohh/images/subNavBGv2.png) right top repeat-x transparent; display: none;} #headerNav li ul li {float: left; font-size: 14px; line-height: 28px; margin: 0; padding: 0 8px 4px 8px; width: auto;white-space: nowrap;} /* #headerNav li ul li:first-child {background: url(/helpers/themes/pascohh/images/topNavBGv3.png) left -41px no-repeat transparent; padding-left: 10px;} */ /* #headerNav li ul li:last-child {background: url(/helpers/themes/pascohh/images/topNavBGv3.png) right -76px no-repeat transparent; padding-right: 10px;} */ #headerNav > li.current_page_item ul, #headerNav > li.current_page_parent ul, #headerNav > li.current_page_ancestor ul, #headerNav li.events_active ul {display: block;} .clearBoth {clear: both;} #cork {width: 707px; margin: 0 0 0 24px; float: left; padding: 5px 0 0 0; background: url(/helpers/themes/pascohh/images/headerCorkBGv1.0.1.png) no-repeat;} #cork > blockquote {margin: 30px 30px 0 30px; font-size: 18px; line-height: 24px; padding: 0 5px;} #cork .quoteby {float: right; margin: 0 30px 0 0;} #cork #corkImage {float: right; margin-top: 22px; position: relative; z-index: 999;} #logo {float: left; clear: left; margin: 20px 0 0 20px;} #contentArea {clear: both;position: relative; float: left; width: 1010px; background: #fffcef;} #content {width: 538px; min-height: 500px; margin: 0 0 0 32px; background: transparent; float: left; padding: 15px 40px 25px 0;} #content.wideContent {width: 100%; } #content h2 {color: #e75b34; border-bottom: 1px dotted #e75b34; font-weight: bold; padding: 0 0 5px 0; margin: 0 0 5px 0;} #content h3 {color: #044c02; font-size: 0.9em; font-weight: bold; margin: 0 0 5px 0;} .post { font-weight:normal; margin: 20px 0 10px 0; padding:15px 5px 5px 5px; background-color:#fffdf4; border-bottom:solid 1px #fff} .post h2 span { font-size:12px; } .post h2 a {font-weight:normal; font-size:16px} .post .byline { font-weight:normal; font-size:10px; } .post .byline .divider { padding:10px} .post .byline a {} .post .entry p {margin:15px 0 10px 0; font-size:12px; } .post .postInfo { font-size:11px; margin:20px 0 0 0; font-variant:small-caps} .post .postInfo a img {position: relative; top: 4px; padding: 0 5px 0 0;} .post .entry div.linkcat {margin: 0 0 20px 0;} .post address {font-size: 12px; font-style: italic;} .post ol {margin: 15px 0 0 15px;} .post ol li {list-style: decimal;margin: 0 0 5px 10px;} .post ul {margin: 15px 0 0 15px;} .post ul li {list-style: disc;margin: 0 0 5px 10px;} #search .post ul {margin: 0;} #search .post ul li {list-style: none; margin: 0;} #homeTabs div {width: 290px; margin: 0 6px; padding: 0 4px; float: left; border-bottom: none; min-height: 200px; } #homeTabs h3 {color: #fffcef; font-family: Georgia, serif; font-size: 14px; font-weight: normal; height: 24px; margin: 0; padding: 0 0 0 5px; border-bottom: 1px solid #da9b3c; background: url(/helpers/themes/pascohh/images/sideNavTabsBgv1.0.5.png) left -3px no-repeat #fffcef;} #homeTabs h3 span {display: block; float: left; line-height: 24px; padding: 0 10px 0 5px; background: url(/helpers/themes/pascohh/images/sideNavTabsBgv1.0.5.png) right -45px no-repeat;} #homeTabs div:first-child h3,#homeTabs div:last-child h3 {background-position: left -83px; border-color: #006f51;} #homeTabs div:first-child h3 span, #homeTabs div:last-child h3 span {background-position: right -123px; } #homeTabs ul {padding: 5px 15px 10px 15px; background: url(/helpers/themes/pascohh/images/homeTabBgV1.0.png) 0px -94px no-repeat; min-height: 200px;} .tabBody ul li {margin:0 0 5px 0; border-bottom: #ddd 1px dotted;} #home #pageside .homenews {height: 193px; width: 348px; padding: 15px 15px 0 15px; font-style: normal; font-family: Verdana, sans-serif; overflow: hidden;} #home #pageside .homenews .homenews-list p {font-size: 12px; line-height: 16px; width: 318px;} #home #pageside .homenews h4{font-weight: bold; color: #05684b;} #home #pageside .homenews .more {position: absolute; bottom: 28px;} #pageside .switcher {position: absolute; width: 348px; margin: 0 15px; bottom: 10px; right: 0; border-top: 1px dotted #05684b;} #pageside .switcher ul {float: right;} #pageside .switcher li {float: left; margin: 0; padding: 0 5px;} #pageside .switcher li a {font-weight: bold; font-size: 15px; line-height: 14px;} #pageside .switcher li a.active {color: #e75b34;} /* for Carlos */ #singleEvents #content .post {background: url(/helpers/themes/pascohh/images/eventDetailsPostBGv1.6.png) no-repeat;padding:8px;} #singleEvents .post h2{margin: 0; text-align: center; font: 16px Georgia, serif; text-decoration: none; background-color: #e5b76b; color: #fff; line-height: 30px;} #singleEvents .post .entry {margin: 10px 0 0 20px;} #singleEvents .post .postInfo {padding: 0 0 10px 25px; margin: 0; width: 515px; position: relative; top: 14px; left: -8px; background: url(/helpers/themes/pascohh/images/eventDetailsPostBGv1.6.png) -554px bottom no-repeat;} #singleEvents #content .post ul li {list-style: none; margin: 0;} #right {border-left: 1px dotted #eaddb3; position: relative;float: left; top: 40px; left: -15px; padding-bottom: 90px; background: transparent; width: 390px; background: url(/helpers/themes/pascohh/images/sideNavBgv1.0.0.png) 0 0 repeat-y;} #blogside { padding: 15px 0;} #blogside li {margin: 0 0 0 15px;} #blogside li ul li {margin:0 0 5px 16px; width: 80%; border-bottom: #ddd 1px dotted;} #blogside li ul.children li a {margin: 0 0 0 16px;} #blogside h2 { background: url(/helpers/themes/pascohh/images/sideNavTabsBgv1.0.5.png) 6px -168px no-repeat; font-size: 16px; font-family: Georgia, serif; margin: 15px 24px 0 0; border-bottom: #006f51 1px solid;} #blogside h2 span {color: #fff; background: url(/helpers/themes/pascohh/images/sideNavTabsBgv1.0.5.png) 0px -210px no-repeat; display: block; line-height: 30px; padding: 5px 8px 0 5px; margin: 0 0 0 11px;} #blogside h2.even {border-bottom: #da9b3c 1px solid; background-position: 6px 0px;} #blogside h2.even span {background-position: 0px -42px;} #pageside #testimonial {display: block; position: relative; left: -10px; height: 178px; width: 353px; font-style: italic; font-family: Georgia; margin: 0; padding: 30px 15px 0 10px; background: url(/helpers/themes/pascohh/images/stickNoteBGv1.3.png) no-repeat;} #testimonial blockquote { color: #0b558e; font-size: 18px; line-height: 24px; padding: 0 5px;} #testimonial .quoteby {color: #0b558e; font-size: 16px; line-height: 24px; float: right; margin: 5px 25px 0 0; } #testimonial .more-link {float: right; margin: 15px 15px 0 0;} #pageside #sidebar-tabs {position: relative; top: 20px; left: 15px; margin: 0; width: 328px; } #pageside .tabBody h2 {background: none; color: #5b4f20; font-size: 12px; margin: 0; padding: 0; border: none;} #sidebar-tabs ul.tabs {padding-left: 15px; margin: 0; border-bottom: 1px solid #da9b3c; overflow: hidden;} #sidebar-tabs ul.tabs li {display: block; float: left; background: url(/helpers/themes/pascohh/images/sideNavTabsBgv1.0.5.png) 0px -37px no-repeat; line-height: 29px; margin: 0; padding: 10px 19px 0 13px; font-size:16px; width: auto;} #sidebar-tabs ul.tabs li.ui-tabs-selected {display: block; background: url(/helpers/themes/pascohh/images/sideNavTabsBgv1.0.5.png) 0px -119px no-repeat;} #sidebar-tabs ul.tabs li.ui-tabs-selected a {color: #fffcef;} #sidebar-tabs ul.tabs li a {color: #02291e; font-family: Georgia, serif;} #sidebar-tabs ul.tabs li a:hover {color: #fffcef; text-decoration: none;} #sidebar-tabs div.tabBody {border-bottom: 1px solid #da9b3c; clear: both; padding: 5px 0 20px 12px;} #sidebar-tabs div.tabBody ul li {float: none; margin: 0 0 5px 16px;} .searchcontainer {overflow: hidden; padding: 0 0 10px 0; margin: 0 0 10px 0;} .searchcontainer li {float: left;margin: 0 0 0 10px;} .navigation {clear: both; line-height: 30px; font-size: 12px;} .left {float: left;} .right {float: right;} .pagetitle {clear: both;} #search .post {margin: 0 0 15px 0; padding: 0;} #testimonial h2 {display: none;} /* Comment styling */ h3#comments, h3#respond {} h3#respond {} h3#respond span {} h3#respond span a {} #content .commentlist{margin-bottom: 20px;} #content .commentlist li {} #content .commentlist li cite a {} #content .commentlist li small {} #content .commentlist li p {} #content .commentlist li.alt {} #commentform {} #commentform input {margin: 5px 0;} #commentform textarea {width: 90%;} #commentform textarea:hover{} #commentform textarea:focus {} #commentform input#submit{padding:3px; background:#faf5e6 ;border:1px solid #e2d2b0;vertical-align:top; width: auto; font-size: 14px; font-weight: bold; padding:3px; margin: 5px 50px 0 0; float: right; color: #5b4f20;} #commentform input#submit:hover {color: #ffca39} #commentform input#submit:disabled {} /* Event Calendar CSS */ #events #contentArea {width: 961px; left: 0; background: url(/helpers/themes/pascohh/images/contentShadowsv2.1.png) 2px 46px no-repeat;} #events #content {margin: 0 0 11px 0;} .eventCalendar { margin: 0 0 11px 10px; border-collapse:separate;border-spacing:2px; border: 1px solid #e4e3d4; border-top: none; letter-spacing: 0.1px; background-color:#fff} #calendarHeader {text-align: center; width: 178px; height: 24px; font: 14px Georgia, serif; background: url(/helpers/themes/pascohh/images/calTabv1.1.png) no-repeat transparent; padding: 5px 0 0 0; margin: 2px 3px 0 5px; } #calendarHeader a {padding: 0px 12px 0px 12px; margin: 6px;} #calendarHeader a:hover {text-decoration: none;} #calendarHeader a.prevMonth {background: url(/helpers/themes/pascohh/images/PrevNext16-55.png) -8px -11px no-repeat transparent;} #calendarHeader a.nextMonth { background: url(/helpers/themes/pascohh/images/PrevNext16-55.png) -28px -11px no-repeat transparent;} #calendarHeader a.nextMonth:hover {background-position: -27px -51px;} #calendarHeader a.prevMonth:hover {background-position: -8px -51px;} .eventCalendar thead { text-align: left; font: 12px Georgia, serif; background: #fff; font-variant:small-caps; border-top:2px solid white;} .eventCalendar thead td {padding:7px 0 3px 10px; } .eventCalendar thead .borderRight { border-right: 1px solid #e4e3d4;} .eventCalendar thead .borderLeft { border-left: 1px solid #e4e3d4;} .eventCalendar tbody td {width: 130px; height: 135px; border: 1px solid #e2d2b0; background-color: #faf5e6;} .eventCalendar tbody td .dayWrapper {height: 69%;} .eventCalendar tbody td .dayWrapper li {position: relative;} .eventCalendar tbody .day { font: 35px Georgia, serif; color: #e4e3d4;text-align: right; padding: 0 5px; margin:0;} .eventCalendar tbody .today {border-color: #da9b3c; background-color: #fef8d9;} .eventCalendar tbody .today .day {color: #e5b76b;} .eventCalendar tbody td:hover {border-color: #b7ab92; background-color: #faf7f1;} .eventCalendar tbody td:hover .day {color: #8a9a92;} .eventCalendar tbody .empty {border-color: #fcf7e8; background-color: #fffcef;} .eventCalendar tbody td.empty:hover {border-color: #fcf7e8; background-color: #fffcef;} .eventCalendar tbody .calEvent {font-size: 10px; float: left; clear: left; width: 100%; margin: 4px 0;} .eventCalendar tbody .calEvent h3 {font-size: 10px; background: transparent; width: 128px; margin: 0 0 0 3px; line-height: 12px;} .eventCalendar tbody .calEvent h3 a { border-left: 5px solid #da9b3c; color: #e5b76b; padding: 5px 5px 5px 5px; margin: 0; display: block; white-space: wrap;} .eventCalendar tbody .openRight h3.selected a {border-right: 5px solid #da9b3c; background: #fff; border-left: none; padding-left: 10px;} .eventCalendar tbody .openLeft h3.selected a {background: #fff;} .eventCalendar tbody .under .calEvent h3 {visibility: hidden;} .eventCalendar tbody .eventLine {clear: both; float: left; margin: 0 9px; padding: 0; height: 1px; width: 110px; background-color: #e2dfd3; } .eventCalendar tbody .eventDetails {display: none; position: absolute; z-index: 100;} .eventCalendar tbody .openRight .eventDetails {left: 112px; top: -65px; } .eventCalendar tbody .openLeft .eventDetails {left: -272px; top: -65px; } .eventCalendar tbody .openRight .eventDetails ul {background: url(/helpers/themes/pascohh/images/eventDetailsBGv1.4.png) no-repeat transparent; width:286px; padding: 6px 0 10px 0;} .eventCalendar tbody .openLeft .eventDetails ul {background: url(/helpers/themes/pascohh/images/eventDetailsBGv1.4.png) right top no-repeat transparent; width:286px; padding: 6px 0 10px 0;} .eventDetails li.eventTitle {margin: 0 6px; text-align: center; font: 16px Georgia, serif; text-decoration: none; background-color: #e5b76b; color: #fff; line-height: 30px;} .eventDetails li.eventTitle a {color: #fff;} .eventDetails li { margin: 0 25px 0 25px; font-size: 11px;} .eventDetails li p {margin: 8px 0;} .eventDetails li.learn-more {text-align: left; margin-top: -10px;} .eventLabel {font-weight: bold;} .eventDetails .bottom {background: url(/helpers/themes/pascohh/images/eventDetailsBGv3.png) -300px top no-repeat transparent; height: 10px; width: 286px;} .eventDetails .share-links img{position: relative; top: 4px;} .share-links a{ padding: 0 0 0 3px;} .eventCalendar tbody .training h3 a, .eventCalendar tbody .training h3.selected a {border-color: #cc6666;} .eventCalendar tbody .training h3 a {color: #cc6666;} .training .eventDetails li.eventTitle, #singleEvents .post h2.training {background-color: #cc6666;} .eventCalendar tbody .pasco-events h3 a, .eventCalendar tbody .pasco-events h3.selected a {border-color: #823232;} .eventCalendar tbody .pasco-events h3 a {color: #823232;} .pasco-events .eventDetails li.eventTitle, #singleEvents .post h2.pasco-events {background-color: #823232;} .eventCalendar tbody .other-events h3 a, .eventCalendar tbody .other-events h3.selected a {border-color: #006f51;} .eventCalendar tbody .other-events h3 a {color: #006f51;} .other-events .eventDetails li.eventTitle, #singleEvents .post h2.other-events {background-color: #006f51;} .eventCalendar tbody .community-meetings h3 a, .eventCalendar tbody .community-meetings h3.selected a {border-color: #0b558e;} .eventCalendar tbody .community-meetings h3 a {color: #0b558e;} .community-meetings .eventDetails li.eventTitle, #singleEvents .post h2.community-meetings {background-color: #0b558e;} #content .open-calendar-list {background: url(/helpers/themes/pascohh/images/ico-add-calendar.gif) no-repeat; padding: 0 0 0 20px;} #content .calendar-options {background: none; margin: 0; padding: 0; width: 210px;} #content .calendar-options li {margin: 0; line-height: 20px; padding: 0 0 0 10px;} #content .calendar-options .google {background: url(/helpers/themes/pascohh/images/ico-gcal.gif) no-repeat; padding: 0 0 0 20px;} #content .calendar-options .yahoo {background: url(/helpers/themes/pascohh/images/ico-yahoo.gif) no-repeat; padding: 0 0 0 20px;} #content .calendar-options .outlook {background: url(/helpers/themes/pascohh/images/ico-outlook.gif) no-repeat; padding: 0 0 0 20px;} #content .calendar-options .ical {background: url(/helpers/themes/pascohh/images/ico-ical.gif) no-repeat; padding: 0 0 0 20px;} #footer {font:1em Georgia, serif; clear: both; background: #006f51; padding-top: 1px; position:relative;} #footer ul {border: 1px solid #d3e4d4; border-left: none; border-right: none; overflow: hidden; height: 38px; margin: 1px 0 2px 0; padding-left: 20px;} #footer ul li {float: left; line-height: 36px; padding: 2px 5px 5px 5px; color: #fffcef;} #footer ul li a {color: #fffcef;} #footer ul li a:hover {color: #f3f17c; text-decoration: none;} #legal {background: url(/helpers/themes/pascohh/images/footerCorkBG.png) repeat-x transparent; font-size: 12px; padding: 10px 0 40px 25px; } #legal .copyright {} #legal .address {display: block;} img#award {position: absolute; top: -15px; left: 560px; height: 92px; width: 92px;} #siteby {float: left; clear: none; width: 960px;} #siteby a {color: #d1d1d1; font-size: 11px; float: right; white-space: nowrap;}