/* =Dynamic ------------------------------------ */ /*********************************************************** Stylesheet for: Author: Credits: YUI, Paul Irish(optional:, Brad Graham, Phillip Salfity, Joeleen Kennedy) *Don't apply styling to the HTML5 elements, give them a class or ID and work with that *YUI Fonts Conversions- 10px = 77% 11px = 85% 12px = 93% 13px = 100% 14px = 108% 15px = 116% 16px = 123.1% 17px = 131% 18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6% 22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% *************************************************************/ /* RESET */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;} caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} body{font:13px/1.231 arial,clean,sans-serif;}select,input,textarea,button{font:100% arial,clean,sans-serif;margin:0;padding:0;*font-size:100%;}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;}td{font-size: 100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} #header li, #main-nav li, #footer li, #quicklinks li {list-style:none;} /* Globals */ html {overflow-y: scroll;/*Force Scroll bar so design doesn't jump on no-scroll*/} body {line-height:1.3;} .fontface body {font-family:'LiberationSansRegular',arial;} pre, code, kbd, samp {font-family: monospace, sans-serif;} pre {padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;} sub {vertical-align:sub;font-size:smaller;} sup {vertical-align:super;font-size:smaller;} h1,h2,h3,h4,h5,h6 {font-weight:normal;} h1,h2,h3 {line-height:1.1;} h1 {font-size:277%; text-transform:uppercase; margin-bottom: 0.3em;} .alt-title {text-transform:none;} h2 {font-size:161.6%; margin-bottom: 0.3em;} h3 {font-size:138.5%; margin-bottom: 0.4em;} h4 {font-size:116%;} h5 {font-size:108%;} h6 {font-size:100%; text-transform:uppercase;} h4, h5, h6 {font-weight:bold;} .fontface h4, .fontface h5, .fontface h6 {font-family:'LiberationSansBold',arial; font-weight:normal;} p, li {font-size:100%;} a, a:active {text-decoration:none;color:#003e7e;-webkit-tap-highlight-color: #a52f01;/*quick color flip of webkit when clicked*/} a:visited {color:#003e7e;} a:hover {text-decoration:underline;color:#a52f01;} h6 a {color:#003e7e;} h6 a:hover {color:#a52f01;} h6 em {font-weight:normal; text-transform:none; color:#000;} small, .small {font-size:93%; text-transform:uppercase;} .xsmall {font-size:85%; font-weight:normal;} .xxsmall {font-size:77%!important;} strong, b, th {font-weight: bold;} em, i {font-style:italic;} .fontface strong, .fontface b, .fontface th {font-family:'LiberationSansBold',arial; font-weight:normal;} td, td img {vertical-align:top;} /*completely hidden elements */ .hidden {display:none;visibility:hidden;} /* Out of view but available for screen readers */ .visuallyhidden {position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);} /***********Selected text background/color****************/ ::-moz-selection{background:#003e7e;color:#fff;text-shadow:none;} ::selection {background:#003e7e;color:#fff;text-shadow:none;} blockquote {color:#003e7e; padding:.8em 1.6em; display:block; clear:both;} blockquote .source {display:block; padding-top:.4em; font-size:85%;} .ie6 input {vertical-align:text-bottom;} label, input[type=button], input[type=submit], button {cursor:pointer; line-height:1.1;} input[type=radio], input[type=checkbox] {margin-right:.2em;} textarea{overflow:auto;} button{width:auto;overflow:visible;} .structural { border:0!important; clip:rect(0 0 0 0); height:1px!important; margin:-1px!important; overflow:hidden!important; padding:0!important; position:absolute!important; width:1px!important; } .hide {display:none;} .more {display:inline-block; padding:.4em 0; font-weight: bold;} .fontface .more {font-family:'LiberationSansBold',arial; font-weight:normal;} #news .more {padding:0;} .arrow {font-size:108%; line-height:1; font-weight: bold;} .fontface .arrow {font-family:'LiberationSansBold',arial; font-weight:normal;} .callout {color:#a52f01; text-transform:uppercase; font-weight:bold;} .callout a {color:#a52f01;} .callout a:hover {color:#000;} .right {float:right;} .left {float:left;} .align-right {float:right; border:1px solid #cccccc; margin:.3em 0 .3em .6em;} .align-left {float:left; border:1px solid #cccccc; margin:.3em .6em .3em 0;} .align-right img, .align-left img {float:left;} .no-border {border:0 none!important;} .block15 {width:15%; display:inline-block;} .italic {font-style:italic;} /* IE Fixes */ .ie7 img {-ms-interpolation-mode:bicubic;} /* background */ @media only screen and (min-width:481px) { html {background:url(/uploads/img/bkgd/BG-gray_EEEEEE.jpg) repeat fixed center center;} } @media screen and (max-width:480px) { html {background:url(/uploads/img/bkgd/_mobile/BG-gray_EEEEEE.jpg) repeat fixed center 0;} } .ie7, .ie8 {background:url(/uploads/img/bkgd/BG-gray_EEEEEE.jpg) repeat fixed center center;} #skiplinks{list-style:none;margin:0;padding:0; position:absolute;} #skiplinks li {height:30px;} #skiplinks a {position:absolute;left:-9999px;background-color:#fff;border:1px solid #000;padding:3px 5px; z-index:10;} #skiplinks a:active,#skiplinks a:focus{left:3px;top:3px;} /* container */ #wrapper {width:100%;} .inner {width:980px; margin:0 auto; display:block; overflow:hidden;} /* Header */ #utility ul {float:right; background:url(/images/layout/blue-trans-75.png) repeat 0 0; margin:6px 10px 0 0; padding:0 10px;} #utility li {list-style:none; float:left; padding:.55em 0 .5em; font-size:93%;} #utility a {color:#fff; padding:0 .5em; display:block; line-height:.9; border-right:1px solid #fff;} #utility a:hover {text-decoration:underline;} #utility .last a {border:0 none;} #utility .last_utility_item a { border-left: 1px solid #fff;} /* Banner */ #banner {background:url(/images/layout/blue-trans-75.png) repeat 0 0; height:75px; position:relative; display:block; clear:both;} #logo {margin:0;} #logo a {background:url(/images/layout/WBC-logo.png) no-repeat 0 0; width:311px; height:88px; position:absolute; text-indent:-999em; top:-7px; z-index:4; margin-left:.58em; display:block;} #search {margin:2em 2.8em 0 0; position:relative;} #banner > .inner{display: flex; justify-content: space-between; align-items: center; height: 100%;} #gsearch{} div#___gcse_0 { width: 20em; } .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus { border: 0 !important; border-radius: 0 !important; background-color: transparent !important; background-image: none !important; filter: none !important; padding: 6px 9px !important; } .cse .gsc-search-button-v2, .gsc-search-button-v2{ padding: 6px 9px !important; } #search label {position:absolute; font-size:93%; padding:7px 0 0 8px; cursor:text;} #search .submit_btn {position:absolute; width:14px; height:14px; display:block; border:0 none; right:3px; top:5px; background:url(/images/layout/sprite.png) no-repeat 0 0; text-indent:-999em;} .social-header ul {display:flex; justify-content:center; list-style:none; padding:8px 0; width:215px;} .social-header ul li {padding-left:1em;} .social-header ul li:first-child {padding-left:0;} .social-header a{display: block; height:24px;} .social-header a svg{fill: #fff; opacity: 0.75; transition: opacity 0.3s; width: 24px; height: 24px; } .social-header a:hover svg{opacity:1;} #main-nav {position:relative; margin:0 auto; z-index:3; display:block; clear:both; background:#a52f01; text-align:center; line-height:1;} .ie7 #main-nav {height:30px;} #main-nav ul {margin:0 auto; display:table; padding-left:.8em;} #main-nav li {float:left; font-size:112%; position:relative; text-transform:uppercase;} #main-nav a {padding:.55em .7em .55em .85em; color:#fff; display:block; line-height:1;} #main-nav a:hover, #main-nav li.active a, #main-nav li.hover a {background:#fff; color:#a52f01; text-decoration:none;} #main-nav ul ul {position:absolute; z-index:5; display:none; top:30px; width:226px; padding:8px 0 16px; text-align:left; background:#fff;} #main-nav ul li.hover ul {display:block;} #main-nav ul li.last ul {left:inherit; right:0; margin:0;} #main-nav ul ul li {float:none; font-size:100%; padding:0 .9em; margin:0; text-transform:none;} #main-nav ul ul li a, #main-nav ul li.active li a, #main-nav ul li.hover li a {border-bottom:1px solid #d3d3d3; padding:.55em 0; color:#003e7e;} #main-nav ul ul li a:hover {color:#a52f01;} #main-nav ul ul ul {display:none!important;} /* Main */ #main {clear:both; overflow:hidden; position:relative; margin:1.55em auto;} #main .inner {background:#fff; float:left; width:69.5%; border:1px solid #ccc; overflow:hidden; margin-left:1.55em; min-height:450px;} #about #main .inner {min-height:850px;} #main.fullwidth .inner {width:94.7%;} #main.fullwidth .inner #sub {width:17%;} #main.fullwidth .inner #content {width:76%;} #main.fullwidth #sidebar {display:none;} #main .inner .two {display:none;} /* Feature */ #feature {padding:1.5em; width:96%; overflow:hidden;} /* see isotope.css for the rest of the featured area styles */ /* Subnav */ #sub {width:23%; float:left; padding:1.5em;} #subnav {text-align:left; list-style:none;} #subnav li {list-style:none;} #subnav li a {border-bottom:1px solid #cccccc; padding:.4em 0; display:block; font-weight: bold;} .fontface #subnav li a {font-family:'LiberationSansBold',arial; font-weight:normal;} #subnav li ul {display:none;} #subnav li.active ul, #subnav li.parent-active ul {display:block;} #subnav li ul li a {padding:.4em 0 .4em 1em; background:url(/images/layout/sprite.png) no-repeat -248px 14px;} /* Content */ #content {width:68%; float:right; padding:1.5em 1.5em 1.5em 0;} #content.fullwidth, #main.fullwidth .inner #content.fullwidth {width:94%; padding:1.5em; float:left;} #content h6 {color:#003e7e;} #content ul, #content ol {margin:0 0 1em 1.5em;} #content h4, #content p, #content li {margin-bottom:.8em;} #content hr {border:0 none; border-top:1px solid #CCCCCC; margin:1.2em 0;} #home #content ul {margin:0;} #content #breadcrumbs {overflow:hidden; border-bottom:1px solid #bdbdbd; margin:0 0 2em;} #breadcrumbs ul {margin:0;} #breadcrumbs li {list-style:none; float:left; padding:0 0 10px; font-size:85%; line-height:1; text-transform:uppercase; margin:0;} #breadcrumbs li a {padding:0 10px 0 0; margin-right:10px; border-right:1px solid #777; display:block;} #content .article {padding-bottom:.4em;} #content .section, #content .aside {padding:1.2em 0; overflow:hidden; display:block; border-top:1px solid #ccc;} #content .aside .article, #content .section #staff-list li {float:left; width:47%; margin-bottom:1em;} #content .aside .article.odd, #content .section #staff-list li.odd {clear:left; margin-right:2em;} #content .aside .article.last {width:98%; border-top:1px solid #ccc; padding:1.55em 0;} #content .section #staff-list {margin:0;} #content .section #staff-list li {list-style:none;} #content .section.no-border {padding:0;} #content .newslist {float:left; width:47%;} #content .newslist h3 {margin-bottom:1em;} #content .newslist .published, #content #news-list .published {margin-bottom:0;} #content .newslist .pagination {overflow:hidden; margin:.8em 0 0; border-top:1px solid #ccc; padding:.4em 0;} #content .newslist .pagination li {list-style:none; float:left; margin:0;} #content .newslist .pagination li a {padding:.2em .4em; display:block;} #content .newslist .pagination .here {font-weight:bold;} .fontface #content .newslist .pagination .here {font-family:'LiberationSansBold',arial; font-weight:normal;} .fontface #content .newslist .morenews {border-top:1px solid #ccc; padding:.8em 0 0;} #content #wbc-news-list {padding-right:2em;} #content h6 {overflow:hidden;} #content h6 span {float:left;} #content .flickr-icon {background:url(/images/layout/sprite.png) no-repeat -160px -63px; width:16px; height:16px; display:inline-block; margin:0 0 0 .2em;} #content .slider {clear:both; margin-top:1em;} #content .scrollable {position:relative; overflow:hidden; width:91%; height:78px; float:left;} #content .scrollable .items {width:20000em; position:absolute; margin:0;} #content .items li {float:left; list-style:none; margin-right:.3em; padding:.3em; border:1px solid #CCCCCC;} #content .items li a {height:67px; overflow:hidden; display:block;} #content .items li img {float:left;} #content .slider .prev, #content .slider .next {background:url(/images/layout/sprite.png) no-repeat 0 -110px; width:15px; height:30px; display:inline-block; float:left; margin:1.55em 0; cursor:pointer;} #content .slider .prev {margin-right:.3em;} #content .slider .next {background-position:-30px -110px; float:right; margin-left:.3em;} #content .speciallist {margin:.4em 0; float:left; width:100%;} #content .speciallist li {float:left; width:46%; margin-right:1em; list-style:none;} #content .yearlist {width:100%; overflow:hidden; margin:0;} #content .yearlist li {float:left; list-style:none; padding:.2em 0;} #content .yearlist li a {padding:0 .4em; border-left:1px solid #CCCCCC;} #content .yearlist li.first a, #content .yearlist li:first-child a {padding:0 .4em 0 0; border:0 none;} #content .yearlist li.current a {font-weight:bold;} .fontface #content .yearlist li.current a {font-family:'LiberationSansBold',arial; font-weight:normal;} #content #nav_categories, #content #nav_categories ul, #content .plainlist {margin:0;} #content #nav_categories li, #content .plainlist li {list-style:none;} #content .formlist input[type=radio] {margin-left:.4em;} #content .joblist li {border-top:1px solid #ccc; padding:1.2em 0; margin:0;} #content .joblist li.first {border:0 none; padding-top:0;} #content .calendarlist li {border-top:1px solid #ccc; padding:1.2em 0; margin:0;} #content .calendarlist li.first {border:0 none; padding-top:0;} #content .calendarlist .date {margin:0;} #content .calendarlist p {margin:0;} #craftsmanship-awards .no-margin {margin-bottom:0;} #main .ads {padding-top:1.5em; clear:both; overflow:hidden;} #sidebar .ads {margin:0 4px 1em;} #main .ads li {list-style:none; float:left; position:relative;} #sidebar .ads li {margin-bottom:1.5em;} #main .ads li a {display:block; overflow:hidden;} #main .ads li img {float:left;} #main .ads li.box-left {margin-right:1.4em;} #main .ads .last.box-left {margin-right:0;} #main .ads li .text {position:absolute; bottom:1.2em; z-index:2; width:85.5%; padding:5%; background:url(../images/layout/black_transparent-60.png) repeat 0 0;} #main .ads li .text h3, #content .ads li .text p {margin-bottom:0.1em; line-height:1.2;} #main .ads li .text h3 {color:#fff; text-transform:uppercase;} #main .ads li .text p {text-transform:uppercase; font-weight:bold; color:#fff;} #main .ads li .text a {color:#fff;} #main .ads li .text .callout {color:#a52f01;} #main .ads li .text .callout a {color:#a52f01;} #publishForm fieldset {display:block; margin:0 0 .8em;} #publishForm label {font-weight:bold; margin:0 .3em .3em 0; display:inline-block;} .fontface #publishForm label {font-family:'LiberationSansBold',arial; font-weight:normal;} .eventformsheader {background:#003E7E; padding:5px; color:#fff; text-align:center;} /* Sidebar */ #sidebar {width:24.2%; float:right; margin-right:2.3em;} /*#home #sidebar {width:26%; float:right; padding:1.6em 1.6% 2em 0; line-height:1.2;} #main .twocolumn #sidebar {float:right; padding:1.6em 1.6% 2em 0;} */ #sidebar .aside {border:5px solid #fff; display:block; padding:1.4em; background:url(/images/layout/blue-trans-75.png) repeat 0 0; color:#fff; margin-bottom:1.55em; overflow:hidden;} .green #sidebar .aside {background:url(/images/layout/green-trans-75.png) repeat 0 0;} #sidebar .aside h3 {text-transform:uppercase;} #sidebar .aside li {list-style:none; clear:both; margin-bottom:1em;} #sidebar .aside a {color:#fff;} #sidebar .aside img {float:left;} /* Directory Search */ #sidebar #directory_search li {margin-bottom:.3em;} #directory_search label {display:none;} #directory_search button {background:none; border:1px solid #fff; padding:.1em .3em; text-transform:uppercase; float:right; font-size:93%; color:#fff;} #directory_search button:hover {font-weight:bold;} #directory_search input, #directory_search select {font-size:93%; color:#000;} #directory_search input {width:92%; padding:.05em .4em;} #directory_search select {width:100%; border:0 none; padding-left:.4em; margin-bottom:.2em;} .ie7 #directory_search select, .ie8 #directory_search select {padding-left:0;} #directory_search a {color:#fff; font-size:93%; padding-left:.8em; text-indent:-.8em; display:block; font-weight: bold;} .fontface #directory_search a {font-family:'LiberationSansBold',arial; font-weight:normal;} #sidebar #related_articles li {margin-bottom:.4em; padding-bottom:.4em; border-bottom:1px solid #CCCCCC;} #sidebar #related_articles .last {border:0 none;} #sidebar .ad {padding:0; background:none; position:relative;} #sidebar .ad .text {padding:.3em 1.55em; position:absolute; bottom:0; width:83%; background:url(/images/layout/black-trans-75.png) repeat 0 0;} #sidebar .ad .text p {font-size:85%; text-align:center;} #sidebar #membership_link {background:url(/images/layout/membership.jpg) no-repeat 0 0; padding:0;} #sidebar #membership_link .text {padding:.5em 1.55em; margin:1.35em 0; background:url(/images/layout/black-trans-75.png) repeat 0 0;} #sidebar #membership_link .text h3 {color:#ffdb00; margin:0;} /* Footer */ #footer {display:block; color:#fff;} #footer .inner {margin:0 2.3em 0 1.55em; width:auto; background:url(/images/layout/black-trans-75.png) repeat 0 0; border:1px solid #707070; overflow:hidden;} #footer h6 {color:#fff; text-transform:uppercase;} #footer h6 a, #footer .tel a {color:#fff;} #footer a {color:#8ec2d7;} #footer img.align-left {border:3px solid #fff; margin:.1em .8em .1em 0;} #footer .section {border-bottom:1px solid #707070; display:block; overflow:hidden;} #footer .aside {width:30.5%; float:left; padding:1.55em; border-right:1px solid #707070; height:132px;} #footer .aside.first {width:95%; border:0 none; height:auto;} #footer .aside.first p {font-size:138.5%; text-align:center;} #footer .aside.last {border:0 none; width:25.7%;} #footer #member-search-form {float:left; width:70%;} #footer #directory_search ul {float:left;} #footer #directory_search li {margin-bottom:.3em;} #footer #directory_search button {background-color:#a52f01; border:0 none;} #footer #ads .ad {position:relative;} #footer #ads img {border:3px solid #fff;} #footer #ads .text {padding:.3em 1.55em; position:absolute; bottom:.55em; left:.2em; width:79%; background:url(/images/layout/black-trans-75.png) repeat 0 0;} #footer #ads .text p {font-size:85%; text-align:center;} #footer-utility {padding:1.55em 0 0 1.55em; float:left; width:70%;} #footer-utility li {margin:0 2.4em 1.55em 0; width:28%; display:inline-table; vertical-align:top;} .ie7 #footer-utility li {float:left; display:inline-block; min-height:140px;} .ie7 #footer-utility #nav-sub-education-resources {clear:both;} #footer-utility li li {margin:0; display:block; width:auto;} .ie7 #footer-utility li li {float:none; min-height:0;} #footer #footer-utility li a {color:#fff; text-transform:uppercase; font-weight: bold;} .fontface #footer #footer-utility li a {font-family:'LiberationSansBold',arial; font-weight:normal;} #footer #footer-utility li li a {color:#8ec2d7; text-transform:none; font-weight:normal;} .fontface #footer #footer-utility li li a {font-family:'LiberationSansRegular',arial;} #footer-utility a:hover {color:#fff;} #footer .vcard {padding:1.55em 1.55em .8em 0; float:right; font-style:normal; width:25.5%;} .vcard .tel, .vcard .fax {display:block;} #social-media {padding:1.55em 1.55em 1.55em 0; float:right; width:25.5%;} #social-media h6 {margin-bottom:10px;} #social-media li {float:left;} #social-media a { width:36px; height:36px; margin-right:8px; display:block;} #social-media a svg { fill: #fff; opacity: 0.75; transition: opacity 0.3s; width: 36px; height: 36px; } #social-media a:hover svg { opacity: 1; } #social-media .fr {background-position:-76px 0;} #social-media .tw {background-position:-129px 0;} #social-media .in {background-position:-180px 0;} #matrix {margin:0; padding:1.55em; color:#8ec2d7; clear:both;} #matrix a {color:#8ec2d7;} #matrix a:hover {color:#fff;} /* =Maxx Styles ------------------------------------ */ .alert, .required, .required_field, .requiredfield, .attention, .error, .mistake { color:#c03; font-weight:bold; } .fieldlabel, .label, .field_label {font-weight:bold;} .help, .helptext, .help_text {font-size:0.9em;} .headline1 {font-size:277%; text-transform:uppercase; margin-bottom: 0.3em;font-weight:normal; } .headline1, .headline2, .headline3 {line-height:1.1;} .headline2 {font-size:161.6%; margin-bottom: 0.3em; font-weight:normal; } .headline3 {font-size:138.5%; margin-bottom: 0.4em; font-weight:normal; } .headline4 {font-size:116%;} .headline5 {font-size:108%;} .headline6 {font-size:100%; text-transform:uppercase; } .maxx td {padding:5px 5px 5px 0;} /* feature */ /* preview #preview-something a #preview-staff a */ /* Zoom search */ #search-results #sub {display:none;} #search-results #content {width:auto; float:none; padding:1.5em;} #search-results .highlight { background: #FFFF40; } #search-results .searchheading { font-size: 130%; font-weight: bold; } #search-results .summary { font-size: 80%; font-style: italic; } #search-results .suggestion { font-size: 100%; } #search-results .results { font-size: 100%; } #search-results .category { color: #999999; } #search-results .sorting { text-align: right; } #search-results .result_title { font-size: 100%; } #search-results .description { font-size: 100%; color: #008000; } #search-results .context { font-size: 100%; } #search-results .infoline { font-size: 80%; font-style: normal; color: #808080;} #search-results .zoom_searchform { font-size: 100%; } #search-results .zoom_results_per_page { font-size: 80%; margin-left: 10px; } #search-results .zoom_match { font-size: 80%; margin-left: 10px;} #search-results .zoom_categories { font-size: 80%; } #search-results .zoom_categories ul { display: inline; margin: 0px; padding: 0px;} #search-results .zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; } #search-results input.zoom_button { } #search-results input.zoom_searchbox { } #search-results .result_image { float: left; display: block; } #search-results .result_image img { margin: 10px; width: 80px; border: 0px; } #search-results .result_block { margin-top: 15px; margin-bottom: 15px; clear: left; } #search-results .result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; } #search-results .result_pages { font-size: 100%; } #search-results .result_pagescount { font-size: 100%; } #search-results .searchtime { font-size: 80%; } #search-results .recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; } #search-results .recommended_heading { float: right; font-weight: bold; } #search-results .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; } #search-results .recommend_title { font-size: 100%; } #search-results .recommend_description { font-size: 100%; color: #008000; } #search-results .recommend_infoline { font-size: 80%; font-style: normal; color: #808080;} /* Mobile */ @media screen and (max-width:480px) { /* Prevent iOS, WinMobile from adjusting font size */ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } .inner {width:98%;} #main {margin:.5em auto;} #main .inner, #main.fullwidth .inner {width:98%; margin:0 0 1.55em .3em; float:none;} #main .inner img {width:100%;} #banner {height:auto;} #logo a {position:static; display:block; width:95%; margin-left:.2em; background:url("/images/layout/WBC-logo-mobile.png") no-repeat 0 0;} #search {margin:0 .5em .5em; float:left;} #main-nav {text-align:left;} #main-nav ul {padding:0; margin:0; display:block;} #main-nav li {float:none; background:url(/images/layout/sprite.png) no-repeat 80% -195px;} #main-nav li.hover, #main-nav li.active {background:#fff url(/images/layout/sprite.png) no-repeat 80% -225px;} #main-nav a {width:80%;} #main-nav ul ul {left:inherit; right:0;} #main-nav ul li.hover ul {display:none;} #main-nav ul li.click ul {display:block;} #main-nav ul ul li {background:none;} #main-nav ul ul li a {width:auto;} #feature {padding:.5em;} #content, #main.fullwidth .inner #content {width:62%;} #sub {padding:.8em;} #content .aside .article.odd, #content .section #staff-list li.odd {margin-right:1em;} #content .newslist {width:42%;} #content h1 {font-size:200%;} #content h6 {clear:both;} table {max-width:98%;} td {max-width:40%;} td img, td input {max-width:85%;} #sidebar {float:none; margin-left:.3em; width:98%;} #footer .inner {margin:.5em;} #footer .aside {width:42%; padding:.9em;} #footer #submit_story, #footer #directory_search {height:auto;} #footer #directory_search {border:0;} #footer #ads {border-top: 1px solid #707070; width:94%;} #footer #ads .ad {float:left;} #footer img.align-left {width:30%;} #footer #member-search-form {width:auto;} #footer-utility {width:auto; float:none; padding:.9em;} #footer-utility li {width:38%; margin:0 2em 1.55em 0; display:inline-block;} #footer .vcard, #social-media {width:38%; padding:.9em;} #social-media {float:left; width:42%;} #social-media h6 {margin-bottom:4px;} #social-media li {margin-bottom:8px;} }