/* Theme Name: babcgp Theme URI: http://babcgp.org/ Description: A custom theme developed for the British American Business Council of Greater Philadelphia Version: 1 Author: Mike Ball Author URI: http://www.mikeball.org */ /*COLOR GUIDE TYPOGRAPHY ------------------------------------ body type {#555} dark gray type (h3) {#bf311a} pale type (small) {#888;} red {#bf311a} blue {#3C7AA9} INTERFACE ELEMENTS ------------------------------------- dark-dark gray {#555} form element border {#ccc} global-nav right border {#ddd} body background {} */ * {padding:0; margin:0;} body {text-align:center; font:62.5%/1.5 verdana, arial, sans-serif; color:#555; background:url('images/bg-main-container.gif') repeat-y top center;} /*-------------------------------------------- [[[ globals ]]] ---------------------------*/ p { margin-bottom:1em;} ul li {list-style:none;} a, a:link { color:#555; } a:hover {color:#3C7AA9;} h2 {color:#bf311a; font-size:2.2em; line-height:1.3em; font-family:Georgia, Times, serif;} strong {font-weight:bold;} em {font-style:italic;} img {border:none; display:block;} small {color:#888; margin-bottom:1em; display:block; font-size:1.2em;} address {font-size:1.2em; margin-bottom:1em;} object {margin-bottom:1em;} /*--[[[ tools ]]]--*/ .float-left {float:left;} .float-right {float:right;} .clear-left {clear:left;} .clear-right {clear:right;} .content-section {clear:left; padding-top:10px; border-top:3px dotted #ccc;} .hidden {display:none;} /*------------------------- [[[ forms ]]] -------------------------*/ input, textarea {border:1px solid #ccc; color:#666; padding:4px;} input.button {cursor:pointer; background:url('images/bg-button.gif') repeat-x top left; 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 {clear:left; } div.simple-form form div.form-textarea {margin-bottom:1em;} div.simple-form form div.form-submit {padding-top:1em;} div.simple-form form input {float:left; margin-bottom:.5em;} div.simple-form form input.button {width:auto; cursor:pointer;} div.simple-form form label {float:left;} div#respond {background:#f0f0f0; padding:1em;} /*------------------------------------ [[[ structure + global-nav ]]] -------------------------------------*/ div#main-container {width:920px; margin: 0 auto; text-align:left; padding:10px 0 25px 0;} div#header {height:240px; background:url('images/cityscape.gif') no-repeat 0 100px;} /*--[[[ global-nav ]]]--*/ div#global-nav {border-top:3px solid #555; width:920px; margin:0 0 25px 0; font-size:1.2em;} div#global-nav ul {border-right:1px solid #ddd; height:25px;} div#global-nav ul li {display:inline; float:left; } div#global-nav ul li a, div#global-nav ul li a:visited {height:20px; color:#bf311a; border-left:1px solid #ddd; line-height:20px; float:left; display:block; padding:6px 40px 6px 10px; text-decoration:none; text-transform:uppercase;} div#global-nav ul li a:hover {background:#bf311a; color:#f0f0f0;} div#global-nav ul li.current_page_item a, div#global-nav ul li.current_page_parent a {background:#ddd; color:#333;} div#content-container {background:url('images/bg-content-container.gif') repeat-y top left; clear:left; margin-bottom:20px;} div#primary-content {float:left; width:600px; padding:0 20px 25px 20px; } div#secondary-content {float:left; width:255px; margin:0 0 0 25px; padding-bottom:40px;} div#footer {clear:left; background-color: #efefef;} /*-------------------------- [[[ header styles ]]] --------------------------*/ h1 {float:left; margin-bottom:5px;} h1 a {display:block; background:url('images/babc-logo.gif') no-repeat top left; width:237px; height:82px; text-indent:-5000px;} div#gpcc-affiliate {float:left; margin:18px 0 0 20px;} div#gpcc-affiliate a {display:block; background:url('images/gpcc-logo.gif') no-repeat top left; width:92px; height:52px; text-indent:-5000px;} ul#utility-nav {float:right; margin-top:65px;} ul#utility-nav li {float:left; margin-right:5px; text-transform:uppercase; font-size:1em;} ul#utility-nav li a, ul#utility-nav li a:visited {color:#555; font-weight:bold; text-decoration:none;} ul#utility-nav li a:hover {text-decoration:underline;} div#header-search {border-top:5px solid #454545; width:920px; padding-top:8px; clear:both;} div#header-search form.search-form { } div#header-search form.search-form input.search-input { width:200px; padding-left:5px; margin:0 5px 0 670px; color:#777; float:left; height:14px; line-height:14px; padding-left:4px;} div#header-search form.search-form input.button {background:url('images/search-button.gif') no-repeat top left; text-indent:-5000px; border:none; width:34px; float:left; /*line-height:23px;*/ height:24px; text-indent:-5000px;} /*--------------------------------------- [[[ primary-content styles ]]] -------------------------------*/ /*--[[[ general styles ]]]--*/ #primary-content h2 a {text-decoration:none; color:#bf311a;} #primary-content h3 {color:#444; font-size:1.7em; margin-bottom:.5em; font-family:Georgia, Times, serif;} #primary-content h3 a {color:#444;} #primary-content h4 {/*text-transform:uppercase; font-size:1.2em; color:#666; margin-bottom:.5em; letter-spacing:1px; font-weight:bold;*/ color:#bf311a; font-family:Georgia, Times, serif; font-size:1.5em;} #primary-content h4 a {color:#bf311a;} #primary-content h5 {font-size:1.3em; font-family:georgia, times, serif; margin-bottom:.8em; text-transform:uppercase;} #primary-content p {font-size:1.2em; margin-bottom:1.2em;} #primary-content ul, #primary-content ol {font-size:1.2em; margin-bottom:1.2em;} #primary-content ul li {margin-bottom:.25em; background:url('images/bullet.gif') no-repeat 0 7px; padding-left:1em;} #primary-content ol li {margin-bottom:.25em; list-style-type:decimal; list-style-position:inside;} #primary-content ul li#pdf-download {background:url('images/icon-pdf.gif') no-repeat 0 0; margin-bottom:.75em; line-height:1.4em; padding-left:1.8em;} #primary-content ul li#word-download {background:url('images/icon-word.gif') no-repeat 0 0; margin-bottom:.75em; line-height:1.4em; padding-left:1.8em;} #primary-content ul li ul {font-size:1em; margin-top:.5em;} #primary-content .phone {background:url('images/mini-icons/mobile.gif') no-repeat 0 5px; padding-left:1.25em;} #primary-content .fax {background:url('images/mini-icons/printer.gif') no-repeat 0 5px; padding-left:1.25em;} #primary-content .email {background:url('images/mini-icons/mail_back.gif') no-repeat 0 5px; padding-left:1.25em;} /*--[[[ specifics ]]]--*/ div#breadcrumbs {padding:6px 20px; background:#E8E8E8 url('images/bg-gradient.gif') repeat-x top left; margin:0 -20px 15px -20px;} div#breadcrumbs a, div#breadcrumbs a:link, div#breadcrumbs a:visited, div#breadcrumbs p {text-decoration:none; color:#555; margin:0; font-size:1.1em; /*background:url('images/bg-arrow.gif') no-repeat 0 2px;*/ text-transform:uppercase;} div#breadcrumbs a:hover {text-decoration:underline;} span.pre-title {display:block; color:#888; text-transform:uppercase; letter-spacing:1px; background:url('images/bg-pre-title.gif') no-repeat top left; padding-left:16px; margin-bottom:3px;} #primary-content .attention {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; clear:left; background:#3C7AA9 url('images/bg-attention.gif') no-repeat top left; color:#fff; margin:2em 0; padding:20px 15px 15px 30px;} #primary-content .attention h3, #primary-content .attention h4, #primary-content .attention h5, #primary-content .attention a, #primary-content .attention a:visited {color:#fff;} #primary-content .attention a:hover {color:#efefef;} #primary-content .attention p.take-action a, #primary-content .attention p.take-action a:visited {color:#fff;} #primary-content .attention ul li {background:url('images/white-bullet.png') no-repeat 0 7px;} #primary-content .attention p.take-action {background:url('images/bg-action-attention.gif') no-repeat 0 5px;} #primary-content .attention p.take-action a:link, #primary-content .attention p.take-action a:visited {text-decoration:underline;} #primary-content .attention p.take-action a:hover {text-decoration:underline; color:#efefef;} #primary-content blockquote {background:#f0f0f0 url('images/bg-blockquote-lq.png') no-repeat 10px 15px; padding:10px 35px; margin:2em 1em;} #primary-content blockquote p.quotation {font-family:Georgia, Times, serif; font-size:1.6em; font-style:italic; background:url('images/bg-blockquote-rq.png') no-repeat bottom right; color:#bf311a;} #primary-content blockquote p {color:#999;} #primary-content p.take-action, #primary-content p a.more-link, #primary-content p a.more-link:visited {background:url('images/bg-action.gif') no-repeat 0 3px; padding-left:18px; clear:left;} #primary-content p.take-action a, #primary-content p.take-action a:visited, #primary-content p a.more-link, #primary-content p a.more-link:visited {font-family:Georgia, Times, serif; font-size:1.3em; text-decoration:none; color:#3C7AA9; } #primary-content p.take-action a:hover, #primary-content p a.more-link:hover {color:#bf311a;} #primary-content div.two-columns {margin-bottom:20px; clear:left; font-size:.9em;} #primary-content div.two-columns .column {width:280px; margin-right:20px; float:left;} /*content search form*/ div#content-search form.search-form input.search-input {width:200px; height:14px; line-height:14px;} div#content-search form.search-form input.button {background:url('images/search-button.gif') no-repeat top left; text-indent:-5000px; border:none; width:34px; height:24px;} /*navigation*/ div.navigation {display:inline-block; margin-top:1em; width:100%;} div.navigation:after {display:block; visibility:hidden; clear:both; height:0; content: "."; } div.navigation div a, div.navigation div a:visited {display:block; text-decoration:none; border:1px solid #ddd; color:#888; padding:.25em .5em;} div.navigation div a:hover {text-decoration:underline;} /*event sponsors*/ div.sponsors {display:inline-block; margin-bottom:1em;} div.sponsors:after {display:block; visibility:hidden; clear:both; height:0; content: "."; } #primary-content div.sponsors p {font-size:.8em; color:#888;} div.sponsor-row {} .sponsor-row a img {float:left;} /*unique homepage styles*/ div#homepage-slideshow {background:#E8E8E8; border:1px solid #ccc; width:270px; margin-top:12px; padding:12px 0 15px 0;} #images { height:180px; margin:0 10px; overflow:hidden;} #images img { border:1px solid #ccc; padding:2px;} div#flickrNav {padding:0 10px; margin-top:5px; height:10px; margin-bottom:15px; } div#flickrNav a {text-decoration:none; text-transform:uppercase; color:#3C7AA9;} a#prev {display:block; float:left; background:url('images/bg-prev.gif') no-repeat top left; padding-left:10px;} a#next {display:block; float:right; background:url('images/bg-next.gif') no-repeat top right; padding-right:10px; margin-right:5px;} div#homepage-slideshow p.take-action {margin:0 10px; background:url('images/bg-action.gif') no-repeat 0 10px; padding-top:8px;} div#homepage-slideshow p#visit-gallery {border-top:3px dotted #ccc;} /*past-events ====currently unused=====*/ div.past-events { margin-bottom:30px; } #primary-content h4.archive-header {border-top:1px solid #ccc; background:#efefef url('images/icon-down-arrow.gif') no-repeat 578px 7px; font-weight:normal; margin:0; cursor:pointer; text-transform:none; letter-spacing:normal; padding:.5em 15px .5em 10px;} #primary-content h4.archive-header:hover {background:#ddd url('images/icon-down-arrow.gif') no-repeat 578px 7px;} #primary-content h4.clicked {background:#ddd url('images/icon-up-arrow.gif') no-repeat 578px 7px !important;} #primary-content div.archive-header h5 {color:#efefef; margin:0; cursor:pointer;} .archived-event { border-top:1px solid #ddd; margin-bottom:1em; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:10px;} /*post entry styles - for both Events and News posts*/ #primary-content div.post {margin-bottom:30px;} #primary-content div.post h3 {margin-bottom:0;} #primary-content p.postmetadata {font-size:1em; color:#888; background:url('images/icon-filed.gif') no-repeat 0 2px; padding-left:13px;} #primary-content p.postmetadata a {color:#888;} #primary-content div.post address {font-size:1.4em; color:#333; font-family:Georgia, Times, serif;} #primary-content small.date-posted {background:url('images/icon-date.gif') no-repeat 0 2px; font-size:1em; padding-left:13px;} #primary-content p.sponsor {font-size:1.1em; clear:left;} #primary-content div.sponsor-row {float:left; clear:left} /*upcoming events */ small.event-date {font-family:georgia, times, serif; font-size:1.4em; line-height:1.2em; color:#333;} table.ec3_schedule {margin-bottom:1em;} table.ec3_schedule td {font-family:georgia, times, serif; font-size:1.4em; line-height:1.2em; color:#333;} td.ec3_start { } td.ec3_to { padding:0 .5em;} /*sitemap - This is generated by Dragon Fly Designs' plugin http://www.dagondesign.com/articles/sitemap-generator-plugin-for-wordpress/*/ div#dragon-design-sitemap {display:none;} /*post comments*/ #primary-content ol.comment-list {font-size:1.1em;} #primary-content ol.comment-list li {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; list-style-type:none; border:1px solid #ccc; padding:1em; margin-bottom:5px;} #primary-content ol.comment-list li img {position:absolute;} #primary-content ol.comment-list li cite {margin-left:4em;} #primary-content ol.comment-list li p {font-size:1em; margin-left:4em;} #primary-content ol.comment-list li div.commentmetadata {float:right; margin-top:-2em;} #primary-content ol.comment-list li div.commentmetadata a {} /*events photo gallery - This is generated by SimplePie and its Wordpress plugin http://simplepie.org/ The modal window utilizeds Thickbox http://jquery.com/demo/thickbox/*/ div.album-wrapper {margin-bottom:1em;} div.photo {float:left; margin:3px; padding:2px; border:1px solid #ddd;} /*-------------------------------- [[[ secondary-content styles ]]] -------------------------------*/ ul#local-nav {margin-bottom:2.5em; /*border:1px solid #ccc; border-bottom:none;*/border:3px solid #ccc; border-bottom:2px solid #ccc;} ul#local-nav li {background:#e8e8e8 url('images/bg-gradient.gif') repeat-x top left; text-transform:uppercase; font-size:1em; } ul#local-nav li a {text-decoration:none; color:#555; display:block; padding:6px 0 6px 20px; border-top:1px solid #fff; border-bottom:1px solid #ccc; } ul#local-nav li a:hover, ul#local-nav li.current_page_item a:hover {background:#ddd url('images/bg-arrow.png') no-repeat 0 5px;} ul#local-nav li.current_page_item a {background:#ddd;} ul#local-nav ul {border-bottom:1px solid #ccc; padding:4px 0 8px 15px; } ul#local-nav li ul li {background:#e8e8e8; text-transform:none; } ul#local-nav li ul li a {border:none; padding:3px 0 3px 20px; margin-right:15px;} ul#local-nav li ul li a:hover {background:#ddd; text-decoration:underline;} #secondary-content ul li {border-top:none; padding:0; margin-bottom:2.5em;} #secondary-content ul li ul li {margin-bottom:0;} #secondary-content h3 {padding:6px 1em 9px 10px; font-size:1em; font-weight:normal; background:url('images/bg-gradient.gif') repeat-x top left; /*background:url('images/bg-arrow.gif') no-repeat 0 13px;*/ margin-bottom:12px; color:#555; text-transform:uppercase;} #secondary-content h4 {border-top:3px dotted #ccc; color:#3C7AA9; font-family:Georgia, Times, serif; font-size:1.4em; padding-top:8px;} p#intro {color:#3C7AA9; font-family:Georgia, Times, serif; font-size:1.4em; line-height:1.3em;} #secondary-content p.take-action {background:url('images/bg-secondary-action.gif') no-repeat top left; padding:3px 5px 4px 20px; font-family:Georgia, Times, serif; font-weight:bold; font-size:1.2em;} #secondary-content p.take-action a, #secondary-content p.take-action a:visited {color:#686868; text-decoration:none;} #secondary-content p.take-action a:hover {color:#bf311a;} #secondary-section div.attention {background:#454545;} ul#blog-archives, ul#recent-posts {} ul#blog-archives li, ul#recent-posts li {font-family:Georgia, Times, serif; border-bottom:1px solid #ddd; padding:3px 0 3px 10px; font-size:1.3em;} ul#blog-archives li a, ul#blog-archives li a:visited, ul#recent-posts li a, ul#recent-posts li a:visited {color:#3C7AA9; text-decoration:none;} ul#blog-archives li a:hover, ul#recent-posts li a:hover {color:#bf311a;} /*--[[ 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%; background:#e7e7e7; padding:5px; border:1px solid #ccc; border-bottom:none;} #wp-calendar table caption {padding:3px 10px;} #wp-calendar table caption a {color:#3C7AA9; font-family:Georgia, Times, serif; font-size:1.4em; text-decoration:none;} #wp-calendar table td, #wp-calendar table th { text-align:center; padding:5px 1px; border:1px solid #e7e7e7; } #wp-calendar th {background:#ddd;} #wp-calendar td {background:#fff; border:1px solid #e7e7e7;} #wp-calendar td:hover {border:1px solid #3C7AA9;} #wp-calendar td.pad {background:none;} #wp-calendar td.pad:hover {border:none;} /*event calendar table*/ #wp-calendar table td#today {border:1px solid #3C7AA9; } #wp-calendar table td.ec3_postday a {text-decoration:none;} #wp-calendar table td.ec3_eventday {background:#3C7AA9;} #wp-calendar table td.ec3_eventday:hover {border:1px solid #e7e7e7;} #wp-calendar table td.ec3_eventday a, #wp-calendar table td.ec3_eventday a:visited {color:#fff;} /* table.nav */ #wp-calendar table.nav {border-top:none; border-bottom:1px solid #ccc;} #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:#3C7AA9; font-weight:bold;} #wp-calendar td#next { text-align:right; padding-right:1em; } #wp-calendar a#ec3_next {color:#3C7AA9; font-weight:bold;} /* sidebar list */ #secondary-content ul.ec3_events {margin-top:5px; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-bottom:none; background:#e8e8e8 url('images/bg-gradient.gif') repeat-x top left;} #secondary-content ul.ec3_events li.ec3_list { color:#888; border-bottom:1px solid #ccc; background:url('images/mini-icons/calendar.gif') no-repeat 5px 7px; padding:5px 5px 5px 20px;} #secondary-content ul.ec3_events li.ec3_list:hover {background:#ddd url('images/mini-icons/calendar.gif') no-repeat 5px 7px;} #secondary-content ul.ec3_events li.ec3_list ul li {} #secondary-content ul.ec3_events li.ec3_list ul li a, #secondary-content ul.ec3_events li.ec3_list ul li a:visited { color:#555; margin:0; font-size:1em; text-transform:uppercase; text-decoration:none;} #secondary-content ul.ec3_events li.ec3_list ul li a:hover {text-decoration:underline;} ul#social-media {border-top:3px dotted #ccc; padding-top:8px;} ul#social-media li {font-family:Georgia, Times, serif; border-bottom:1px solid #ddd; padding:7px 0 7px 30px; font-size:1.3em;} ul#social-media li#sm-flickr {background:url('images/social-media/flickr.png') no-repeat 0 4px;} ul#social-media li#sm-linkedin {background:url('images/social-media/linkedin.png') no-repeat 0 4px;} ul#social-media li#sm-facebook {background:url('images/social-media/facebook.png') no-repeat 0 4px;} ul#social-media li#sm-rss {background:url('images/social-media/rss.png') no-repeat 0 4px;} ul#social-media li#sm-mail {background:url('images/social-media/mail.png') no-repeat 0 4px;} ul#social-media li a, ul#social-media li a:visited {color:#3C7AA9; text-decoration:none;} ul#social-media li a:hover {color:#bf311a;} /*------------------------ [[[ footer styles ]]] -------------------------*/ #footer p {font-size:1em;} p#cl-sponsors {background-color: #efefef; color:#999;} ul#club-level-sponsors {width:700px; margin-bottom:20px; background-color: #efefef;} ul#club-level-sponsors li {float:left;} ul#club-level-sponsors li#cl-amec {background:url('images/cl-amec.gif') no-repeat top left;} ul#club-level-sponsors li#cl-aramark {background:url('images/cl-aramark.gif') no-repeat top left;} ul#club-level-sponsors li#cl-british-air {background:url('images/cl-british-air.gif') no-repeat top left;} ul#club-level-sponsors li#cl-cigna {background:url('images/cl-cigna.gif') no-repeat top left;} ul#club-level-sponsors li#cl-continental {background:url('images/cl-continental-airlines.gif') no-repeat top left;} ul#club-level-sponsors li#cl-duane-morris {background:url('images/cl-duane-morris.gif') no-repeat top left;} ul#club-level-sponsors li#cl-ernst-young {background:url('images/cl-ernst-young.gif') no-repeat top left;} ul#club-level-sponsors li#cl-hsbc {background:url('images/cl-hsbc.gif') no-repeat top left;} ul#club-level-sponsors li#cl-kpmg {background:url('images/cl-kpmg.gif') no-repeat top left;} ul#club-level-sponsors li#cl-morgan-lewis {background:url('images/cl-morgan-lewis.gif') no-repeat top left;} ul#club-level-sponsors li#cl-michael-page {background:url('images/cl-michael-page.gif') no-repeat top left;} ul#club-level-sponsors li#cl-pwc {background:url('images/cl-pwc.gif') no-repeat top left;} ul#club-level-sponsors li#cl-shire {background:url('images/cl-shire.gif') no-repeat top left;} ul#club-level-sponsors li#cl-us-airways {background:url('images/cl-us-airways.gif') no-repeat top left;} ul#club-level-sponsors li a {width:100px; height:65px; text-indent:-5000px; display:block;} p#contact {border-top:4px solid #555; padding-top:5px; margin:0;} ul#footer-nav {margin-top:10px; float:right;} ul#footer-nav li {float:left; margin-right:5px; text-transform:uppercase; font-size:1em;} ul#footer-nav li a, ul#footer-nav li a:visited {color:#555; font-weight:bold; text-decoration:none;} ul#footer-nav li a:hover {text-decoration:underline;} /*------------------------------------------------------------------------- [[[ forces outer DIV to wrap around all floated DIVs within ]]] ---------------------------------------------------------------*/ .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%; }