/* Theme Name: YPN Theme URI: http://ypnphilly.com Description: A custom theme developed for the Young Professionals Network of Greater Philadelphia. Version: 1 Author: Mike Ball Author URI: http://www.mikeball.org */ /* ---------------------- GLOBALS ---------------------*/ * {margin:0; padding:0;} body {background:#fff url('images/bg-body.gif') repeat-x top left; text-align:center; padding-top:10px; /*color:#9c8b81;*/color:#8C796D; font: 62.5%/1.3 arial, helvetica ,sans-serif;} a {text-decoration:none;} a img {border:none;} img {display:block;} p {margin-bottom:1em;} strong {font-weight:bold;} em {font-style:italic;} h2 {color:#97A4AB; letter-spacing:-1px; font-weight:bold; font-size:3.2em; line-height:1em;} h3 {font-size:2em; margin-bottom:.5em;} h4, h4 a, h5 {font-weight:bold;} address {font-style:normal; display:block;} span.pre-title {text-transform:uppercase; color:#999; letter-spacing:1px; font-size:.8em; margin-bottom:3px; display:block;} small {display:block;} small.date, small.date-posted {font-size:1.1em; color:#999; font-style:italic; margin-bottom:1em;} #secondary-content p.read-more a, #tertiary-content p.read-more a {font-size:1.1em; display:block; width:127px; line-height:25px; padding-left:10px; color:#fff; text-decoration:none; font-style:italic; height:25px; background:url('images/bg-read-more-sm.gif') no-repeat top left;} #secondary-content p.read-more a:hover, #tertiary-content p.read-more a:hover {background:url('images/bg-read-more-small-hover.gif') no-repeat top left;} img.inset-logo {border:1px solid #eee; float:right; margin:0 0 10px 10px;} /*utility*/ .float-left {float:left;} .float-right {float:right;} .pdf-download a {background:url('images/led-icons/doc_pdf.png') no-repeat top left; display:block; padding-left:20px;} .word-load {} .word-download a {} .gray, .tdomf_form_message {background:#EDEDED; padding:1em;} .external-link {} .external-link a {padding-left:20px; background:url('images/bg-external-link.gif') no-repeat 0 2px;} img.headshot {float:left; margin:0 .5em .5em 0;} /*forms*/ input, textarea {border:1px solid #ccc; color:#666; padding:4px;} input.button {cursor:pointer; border:1px solid #ccc;} div.simple-form {} div.simple-form fieldset {margin-bottom:1em;} div.simple-form fieldset legend {margin:0 0 .5em 0; font-weight:bold;} div.simple-form form div.form-input, div.simple-form form div.form-label, div.simple-form form div.form-input, div.simple-form form div.form-textarea, div.simple-form form div.form-submit, div.simple-form form div.form-option, div.simple-form form div.form-captcha, div.simple-form form div.form-captcha-img {clear:left; } div.form-label {display:block;} div.simple-form form div.form-textarea {margin-bottom:1em;} div.simple-form form div.form-submit {padding-top:1em; clear:left;} div.simple-form form input {float:left; margin-bottom:.5em;} form input.button {width:auto; cursor:pointer; background:#9c8b81; color:#fff;} div.simple-form form label {} div#respond {background:#f0f0f0; padding:1em;} div#contact-submit {clear:left;} #captchaImgDiv {clear:left;} div#contact-submit input {float:none; cursor:pointer; clear:left; background:#9c8b81; color:#fff;} /* ---------------------- STRUCTURE ---------------------*/ #header {width:970px; margin:0 auto; text-align:left; height:211px; background:url('images/bg-biz-card-corner.png') no-repeat 417px 13px;} #content {width:970px; height:100%; margin:0 auto; padding-bottom:100px; background:#fff url('images/bg-content.gif') repeat-y top left; text-align:left;} #secondary-content {float:left; margin:0 15px 0 0; width:180px;} #primary-content {padding:20px 0; float:left; margin-right:27px; width:500px;} #tertiary-content {float:left; width:236px;} #footer {background:url('images/bg-footer.gif') repeat-x top left; border-top:4px solid #a0b9c5; color:#fff;} #footer-content {padding:15px 0; background:url('images/bg-org-info.gif') repeat-y top left; width:970px; height:335px; margin:0 auto; text-align:left;} #footer #org-info { float:left; font-size:90%; width: 160px; height: 300px; margin:0 10px;} #footer .content-column {width:150px; float:left; margin-left:35px;} /* ---------------------- HEADER STYLES ---------------------*/ h1 a {display:block; text-indent:-5000px; margin:60px 0 0 17px; float:left; background:url('images/h1-chamber-logo.png') no-repeat top left; width:134px; height:80px;} div#gpcc-tooltip {position:absolute; top:50px; color:#999; margin-left:15px; font-size:10px; height:47px; width:135px; text-align:center; padding-top:1em; background:url('images/bg-tooltip.gif') no-repeat top left;} ul#utility-nav {color:#efefef; font-size:1.2em; margin-left:580px;} ul#utility-nav li {float:left; margin-right:.25em; } ul#utility-nav li a {color:#fff;} ul#utility-nav li a:hover {text-decoration:underline;} #header form.search-form { float:left;} #header form.search-form input.search-input {color:#999; background:#fff url('images/bg-search-input.gif') no-repeat 4px 4px; height:17px; line-height:17px; display:block; float:left; margin:0 3px 0 .5em; width:190px; padding:4px 3px 2px 20px; border:none;} #header form.search-form input.button {cursor:pointer; text-indent:-5000px; width:26px; display:block; height:23px; border:none; float:left; background:url('images/bg-search-go.gif') no-repeat top left;} #header img {margin:6px 0 0 0; float:right;} #header div.menu {position:relative; top:6px; height:27px; margin:0px 0 0 190px;} #header div.menu ul li {float:left; background:#cac1bc url('images/bg-menu.gif') repeat-x top left;} #header div.menu ul li a {display:block; border-bottom:4px solid #9c8b81; float:left; color:#efefef; font-size:12px; text-transform:uppercase; height:27px; line-height:30px; background:#9c8b81; padding:0 .75em; margin-right:4px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;} #header div.menu ul li a:hover {background:#a0b9c5;} #header div.menu ul li.current_page_item a, #header div.menu ul li.current_page_parent a {background:#fff; border-bottom:4px solid #fff !Important; color:#8C796D;} #header div.menu ul li.current_page_item a:hover, #header div.menu ul li.current_page_parent a:hover {background:#fff;} /* #header div.menu {position:relative; top:6px; height:27px; margin:0 0 0 190px;} #header div.menu ul {position: relative; border-bottom:4px solid #9c8b81;} #header div.menu ul li {zoom:1; float:left; background:#cac1bc;} #header div.menu ul li a {display:block; border-bottom:4px solid #9c8b81; float:left; color:#efefef; font-size:12px; text-transform:uppercase; height:27px; line-height:30px; background:#9c8b81; padding:0 .75em; margin-right:4px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;} #header div.menu ul li a:hover {background:#a0b9c5;} #header div.menu ul li.current_page_item a, #header div.menu ul li.current_page_parent a {background:#fff; border-bottom:4px solid #fff !Important; color:#9c8b81;} #header div.menu ul li.current_page_item a:hover, #header div.menu ul li.current_page_parent a:hover {background:#fff;} */ /* #header div.menu ul li ul, #header div.menu ul li.current_page_item ul {border:2px solid #9a8a80; border-top:4px solid #9a8a80; width:150px; visibility:hidden; position:absolute; top: 100%; left: 0;margin-top:27px; background:#efefef; z-index:1000; padding-top:5px;} #header div.menu ul li ul li, #header div.menu ul li.current_page_item ul li { float: none;} #header div.menu ul li ul li a, #header div.menu ul li.current_page_item ul li a { float: none; display:inline-block; color:#9a8a80; text-transform:none; height:auto; background:#efefef; margin-right:0; font-size:1.1em; line-height:1.4em; border-bottom:none; padding:3px 5px; } #header div.menu ul li ul li a:hover, #header div.menu ul li.current_page_item ul li a:hover {color:#fff; background:#a0b9c5;} */ /* ---------------------- PRIMARY CONTENT STYLES ---------------------*/ #primary-content div.post h3 {margin-bottom:0;} #primary-content h4, #primary-content div.ddsg-wrapper h2 {color:#97A4AB; font-size:2em; margin-bottom:.15em;} #primary-content h4.content-displayer {font-size:1.6em; margin-bottom:.5em; background:url('images/bg-blue-arrow.gif') no-repeat 0 3px; padding-left:18px;} #primary-content h4.content-displayer:hover {cursor:pointer;} #primary-content h4.content-displayer-open {background:url('images/bg-blue-arrow-down.gif') no-repeat 0 3px;} #primary-content h4 a, #primary-content h4 a:visited {color:#909EA5; text-decoration:none;} #primary-content h4 a:hover {background:#efefef;} #primary-content div.post h4 {margin-bottom:0;} #primary-content h5 {color:#eeb31e; font-size:1.4em; margin-bottom:.25em;} #primary-content a, #primary-content a:visited {color:#8C796D; text-decoration:underline;} #primary-content a:hover {color:#8a1d03;} #primary-content p, #primary-content ul, #primary-content ol, #primary-content address {font-size:1.3em; line-height:1.4em; margin-bottom:1.1em;} #primary-content p.action {background:url('images/bg-action.gif') no-repeat 0 5px; padding-left:16px;} #primary-content p.postmetadata, #primary-content p.postmetadata a {color:#999; font-size:1em;} #primary-content p.sponsor {font-size:1em; color:#999; clear:left;} #primary-content ul li {background:url('images/bg-bullet.gif') no-repeat 0 7px; padding-left:14px;} #primary-content ul li ul {font-size:1em; margin-top:5px;} #primary-content ol li {list-style-type:decimal; list-style-position:inside;} #primary-content ul li, #primary-content ol li {margin-bottom:3px;} #primary-content ul.social-media {margin-top:.5em;} #primary-content ul.social-media li {padding-left:22px; margin-bottom:5px;} #primary-content ul.social-media li#sl-newsletter {background:url('images/icons/mail.gif') no-repeat top left; } #primary-content ul.social-media li#sl-linkedin {background:url('images/icons/linkedin.gif') no-repeat top left;} #primary-content ul.social-media li#sl-flickr {background:url('images/icons/flickr.gif') no-repeat top left; } #primary-content ul.social-media li#sl-facebook {background:url('images/icons/facebook.gif') no-repeat top left;} #primary-content ul.social-media li#sl-rss {background:url('images/icons/rss.gif') no-repeat top left; } #primary-content p#boilerplate {font-size:1.6em; margin-bottom:1.5em;} #primary-content p.read-more a {display:block; width:156px; line-height:25px; padding-left:10px; color:#fff; text-decoration:none; font-style:italic; height:25px; background:url('images/bg-read-more.gif') no-repeat top left;} #primary-content p.read-more a:hover {background:url('images/bg-read-more-hover.gif') no-repeat top left;} #primary-content blockquote { padding:1.5em 3.5em 1em 3.5em; margin-bottom:2em; background:#f5f5f5 url('images/bg-blockquote.gif') no-repeat 10px 15px;} #primary-content blockquote p.quotation {font-size:1.4em; font-style:italic; background:url('images/bg-quotation.gif') no-repeat bottom right;} #primary-content small.event-date, #primary-content address.event-location {font-size:1.2em; font-weight:bold; margin-bottom:.75em;} div#breadcrumbs {color:#999; margin-bottom:1em; font-size:1.1em; display:none;} div#breadcrumbs a {color:#999;} div.attention {background:#ededed; padding:1em 1em .15em 1em; margin-bottom:2em; -moz-border-radius:3px;} #primary-content div.attention p, #primary-content div.attention p a { } #primary-content div.attention h5 {color:#fff;} #primary-content div.attention p a:hover {text-decoration:underline;} div.content-section {border-top:1px dashed #ddd; padding-top:1em;} div.two-columns {} div.two-columns .column {float:left; width:224px; margin-right:25px;} div.post {margin-bottom:2em;} div#content-search {margin-top:1em;} div#content-search input.search-input {width:200px;} div.navigation {margin-top:1em; height:20px; margin-bottom:1em;} #primary-content div.navigation div a {color:#999;} #primary-content .msg_head {cursor:pointer; background:#efefef url('images/bg-msg_header-closed.gif') no-repeat 475px 10px; padding:3px 15px 7px 7px; border-top:1px solid #ddd;} #primary-content .msg_head:hover {background-color:#e0e0e0;} #primary-content .msg_head_open {background:#efefef url('images/bg-msg_header-open.gif') no-repeat 475px 10px;} #primary-content .msg_head h4 {font-size:1.4em; color:#97A4AB;} #primary-content .msg_head small.date-posted {margin-bottom:0 !important;} #primary-content .msg_body {border:1px solid #ddd; padding:10px; border-top:none; margin-bottom:1em;} /*unique homepage styles*/ div.featured {background:#efefef; -moz-border-radius:3px; padding:1.5em; padding-bottom:.5em; margin-bottom:3em;} #images { float:left; margin-bottom:3px; height:85px; overflow:hidden;} #images ul li {float:left; background-image:none; padding:0; margin-right:7px; } #images img {float:left; /*width:105px; height:105px;*/ border:1px solid #ddd; padding:3px; } div#flickrNav {margin-top:5px; height:10px; margin-bottom:15px; } div#flickrNav a {text-decoration:none; text-transform:uppercase;} a#prev {display:block; float:right; padding:3px; border:1px solid #ddd; } a#next {display:block; float:right; margin-left:5px; border:1px solid #ddd; padding:3px;} body#home #primary-content h2 {margin-bottom:3px; font-size:2.5em;} body#home #primary-content h3 {font-size:2.3em; margin-bottom:.75em; padding-bottom:.15em; border-bottom:1px dashed #eeb31e; color:#909EA5; font-weight:bold;} body#home #primary-content h3 a {color:#97A4AB; text-decoration:none;} body#home #primary-content h3 a:hover {color:#97A4AB; background:#efefef;} body#home #primary-content h4 {font-size:1.8em; margin-bottom:3px;} body#home #primary-content h4 a {text-decoration:none; color:#eeb31e;} body#home #primary-content h4 a:hover {color:#97A4AB;} p#rss-subscribe a {display:block; width:15px; height:15px; text-indent:-5000px; position:absolute; margin:-45px 0 0 485px; background:url('images/icons/rss.gif') no-repeat top left;} body#home div.post p {font-size:1.1em;} /*post comments*/ #primary-content ol.comment-list {font-size:1.1em; background:#efefef; padding:15px;} #primary-content ol.comment-list li { list-style-type:decimal; padding:1em; list-style-position:outside; margin:0 0 15px 20px; font-size:1.6em; font-weight:bold; color:#b9c9d4; border:1px solid #ddd; background:#fff;} #primary-content div.comment-author {} #primary-content ol.comment-list li div.comment-body {background:#fff; color:#8C796D; font-size:60%; font-weight:normal;} #primary-content ol.comment-list li div.comment-author {font-weight:bold; font-size:12px; } #primary-content ol.comment-list li p {font-size:1.1em;} #primary-content ol.comment-list li div.commentmetadata {margin-bottom:5px;} #primary-content ol.comment-list li div.commentmetadata a {color:#999;} /* simplepie styles for page-photo-gallery.php template page and Simple Pie plugin more on SimplePie: http://wordpress.org/extend/plugins/simplepie-plugin-for-wordpress/ */ div.album-wrapper {margin-bottom:1em;} div.photo {float:left; margin:3px; padding:2px; border:1px solid #ddd;} /*tables*/ table.data {display:block; font-size:1.2em; width:100%; margin:0 0 2em 0; border:1px solid #ddd; } table.data thead th {font-weight:bold; padding:5px; background:#9c8b81; color:#fff; width:100%;} table.data td {border-bottom:1px solid #ddd; padding:5px; } /* ---------------------- SECONDARY CONTENT STYLES ---------------------*/ #secondary-content .secondary-section {border-top:3px solid #fff; padding:1em 1em 0 1em; margin-bottom:1.5em;} #secondary-content .local-nav-wrap { background:#9c8b81; margin-bottom:0; padding:.5em 0 0 0; border-top:none;} #secondary-content .local-nav-wrap span.pre-title {margin-left:12px; color:#efefef; margin-bottom:.5em; font-size:1.1em;} #secondary-content span.pre-title { color:#999;} #secondary-content h3, #secondary-content h3 a, #secondary-content h3 a:visited {font-weight:bold; font-size:1.2em; margin-bottom:5px; text-decoration:none; color:#eeb31e;} #secondary-content h3 a:hover {text-decoration:none; color:#8C9AA2;} #secondary-content .adspace p {text-align:center; margin:0 0 3px 0; color:#999;} #secondary-content ul#local-nav {border-left:1px solid #9c8b81;margin-bottom:0; border-top:1px solid #efefef;} #secondary-content ul#local-nav li {margin-bottom:0; } #secondary-content ul#local-nav li a { display:block; background:#B3A59C; padding:5px 5px 5px 12px; color:#efefef; border-bottom:1px solid #efefef; font-size:1.1em;} #secondary-content ul#local-nav li a:hover {background:#b9c9d4;} #secondary-content ul#local-nav li.current_page_item a {background:#fff; color:#8C796D;} /*--[[ Event Calendar 3 css ]]--*/ /*NOTE: ec3.css appears within the plugin folder but has been disabled via "nocss=true; ?>" which appears in template files where the plugin is used */ /*general stuff*/ #wp-calendar table { width:100%;} #wp-calendar table caption {padding:3px 10px;} #wp-calendar table caption a, #wp-calendar table caption a:visited {font-weight:bold; font-size:1.3em; margin-bottom:1px; text-decoration:none; color:#8C9AA2;} #wp-calendar table td, #wp-calendar table th { text-align:center; padding:5px 1px; border:1px solid #EDEDED; } #wp-calendar th {background:#ccc3be; color:#fff;} #wp-calendar td {background:#fff; border:1px solid #ecede8;} #wp-calendar td:hover {border:1px solid #9c8b81;} #wp-calendar td.pad {background:none;} #wp-calendar td.pad:hover {border:none;} /*event calendar table*/ #wp-calendar table td#today {border:1px solid #9c8b81; } #wp-calendar table td.ec3_postday a {text-decoration:none;} #wp-calendar table td.ec3_eventday {background:#9c8b81;} #wp-calendar table td.ec3_eventday:hover {border:1px solid #9c8b81;} #wp-calendar table td.ec3_eventday a, #wp-calendar table td.ec3_eventday a:visited {color:#fff;} /* table.nav */ #wp-calendar table.nav {} #wp-calendar table.nav td {background:none; border:none; padding:0;} #wp-calendar td#prev { text-align:left; padding-left:1em;} #wp-calendar a#ec3_prev {color:#8C796D; font-weight:bold;} #wp-calendar td#next { text-align:right; padding-right:1em; } #wp-calendar a#ec3_next {color:#8C796D; font-weight:bold;} /* ---------------------- TERTIARY CONTENT STYLES ---------------------*/ div#tertiary-content a, div#tertiary-content a:visited {color:#8C796D;} div#tertiary-content a:hover {text-decoration:underline;} li#featured-event {-moz-border-radius:0px; background:url('images/bg-next-event.gif') no-repeat top right; padding:15px 15px 0 0; width:232px; margin:0 0 2.5em 0;} div#tertiary-content li#featured-event h3, div#tertiary-content li#featured-event h3 a, div#tertiary-content li#featured-event h3 a:visited {margin-bottom:3px; font-weight:bold; width:125px; line-height:1.2em; font-size:1.4em; color:#f0b310;} div#tertiary-content li#featured-event h3 a:hover {text-decoration:none; background:#efefef; color:#8C9AA2;} li#featured-event small.event-date, li#featured-event address {font-style:normal; color:#8C796D; font-weight:bold; font-size:1.2em; margin-bottom:.75em;} li.tertiary-section {-moz-border-radius:5px; background:#EDEDED; padding:1em 1em .5em 1em; margin-bottom:1.5em;} li.first-section {margin-top:1em;} li.tertiary-section h4, li.tertiary-section h4 a, li.tertiary-section h4 a:visited {color:#8C9AA2; font-size:1.4em;} li.tertiary-section p {font-size:1.1em;} div#tertiary-content li.tertiary-section p.read-more a, div#tertiary-content li#featured-event p.read-more a {color:#fff;} div#tertiary-content li.tertiary-section p.read-more a:hover {text-decoration:none;} ul#blog-archives, ul#recent-posts, ul.ec3_events {margin-top:1em;} ul#blog-archives li, ul#recent-posts li, ul.ec3_events li { font-size:1.2em; } ul.ec3_events li ul li {font-size:1em;} ul#blog-archives li a, ul#recent-posts li a, ul.ec3_events li a {padding-left:14px; background:url('images/bg-double-arrow.gif') no-repeat 0 3px; border-bottom:1px dashed #eeb31e; display:block; margin-bottom:8px; padding-bottom:3px;} ul#quick-links {margin-bottom:15px;} ul#quick-links li {border-bottom:1px dashed #eeb31e; padding:0 0 0 22px; height:22px; line-height:20px; margin-bottom:7px; font-size:1.2em; } ul#blog-archives li, ul#recent-posts li {padding-left:0;} ul#quick-links li a {display:block;} ul#quick-links li#ql-facebook {background:url('images/icons/facebook.gif') no-repeat top left;} ul#quick-links li#ql-flickr {background:url('images/icons/flickr.gif') no-repeat top left;} ul#quick-links li#ql-linkedin {background:url('images/icons/linkedin.gif') no-repeat top left;} ul#quick-links li#ql-mail {background:url('images/icons/mail.gif') no-repeat top left;} ul#quick-links li#ql-rss {background:url('images/icons/rss.gif') no-repeat top left;} ul#quick-links li#ql-directory {background:url('images/icons/directory.gif') no-repeat top left;} /* ---------------------- FOOTER STYLES ---------------------*/ #org-info address, #org-info ul {margin-bottom:1em;} #footer h5 {font-size:1.5em; margin-bottom:10px; padding-bottom:3px; border-bottom:1px dashed #fff; } #footer h5#ypn {margin-bottom:1.5em; border-bottom:none; padding-bottom:0; background:url('images/h5-ypn-footer.png') no-repeat top left; width:160px; height:64px; text-indent:-5000px;} #footer a, #footer a:visited {color:#fff;} #footer a:hover {text-decoration:underline;} #footer ul, #footer p {font-size:1.2em;} #footer p a {text-decoration:underline;} #footer .content-column ul li {padding-left:14px; background:url('images/bg-double-arrow-white.png') no-repeat 0 3px; margin-bottom:3px;} /* -------------------- WRAP PARENT AROUND FLOATED CHILDREN --------------------*/ .clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .clearfix { display: inline-block;} html[xmlns] .clearfix { display: block;} * html .clearfix {height: 1%;}