/* Theme Name: Metric Lab Theme URI: Description: This freaking awesome theme for Metric Lab. Version: 1.0 Author: Benjamin Shepard Author URI: http://812studio.com/ Tags: Mint, custom header, fixed width, multiple columns, widgets */ /*DEFAULT SETTINGS ---------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form, input, button { margin: 0; padding: 0; border: 0; outline: 0; text-decoration:none; font-size: 100%; vertical-align: baseline; background: transparent;} /* HEADINGS ---------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 {color:#012f2d;font-family:"Trebuchet MS", sans-serif;font-size:100%;font-weight:bold;letter-spacing:.1em;text-transform:uppercase; } h6, h2 a {color:#fff;} /* LISTS ---------------------------------------------------------------------------*/ ul, li {list-style: none;} ul li {/*margin-bottom: 0.785714em;*/list-style: none;} ul.bullets li {list-style: disc;list-style-position:inside;} ol li {list-style: decimal;list-style-position:inside;margin-bottom: 0.785714em;} blockquote {color:#fff;font-family:"Trebuchet MS", sans-serif;font-weight:bold;font-size:1.4em;letter-spacing:.1em;margin:0 0 1.5em;text-transform:uppercase;} strong {color:#012f2d;font-family:"Trebuchet MS", sans-serif;font-weight:bold;text-transform:uppercase;} /* ANCHORS ------------------------------------------------------------------ */ p a {color:#fff;} /* COLUMN 1 ------------------------------------------------------------------ */ .column1 {float:left;margin:0 30px 0 0;width:217px;} * html div#shows .column1 {margin:0 25px 0 0;} /* COLUMN 2 ------------------------------------------------------------------ */ .column2 {float:left;margin:0 30px 0 0;width:465px;} * html div#shows .column2 {margin:0 25px 0 0;} * html div#welcome {margin:0 20px 0 0;} /* COLUMN 3 ------------------------------------------------------------------ */ .column3 {float:left;margin:0 30px 0 0;width:713px;} *html .column3 {margin:0 25px 0 0;} /* COLUMN 3 News ------------------------------------------------------------------ */ .column3wide {float:left;width:743px;} *html .column3wide {float:left;width:740px;} /* COLUMN 4 ------------------------------------------------------------------ */ .column4 {width:960px;} /* COLUMN LAST ------------------------------------------------------------------ */ .columnLast {margin-right:0;} /* NO MARGIN ------------------------------------------------------------------ */ .noMargin {margin:0;} code {color:#012f2d;font-family:Georgia,Serif;} /*End Default Settings*/ /*Color Palette Teal: #009d92; Lite Teal: #008f85; Dark Teal: #012f2d; Dark Grey: #333; ---------------------------------------------------------------------------*/ .teal {color:#009d92;} html {background:url(images/topbg.png) 0 0 repeat-x #009d92;} body {color:#012f2d;font-family:Georgia,Serif;font-size:16px;line-height:22px;margin:0;padding:0;} #perimeter {position:relative;width:960px;margin:0 auto;overflow:hidden;padding:0;} #header { } #header h1 a {background:url(images/metricHome.png) 0 0 no-repeat;display:block;height:27px;margin:15px 0 15px 0;text-indent:-999em;width:218px;} #search {background:url(images/search.png) 0 0 no-repeat;display:block;height:34px;position:absolute;right:0;top:12px;width:286px;} /* NAVIGATION ------------------------------------------------------------------ */ #nav {font-family:"Trebuchet MS", sans-serif;letter-spacing:.1em;margin:22px 0 0 0;text-transform:uppercase;} #nav ul {} #nav li {float: left;margin:0 25px 0 0;} *html #nav li {float: left;margin:0 20px 0 0;} #nav a {color: #fff;display:block;font-size:1em;line-height:10px;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #nav a:link, #nav a:visited {} #nav a:hover, #nav a:active, .current_page_item a, #home .on {background-color:#fff;color:#009d92;} /*Home*/ body.home #nav li.home a {background-color:#fff;color:#009d92;} /*About*/ body.page-id-2 #nav li.page-item-2 a {background-color:#fff;color:#009d92;} /*News*/ body.page-id-12 #nav li.page-item-12 a {background-color:#fff;color:#009d92;} /*Press*/ body.page-id-197 #nav li.page-item-197 a {background-color:#fff;color:#009d92;} /*Work*/ body.page-id-14 #nav li.page-item-14 a {background-color:#fff;color:#009d92;} /*Process*/ body.page-id-16 #nav li.page-item-16 a {background-color:#fff;color:#009d92;} /*Archive*/ body.page-id-18 #nav li.page-item-18 a {background-color:#fff;color:#009d92;} /*Contact*/ body.page-id-20 #nav li.page-item-20 a {background-color:#fff;color:#009d92;} /* Dropdown Menus ------------------------------------------------------------------ */ #nav li ul {position: absolute;left: -999em;margin: 0px;padding: 0px;height: auto;width: 174px;line-height: 30px;z-index:1000;} #nav li li {width: 172px;border-top: 1px dotted #544741;background: #8ac43f;} #nav li li a {color:#FFF;font-weight:normal;font-size:0.9em;} #nav li li a:link, #nav li li a:visited {background-color:#8ac43f;color:#544741;font-weight:normal;font-size:0.9em;} #nav li li a:hover, #nav li li a:active {background:#544741;color:#fff;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} a.main:hover {background:none;} /* SLIDESHOW feature ------------------------------------------------------------------ */ #slides {float:left;height: 408px;margin:2em 0;overflow: hidden; position:relative;width: 960px;} /* *+html #slides {height: 370px;} */ #slides li {margin-bottom:0;} #slides img {height: 408px;left: 0; top: 0; width: 960px;} *+html #slides img {} #slides img {} .slideText {background-color:#fff;color:#555;display: block;font-size:1.8em;left:115px;margin-bottom:0;line-height:1.1em;padding:5px 10px;position:absolute;top:30px;} #content {overflow: hidden;} /* LOOPED SLIDER ------------------------------------------------------------------ */ .container {cursor:pointer;height:375px;overflow:hidden;position:relative;width:713px;} div.slides {position:absolute; top:0; left:0; } ul.slides {position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; } div.slides div, ul.slides li {position:absolute; top:0; width:713px; display:none; padding:0; margin:0; } /* * Optional */ #infoSlider {margin:0 auto; width:713px; position:relative; clear:both; } ul.pagination {list-style:none; padding:0; margin:0; } ul.pagination li {float:left; } ul.pagination li a {padding:0; } ul.pagination li.active a { background-color:#012f2d; color:#fff; } ul.pagination li a:hover { background-color:#012f2d; color:#fff; } /* INFO HOME ------------------------------------------------------------------ */ #infoHome {height:350px;overflow:hidden;padding:0 30px 0 0;} *html #infoHome {padding:0 10px 0 0;} #infoHome h5 {background:url(images/colBg.png) 0 bottom no-repeat; font-size:3.45em;line-height:.9em;margin:0 0 .5em 0;width:713px;} #infoHome h5 {font-size /*\**/: 3.41em\9;} #infoHome img {float:left;height:213px;margin:0 35px 0 0;width:213px;} #infoHome p {float:left;width:465px;} /* INFO (not currently in use) ------------------------------------------------------------------ #infoSlider {padding:0 30px 0 0;} #infoSlider h5 {background:url(images/colBg.png) 0 bottom no-repeat; font-size:3.45em;line-height:.9em;margin:0 0 .5em 0;width:713px;} #infoSlider h2 {color:#fff; } #infoSlider ul li img {float:left;height:213px;margin:0 35px 0 0;width:213px;} #infoSlider ul li h2 {background:url(images/colBg.png) -725px bottom no-repeat; float:left;font-size:1.4em;margin:0 0 1.5em 0;width:465px;} #infoSlider ul li p {float:left;width:465px;} */ /* CONTROLS ------------------------------------------------------------------ */ div.controls {background-color:#008f85;color:#fff;font-family:"Trebuchet MS", sans-serif;height:21px;overflow: hidden;padding:5px;position:absolute;right:30px;top:0px;width:100px;-moz-border-radius:5px;-webkit-border-radius:5px;} div.controls span {display:block;float:left;} div.controls a {color:#fff;display:block;float:left;height:20px;text-align:center;width:20px;-moz-border-radius:5px;-webkit-border-radius:5px;} div.controls a.next {background:url(images/arrows.png) -66px center no-repeat;text-indent:-999em;} div.controls a:hover.next {background:url(images/arrows.png) -48px center no-repeat;text-indent:-999em;} div.controls a.previous {background:url(images/arrows.png) -13px center no-repeat;text-indent:-999em;} div.controls a:hover.previous {background:url(images/arrows.png) -30px center no-repeat;text-indent:-999em;} /* NEWS CAROUSEL ------------------------------------------------------------------ */ .newsContainer {height:450px; overflow:hidden; position:relative; } .newsSlides {position:absolute; top:10px; left:0;} .newsSlides li {position:absolute; top:0; height:300px; display:none;width:217px;} .newsSlides li h2 {background:url(images/colBg.png) -1175px bottom no-repeat; color:#012f2d;margin:0 0 .8em 0;} #newsCarousel {width:713px; position:relative;} #newsCarousel h5 {background:url(images/colBg.png) 0 bottom no-repeat; font-size:3.45em;line-height:.9em;margin:0 0 0.25em;width:713px;} #newsCarousel ul.newsSlides li img {display:none;} /* NEWS CONTROLS ------------------------------------------------------------------ */ div.newsControls { background-color:#008f85; color:#fff; font-family:"Trebuchet MS", sans-serif; height:21px; overflow: hidden; padding:5px; position:absolute; right:0; top:0px; width:100px; -moz-border-radius:5px; -webkit-border-radius:5px; } div.newsControls a { color:#fff; display:block; float:left; height:20px; text-align:center; width:20px; -moz-border-radius:5px; -webkit-border-radius:5px; } div.newsControls a.next {background:url(images/arrows.png) -66px center no-repeat;text-indent:-999em;} div.newsControls a:hover.next {background:url(images/arrows.png) -48px center no-repeat;text-indent:-999em;} div.newsControls a.previous {background:url(images/arrows.png) -13px center no-repeat;text-indent:-999em;} div.newsControls a:hover.previous {background:url(images/arrows.png) -30px center no-repeat;text-indent:-999em;} ul.newsPagination {list-style:none; padding:0; margin:0; } ul.newsPagination li {float:left; } ul.newsPagination li a {padding:0; } ul.newsPagination li.active a {background-color:#012f2d; color:#fff; } ul.newsPagination li a:hover {background-color:#012f2d; color:#fff; } /*TWITTER ------------------------------------------------------------------ */ div#twitter {margin-bottom: 2em;} *html div#twitter {margin-bottom:1em;} div#twitter h2 {margin: 0;} p#preloader {margin: 0;padding: 1em 1em 1em 3em;/* background: transparent url(images/loading.gif) 1em center no-repeat; */} ul#twitter_update_list {margin: 0;padding: 0 0 0.5em 0;list-style-type: none;} ul#twitter_update_list li {background-color:#008f85;color:#fff;margin:0 0 1.6em 0;padding:5px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;} /* *html ul#twitter_update_list li {padding:5px 0px;} */ /* timestamp link */ ul#twitter_update_list li a:link, ul#twitter_update_list li a:visited {color:#012f2d;} /* timestamp link */ ul#twitter_update_list li a:hover, ul#twitter_update_list li a:active {color:#012f2d;} ul#twitter_update_list li span {display: block;} /* links in tweet */ ul#twitter_update_list li span a:link, ul#twitter_update_list li span a:visited {color:#012f2d;} /* links in tweet */ ul#twitter_update_list li span a:hover, ul#twitter_update_list li span a:active {color:#012f2d;} ul#twitter_update_list li.firstTweet {} ul#twitter_update_list li.lastTweet {border-bottom: none;} ul#twitter_update_list a {color:#012f2d;text-decoration:underline;} *html ul#twitter_update_list a {width:190px;} ul#twitter_update_list a:hover {color:#012f2d;text-decoration:underline;} div#twitter a:link#profileLink { background-color:#008f85; color:#012f2d; display:block; font-family:"Trebuchet MS", sans-serif; font-size:.8em; padding:1px; text-align:center; text-transform:uppercase; width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; } div#twitter a:hover#profileLink {background-color:#012f2d;color:#fff;} /* SIDEBAR ------------------------------------------------------------------ */ #sidebar {margin:1.15em 0 0 0;} #sidebar h6 {background:url(images/colBg.png) -1175px bottom no-repeat; color:#012f2d;font-size:2em;line-height:1em;margin:0 0 .8em 0;} body.page #sidebar, body.search #sidebar {margin:3.15em 0 0 0;} /* MORE LINK ------------------------------------------------------------------ */ a.more-link { background-color:#008f85; color:#012f2d; display:block; font-family:"Trebuchet MS", sans-serif; font-size:.8em; padding:1px; text-align:center; text-transform:uppercase; width:100px; -moz-border-radius:5px; -webkit-border-radius:5px; } a:hover.more-link {background-color:#012f2d;color:#fff;} /* SINGLE ------------------------------------------------------------------ */ body.single #content, body.page #content, body.search #content {margin-top:2em;} body.single h2 {background:url(images/colBg.png) 0 bottom no-repeat; color:#fff;font-size:2em;line-height:1em;margin:1em 0 0.25em;width:713px;} body.single p {margin:0 0 1em 0;} body.single label {color:#fff;display:block;} body.single #sidebar {margin:4em 0 0;} body.single a img {background-color: #008f85;/*border:1px solid #012f2d;*/padding: 5px;} #newsCarousel div.entry p { line-height:22px;} div.entry p, div.entry li { color:#000; line-height:1.7em;} /* text-shadow: 0px 1px 2px #fff; */ em { color:#000; line-height:1.7em;} div.entry a { background-color:#008f85; color:#012f2d; -moz-border-radius:5px; -webkit-border-radius:5px; } div.entry a:hover {background-color:#012f2d;color:#fff;} /* PAGE TEMPLATE ------------------------------------------------------------------ */ body.page #content h5 {background:url(images/colBg.png) 0 bottom no-repeat; font-size:3.5em;line-height:.9em;margin:0 0 .5em 0;width:713px;} /* ABOUT ------------------------------------------------------------------ */ body.page-id-2 p {clear:left;margin:0 0 2em 0;} body.page-id-2 p img {margin:0 20px 10px 0;} body.page-id-2 h2 { background:transparent url(images/colBg.png) no-repeat scroll 0 bottom; color:#fff; float:left; font-family:"Trebuchet MS", sans-serif; font-weight:bold; font-size:2.4em; letter-spacing:.1em; line-height:.9em; margin:2em 0 1.5em; text-transform:uppercase; width:713px; } /* ARCHIVE general ------------------------------------------------------------------ */ body.archive p {clear:left;margin:0 0 2em 0;} body.archive p img {display:none;} body.archive h2 { background:transparent url(images/colBg.png) no-repeat scroll 0 bottom; color:#fff; float:left; font-family:"Trebuchet MS", sans-serif; font-weight:bold; font-size:1.4em; letter-spacing:.1em; margin-bottom:0.5em; padding-bottom:0; text-transform:uppercase; width:713px; } body.archive #content h5 {background:url(images/colBg.png) 0 bottom no-repeat; font-size:3.5em;line-height:.9em;margin:0 0 .5em 0;width:713px;} /* BLOG ------------------------------------------------------------------ */ body.page-id-12 h2 {padding-bottom:0;} /* WORK ------------------------------------------------------------------ */ body.page-id-14 p {clear:left;margin:0 0 2em 0;} body.page-id-14 p img {margin:0 20px 10px 0;} body.page-id-14 h2 { background:transparent url(images/colBg.png) no-repeat scroll 0 bottom; color:#fff; float:left; font-family:"Trebuchet MS", sans-serif; font-weight:bold; font-size:1.4em; letter-spacing:.1em; margin:2em 0 1.5em; text-transform:uppercase; width:713px; } /* PROCESS ------------------------------------------------------------------ */ body.page-id-16 p {clear:left;margin:0 0 2em 0;} body.page-id-16 p img {margin:0 20px 10px 0;} body.page-id-16 h2 { background:transparent url(images/colBg.png) no-repeat scroll 0 bottom; color:#fff; float:left; font-family:"Trebuchet MS", sans-serif; font-weight:bold; font-size:1.4em; letter-spacing:.1em; margin:.5em 0 .5em; text-transform:uppercase; width:713px; } body.page-id-16 ol {margin-bottom:3em;} body.page-id-16 ol li {float:left;margin:0 13px 30px 0;padding:130px 0 0 0;width:165px;} body.page-id-16 ol li.process1 {background:url(images/process1.png) 0 0 no-repeat;} body.page-id-16 ol li.process2 {background:url(images/process2.png) 0 0 no-repeat;} body.page-id-16 ol li.process3 {background:url(images/process3.png) 0 0 no-repeat;} body.page-id-16 ol li.process4 {background:url(images/process4.png) 0 0 no-repeat;} /* NEWS & PRESS ------------------------------------------------------------------ */ .news {margin-bottom:2em;} .news h2 {background:url(images/colBg.png) 0 bottom no-repeat; font-size:1.2em;margin-bottom:.5em;padding-bottom:.5em;} .news p img, .news dt {display:none;} /* BLOG ------------------------------------------------------------------ */ body.page-id-197 h2 {padding-bottom:0;} /* SEARCH ------------------------------------------------------------------ */ body.search h5 {background:url(images/colBg.png) 0 bottom no-repeat; font-size:3.5em;line-height:.9em;margin:0 0 .5em 0;width:713px;} body.search h2 {background:url(images/colBg.png) 0 bottom no-repeat; font-size:2em;line-height:1em;margin:1em 0 0.25em;width:713px;} body.search h2 a {color:#012f2d;} body.search h2 a:hover {color:#fff;} #searchform {color:#fff;height:34px;position:relative;width:286px;} #searchform input {color:#fff;left:30px;position:absolute;top:8px;width:160px;} #sidebar #searchform #s {width: 108px;padding: 2px;} input#searchsubmit {color:transparent;cursor: pointer;height:30px;left:190px;margin:0;position:absolute;text-indent:-999em;top:2px;width:85px;} *+html input#searchsubmit {} /* 404 ------------------------------------------------------------------ */ body.error404 h5 {background:url(images/colBg.png) 0 bottom no-repeat; font-size:3.5em;line-height:.9em;margin:0 0 .5em 0;width:713px;} /* POSTMETADATA ------------------------------------------------------------------ */ .postmetadata {margin:0 0 1em 0;overflow:hidden;} .postmetadata li { background-color:#008f85; color:#012f2d; display:block; font-family:"Trebuchet MS", sans-serif; font-size:.8em; float:left; margin:0 1em 0 0; padding:1px 5px; text-align:center; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; } .postmetadata li a {background-color:#008f85;color:#012f2d;display:block;text-align:left;text-indent:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .postmetadata li a:hover {background-color:#012f2d;color:#fff;} li.pressReleased {text-transform:none;} li.pressReleased a {background-color:transparent;color:#fff;display:inline;} li.pressReleased a:hover {background-color:transparent;color:#fff;display:inline;text-decoration:underline;} /* FOOTER ------------------------------------------------------------------ */ #footer {background-color:#333;color:#008f85;clear:left;padding:3em 0 0 0;overflow:hidden;width:100%;} #footerBox {margin:0 auto;overflow:hidden;width:960px;} #footerBox h6 {background:url(images/footBg.png) 0 bottom no-repeat;font-size:2em;line-height:1.2em; margin:0 0 .5em 0;} #footerBox div.column2 h6 {background:url(images/footBg.png) -257px bottom no-repeat;} .coLogos {background:url(images/coLogos.png) 0 0 no-repeat;height:460px;text-indent:-999em;width:465px;} #footer p {} #footer a {color:#fff;} #footer a:hover {text-decoration:underline;} #credits {background:url(images/footerImg.png) center 0 no-repeat; clear:left;height:160px;position:relative;width: 100%;} #credits p {color:#000;font-size:.8em;left:0;position:absolute;top: 50px;} #credits a { color:#000; font-size:.8em; right:0; position:absolute; top: 50px; font-family:"Trebuchet MS", sans-serif; font-weight:bold; letter-spacing:.1em; text-transform:uppercase; } a#siteMap {left:0;position:absolute;top:70px;} ul.address {} ul.iconsFooter {height:54px; overflow:hidden; margin-bottom:30px; margin-top:20px;} ul.iconsFooter li {float:left; height:35px; width:54px;} .twitterIconG {background:url(images/twitterIconG.png) 0 0 no-repeat; display: block; height:35px; text-indent:-999em; width:54px;} .facebookIconG {background:url(images/linkedinIconG.png) 0 0 no-repeat; display: block; height:35px; text-indent:-999em; width:54px;} /* COMMENTS ---------------------------------------------------------------------------*/ #commentform input, #commentform textarea { background:url(images/colBg.png) -725px bottom no-repeat transparent; border:1px dotted #fff; color:#012f2d; font-family:"Trebuchet MS", sans-serif; font-size:1.4em; margin:0 0 .5em 0; padding: 2px; width: 465px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #commentform {margin: 5px 10px 0 0;} #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #commentform #submit {background-color:#008f85;background-image:none;border:none; /*1px solid #012f2d;*/color:#012f2d;cursor:pointer;} #commentform #submit:hover {background-color:#012f2d;background-image:none;border:none; /*1px solid #012f2d;*/color:#fff;cursor:pointer;} .commentlist {margin:0 0 1.6em 0;-moz-border-radius:5px;-webkit-border-radius:5px;} .comment-author { background:url(images/colBg.png) 0 bottom no-repeat; color:#012f2d; font-family:"Trebuchet MS", sans-serif; font-size:3.45em; font-style:normal; font-weight:bold; letter-spacing:.1em; line-height:.9em; margin:0 0 .25em 0; text-transform:uppercase; width:713px; } .comment-author a {color:#fff;} .commentlist li {margin: 15px 0 10px;list-style: none;} .commentlist li ul li {margin-right: -5px;margin-left: 10px;} .commentlist p {margin: 10px 5px 10px 0;} .children {padding: 0; } #commentform p {margin: 5px 0;} .nocomments {text-align: center;margin: 0;padding: 0;} .commentmetadata {margin: 0 0 1.5em 0;display: block;} .commentlist li, #commentform input, #commentform textarea {} .commentlist li ul li {} .commentlist li {font-weight: bold;} .commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;} .commentlist cite, .commentlist cite a {font-style:normal;font-weight: bold;} .commentlist p {} #commentform p {} .commentmetadata a { background-color:#008f85; color:#012f2d; font-family:"Trebuchet MS", sans-serif; font-size:.8em; margin:0 0 1.6em 0; padding:5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; } .commentmetadata a:hover {color:#fff;} .thread-alt {} .thread-even {} .depth-1 {} .even {} .alt {margin:0;padding:0;} a.comment-reply-link { background-color:#008f85; color:#012f2d; font-family:"Trebuchet MS", sans-serif; font-size:.8em; margin:0 0 1.6em 0; padding:5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; } a:hover.comment-reply-link {color:#fff;} h3#comments {margin:2em 0;} div.entry ul {} div.entry ul li {list-style: disc; list-style-position: inside;margin:0 0 1em 0;} div.entry ol li {list-style: decimal; list-style-position: inside;margin:0 0 1em 0;} .entry {} .description {} .pagetitle {} .sticky {background: #f7f7f7;padding: 0 10px 10px;} .sticky h2 {padding-top: 10px;} small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {} acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;} #wp-calendar a {text-decoration: none;} .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;} p.postmetadata {background-color:#008f85;margin:0 0 1.6em 0;padding:5px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;} p.postmetadata small {color:#012f2d;} /* Begin Images */ p img {padding: 0;max-width: 100%;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered {display: block;margin-left: auto;margin-right: auto;} img.alignright {padding: 4px;margin: 10px 0 2px 20px;display: inline;} img.alignleft {padding: 4px;margin: 10px 20px 2px 0;display: inline;} .alignright {float: right;} .alignleft {float: left;} /* End Images */ /* Begin Form Elements */ /* This is mainly for password protected posts, makes them look better. */ .entry form {text-align:center;} select {width: 130px;} /* CALENDAR ---------------------------------------------------------------------------*/ #wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;} #wp-calendar #next a {padding-right: 10px;text-align: right;} #wp-calendar #prev a {padding-left: 10px;text-align: left;} #wp-calendar a {display: block;} #wp-calendar caption {text-align: center;width: 100%;} #wp-calendar td {padding: 3px 0;text-align: center;} #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps {cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} .center {text-align: center;} .hidden {display: none;} .screen-reader-text {position: absolute;left: -1000em;} hr {display: none;} a img {} .navigation { background-color:#008F85; clear:left; display:block; margin-bottom:30px; margin-top:10px; overflow:hidden; padding:10px; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .navigation a {color:#012f2d;} .navigation a:hover {color:#fff;} /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img {margin: 0;padding: 0;border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} /* End captions */ /* ARCHIVE ---------------------------------------------------------------------------*/ #content div.car-container ul {font-family:"Trebuchet MS", sans-serif;} a.car-toggler {color:#fff;display:block;font-family:"Trebuchet MS", sans-serif;font-weight:bold;letter-spacing:.1em;line-height:0;text-transform:uppercase;} .entry ul.car-list {line-height:0px;list-style:none; margin:0;padding:0;text-indent:0;} .entry ul.car-list li {list-style:none;} span.car-yearmonth { background:transparent url(images/colBg.png) no-repeat scroll 0 bottom; color:#012f2d; display:block; font-family:"Trebuchet MS", sans-serif; font-weight:bold; font-size:1.4em; height:17px; letter-spacing:.1em; margin:1em 0 .5em; text-transform:uppercase; width:713px; } span.car-yearmonth span {} ul.car-monthlisting {} ul.car-monthlisting li {border-bottom:1px dotted #c4e6ed;line-height:30px;text-indent:1em;} .entry ul.car-monthlisting li a {color:#fff;font-family:"Trebuchet MS", sans-serif;font-size:.85em;letter-spacing:.1em;text-transform:uppercase;} ul.car-monthlisting li a:hover {background-color:transparent;} li.categories {text-transform:uppercase;border-bottom:1px solid #012f2d;} li.categories ul li a {border-bottom:1px solid #012f2d;display:block;} /* FANCYBOX ---------------------------------------------------------------------------*/ html, body {height: 100%;} div#fancy_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #666;display: none;z-index: 30;} * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } div#fancy_wrap {text-align: left;} div#fancy_loading {position: absolute;height: 40px;width: 40px;cursor: pointer;display: none;overflow: hidden;background: transparent;z-index: 100;} div#fancy_loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url('js/jquery.fancybox/fancy_progress.png') no-repeat;} div#fancy_loading_overlay {position: absolute;background-color: #FFF;z-index: 30;} div#fancy_loading_icon {position: absolute;background: url('js/jquery.fancybox/fancy_loading.gif') no-repeat;z-index: 35;width: 16px;height: 16px;} div#fancy_outer {position: absolute;top: 0;left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none;} div#fancy_inner {position: relative;width:100%;height:100%;border: 1px solid #BBB;background: #FFF;} div#fancy_content {margin: 0;z-index: 100;position: absolute;} div#fancy_div {background: #000;color: #FFF;height: 100%;width: 100%;z-index: 100;} img#fancy_img {position: absolute;top: 0;left: 0;border:0; padding: 0; margin: 0;z-index: 100;width: 100%;height: 100%;} div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('js/jquery.fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } #fancy_frame {position: relative;width: 100%;height: 100%;display: none;} #fancy_ajax {height: 100%;overflow: auto;width: 100%;} a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; } a#fancy_left {left: 0px; } a#fancy_right {right: 0px;} span.fancy_ico {position: absolute; top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112; cursor: pointer;display: block;} span#fancy_left_ico {left: -9999px;background: transparent url('js/jquery.fancybox/fancy_left.png') no-repeat;} span#fancy_right_ico {right: -9999px;background: transparent url('js/jquery.fancybox/fancy_right.png') no-repeat;} a#fancy_left:hover {visibility: visible;} a#fancy_right:hover {visibility: visible;} a#fancy_left:hover span {left: 20px; } a#fancy_right:hover span {right: 20px; } .fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;} div#fancy_bg {position: absolute;top: 0; left: 0;width: 100%;height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;} div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;} div.fancy_bg_n {top: -18px;width: 100%;height: 18px;background: transparent url('js/jquery.fancybox/fancy_shadow_n.png') repeat-x;} div.fancy_bg_ne {top: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('js/jquery.fancybox/fancy_shadow_ne.png') no-repeat;} div.fancy_bg_e {right: -13px;height: 100%;width: 13px;background: transparent url('js/jquery.fancybox/fancy_shadow_e.png') repeat-y;} div.fancy_bg_se {bottom: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('js/jquery.fancybox/fancy_shadow_se.png') no-repeat;} div.fancy_bg_s {bottom: -18px;width: 100%;height: 18px;background: transparent url('js/jquery.fancybox/fancy_shadow_s.png') repeat-x;} div.fancy_bg_sw {bottom: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('js/jquery.fancybox/fancy_shadow_sw.png') no-repeat;} div.fancy_bg_w {left: -13px;height: 100%;width: 13px;background: transparent url('js/jquery.fancybox/fancy_shadow_w.png') repeat-y;} div.fancy_bg_nw {top: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('js/jquery.fancybox/fancy_shadow_nw.png') no-repeat;} div#fancy_title {position: absolute;bottom: -33px;left: 0;width: 100%;z-index: 100;display: none;} div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 3px;} div#fancy_title table {margin: 0 auto;} div#fancy_title table td {padding: 0;vertical-align: middle;} td#fancy_title_left {height: 32px;width: 15px;background: transparent url(js/jquery.fancybox/fancy_title_left.png) repeat-x;} td#fancy_title_main {height: 32px;background: transparent url(js/jquery.fancybox/fancy_title_main.png) repeat-x;} td#fancy_title_right {height: 32px;width: 15px;background: transparent url(js/jquery.fancybox/fancy_title_right.png) repeat-x;} /* CONTACT FORM ---------------------------------------------------------------------------*/ .screenReader {left: -9999px; position: absolute; top: -9999px; } .thanks {} /*****Forms*****/ ol.forms {float: left; list-style: none; margin: 0; width: 100%; } ol.forms li {clear: both; float: left; position: relative;list-style: none;} ol.forms label {color:#fff;cursor: pointer;display: block;font-family:"Trebuchet MS", sans-serif;font-weight:bold;text-transform:uppercase;padding-right: 20px;} ol.forms input, ol.forms textarea { background:url(images/colBg.png) -725px bottom no-repeat transparent; border:1px dotted #fff; color:#012f2d; font-family:"Trebuchet MS", sans-serif; font-size:1.4em; margin:0 0 .5em 0; padding: 2px; width: 465px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } ol.forms textarea { height: 200px; width: 460px; } ol.forms input:focus, ol.forms textarea:focus { background-color:transparent; border-color: #c4e6ed; } .error { color: #ff0; } ol.forms li .error { display:block;font-size:12px;float:right;} ol.forms li.textarea .error {display: block;float:right;} ol.forms li.screenReader { margin-bottom: 0; } ol.forms li.buttons button { background-color:#fff; border: none; color: #012f2d; cursor: pointer; font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif; overflow: hidden; padding: 6px 3px 3px 3px; text-transform: uppercase; width: auto; } ol.forms li.buttons button:hover { background-color: #012f2d; color:#fff; } ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; } ol.forms li.buttons, ol.forms li.inline { float: left; width: 460px; } *+html ol.forms li.buttons, *+html ol.forms li.inline { height: 50px; } *html ol.forms li.buttons, *html ol.forms li.inline { height: 50px; } ol.forms li.inline {} ol.forms li.inline input { width: auto; } ol.forms li.inline label { display: inline; float: none; width: auto; } /* ICONS ---------------------------------------------------------------------------*/ ul.icons {height:54px; overflow:hidden; margin-bottom:30px; margin-top:-20px;} ul.icons li {float:left; height:35px; list-style:none; width:54px;} div.entry ul.icons li {list-style:none;} .twitterIcon {background:url(images/twitterIcon.png) 0 0 no-repeat; display: block; height:35px; text-indent:-999em; width:54px;} .linkedinIcon {background:url(images/linkedinIcon.png) 0 0 no-repeat; display: block; height:35px; text-indent:-999em; width:54px;} .floatLeft {float:left;} /* TAG FOOTER ---------------------------------------------------------------------------*/ #topics a {display:block;} /* CLEARING ---------------------------------------------------------------------------*/ /* float clearing for IE6 */ * html .clearfix {height: 1%;overflow: visible;} /* float clearing for IE7 */ *+html .clearfix {min-height: 1%;} /* float clearing for everyone else */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;} .hide {display:none;text-indent:-9999em;height:0;width:0;margin:0;padding:0;} /*Color Palette Teal: #009d92; Lite Teal: #008f85; Dark Teal: #012f2d; Dark Grey: #333; ---------------------------------------------------------------------------*/