/* Theme Name:trailnet Theme URI:http://revolutionmessaging.net Description:Trailnet's mission is to lead in fostering healthy, active and vibrant communities where walking, bicycling and the use of public transit are a way of life. Version:2.0 Author:Revolution Messaging Author URI:http://revolutionmessaging.com Tags:brown,green,responsive Reset v1.6.1 Modified from http://html5doctor.com/html-5-reset-stylesheet/ -------------------------------------------------------------------------------*/ html,body,div,span,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, abbr,address,cite,code, del,dfn,em,img,ins,kbd,q,samp, small,strong,sub,sup,var, b,i, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block;} audio,canvas,video {display:inline-block;*display:inline;*zoom:1;} audio:not([controls]) {display:none;} [hidden] {display:none;} html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body {margin:0;font-size:100%;line-height:1.125em;} body,button,input,select,textarea {font-family:sans-serif;color:#222;} a,a:link,a:visited {margin:0;padding:0;font-size:100%;vertical-align:baseline;text-decoration:none;} a:hover {text-decoration:none;} a.active {color:red;} a:link {-webkit-tap-highlight-color:none;} a:hover,a:active {outline:0;} ::-moz-selection {background:#000;color:#fff;text-shadow:none !important;} ::selection {background:#000;color:#fff;text-shadow:none !important;} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;} b,strong,th {font-weight:bold;} small {font-size:85%;} blockquote {margin:1em 40px;quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;} dfn {font-style:italic;} hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0; clear: both;} ins {background:#ff9;color:#000;text-decoration:none;} mark {background:#ff0;color:#000;font-style:italic;font-weight:bold;} del{text-decoration:line-through;} pre,code,kbd,samp {font-family:monospace,serif;font-family:'courier new',monospace;font-size:1em;} pre,code,kbd,samp {white-space:pre;white-space:pre-wrap;word-wrap:break-word;font-family:monospace,sans-serif;} q {quotes:none;} q:before,q:after {content:"";content:none;} sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup {top:-0.5em;} sub {bottom:-0.25em;} h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;padding:0;} ul,ol {margin:1em 0;padding:0 0 0 40px;} dd {margin:0 0 0 40px;} nav ul,nav ol {list-style:none;list-style-image:none;margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} td,td img{vertical-align:top;} img,object,embed {max-width:100%;height:auto;} .video-container {max-width:100%;} .video-wrapper {position:relative;padding-bottom:56.25%;padding-top:25px;height:0;} svg:not(:root) {overflow:hidden;} .ie7 img{-ms-interpolation-mode:bicubic;} .ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true));} form {margin:0;} fieldset {border:0;margin:0;padding:0;} button,input,select,textarea{margin:0;} button,input[type="button"],input[type="submit"] {width:auto;overflow:visible;} input,select{vertical-align:middle;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;} label {cursor:pointer;} legend {border:0;*margin-left:-7px;padding:0;white-space:normal;} /* WordPress Required Styles */ .aligncenter {display:block;margin:0 auto 1em;} .alignleft {float:left;margin:0 1em 1em 0;} .alignright {float:right;margin:0 0 1em 1em;} .wp-caption {outline:1px solid #555;background-color:#eee;padding:0.5em;} .wp-caption img {margin:0;padding:0;border:0 none;} .sticky {background:#eee;} /* Clearfix */ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} * html .clearfix{height:1%;} .clearfix{display:block;} a[rel~="feed"] {background:url("images/icons/rss.png") no-repeat scroll right center transparent;background-size:auto 80%;padding-right:18px;} /*Fonts*/ @font-face {font-family:'CongaBravaStdLight';src:url('fonts/congabravastd-light.eot');src:url('fonts/congabravastd-light.eot') format('embedded-opentype'),url('fonts/congabravastd-light.woff') format('woff'),url('fonts/congabravastd-light.ttf') format('truetype'),url('fonts/congabravastd-light.svg#CongaBravaStdLight') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'CongaBravaStdSemibold';src:url('fonts/congabravastd-smbd.eot');src:url('fonts/congabravastd-smbd.eot') format('embedded-opentype'),url('fonts/congabravastd-smbd.woff') format('woff'),url('fonts/congabravastd-smbd.ttf') format('truetype'),url('fonts/congabravastd-smbd.svg#CongaBravaStdSemibold') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'tertreextra_bold';src:url('fonts/tertre-xbol-webfont.eot');src:url('fonts/tertre-xbol-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/tertre-xbol-webfont.woff') format('woff'),url('fonts/tertre-xbol-webfont.ttf') format('truetype'),url('fonts/tertre-xbol-webfont.svg#tertreextra_bold') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'titillium_webregular';src:url('fonts/titilliumweb-regular-webfont.eot');src:url('fonts/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/titilliumweb-regular-webfont.woff') format('woff'),url('fonts/titilliumweb-regular-webfont.ttf') format('truetype'),url('fonts/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'titillium_websemibold';src:url('fonts/titilliumweb-semibold-webfont.eot');src:url('fonts/titilliumweb-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/titilliumweb-semibold-webfont.woff') format('woff'),url('fonts/titilliumweb-semibold-webfont.ttf') format('truetype'),url('fonts/titilliumweb-semibold-webfont.svg#titillium_websemibold') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'titillium_webbold';src:url('fonts/titilliumweb-bold-webfont.eot');src:url('fonts/titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/titilliumweb-bold-webfont.woff') format('woff'),url('fonts/titilliumweb-bold-webfont.ttf') format('truetype'),url('fonts/titilliumweb-bold-webfont.svg#titillium_webbold') format('svg');font-weight:normal;font-style:normal;} /*Global*/ body {background:#f3efec url(images/bg.gif);font-family:'titillium_webregular';} header#main,footer {background:#594a42;color:#fff;border-top:2px solid #8dc63f;position:relative; padding-top:1em;padding-bottom:1em;} header#main,footer,#content {padding-left:5%;padding-right:5%;} header#main a,footer a {color:#8dc63f;} header#main dt,header#main dd,footer dt,footer dd {margin:0;padding:0;} header#main h5,footer h5 {font-family:'CongaBravaStdSemibold';margin-bottom:0.2em;} #content {padding-top:1em;padding-bottom:1em;} /*Deck*/ #deck {background:#f4f0ed;padding:0.35em 5%;overflow:hidden;position:relative;z-index:5;min-height:35px;} #deck h3 {display:none;} #deck h3,#deck a {float:none;color:#a6a6a6;} #deck a {padding-top:0.2em;font-size:0.85em;} #deck a:hover {color:#71AD2F;} #deck li:first-child a {background:url(images/header/join-icons.png) 0 -119px no-repeat;} #deck li:nth-child(2) a {background:url(images/header/join-icons.png) 0 -69px no-repeat;} #deck li:last-child a {background:url(images/header/join-icons.png) 0 -94px no-repeat;} /*Search*/ #search {width: 100%; max-width: 290px; float: left; clear: left; margin-top: 3px;} #search input.gsc-search-button {background: #5D4E46; padding: 6px 15px;} /*Header*/ header#main {background:url(images/header/bg.gif) center top;overflow:hidden;min-height:50px;} header#main h1 img {width:164px;height:47px;} header#main h2 {font-family:'CongaBravaStdLight';font-size:1.1em;margin-top:.35em;} header#main .social_links {position:absolute;top:1.25em;right:-12%;display:none;} header#main h5,header#main ul {display:block;margin:0 5px 0 0;} header#main ul {margin-bottom:-5px;} /*Twitter*/ header#main #tweeter {display:none;} /*Nav*/ #navmenu {background:#8dc63f;border-bottom:3px solid #71ad2f;margin:0 5%;position:relative;z-index:200;width:100%;margin:0;} #navmenu ul.menu li {position:relative;} #navmenu ul.menu li a {padding:.5em 2em;display:inline-block;color:#fff !important;font-family:'titillium_webbold';text-transform:uppercase;text-shadow:1px 1px 0 #336633; border-bottom:1px solid #71AD2F;display:block;cursor:pointer;} #navmenu ul.menu li:first-child a {border-left:1px dotted #71AD2F;} #navmenu ul.menu li li:first-child a {border-left:0;} #navmenu ul.menu .sub-menu a {border-bottom:1px solid #71ad2f;padding-left:25px;} #navmenu ul.menu li li:first-child a {border-top:2px solid #71ad2f;} #navmenu ul.menu li a:hover {color:#363 !important;text-shadow:none;} #navmenu ul.menu li li a {font-family:'titillium_webregular';font-size:.85em;text-shadow:none;color:#363 !important;border:0;} #navmenu ul.menu li li:hover {background:#c6e39f !important;} #navmenu ul.menu li li a {display:block;} .sub-collapser {position:absolute;top:0;right:0;padding:0.5em 1em 0.5em 1em;background:#5A4B43;color:#fff;cursor:pointer;} .sub-collapser i {font-style:normal !important;padding-top:0.5em;} /*Slider*/ #marquee {background:#fff;border-bottom:2px solid #8dc63f;margin-top:-36px !important;position:relative;} #marquee ul {margin:0;padding:0;position:relative;} #marquee li a {display:block;width:100%;/*height:550px;*/height:260px;} #marquee li a span {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;bottom:10px;padding:0.4em 0.8em 0.8em 0.8em;z-index:555;width:90%;right:5%;line-height:1.1em;font-family:'titillium_websemibold'; background:#8DC63F;color:#fff;font-size:1.4em;text-shadow:1px 1px 0 #5A4B43; -webkit-box-shadow:2px 2px 0 rgba(113, 173, 47, 0.75);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; -moz-box-shadow:2px 2px 0 rgba(113, 173, 47, 0.75); box-shadow:2px 2px 0 rgba(113, 173, 47, 0.75);} #marquee li a span small {display:block;color:#5A4B43;text-shadow:none;line-height:1em;font-family:'titillium_webregular'; font-size:0.5em;margin-top:1em;} .bx-pager-item {display:none;} .bx-wrapper .bx-prev {left:5%;background:url(images/slider/btn-left.png) 0 0 no-repeat;} .bx-wrapper .bx-next {right:5%;background:url(images/slider/btn-right.png) 0 0 no-repeat;} .bx-wrapper .bx-controls-direction a {position:absolute;top:45%;margin-top:-45px;outline:0;width:55px;height:77px;text-indent:-9999px;z-index:100;} @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dppx) { .bx-wrapper .bx-prev {background-image:url(images/slider/btn-left@2x.png);background-size:55px 77px;} .bx-wrapper .bx-next {background-image:url(images/slider/btn-right@2x.png);background-size:55px 77px;} } #starburst a {display:none;} /*HOME*/ .home #content article {border:none;padding:0;background:none;overflow:hidden;} /*Our Work*/ ul.our-work, ul.our-work li {margin:0;padding:0;list-style:none;} ul.our-work {width:100%;float:left;} .home ul.our-work {margin:0 0 -10px 0 !important;} .work ul.our-work {margin:20px 0 -5px 0 !important;} ul.our-work li {display:block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px;} ul.our-work li a.our-work-item, ul.our-work li a span {display:block;color:#5A4B43;} ul.our-work li a.our-work-item {overflow:auto;position:relative;} ul.our-work li a span.item-graphic {width:100px; min-height:100px;background:#ccc;position:absolute;top:0;left:0;border-right:5px solid #f3efec;} ul.our-work li a span.item-info {min-height:100px;background:#fff;box-shadow:inset 0 2px 0 0 #8DC63F;padding-left:118px;padding-right:40px;background:#fff url(images/content/bg-work.png) right center no-repeat;} ul.our-work li a span.item-title {font-size:1.2em;line-height:1;font-family:'titillium_websemibold';padding-top:0.5em;} ul.our-work li a span.item-desc {font-size:0.8em;padding-top:8px;line-height:1.4em;} ul.our-work li a span.item-info:hover {background:#8DC63F url(images/content/bg-work.png) right center no-repeat;} /*Upcoming Events*/ .upcoming-events-list {margin:0;padding:0;list-style:none;font-size:inherit;} .upcoming-events-list .event {overflow:auto;margin-bottom:1em;} .upcoming-events-list div:hover {background:#8DC63F;} .upcoming-events-list h4, .upcoming-events-list div {background:#fff;border-top:10px solid #8DC63F;border-radius:6px;} .page-child .upcoming-events-list h4, .page-child .upcoming-events-list div {background:#f3efec;} .upcoming-events-list h4 {min-height:39px;display:block;width:50px;float:left;text-align:center;font-weight:bold;padding:6px 0 0 0 !important;color:#5D4E47;margin:0 !important;} .upcoming-events-list h4 span {display:block;line-height:1;} .upcoming-events-list h4 .month {font-size:0.7em;text-transform:uppercase;} .page-child .upcoming-events-list h4 .month {font-size:0.5em;} .upcoming-events-list h4 .day {font-size:1.3em;font-family:'titillium_websemibold';} .page-child .upcoming-events-list h4 .day {font-size:1em;} .upcoming-events-list div {min-height:33px;margin-left:60px;} .upcoming-events-list div a {font-size:1.1em;font-family:'titillium_websemibold';color:#5A4B43;display:block;padding:12px;} .upcoming-events-list div a:hover {color:#fff;} .upcoming-events-list div span {font-size:0.9em;color:#666;display:inline-block;margin-left:2px;} /*Recent Posts*/ .post-list, .listed-post {list-style:disc !important;border:none !important;margin-left:15px !important;} .listed-post {display:list-item !important;} /*Pages & Posts*/ #content2 {padding-top:0.5em;overflow:hidden;} #content h3 {font-size:1.5em;line-height:1.1em;font-family:'titillium_websemibold';margin-bottom:.5em;} #content header h2 {font-family:'tertreextra_bold';font-size:.95em;text-transform:uppercase;background:#5D4E46 url(images/header/bg.gif);color:#fff;padding:0.5em 1em 0.65em 1em;margin-bottom:1em;} #content header h3 {color:#5A4B43;text-transform:uppercase;margin:-0.75em 0;padding:0.6em 0.65em 0.65em 0.65em;background:#F3EFEC;} #content header h3 a {display:block;color:#5A4B43;} .page-template-donation-history-php #content article {color:#5B4C44;background:#fff;margin:1em 0;padding:0 1em 1em 1em;border-top:2px solid #8DC63F;overflow:auto;} #content article {color:#5B4C44;background:#fff;margin:1em 0;padding:0 1em 1em 1em;border-top:2px solid #8DC63F;overflow:auto;} #content article h1,#content article h2,#content article h3,#content article h4,#content article h5,#content article h6 {margin:1em 0;padding:0;} #content article h1,#content article h2 {font-family:'titillium_webbold';line-height:1.2em;} #content article h3,#content article h4,#content article h5,#content article h6 {font-family:'titillium_websemibold';} #content article h1 {font-size:1.7em;} #content article h2 {font-size:1.6em;} #content article h3 {font-size:1.5em;} #content article h4 {font-size:1.4em;line-height:1.25em;} #content article h5 {font-size:1.3em;} #content article h6 {font-size:1.2em;} #content article p {margin-bottom:1em;line-height:1.5em;} #content article blockquote {font-family:'titillium_websemibold';line-height:1.5em;background:#F3EFEC;border-bottom:2px solid #EBE7E4;padding:1em;margin:1em 0;} #content article blockquote p {margin:0;} #content article strong {font-weight:normal;font-family:'titillium_websemibold';} #content article a {color:#71AD2F;} #content article a:hover {background:#71AD2F;color:#fff;} #content article blockquote h4 {margin:0 0 0.8em 0;font-size:1.2em;} #content article ul, #content article ol,#content article li {margin:0 0 0.5em 0;} #content article nav ul, #content article nav ul li { margin:0;} #content article ul, {margin-bottom: 1em;} #content article li {line-height: 1.5em;} #content article img {margin:0 1em 1em 0;} #content article .leaflet-control-layers-group img { margin: 0; } #content article .leaflet-control-layers-group span { display: inline-block; margin: 0.3em 0 0 0.5em;position: relative; top:0.2em; } #content article table {width:100%;margin:1.25em 0 1em 0;border-bottom:2px solid #F3EFEC;} #content article thead {text-align:left;background:#F3EFEC;} #content article th {font-family:'titillium_websemibold';font-weight:normal;padding:0.5em;border-bottom:1px solid #EBE7E4;} #content article td {padding:0.5em;border-bottom:1px solid #F3EFEC;border-right:1px solid #F3EFEC;} #content article td:last-child {border-right:0;} /*Exceptions*/ #content article h1.blogtitle {padding:0.75em 0 0.5em 0;margin:0;} #content article h1.bloglist a {color:#5D4E47;} #content article h1.bloglist a:hover {background:none;text-decoration:underline;} #content article .meta {padding-bottom:0.5em;margin:0;} #content article .meta span {font-size:1em;color:#999 !important;font-family:'titillium_websemibold';} .tags {margin:0.25em 0 0 0;padding:0.25em 0.5em;background:#F3EFEC;font-size:0.85em;display:block; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} /*Breadcrumbs*/ #crumbs a {color:#8DC63F;} #crumbs a:hover {text-decoration:underline;} #crumbs .delimiter {background:url(images/content/crumbd.png) no-repeat;width:7px;height:13px;display:inline-block;vertical-align:bottom;margin:0 4px 2px 4px;} /*Our Work*/ #content .menu {margin:0;} #content .menu li {border-bottom:1px solid #F3EFEC;padding:0;} #content .menu li a {padding:0.5em 1em;display:block;} #content .menu li.current_page_item a, #content .menu li a:hover {color:#fff;background:#8DC63F;} #content .menu li ul {margin:0;padding:0;} #content .menu li ul li {border-bottom:0;display:block;border-top:1px dashed #F3EFEC;} #content .menu li ul li a {text-indent:1em;font-size:0.8em;text-transform:uppercase;} #content .menu li ul li a:hover {color:#5A4B43;background:#EBE7E4;} #content .menu li ul li a:before {content:"\00B7 \0020";} /*Members*/ .member-box {margin-top:1em;overflow:hidden;border-bottom:2px solid #5B4C45;} .member-box h4 {margin:0 !important;} #content article .member-box a, .member-box button, .form-container form.paypal {background:#8DC63F;color:#fff;text-align:center;font-family:'tertreextra_bold'; border:0;border-bottom:2px solid #71AD2F;font-size:1.6em;text-transform:uppercase;line-height:1.05em; padding:0.25em 0.5em;cursor:pointer;width:100%;margin-bottom:0.5em;} .member-box .right button {background:#f2d00f;color:#fff;text-align:center;font-family:'tertreextra_bold'; border:0;border-bottom:2px solid #71AD2F;font-size:1.6em;text-transform:uppercase;line-height:1.05em; padding:0.25em 0.5em;cursor:pointer;width:100%;margin-bottom:0;} .form-container form.paypal button {background:#f2d00f;color:#fff;text-align:center;font-family:'tertreextra_bold'; border:0;border-bottom:2px solid #71AD2F;text-transform:uppercase;line-height:2em; padding:0.25em 0.5em;cursor:pointer;width:100%;margin-bottom:0;} #content article .member-box .full a {background:#f2d00f;color:#fff;text-align:center;font-family:'tertreextra_bold'; border:0;border-bottom:2px solid #71AD2F;font-size:1.6em;text-transform:uppercase;line-height:1.05em; padding:0.25em 0.5em;cursor:pointer;width:inherit;margin-bottom:0.5em;} .member-box .left p {text-align: center; margin: 0 !important;} .form-container {float:left;} .form-container form.paypal {float:none;} .form-container form.paypal span {font-size: 22px !important;} #content article .member-box .right a {color: #71AD2F; line-height: 1.5em; text-transform: none; display:inline; border: none; background: none; font-size: 100%;font-family:'titillium_websemibold'; padding:0;} #content article .member-box .right form, .form-container form.paypal {width: 43% !important; float: left; clear: none; margin: 0 10px 20px 0;} #content article .member-box .right form.gold, .form-container form.paypal {width: 88% !important;} #content article .member-box .right form img, .form-container form.paypal img {display: none;} #content article .member-box a br:first-child, .member-box button br:first-child, .form-container form.paypal button:first-child {display:none;} #content article .member-box a:hover, .member-box button:hover, .form-container form.paypal button:hover {background:#5D4E47;} #content article .member-box a:hover span, .member-box button:hover span, .form-container form.paypal button:hover span {color:#8DC63F;} #content article .member-box a span, .member-box button span, .form-container form.paypal button span {color:#5D4E47;} .member-box .right { -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .member-box .right h3 {margin:0 0 0.5em 0 !important;} .member-box ul {list-style:none;margin:0;padding:0;} .member-box li {border-bottom:1px solid #ddd;padding-bottom:0.75em !important;} .member-box li:last-child {border:0;} /*Staff*/ #staff ul {list-style:none;margin:1em 0;padding:0;overflow:auto;} #content article #staff h3 {border-bottom:1px solid #ccc;padding-bottom:.5em;font-size:1em;text-transform:uppercase;font-family:'tertreextra_bold';} #staff li {font-size:.8em;margin-bottom:.5em;} #staff li strong:first-child {font-size:1.2em;} #content article #staff h3 a {color:#5A4B43;} #content article #staff h3 a:hover {text-decoration:underline;background:none;color:#5A4B43;} #staff ul.mgmt-list, #staff ul.staff-list {padding-bottom: 20px;} #staff ul.mgmt-list li, #staff ul.staff-list li {margin:0 10px 0 0; float: left;width:170px; position: relative; padding-left: 100px;} #staff ul.mgmt-list li img, #staff ul.staff-list li img {position: absolute; top: 3px; left: 0; margin: 0; padding: 0; width: 85px; height: 85px; } #staff ul.mgmt-list li p, #staff ul.staff-list li p {} /*Blog*/ #content.news article {border-bottom:1px solid #fff;margin-bottom:1em;} #content.news time {color:#999;font-size:.8em;} #content.blog {overflow: auto;} #content.blog section {width: 100%; float: none;} #content.blog section article {padding: 0 1em 1em 1em;} #content.blog aside {width: 100%; float: none;} #content.blog aside article {padding: 0 0 15px 0; width: 100%; color: #5B4C44; background: #fff; margin: 1em 0; border-top: 2px solid #8DC63F; overflow: auto;} #content.blog aside article h4 {margin:0.5em 0;} #content.blog aside article ul.wp-tag-cloud, #content.blog aside article ul li ul {list-style: none;} #content.blog aside article ul li, #content.blog aside article ul li ul li {list-style: none; padding:0; margin:0; line-height:1.5em;} #content.blog aside article ol, #content.blog aside article ul, #content.blog aside article ul li ul {/*padding:0;*/margin:0;} #content.blog aside article p, #content.blog aside article ul, #content.blog aside article ol, #content.blog aside article h4, #content.blog aside article h3, #content.blog aside article h2, #content.blog aside article h1, #content.blog aside article h5 {padding: 0 0 0 15px;} #content.blog aside article ul li a {font-size: 14px !important; vertical-align: baseline;} #content.blog aside article ol, #content.blog aside article ol li {list-style:none;} #content.blog aside article ol li h4 {font-size: 16px;padding:0;} #content.blog p.pagination a, #content.blog p.pagination span {display: block; float: left; padding: 5px 10px; background: #fff; color: #5D4E47; margin-right: 5px;} /* KIMBIA */ div.kimbiaDiv div.k_shareThisFormBlock { display: none !important; } /*Login*/ div#login-form {margin-top:30px;} div#login-form .input {margin-top:15px;} div#login-form .input input[type=text], div#login-form .input input[type=password] { width:250px;border:1px solid #ccc;background:#fafafa;border-radius:0;color:#888;font:inherit;font-size:100%;padding:6px;margin-top:5px;} div#login-form input[type=submit] {background:#fff;border:1px solid #ccc;color:#777;font-size:.8rem;cursor:pointer;outline:none;padding:4px 10px;text-align:center;text-decoration:none;} div#login-form p {margin-top:10px;} div#login-form p input[type=checkbox] { -webkit-appearance:checkbox;margin-bottom:4px;} div#activate-page h3 {color:#5A4B43;text-transform:uppercase;margin:-0.75em 0;padding:0.6em 0.65em 0.65em 0.65em;background:#F3EFEC;} div#activate-page article p:first-child {margin-top:30px;} div#buddypress p:first-child {margin-top:30px;} #tribe-events-pg-template .tribe-events-content ul li { margin: 0 !important; } input#tribeHideRecurrence {-webkit-appearance:checkbox;} /*Volunteer*/ form.wpcf7-form .wpcf7-form-control-wrap input[type=text], form.wpcf7-form .wpcf7-form-control-wrap input[type=email], form.wpcf7-form .wpcf7-form-control-wrap select, form.wpcf7-form .wpcf7-form-control-wrap textarea { width:250px;border:1px solid #ccc;background:#fafafa;border-radius:0;color:#888;font:inherit;font-size:100%;padding:6px;margin-top:5px;} form.wpcf7-form .wpcf7-form-control-wrap select {width: 265px;} form.wpcf7-form input[type=submit] {background:#fff;border:1px solid #ccc;color:#777;font-size:.8rem;cursor:pointer;outline:none;padding:4px 10px;text-align:center;text-decoration:none;} /* Donate */ div.donate label {display:block;font-weight:bold;margin:15px 0 5px 0;} div.donate input[type=text] {border:1px solid #ccc;background:#fafafa;border-radius:0;color:#888;font:inherit;font-size:100%;padding:6px;max-width:400px;width:95%;margin-top:10px;} div.donate input[type=submit] {background:#fff;border:1px solid #ccc;color:#777;font-size:.8rem;cursor:pointer;outline:none;padding:4px 10px;text-align:center;text-decoration:none;} div.donate input[type=checkbox] { -webkit-appearance:checkbox; margin:0 5px 4px 5px;} div.donate input[type=radio] { -webkit-appearance:radio; margin:0 5px 4px 5px;} /* Donate Form Attempt */ #donation-form {margin:20px 0 0 0;} #donation-form legend {display:block;padding:15px 0 10px 0;font-size:20px;} #donation-form label {display:inline-block;width:160px;margin:8px 0; vertical-align: top;} #donation-form input[type=text], #donation-form select, #donation-form textarea {border:1px solid #ccc;background:#fafafa;border-radius:0;color:#888;font:inherit;font-size:100%;padding:6px;margin:10px 0 0 9px;width: 200px;} #donation-form textarea {height: 100px;} #donation-form input[id=cardNumber] {width: 200px; } #donation-form label[for=cardExpiryMonth] {display:block; width: 160px; margin: 8px 0; vertical-align: top;} #donation-form select#cardExpiryMonth { width: 110px;} #donation-form select#cardExpiryYear {width: 50px;} #donation-form div.radio input, #donation-form div.input input, #donation-form select {font-size:14px;padding:3px 5px;margin-left:5px;} #donation-form div.checkbox input {-webkit-appearance:checkbox; margin-top: 12px; float: left;} #donation-form div.checkbox label {width:320px; padding-left: 5px; width: 220px;} #donation-form select {margin-right:10px;} #donation-form #accepted-cards, #donation-form #radiogroup_cardAmount {margin-bottom:5px !important; clear: both;} #donation-form .radio {float:left;} #donation-form div.radio:nth-child(6) {} #donation-form .radio input[type=radio] {display:none;} #donation-form .radio label {display:block;width:80px;float:left;clear:left;background:#9a9a9a;font-family:'tertreextra_bold', sans-serif;font-size:1.6em;line-height:1.05em;text-transform:uppercase;color:#fff;padding:0.25em 0.5em;margin:0 10px 10px 0 !important;text-align:center;} #donation-form .radio label.selected {background:#8dc63f;} #donation-form div.radio:nth-child(6) {padding-top:2px;} #donation-form div.radio:nth-child(6) label {display:none;} #donation-form div.radio:nth-child(6) input[type=text] {padding:6px 10px 6px 10px;font-size:18px;line-height:25px;width:135px;} #donation-form .custom-donation-amt label {width:147px !important;} #donation-form .custom-donation-amt input[type=text] {margin-top:0 !important;} #donation-form .suggested-donation-amt label {width:150px !important;} #donation-form input[type=submit] {background: #fff; border: 1px solid #ccc; color: #777; font-size: .8rem; cursor: pointer; outline: none; padding: 4px 10px; text-align: center; text-decoration: none; margin: 20px 0 0 4px;} /* Downtown Bicycle Station */ ul.bike-station-logos {list-style:none;overflow:auto;margin:15px 0 0 0 !important;padding:0;} ul.bike-station-logos li {display:block;} ul.bike-station-logos li img {max-height:95px;} .member-info {margin-top:1em;overflow:hidden;border-bottom:2px solid #5B4C45;} .member-info h3 {border-bottom:1px dashed #5B4C45;padding-bottom:5px !important;margin-bottom:20px !important;clear:both;} .member-info button {background:#8DC63F;color:#fff;text-align:center;font-family:'tertreextra_bold'; border:0;border-bottom:2px solid #71AD2F;font-size:1.6em;text-transform:uppercase;line-height:1.05em;padding:0.25em 0.5em;cursor:pointer;width:100%;margin:0 auto;} .member-info button br:first-child {display:none;} .member-info button:hover {background:#5D4E47;} .member-info button:hover span {color:#8DC63F;} .member-info button span {color:#5D4E47;} .member-info ul.double {list-style:none;margin:0 !important;padding:0 !important;} .member-info ul.double li {width:100%;float:left;margin:0 !important;} .member-info ul.double li p {width:100%;margin:0;padding:0;} .member-info ul.double li form {margin:0 0 1em 0;} .member-info-faq {margin-top:1em;overflow:hidden;border-bottom:2px solid #5B4C45;} .member-info-faq ul li p:first-of-type {color:#71AD2F;} .member-info-faq ul li ul li {color:#5B4C44;} .sponsors {margin-top:1em;overflow:hidden;} .sponsors h3 {border-bottom:1px dashed #5B4C45;padding-bottom:5px !important;margin-bottom:20px !important;clear:both;} /*Footer*/ footer #col1,footer #col2,footer #col3 {margin-bottom:1em;} footer {background:url(images/footer/bg.jpg) top center;text-shadow:1px 1px 0 #423832;} footer ul {list-style:none;margin:0;padding:0;} footer a:hover {color:#f3efec;} footer address {font-family:'tertreextra_bold';text-transform:uppercase;color:#8dc63f;font-weight:normal;font-style:normal;} footer li {padding-bottom:.5em;} footer small {font-size:.75em;} footer address {font-size:.9em;line-height:1.5em;margin-bottom:.5em;} footer span.c {font-size:1.5em;position:relative;top:4px;} .menu-help-logged-in-container li a, .menu-how-you-can-help-container li a {padding-left:24px;} .menu-help-logged-in-container li:first-child a, .menu-how-you-can-help-container li:first-child a {background:url(images/header/join-icons.png) 0 -43px no-repeat;} .menu-help-logged-in-container li:nth-child(2) a, .menu-how-you-can-help-container li:nth-child(2) a {background:url(images/header/join-icons.png) 0 7px no-repeat;} .menu-help-logged-in-container li:last-child a, .menu-how-you-can-help-container li:last-child a {background:url(images/header/join-icons.png) 3px -19px no-repeat;} .logos {height:0;width:305px;height:85px;overflow:hidden;position:relative;margin:0;padding:0;list-style:none;} .logos li {display:block;float:left;padding:0;} .logos a {display:block;height:50px;background:url(images/footer/logos@2x.png) no-repeat;background-size:305px 100px;text-indent:-999em;} .cfc a {left:0;width:70px;background-position:0 0;} .mef a {left:70px;width:79px;background-position:-70px 0;} .bbb a {left:149px;width:52px;background-position:-149px 0;} .boeing a {left:201px;width:104px;background-position:-201px 0;} .cfc a:hover {background-position:0 -50px;} .mef a:hover {background-position:-70px -50px;} .bbb a:hover {background-position:-149px -50px;} .boeing a:hover {background-position:-201px -50px;} .social {height:0;width:164px;height:20px;overflow:hidden;position:relative;margin:0;padding:0;list-style:none;} .social li {display:block;float:left;width:20px;margin:0 6px 0 0;padding:0;} .social a {display:block;height:20px;width:20px;background:url(images/footer/social@2x.png) no-repeat;background-size:100px 40px;text-indent:-999em;} .fb a {left:0;width:20px;background-position:0 0;} .tw a {left:26px;width:20px;background-position:-20px 0;} .fl a {left:52px;width:20px;background-position:-40px 0;} .yt a {left:78px;width:20px;background-position:-60px 0;} .rss a {left:104px;width:20px;background-position:-80px 0;} .fb a:hover {background-position:0 -20px;} .tw a:hover {background-position:-20px -20px;} .fl a:hover {background-position:-40px -20px;} .yt a:hover {background-position:-60px -20px;} .rss a:hover {background-position:-80px -20px;} /*Video Embed*/ .video-container { margin-top:10px; position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height: 100% !important; } /*Audio Embed*/ .audio-container iframe, .audio-container object, .audio-container embed { width:100%; height: auto !important; } /* Inbed All */ .inbed{position:relative;padding-top:30px;height:0;overflow:hidden;} .inbed.inbed-video{padding-bottom:56.25%;} .inbed.inbed-image{padding-bottom:78.25%;} .inbed.inbed-audio{padding-bottom:18.25%;} .inbed.inbed-code {padding-top:0px;height:auto;} .inbed iframe, .inbed object, .inbed embed{position:absolute;top:0;left:0;width:100%;height:100%;} /*Media Queries*/ @media only screen and (min-width:425px) { #donation-form div.checkbox input {-webkit-appearance:checkbox; margin-top: 12px; float: left;} #donation-form div.checkbox label {width:320px; padding-left: 5px;} } @media only screen and (min-width:474px) { #donation-form label[for=cardExpiryMonth] {display:inline-block;} #donation-form div.checkbox input[type=submit] {margin-top:10px; } } @media only screen and (min-width:480px) { /*Header*/ header#main .social_links {position:absolute;top:1.25em;right:10%;} } @media only screen and (min-width:600px) { /*Header*/ header#main {overflow:visible;} header#main h1 img {width:180px;height:52px;} header#main h1,header#main h2 {float:left;margin-top:0;} header#main h2 {font-size:1.2em;line-height:3em;margin-left:1em;position:relative;top:0;} header#main .social_links {right:2%;top:2em;} header#main h5,header#main ul {display:inline-block;} #deck h3 {font-family:'CongaBravaStdSemibold';margin-top:0.4em;display:inline;} #deck h3, #deck a {float:left;} #deck a {margin-left:0.75em;} /*marquee*/ #marquee li a {height:550px;} #marquee li a span {bottom:100px;line-height:2.2em;font-size:2em;} #starburst a {display:block;width:200px;height:0;padding-top:200px;overflow:hidden;background:url(images/slider/starburst.png) no-repeat;position:absolute;bottom:42px;right:2%;z-index:999;} #marquee li a span {padding:0;z-index:555;width:90%;right:5%;line-height:2.2em;text-indent:1em;} #marquee li a span small {margin-top:-0.35em;padding-bottom:1.25em;line-height:1em;} /*Home*/ ul.our-work li {float:left;width:50%;} ul.our-work li:nth-of-type(odd) {padding-right:20px;} /*Members*/ .member-box .left {overflow: hidden; width: 40%; float: left; min-width: 185px; max-width: 230px;} .member-box .right {float: right; width: 60%;} .member-box span, .form-container form.paypal span {display:block;} .member-box .form, .member-box form, .form-container form.paypal {width: 90% !important; float: left; clear: left;} #content article .member-box a {display:block;} .member-box button, .form-container form.paypal button {width: 100%;} #content article .member-box a {width: inherit;} #content article .member-box a br:first-child, .member-box button br:first-child, .form-container form.paypal button br:first-child {display:block;} #content article .member-box .full.right {float: right;width: 78%;} /*Staff*/ #staff li {float:left;width:24%;padding-right:1%;font-size:.8em;} /*Map Iframe*/ #content2 iframe {height:420px;} /*Donation*/ #donation-form div.radio:nth-child(6) {clear:left;} #donation-form input[id=cardNumber] {width: 200px;} #donation-form select#cardExpiryMonth {width: 110px;} #donation-form select#cardExpiryYear {width: 50px;} /*Footer*/ footer #col1,footer #col2,footer #col3 {display:inline-block;} #content article .member-box .right form.gold, .form-container form.paypal {width: 43% !important;} } @media only screen and (min-width:687px) { /*Members*/ .member-box .left {overflow: hidden; width: 40%; float: left; min-width: 185px; max-width: 230px;} .member-box .right {float: left; width: 60%;} } @media only screen and (min-width:755px) { #content article .member-box .right form, #content article .member-box .right form.gold {width: 180px !important;} .form-container form.paypal {width: 75px !important;} } @media only screen and (min-width:768px) { /* Downtown Bicycle Station */ ul.bike-station-logos {list-style:none;overflow:auto;display:table-row;width:100%} ul.bike-station-logos li {display:table-cell;max-height:95px;overflow:hidden;vertical-align:middle;padding:30px 30px 20px;margin:0 auto;} ul.bike-station-logos li img {max-height:95px;padding:0 30px 0 0;margin:0;} /*Footer*/ footer #col1,footer #col2,footer #col3 {float:left;width:33%;} footer .col-1,footer .col-2 {float:left;} footer .col-1 {width:40%;} } @media only screen and (min-width:870px) { /*header*/ header#main .social_links {display:block;} } @media only screen and (min-width:922px) { /*header*/ header#main h2 {top:4px;} /*Pages & Posts*/ article {padding-top:0 !important;} #content .menu {width:20%;padding-top:1em;float:left;} #content-right {width:78%;border-left:1px solid #F3EFEC;padding-left:3%;margin-left:1em;padding-top:1em;float:left;} /*Our Work*/ #content .menu {margin:-1em -1em 1em -1em;} /*twitter*/ header#main #tweeter {display:block;background:url(images/header/tweet.png) 0 10px no-repeat;min-width:42px;height:60px;position:absolute;top:-15px;left:198px;margin-left:5%;z-index:100;} header#main #tweeter span {display:block;font-family:'titillium_webregular';color:#c8bab3;font-size:0.7em;position:absolute;top:17px;left:44px;white-space:nowrap;} header#main #twitter_update_list {visibility:hidden;} header#main #twitter_update_list {height:29px;background:#8dc63f;border-radius:0 6px 6px 0;z-index:10;margin:10px 0 0 30px;font-size:12px;} header#main #twitter_update_list a {color:#fff;} header#main #twitter_update_list a:hover {color:#79665b;} header#main #twitter_update_list p {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px 12px 0 8px;display:block;height:24px;overflow:hidden;width:auto;} header#main #twitter_link {display:block;width:34px;height:29px;position:relative;top:-29px;left:2px;} /*Nav*/ #navmenu {width:90%;margin-left:5%;text-align:center;} #navmenu ul.menu, #navmenu ul.menu li {display:inline;} #navmenu ul.menu li {position:relative;} #navmenu ul.menu li a {display:inline-block;border:0;} #navmenu ul.menu .sub-menu {position:absolute;z-index:999;float:none;width:250px;background:#8dc63f;left:-4px;} #navmenu ul.menu li li a {border-right:0;} ul.sub-menu li {display:none;} #navmenu ul.menu li:hover li {float:none;display:block;clear:both;} #navmenu ul.menu li li {display:none;text-align:left;} #navmenu ul.menu li a {border-right:1px dotted #71AD2F;} .sub-collapser {display:none;} /*News*/ #content.blog section {width: 72%; float: left;} #content.blog aside {width: 26%; float: right;} } @media only screen and (min-width:980px) { #search {float: right; clear: none; margin-top: 0;} } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { #deck li:first-child a, #deck li:nth-child(2) a, #deck li:last-child a, .menu-how-you-can-help-container li:first-child a, .menu-how-you-can-help-container li:nth-child(2) a, .menu-how-you-can-help-container li:last-child a {background-size:25px 150px !important;} #deck li:first-child a {background:url(images/header/join-icons@2x.png) 0 -119px no-repeat;} #deck li:nth-child(2) a {background:url(images/header/join-icons@2x.png) 0 -69px no-repeat;} #deck li:last-child a {background:url(images/header/join-icons@2x.png) 0 -94px no-repeat;} .menu-how-you-can-help-container li:first-child a {background:url(images/header/join-icons@2x.png) 0 -43px no-repeat;} .menu-how-you-can-help-container li:nth-child(2) a {background:url(images/header/join-icons@2x.png) 0 7px no-repeat;} .menu-how-you-can-help-container li:last-child a {background:url(images/header/join-icons@2x.png) 3px -19px no-repeat;} } @media print { * {background:transparent !important;color:#000 !important;/* Black prints faster:h5bp.com/s */box-shadow:none !important;text-shadow:none !important;} a,a:visited {text-decoration:underline;} a[href]:after {content:" (" attr(href) ")";} abbr[title]:after {content:" (" attr(title) ")";} /* Don't show links for images,or javascript/internal links*/ .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";} pre,blockquote {border:1px solid #999;page-break-inside:avoid;} thead {display:table-header-group;/* h5bp.com/t */} tr,img {page-break-inside:avoid;} img {max-width:100% !important;} @page {margin:0.5cm;} p,h2,h3 {orphans:3;widows:3;} h2,h3 {page-break-after:avoid;} } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; } .fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; } .fancybox-skin { position:relative; text-shadow:none; } .fancybox-opened { z-index:8030; } .fancybox-outer, .fancybox-inner { position:relative; } .fancybox-inner { overflow:hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; } .fancybox-iframe, .fancybox-inner { overflow:hidden !important; } .fancybox-error { color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; } .fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%; } .fancybox-image { max-width:100%; max-height:100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url(images/fancybox/fancybox_sprite.png); } #fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; } #fancybox-loading div { width:44px; height:44px; background:url(images/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040; } .fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(images/fancybox/blank.gif);/* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; } .fancybox-prev { left:0; } .fancybox-next { right:0; } .fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; } .fancybox-prev span { left:10px; background-position:0 -36px; } .fancybox-next span { right:10px; background-position:0 -72px; } .fancybox-nav:hover span { visibility:visible; } .fancybox-tmp { position:absolute; top:-99999px; left:-99999px; max-width:99999px; max-height:99999px; overflow:visible !important; } /* Overlay helper */ .fancybox-lock { overflow:visible !important; width:auto; } .fancybox-lock body { overflow:hidden !important; } .fancybox-lock-test { overflow-y:hidden !important; } .fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(images/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed { position:fixed; bottom:0; right:0; } .fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; } /* Title helper */ .fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050; } .fancybox-opened .fancybox-title { visibility:visible; } .fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; } .fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent;/* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, 0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; } .fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff; } .fancybox-title-inside-wrap { padding-top:10px; } .fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url(images/fancybox/fancybox_sprite@2x.png); background-size:44px 152px;/*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image:url(images/fancybox/fancybox_loading@2x.gif); background-size:24px 24px;/*The size of the normal image, half the size of the hi-res image*/ } }