/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body { line-height: 1;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ************************************************* IAGLR Screen Styles for Main Site ************************************************* */ /*------------------------------------------- STRUCTURE -------------------------------------------*/ body { color: #000; text-align: center; font-size: 62.5%; line-height: 1.8em; background: #072e50; } #container { position: relative; margin: 0px auto 18px auto; width: 950px; text-align: left; color: #000; background: #fff; } #masthead { position: relative; width: 950px; height: 203px; margin: 0 auto; background: #072E50 url(/pics/mastback.jpg) no-repeat; color: inherit; } #masthead h1 { position: relative; left: 6px;top: 6px; } #content { float: left; background: inherit; color: #000; width: 950px; margin: 0px; padding: 20px 0; } #main { width: 672px; float: left; padding: 0px; font-size:1.4em; margin: 0 20px; } #sub { width: 220px; float: left; font-size: 1.2em; margin-top: 8px; } /*#footer { width: 950px; font-size: 1.2em; clear: both; border-top: 3px double #ccc; padding: 20px 0; }*/ #footer { margin: 0 auto 18px auto; width: 950px; text-align: left; color: #fff; font-size: 1.4em; } #footer ul {float: right; margin: 10px 0 20px; display: inline-block;} #footer a {color: #fff; text-decoration: none;} #footer p { padding: 0px; margin: 10px; float: left;} #social li { float: left; margin: 0 5px; list-style-type: none; } /*------------------------------------------- NAVIGATION -------------------------------------------*/ #topnav { list-style:none; text-align:right; font-family: Verdana, Arial, Sans-Serif; position: relative; background: #000; color: #fff; right: 0; width: 950px; padding: 5px 0; height: 2em; } #topnav li { list-style:none; display:block; float:right; margin:0; font-size: 1.2em; padding: 0 10px 0 10px; border-right: 1px solid #fff; } #topnav li a:link, #topnav li a:visited { color: #fff; background-color: transparent; text-decoration: none; } #topnav li a:hover, #topnav li a:active { color: #fbd99d; background-color: transparent; text-decoration: underline; } li#memlog { float: left; padding-left: 0; margin-left: -2px; } li#boardlog { float: left; border: 0 solid; color: #fff; } #topnav form { float:right; height:100%; padding:0px; line-height:0%; } #topnav form fieldset { padding: 0px; margin: 0px 10px ; border: 0 solid; /* Opera */ } #topnav #s { height:16px; width:150px; margin:0px; padding:0px; border:1px solid #fff9ea; vertical-align:middle; } #topnav #searchbutton { height:2em; width:auto; padding:0 1px; border:1px solid; font-size:9px; letter-spacing:1px; text-align:center; vertical-align:middle; color:white; background-color:#326598; } #mainnav { height:2.8em; line-height:2.8em; font-family: Verdana, Arial, Sans-Serif; position: relative; background: #facd7d; color: #000; width: 950px; } #mainnav ul { margin:0; padding:0; font-size: 1.6em;} #mainnav li { float:left; margin:0; padding:0; list-style-type:none; border-right: 1px solid #fff; white-space:nowrap; } #mainnav li a { display:block; padding:0 1.2em; font-size:0.8em; border-bottom: none; text-decoration: none; } #mainnav a:link, #mainnav a:visited { background: inherit; color: #000; } #mainnav .selected, #mainnav a:hover, #mainnav a:active { background-color:#fff; color: #072434; } #mainnav li#n-support, #mainnav li#n-join { float:right; margin:0; padding:0; list-style-type:none; border-left: 1px solid #fff; border-right: none; white-space:nowrap; width: 119px; text-align: center;} #mainnav li#n-join a, #mainnav li#n-support a { background: #e57a06; color: #fff; text-transform: uppercase; padding: 0px; margin: 0px;} #mainnav li#n-join a:hover, #mainnav li#n-support a:hover { background-color:#fff; color: #072434; } /*------------------------------------------- TYPOGRAPHY & LINKS -GENERAL -------------------------------------------*/ a:link, a:visited { color: #2255b0; text-decoration: underline; } a:hover, a:active { color: #a57cbc;} em {font-style: italic;} strong {font-weight: bold;} .species { font-style: italic;} /* Default fonts */ body { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; } pre { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } code { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } /* Headings ----------- */ h1, .head, h2, h3, h4 { line-height:1.2em; margin: 0; color:#333; background: transparent; } h1, .head { clear:both; font-size: 2.0em; padding: 0 0 .5em 0;} h2 { font-size: 1.5em; padding: 0 0 .5em 0; margin-top: 1.2em; } h3 { font-size: 1.2em; font-weight: bold; padding: 0 0 .25em 0; margin-top: 1em; } h4 { font-size: 1.0em; font-weight:bold; } h1+h2, h1+a+h3, h2+h3, h1+h3 { margin-top: 0px;} h1.wrap { clear: none;} /* Text elements ---------------- */ sup { vertical-align: super; font-size: 80%; color: #555;} p { font-size: 1em; margin: 0 0 18px 0; text-align:left; } ul { margin: 0 0 18px 18px; } ul { list-style-type: disc; } ol { list-style-type: decimal; margin: 0px 24px 18px;} dl { margin: 0 0 18px 0; } dl dt { font-weight: bold; margin-bottom: 6px;} dd { margin-bottom: 18px;} .confloc dd { margin-bottom: 0px;} #main ul li + li, ol li + li { padding-top: 4px; } ol ul, ol ol, ul ol, ul ul {margin-bottom: 0;} blockquote { font-size: 1.1em; line-height: 1.62em; color: #5B5B5B; margin: 0 45px 0 30px; font-family: Georgia, sans-serif; } p+blockquote { margin-top: -4px; } li li, li p, td p, blockquote p {font-size: 1em;} p#here {font-size: 1.2em; margin: 0em 0 .2em 0em; } p.kicker { color: #444; font-size: 1.4em; font-style: italic; font-family: times, Times New Roman, times-roman, georgia, serif; } /* #subnav li .new { color: red; font-weight: 700; font-size: .9em; position: absolute; top: 0px; right: 5px; } #subnav li { position: relative;} */ #subnav li .new { color: red; font-weight: 700; font-size: .8em;} .social {clear: both; margin: 0 auto 10px; text-align: center;float: left; width:220px; padding: 5px 0 0 0; } #sub .social h3 {font-size: 1.6em; font-weight: bold; margin-bottom: 10px; margin-top:-10px;} .social ul { float: left; margin-left: 75px; } .social li { float: left; margin: 0 5px; list-style-type: none; } .social li img {width: 32px; height: 32px; } /* PEOPLE*/ .peep {clear: both; } .peep { border-top: 1px solid #ececec; margin-top: 40px; padding-top: 10px; } .peep img { float: right; padding: 0 0 10px 20px; } h1 + .peep { border-top: none; padding-top: 0; margin-top: 5px;} #main .peep h3 {font-weight: 700; margin-top: 0;} #main .peep p {padding: 0; margin: 0; line-height: 1.2; font-size: 1.1em;} #main .peep p+p {padding: 0; margin: 0 0 5px 0; } /* Home page ------------*/ #audience { width: 220px; background: #facd7d; clear: both;} #audience h3 {margin-top:0px; padding: 10px; text-align: center; text-transform: uppercase; color: #444; background: transparent;} #audience ul { margin:0; padding: 0; border-top: 1px dotted #e57a06; } #audience li { list-style-type:none; } #audience li a { display:block; outline: none; font-size:1.2em; text-decoration: none; padding: 8px 10px; border-bottom: 1px dotted #e57a06; } #audience a { background: inherit; color: #444; } #audience a:hover { text-decoration: underline; } #glin { text-align: center; padding: 20px 0; width: 220px; } #glin p {text-align: center; padding: 10px 30px;} #home #content #main p { font-size:1.2em; line-height: 1.4em; color: #444;} #hot {border-top: 3px double #ccc; } #news { border-right: 1px solid #ccc; width: 450px; padding-right: 15px; padding-bottom: 100px;float: left; } #news h2 { text-transform: uppercase; margin: 0; padding: 20px 0 10px 0; font-size: 1.4em; font-weight: bold; } #news h4 { font-family: times, Times New Roman, times-roman, georgia, serif; color: #444; background: inherit; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; font-weight: normal } /*news p + h4 { border-top: 1px solid #ccc; padding: 1em 0 0;} */ #home #content #main #news p { font-size: 1em; } #news .date { color: #555; padding: 6px 0px 0px; margin: 0px; font: normal .9em Verdana, Arial, Helvetica, sans-serif; } #news .ndate { margin: 0 0 .1em; color: #555; font-size: .9em; background-color:transparent; text-transform: uppercase;} #hotsub img {margin-bottom:.8em;} #hotsub { width: 190px; float: right; text-align: center; padding-top: 10px; } #hotsub .currentjglr img { border: 1px solid #adb9c7; margin: 0; } #hotsub h4 { font-size: 1.2em; background: inherit; text-align: center; } #hotsub h4 + a img {margin-top: 20px;} #main #hotsub .currentjglr p { text-align: center; padding-top: .5em;} #main #hotsub .currentjglr p a { font-size: .9em; } #main #hotsub .votefront {border-bottom: 1px solid #ccc; margin-bottom: 20px;} #main #hotsub .votefront h3{margin-top: .5em;} #main #hotsub .votefront p { text-align: center; padding: 0;} #main #news .votefront {margin-top: 20px; width: 100%; clear: right; border-bottom: 1px solid #ccc; float: left;} #main #news img {float: left; padding-right: 10px;} #main #news .votefront h3{margin-top:0; padding-top:0;} #main #news .votefront .votetxt { float: left; padding: 0; width: 350px;} #main #news h2 {clear: left; } .oncover+p { border-top: 1px solid #ccc; } .confad { margin-bottom: 10px; border-bottom: 1px solid #ccc; font-size: .9em; line-height: 1.2em; } #main #hotsub .confad p { text-align: center; padding-top: .5em;} #hotsub .confad ul { padding-left: 0; margin-left: 0; padding-top: .5em;} #hotsub .confad li { list-style: none; font-size: 1.em; } #scholpromo {text-align: center; } #scholpromo img {border: 4px solid #bdd7af; margin: 0 auto; width: 150px;} /*COMMITTEES */ dl.contact {margin-bottom: 2em; } dl.contact dt {font-family: Georgia, Serif; margin: 0; padding: 0;font-size: 1.1em; } dl.contact dd { padding: 0; margin: 0;} dl.contact dd.position { font-family: Georgia, Serif; font-style: italic; color: #0079C2;} dl.contact dd+dt { margin-top: 1em;} /* Hot Topics ------------*/ .callist dd { padding-bottom: 1em; } .req { Color: #336699; } #daily {text-align: center; margin-top: 4em;} /* Journal ----------*/ .currentjglrbox { float: right; margin:20px 0px 20px 20px; text-align: center; border: 1px solid #ececec; padding: 5px 10px; width: 180px; } .currentjglrbox img { border: 1px solid #adb9c7; margin-bottom: 10px; } .currentjglrbox h4 { font-family: times, Times New Roman, times-roman, georgia, serif; color: #444; background: inherit; text-align: center; margin-bottom: .4em;} #main .currentjglrbox p { text-align: center; } #main .currentjglrbox p a { font-size: 1em; } p.immediate {display: block; clear: left;} #immediate { font-size: .9em; font-weight: 700; margin-bottom: 1em; } #immediate p { margin: 0px; } .reldate { font-weight: normal; font-size: .8em; font-style: italic;} #subnav .current {text-align: center; } #subnav .current img {margin: 0; padding: 0; border: 1px solid #ececec;} #subnav .current a+a{ padding-top: 0; } .sideissue a {text-decoration: none;} .sideissue img {border: 1px solid #ccc; margin: 1rem 0;} .sideissue h4 {font-size: .9rem;} .prphoto p {color: #333333; } /* Giving ----------*/ #main .testimonialbox {border: 1px solid #ececec; } #main .testimonialbox h2{ margin-top: 20px; text-align: center;} #main .testimonialbox img{ float: right; margin: 10px 20px 10px 10px;} #main .testimonialbox blockquote {margin: 0 20px; } #main .testimonialbox .testname { margin: 20px;} #givenow { margin:0 10% 10px 10%; width: 80%; font-size: 1.4em;border: 1px solid #ececec; width: 25-px; text-align: center;} #givenow a:link, #givenow a:visited { display: block; padding:10px; background: #e57a06; color: #fff; text-decoration: none; } #givenow a:hover, #givenow a:active { text-decoration: underline; } /*------------------------------------------- SUB -------------------------------------------*/ #subnav { width: 220px; margin-bottom: 18px;} #subnav h3 {margin-top:0px; padding: 10px; text-align: center; text-transform: uppercase; border-top: 3px double #ccc;} #subnav h3 a {text-decoration: none; } #subnav ul { margin:0; padding: 0; border-bottom: 3px double #ccc; border-top: 1px dotted #ececec; } #subnav li { list-style-type:none; border-bottom: 1px dotted #ececec;} #subnav li a { display:block; outline: none; font-size:1.2em; text-decoration: none; padding: 8px 10px; } #subnav a { background: inherit; color: #000; } #subnav a:hover { text-decoration: underline; } #sub blockquote { background: #fff; padding: 15px; color: #555; margin: 5px 0px; font-size: 1.4em; border-bottom: 3px double #ccc;} #sub .testimonialbox {text-align: center; } #sub .testimonialbox img { margin-bottom: 15px; margin: 10px auto; } #sub .testimonialbox blockquote { text-align: left; font-size: 1.1em; line-height: 1.62em; border-bottom: none; margin: 0px; padding: 0px;} #sub .testimonialbox p.testname { text-align: left; background: #transaprent; color: #555; padding-top: 20px;} /* sidebox (on join page) -------------------- */ div#sidebox { width: 220px; margin: 20px 0 ; border: 1px #ccc solid; padding: 0; color: #444; } div#sidebox h3 { padding: 4px 2px; background-color: #ececec; margin: 0; text-align:center; border-bottom: 1px #ccc solid; font-size: 1em; } div#sidebox h4 { padding: 5px; background-color: #fff; margin: 0; font-weight: 700; font-size: 1em; text-align: center;} h4#new { border-top: 1px #73664C solid; } div#sidebox p { font-size: 1em; padding: 0 5px; } /* journal pages -------------------- */ .jglrnav { text-align: center; padding: 15px 0px; clear: both; } .topmenu { float: left; border-bottom: 1px solid #ccc; padding-bottom: 20px;} .botmenu { float: left; border-top: 1px solid #ccc; padding-top: 20px;} #sub .feed { padding: 20px 0; width: 220px; } .artcite { border-top: 1px solid #ccc; padding-top: 12px;} .atleft { float: left; width: 350px; } .atright { float: right; width: 300px; text-align: right;} .atright p { float: right; clear: right;} h1#searchhead {width: 550px; float: left;} .again { float: right; width: 100px; text-align: right; background: #326598;} .again a:link, .again a:visited { display: block; padding: 5px; text-decoration: none; color: #fff; } .again a:hover, .again a:active { text-decoration: none; background: #FACD7D; color: #000; } .clear {clear: both;} #photoimg p.jglr {text-align: right; margin-right:40px; font-weight: bold;} .currentissue {clear: both; } .currentissue a {text-decoration: none; line-height: 1.2;font-weight: bold;} .currentissue .bd {float: left; margin-left: 0 20px 0 0; } .currentissue img { border: 1px solid #EFEFEF; float: left; margin: 20px; } /* scipolicy pages -------------------- */ .highlightbox { width: 200px; float: right; border: 1px solid #ececec; padding: 10px; } .highlightbox h2 { margin-top: 0px; text-align: center; } /* ------------------------ ACCORDIAN ---------------------------------------*/ #accordion { margin: 0 0 0 1em; } #main #accordion h3.toggler { cursor: pointer; margin: 0px 0 4px 0; padding: 1em 5px 0px; font-size: 1em; } #main #accordion h3.toggler a { text-decoration: underline; } #main #accordion h3.toggler span.reldate { font-size: .9em; color: #666; } #main #accordion ul { padding: 0 0 0 1em;} /*------------------------------------------- FOOTER -------------------------------------------*/ /* #footer p { text-align: center; padding: 0px; margin: 0px; } #social { float: right; margin: -30px 10px auto auto;} #social li { float: left; margin: 0 5px; list-style-type: none; } #social li img {width: 32px; height: 32px; } */ /*------------------------------------------- TABLES --------------------------------------------*/ table.iaglr { text-align: center; font-size: 1em; color: #444; width: 660px; background-color: #ececec; border: 1px #E1EBF5 solid; border-collapse: collapse; border-spacing: 0px; margin: 5px 0; clear: both;} table.iaglr th { background:#ececec; border: 1px #E1EBF5 solid; text-align: left; padding:5px; } table.iaglr td { border: 1px #E1EBF5 solid; text-align: left; background-color: #fff; padding:8px; vertical-align: top; font-weight: 500; } table.iaglr td.tabhead { background-color: #E1EBF5; text-align: left; font-weight: bold; color: #404040; vertical-align: top; } table.iaglr td.subhead { font-weight: bold; color: #000; background-color: #ececec; } table.iaglr td.artcell { padding: 5px 10px 15px; } table.footnotes { font-size: 85%; color: #404040; border: 0; border-spacing: 0; } table.footnotes td { border: 0; text-align: left; padding:5px; } .centerwrap { text-align: center; margin: 10px; } .centerwrap input { margin-top:10px; } div.appcite { padding-bottom: 15px; } #submit { margin: 20px 0 35px; } table.iaglr_nest td { border: none; } /* For 5-year Plan -------------------- */ table.obj ol li, table.obj ul li { padding-bottom: 1em; } table.obj ol { padding-bottom: 1em; padding-left: 1.5em; } table.obj { font-size: .9em; color: #404040; width: 100%; background-color: #fafafa; border: 1px #73664C solid; border-collapse: collapse; border-spacing: 0px; margin: 5px 0;} table.obj th { background:#D9D2B2; border-left: 1px solid #73664C; border-bottom:solid 1px #73664C; text-align: left; padding:5px; } table.obj td { border-bottom: 1px solid #73664C; border-top: 0px; border-left: 1px solid #73664C; border-right: 0px; text-align: left; background-color: #fafafa; padding:5px; vertical-align: top; } p.note { font-style: italic; font-size: 90%; } /* Nominate Member Form */ #nom_form { text-align: center; } #nom_form form {width: 540px; margin:0 auto; text-align: center; } table.nomtab { font-size: 1em; margin: 5px auto; text-align: left; } table.nomtab td { padding:15px; vertical-align: top; } #recaptcha_widget_div { margin: 0px auto; text-align: center; width: 300px;} #captcha p { margin-top: 25px; text-align: center; } input.submit { margin: 15px auto; display: block; } .required { color: #9b0f1e; background-color: transparent; font-weight: 700; font-size: .75em; } div.errorbox { width: 560px; border: 1px solid #9b0f1e; color:#9b0f1e; background-color: transparent; margin: 0 0 15px 0; padding: 15px 0; } div.errorbox p { margin: 0 15px; } div.errorbox ul { line-height:1.5; margin: 0 15px 0 40px; text-align: left; } /* LAKESYTLES.CSS */ #mainwide { width: 320px; float: left; padding: 0; font-size:1.4em; margin: 0 20px; } #subwide { width: 530px; float: right; padding: 0; font-size:1.4em; margin: 0 20px 0 0; } #lakedetail #main { width: 900px; } #crumb { list-style: none; margin: -15px 0 0; padding-bottom: 30px; } #crumb li {list-style: none; float: left; padding: 0; font-weight: bold; font-size: 1em;} #crumb li a:link, #crumb li a:visited { color: #bcb8b8; text-decoration: none; } #crumb li a:hover { color: #e57a06; } #crumb li a { background: url("/pics/crumbsep.gif") no-repeat scroll right center transparent; margin: 0 8px 0 0; padding: 0 14px 0 0; } #crumb li#here {text-transform: capitalize; } /* HOT TOPICS */ p.button { text-align: center; width: 100px; } #sub p.button a { color: #fbfbfb; font-size: 1.2em; text-decoration: none; } .screen-reader { display: block !important; left: -9999px !important; position: absolute !important; } /* NEWS & CALENDAR */ .hotblock { border-bottom: 1px dotted #ECECEC; width: 95%; margin: 20px 0; padding-bottom: 20px;} .hotblock h3 {font-family: Georgia, serif; padding: 0; line-height: 1em; margin: 0; font-weight: 700;} .hotblock h3 a {text-decoration: none; font-size: 1.2em; font-family: Georgia, serif; padding: 0; line-height: 1em; margin: 0; font-weight: 500;} #container #content #main .date { margin: .5em 0 .1em; font-size: 1.3em; background-color:transparent; text-transform: uppercase;} #container #content #main .loc { margin: 0 0 .5em; color: #666; background-color:transparent; font-size: 1em; } .more { padding-bottom: 0; } .hotblock .visit {text-decoration: none; float: right; margin: 0 0 0 20px; background: #ececec; border: medium none; border-radius: 20px 20px 20px 20px; display: block; font-size: 0.8em; font-weight: bold; letter-spacing: 1px; padding: 2px 12px;} #dates .eh_clear_date {visibility: hidden; } /* LAKE SECTION */ #lake-map { width: 500px; height: 500px; float: right; } #mainlake #lake-map { width: 600px; height: 500px; } #details {width:672px;} #latlong {margin-top: 20px; } #lakedetail h2 { clear: both; font-size: 1.2em; padding: 20px 0 0; } table#details th {width: 50%;} #alphafilter { text-align: center; width: 100%; padding: 4px 0; margin: 5px 0; border-top: 1px solid #91B8E3; border-bottom: 1px solid #91B8E3;} #alphafilter a { display:inline-block; padding:2px 6px; background:#4C619A; color:white; text-decoration:none;} #alphafilter a:hover {background:#91B8E3;} ul#byalpha{list-style: none; margin: 20px 0; padding-left: 0; } ul#byalpha li{list-style: none; margin: 0; padding: 3px 0; border-top:1px solid #ccc; float:left;width:25%; text-transform:uppercase; } ul#byalpha li span {display:block; font-size: .8em; color: #666; text-transform:none; margin-top:-3px; } ul#byalpha li a:link, ul#byalpha li a:visited { text-decoration: none; } ul#byalpha li a:hover, ul#byalpha li a:active { text-decoration: underline; } .button {display: block; background-color: #0078C0; color: #fbfbfb; font-weight: bold; border: none; -webkit-border-radius: 23px; -moz-border-radius: 23px; -khtml-border-radius: 10px;-o-border-radius: 23px; border-radius: 23px; font-size: .8em; letter-spacing: 1px; text-transform: uppercase; margin: 20px auto; padding: 6px 15px; } .button:hover {background: #0094D9; cursor: pointer; } table.llotw {margin-bottom: 2em;} table.llotw caption { font-size: 1.5em; line-height: 1.2em; padding: 0 0 0.5em;} table.llotw thead th {text-align: center; font-weight: bold;} table.llotw th, table.llotw td {width: 16.5%; background-color: #fff; } table.llotw tbody tr:first-child th, table.llotw tbody tr:first-child td {background-color: #ececec;} .search2 {float: right; margin-bottom: -20px;} #details .add {display: block; background-color: #0078C0; color: #fbfbfb; font-weight: bold; width: 20px; border: none; -webkit-border-radius: 23px; -moz-border-radius: 23px; -khtml-border-radius: 10px;-o-border-radius: 23px; border-radius: 23px; font-size: .8em; letter-spacing: 1px; text-transform: uppercase; margin: 0px auto; padding: 3px 15px; text-decoration: none; } #details a.add:hover {background: #0094D9; cursor: pointer; } .edit {float: right; } #searchform { width:580px; background: #fcfcfc; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 20px; margin: 0 auto; } #publishForm fieldset, #searchform fieldset { border: none; margin-bottom: 10px;} #publishForm fieldset:last-of-type, #searchform fieldset:last-of-type {margin-bottom: 0;} #searchform ol { list-style: none; padding: 10px; margin-bottom: 4px;} #searchform li { margin-bottom: 4px;} #searchform legend {font-size: 1.2em; text-transform:uppercase; font-weight: 700;} #searchform label { float: left; font-size: 1.2em; width: 120px; line-height: 1; } #searchform .full label { float: none; } .wygwam {padding: 1em 0;} #searchform input, #searchform select { background: #ffffff; border: 1px solid #b6c0c2; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; outline: none; padding: 5px; width: 360px;} #searchform select {width: 372px;} input#captcha+img {margin-top: 20px; } #searchform input:not([type=submit]):focus, #searchform select:focus { border: 1px solid #ffb833;} #searchform textarea { background: #ffffff; border: 1px solid #b6c0c2; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; outline: none; width: 360px; padding: 5px; } #publishForm button, #searchform button {display: block; background-color: #0078C0; color: #fbfbfb; font-weight: bold; border: none; -webkit-border-radius: 23px; -moz-border-radius: 23px; -khtml-border-radius: 10px;-o-border-radius: 23px; border-radius: 23px; font-size: .6em; letter-spacing: 1px; text-transform: uppercase; margin: auto 45%; padding: 4px 15px; } #searchform button:hover {background: #0094D9; cursor: pointer; } #searchform li .instruct {display: block; padding-left: 120px;} #searchform .fieldnote { color: #777C7C;} #searchform #deadline li+li {width: 43%; float: left; padding-left: 20px;} #searchform #deadline li+li label {width: 100%; clear: right; padding-bottom: 10px; } #searchform #deadline li input {width: 140px;} #searchform #deadline .pt-switch {display: block; float:left; margin-left: 50px; width: 200px;} #searchform #deadline .pt-switch li {float:left; padding: 0;} #searchform #deadline .pt-switch li.toggle {width: 25%; margin:0 5px;} #searchform .error {display: block; color:#b81137; margin: 10px 0 10px 120px; line-height: 1; background:#f8e7eb; border: 1px solid #e0cfd3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; outline: none; padding: 10px 5px; width: 360px;} #searchform #photo-date {width: 50%;} div.matrix table.matrix th.matrix-last, div.matrix table.matrix td.matrix-last, #lake_surface_area .matrix-add, #lake_elevation .matrix-add, #lake_watershed .matrix-add, #lake_volume .matrix-add, #lake_mean_depth .matrix-add, #lake_max_depth .matrix-add, #lake_surface_area table.matrix th.matrix-first, #lake_elevation table.matrix th.matrix-first, #lake_volume table.matrix th.matrix-first, #lake_mean_depth table.matrix th.matrix-first, #lake_max_depth table.matrix th.matrix-first, #lake_surface_area table.matrix td.matrix-first, #lake_elevation table.matrix td.matrix-first, #lake_volume table.matrix td.matrix-first, #lake_mean_depth table.matrix td.matrix-first, #lake_max_depth table.matrix td.matrix-first {display: none; visibility: hidden;} #publishForm input { border: none !important; margin: 0 !important; padding: 0 !important; width: 100%; min-width: 60px; font-family: 'Lucida Grande', sans-serif; font-size: 11px; resize: none; outline: none;} /* Photo page */ .gallery-item { width: 200px; float: left; margin: 10px 10px 0 10px; padding-top: 20px; min-height: 300px;} .gallery-item img { float: left; padding: 10px; border: 1px solid #efefef; margin: 0 20px 10px 0 ;} .gallery-item p img { float: left; } #content .gallery-item h3 {font-size: 1em;} .gallery-item h3 span {font-size: 1em; display: block; padding-top: .5em; color: #363636;} .gallery-item span {display: inline-block; width: 170px;} .gallery-item .lake {text-transform: uppercase; color: #F99E2F; } .media { width: 450px; margin-left: 20px; float: left; padding-top: 10px; margin-bottom: 10px; } .one {clear: left; } .media + .media + .media { border-top: 1px solid #efefef; } #content .media h4 {padding: 0; font-size: 1.2em;} .media h4 a {text-decoration: none; line-height: 1.2;font-weight: bold; } .media .bd {float: left; width: 240px;} .media img { border: 1px solid #EFEFEF; float: right; margin: 0 0 20px 20px; padding: 10px; width: 160px; } .wide .media {width: 640px; } .wide .media .bd {width: 360px;} .wide .media img { width: 220px; } #content .media p.credit {padding: 0; margin: 0;} #content .media p.lake {padding: .4em 0 0;text-transform: uppercase; color: #F99E2F; font-size: .9em; margin: 0;} #content .media p.loc { margin: 0 0 .4em; font-size: .9em; border-bottom: 1px solid #F99E2F; padding: 0 0 .4em 0;} #content .media p.desc {font-size: 1em; line-height: 1.2em; padding: .4em 0; margin-bottom: 20px;} /* SINGLE PAGE */ #photometa{border-bottom: 1px solid #F99E2F; padding: .5em 0; margin-bottom: .5em;} #photometa p {font-size: 1.2em; margin: 0 0 .4em; padding: 0;} #photometa .lake {text-transform: uppercase; color: #F99E2F; } #content .desc {font-size: 1.2em; line-height: 1.2em; padding: .4em 0;} .photo-skin {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); margin: 20px auto 20px 10px;} .fb-like {float: right; margin-right: 20px;} .media, .gallery-item, #photoimg {position: relative; } #photoimg a span { background: url("/pics/zoom16.png") no-repeat scroll 0 0 transparent; bottom: 16px; display: none; height: 0; overflow: hidden; padding-top: 16px; position: absolute; right: 12px; width: 16px; } .media a span { background: url("/pics/zoom16.png") no-repeat scroll 0 0 transparent; bottom: 16px; display: none; height: 0; overflow: hidden; padding-top: 16px; position: absolute; right: -4px; width: 16px; } .gallery-item a span { background: url("/pics/zoom16.png") no-repeat scroll 0 0 transparent; top: 210px; display: none; height: 0; overflow: hidden; padding-top: 16px; position: absolute; right: -8px; width: 16px; } .gallery-item a:hover span, .media a:hover span, #photoimg a:hover span { display: block; } .prize-grid {width: 670px; float: right;} .prize { float: left; margin: 5px; width: 210px; border: 1px solid #E4F1FB; padding: 0; min-height: 350px; background:#F2F7FB; } .prize h3 {background:#005DAC; border: 1px solid #005DAC; margin: 0 0 0 -1px; width: 200px; padding: 5px;text-align: center; color: #fff;} .prize ul {margin: 0 10px; list-style: none;} .prize li { margin-bottom: 10px; } .prize li strong {display: inline-block; line-height: 1em; font-size: 1.4em; color: #666; margin-bottom: .5em; } .prize li img {margin: 5px auto; clear: right; display: block;} .prize li + li {text-align: left; } #sub .deadline {font-weight: 700; font-size: 1.6em; color:#b81137; text-decoration: underline;} .fancybox-title iframe { min-height: 30px; vertical-align: middle; } .speakergroup {font-style: italic; text-align:center;} .speakergroup a { text-decoration: none; text-transform: uppercase; font-size: 1.1em; font-style: normal; } .speakergroup a em {text-transform: none;} .profilemeta h1 {margin: 0; padding: 0;} .profilemeta h5 { line-height: 1; margin: 0 0 1.27rem 0; font-weight: 700; font-size: 1.2rem; } .voteinstruct {font-size: 1.2em;} hr.line { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .cover + p { clear: both;} .cover img {width: 200px; margin-bottom: 20px; float: left; padding-right: 20px;} .projlinks {width: 580px } .projlinks ul li {list-style:none; padding-bottom: .5em;} #project .media { width: 650px; margin-left: 20px; float: left; padding-top: 10px; margin-bottom: 10px; } .one {clear: left; } .media + .media + .media { border-top: 1px solid #efefef; } #project .media h4 {padding: 0; font-size: 1.2em;} #project .media h4 a {text-decoration: none; line-height: 1.2;font-weight: bold; } #project .media img {float: left; margin-right: 20px;} #project .media .bd {width: 400px;} #project .media img {float: left; margin-right: 20px;} #project .media .bd {width: 400px;} .callbox { background-color: #0095da; color: #fff; padding: .75rem 1rem .5rem; text-align: center; border-radius: 15px; margin-bottom: 2rem; } .callbox h4 {color: #ffffff; font-size: 1rem;} .callbox p a.button { text-align: center; color: #ffffff; font-size: 1rem; background-color: #e57a06; border-radius: 15px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; padding: .75rem 1rem; margin-top: .75rem; text-decoration: none; } .callbox p a.button:hover {background: #c36805;}