/* old code from nrdc_global.css, needed for oceans wrappers added by CDS, 09-18-08 common.css ---------- defines rules for common elements used throughout site */ BODY { margin: 0; padding: 0 0 20px 0; background: #ffffff; font-size: 69%; color: #6b6767; } H1, H2, H3, H4, H5, H6 { font-size: 100%; line-height: 1; } A { text-decoration: none; } A:hover { text-decoration: underline; } FIELDSET { margin: 0; border: none; padding: 0; } LEGEND { margin: 0 0 .5em 0; padding: 0; position: absolute; top: -9999px; left: -9999px; } * HTML LEGEND { color: #555; margin: 0 0 0 -6px; padding: 0; } /* WORKAROUND: IE6/win bug */ *:first-child+HTML LEGEND { color: #555; margin: 0 0 0 -6px; padding: 0; } /* WORKAROUND: IE7/win bug */ LEGEND { display: none; } /* NOTE: hiding legends by default as FF has problem WRT absolute positioning the element offscreen */ SELECT, BUTTON { font-size: 100%; } /* resetting font-size here to prevent select boxes from being too small */ INPUT.FileInput { font-size: 100%; } /* resetting font-size here to prevent select boxes from being too small */ HR { display: none; } .clear {clear: both; background: #fff;} /* layout.css ---------- defines rules for the template structure and important site elements */ /* Items commented below are not used by Oceans pages, CDS */ #AccessibilityLinks { position: absolute; top: -9999px; } #BrowserWarning { display: none; } #pageHeader { margin: 0px auto; border-top: 4px solid #30c7ff; width: 950px; height: 21px; background: #031b3b; padding: 0px; } #pageNav { margin-left: 10px; padding-top: 3px; background: #031b3b; padding-left: 0px;} #pageNav li { float: left; display: inline; margin: 0px 32px;} .issues_nav {padding-left: 125px;} .shLogo {float: left;} #subHeader { width: 950px; margin: 0px auto; padding: 0px; height: 158px; background: #031b3b; } #groupFlash {width: 385px; float: left; height: 156px;} /* top banner flash and nav files */ #sectionNav { width: 950px; margin: 0px auto; padding: 0px; background: #fff url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12359.jpg) top left no-repeat; height: 75px;} #cleanHeader {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12351.jpg) top left no-repeat; width: 950px; height: 28px; margin: 0px auto;} #sectionNav H1 { margin-left: 50px; margin-right: 7px; padding-top: 36px; width: 204px; font-size: 22px; text-transform: uppercase; text-align: center; color: #001b36; letter-spacing: -1px;} #sectionNav UL { float: left; margin-top: -49px; margin-left: 223px;} #sectionNav LI { float: left; display: inline; } #cleanHeader {width: 950px; margin: 0px auto; padding: 0px; background: #031b3b url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12357.jpg) top left no-repeat; height: 77px;} /* css for main site, probably not needed, leaving in for now, 10-19-07 CDS .navCritterGame {background: #fff url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_nav.crittergame.jpg);} .navExplore {background: #fff url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_nav.explore.jpg);} .navPhotos {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_nav.photos.jpg);} .navRecipes {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_nav.seafoodrecipes.jpg);} .navState {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_nav.stateofourseas.jpg);} .navTips {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_nav.tipsresourcesjpg);} .navVideo {background: #fff url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_nav.video.jpg);} .navWater {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_nav.waterquality.jpg);} .active {background-position: 0px 0px;} .nonactive {background-position: 0px 110px;} .shadow {background-position: 0px 55px;} #sectionNav LI:hover {background-position: 0px 0px;} */ /* styles for top bar flash box */ #splashBox { width: 950px; margin: 0px auto; padding: 0px; height: 358px; } .bgBeachgoer {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_bg.beachgoer.jpg) top left no-repeat;} .bgCoastal {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_bg.coastal.jpg) top left no-repeat;} .bgDivers {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_bg.divers.jpg) top left no-repeat;} .bgFishermen {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_bg.fishermen.jpg) top left no-repeat;} .bgSeafoodLover {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_bg.seafood_lover.jpg) top left no-repeat;} .bgSurfer {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_bg.surfer.jpg) top left no-repeat;} .bgWhaleWatcher {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_bg.whale_watcher.jpg) top left no-repeat;} #flashBox { margin-left: 44px; background: #fff; width: 863px; height: 358px;} /* this one is not used, pages only call notMainBox style */ #mainBox { line-height: 20px; font-size: 1.1em; color: #001b36; font-family: arial;width: 950px; margin: 0px auto; background: #031b3b url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12350.jpg) top left repeat-y; } #mainBox LI {padding-right: 15px;} /* used on all oceans pages */ #notMainBox { line-height: 20px; font-size: 1.1em; color: #001b36; font-family: arial;width: 950px; margin: 0px auto; background: #031b3b url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12350.jpg) top left repeat-y; } #notMainBox LI {padding-right: 15px;} /* not used on all oceans pages */ #newsBox { line-height: 20px; font-size: 1.1em; color: #001b36; font-family: arial; width: 950px; margin: 0px auto; background: #031b3b url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12350.jpg) top left repeat-y;} #newsBox LI {list-style-image: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12358.jpg);} #newsBox LI A { color: #0063dc; text-decoration: underline;} /* #imageBox { padding-top: 8px; padding-left: 8px; padding-bottom: 3px; font-family: arial; width: 256px; height: 235px; background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/oceans_imgbox.bg.jpg) top left no-repeat;} #imageBox IMG {border: 0px;} #imageBox H5 {font-size: 11px; font-weight: normal; float: right; text-align: right; margin: 0px 10px!important; color: #707070; padding: 1px 15px 0px 0px!important;} #imageBox H7 {clear: right; font-weight: normal; font-size: 11px!important; color: #001b36; margin: 0px 2px!important; display: block;} #imageBox P {font-size: 11px; float: left; margin: -2px 5px!important; padding: 0px!important;} .imgboxLeft {float: left; padding: 0px;} .imgboxRight {float: left; padding: 0px;} .viewall {float: right; text-decoration: underline; font-size: 12px; color: #001b36; text-transform: none; margin-right: 50px; font-weight: bold;} .backtomaps {color: #001B36; font-weight: bold; text-decoration: underline;} .clear {clear: both;} */ /* used on oceans splash only */ #frontPageFlash { width: 950px; margin: 0px auto; padding: 0px; height: 551px; background: #031b3b; border-bottom: 1px solid #001a36; } #frontSplash {width: 420px; float: right;} #frontSplash IMG {margin-left: 4px; margin-top: 38px; margin-right: 14px; float: left; margin-bottom: 5px;} #frontSplash H2 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin-top: 38px; margin-right: 60px; margin-left: 188px; font-size: 18px; line-height: 20px;} #frontSplash H3 {padding-top: 5px; clear: left; font-size: 15px; font-weight: lighter; margin-right: 50px; margin-top: 10px;} #frontSplash H5 {font-size: 9px; margin-top: -8px; } #frontSplash P {clear: left; margin-top: 5px; font-size: 12px; margin-right: 60px; line-height: 18px;} #contentHeader {background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12354.jpg) top left no-repeat; width: 950px; height: 10px; margin: 0px auto;} #leftNews { float: left; width: 325px; margin-left: 100px; border-right: 1px solid #888a8d; margin-top: 15px; padding-right:50px; margin-right: 50px;} #rightNews { float: left; width: 325px; margin: 0px; padding: 0px; margin-top: 15px;} #leftNews P {margin-right: 22px;} #rightNews P {margin-left: 22px;} #leftNews H1 { font-size: 20px; color: #001b36; text-align: center; font-weight: normal;} #rightNews H1 { font-size: 20px; color: #001b36; text-align: center; font-weight: normal;} #subContent {width: 950px; margin: 0px auto 0px auto; background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12353.jpg) top left no-repeat; height: 232px;} #contentFooter {width:950px; margin: 0px auto; background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12355.jpg) top left no-repeat; height: 102px;} #contentFooter UL {padding: 20px 0px 0px 0px; margin-left: 125px; height: 64px;} #contentFooter LI {display: inline; float: left; margin-right: 100px;} #shareFooter {width: 950px; margin: 0px auto; } #shareFooter A {color: #8e8d8d; text-decoration: underline; font-family: arial; font-size: 1.1em;} #shareFooter UL {padding: 0px; margin-left: 95px; } #shareFooter LI {display: inline; float: left; margin-right: 90px;} #shareFooter IMG {margin: 0px 3px -5px 0px;} #Footer {width: 950px; margin: 9px auto 0px auto; color: #8e8d8d; font-size: 1.1em; font-family: arial; padding-top: 10px; border-top: 1px solid #9c9b9d; } .copyright { font-size: 12px; font-family: arial; color: #8e8d8d; margin-left: 110px; float: left; } .footerLinks { color: #8e8d8d; font-size: 12px; font-family: arial; margin-right: 130px; float: right;} .footerLinks A {font-size: 12px; font-family: arial; text-decoration: underline; color: #8e8d8d; } /* used on all oceans pages */ #leftContent { float:left; width: 325px; margin-top: 36px; margin-left: 40px; padding: 0px; text-transform: uppercase;} #leftContent H1 { font-size: 26px; color: #3c3c3c; text-align: center; margin-bottom: 43px;} #leftContent P { text-transform: none; margin-left: 43px;} #rightContent { border-left: 1px solid #a0a1a4; width: 480px; margin-top: 36px; padding-left: 50px; float: left;} #rightContent H2 {font-size: 26px; font-weight: normal; } #rightContent H4 {font-size: 13px; font-weight: bold; margin: 7px 0px;} #rightContent H6 {font-size: 22px; font-weight: normal; } #rightContent H5 {font-size: 11px; font-weight: normal; font-style: italic; padding-top: 8px; line-height: 14px;} #rightContent P {font-size: 13px; padding-bottom: 4px; color: #272727; padding-top: 3px; padding-right: 15px;} #rightContent A {color: #001b36; text-decoration: underline; font-weight: bold;} #rightContent DL {margin: 0px; padding: 0px; margin-right: 50px;} #rightContent DT {margin: 0px; font-size: 14px; font-weight: bold; } #rightContent DD {margin: 0px; font-size: 13px; padding-bottom: 15px;} #rightContent LI {margin-bottom: 5px;} /* following code probably not used, leaving in for now CDS 10-19-07 */ #flickrWrapper { margin: 0px 0px 0px -30px; padding: 0px;} #flickrWrapper DL {margin: 0px; padding: 0px;} #flickrWrapper DT {margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; } #flickrWrapper DD {margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; margin-bottom: 20px;} #flickrWrapper DD A {color: #0063dc;} #flickrWrapper DD IMG {display: block;} .leftFlickr {width: 240px; float: left; } .rightFlickr {width: 240px; float: right;} .videoWindow {margin-bottom: 25px;} .videoWrapper { margin: 20px 0px; } .videoWrapper IMG {float: left; padding-right: 10px;} .videoWrapper H4 A {color: #0063dc; font-size: 13px;} .videoWrapper P {font-size: 11px; padding: 0px; margin-right: 65px;} #Recipe H1 {font-size: 26px; color: #001b36; font-weight: normal; margin: 3px 0px;} #Recipe H7 {font-style: normal; font-size: 12px; font-weight: bold; color: #0063dc;} #Recipe H6 {font-size: 11px; color: #707070!important; font-weight: normal; margin: 3px 0px;} #Recipe H7 {font-style: normal; font-size: 12px; font-weight: bold; color: #0063dc;} #Recipe H2 {font-size: 13px; color: #001b36; font-weight: normal; margin: 6px 0px;} #Recipe H3 {font-size: 13px; color: #001b36; font-weight: bold; margin: 10px 0px;} #Recipe UL {list-style-type: none; font-size: 13px; color: #001b36; padding: 0px;} #Recipe LI {margin: 0px; padding: 0px; list-style-image: none;} #Recipe OL {list-style-type: decimal; font-size: 13px; color: #001b36;} #commentBox {width: 100%; background: url(https://secure3.convio.net/nrdc/images/content/pagebuilder/12356.jpg) top left repeat-x; border-top: 1px solid #636466; margin-top: 10px;} #commentBox H2 {color: #001b36; font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 15px 30px;} .commentList {margin: 0px; font-style: italic; text-transform: none; margin-left: 30px; margin-right: 44px;} .commentList DT {margin: 0px; font-style: normal; color: #8a8a8a;} DL.commentList DT A {display: block; font-style: normal; font-size: 12px; font-weight: bold; color: #0063dc;} DL.commentList DD {margin: 0px 0px 15px 0px; font-size: 11px; font-style: normal;} .btnCommentRecipe {padding-left: 20px; margin-top: 13px;} .btnPrint {padding-left: 20px; margin-bottom: -7px;} .thumbs { list-syle-type: none; padding: 0px; margin-bottom: 20px; height: 100px;} .thumbs LI {display: inline; float: left; margin-right: 20px;} .thumbs IMG {padding: 3px; background: #fff; border: 1px solid #ababab;} .articleImage {float: left; margin: 5px 5px 0px -2px;} .left {float: left; clear: both; margin-top: 6px; margin-right: 10px;} #leftCritter { float: left; width: 292px; margin-top: 36px; margin-left: 40px; padding: 0px; } #leftCritter P {padding-left: 30px;} #leftCritter H1 { font-size: 24px; color: #3c3c3c; text-align: center; text-transform: uppercase;} #rightCritter { border-left: 1px solid #a0a1a4; width: 560px; margin-top: 36px; padding-left: 50px; float: left; } #rightCritter H2 {font-size: 26px; font-weight: normal; } .critterGame {margin-left: -30px; margin-bottom: 20px;} #leftCritter P {margin: 10px;} .comment_date {margin: 0px; font-style: normal; color: #8a8a8a;} .comment_title {font-style: normal; font-size: 12px; font-weight: bold; color: #0063dc;} .form_item INPUT {border: 1px solid #000;} .comment_preview {border: 1px solid #d9eaf5; padding: 8px;} #leftMap {float: left; width: 243px; margin-left: 40px; margin-top: 26px; padding: 0px; } #leftMap P {padding-left: 30px; margin-right: 20px;} #leftMap IMG {margin-left: 20px;} #leftMap H1 {margin-top: 2px; color: #3C3C3C; font-size: 26px; margin-bottom: 13px; text-align: center; text-transform: uppercase;} #rightMap H1 {color: #001B36; font-size: 26px; font-weight: normal; margin: 3px 0px;} #rightMap {width: 625px; max-width: 625px; margin-top: 26px; float: left;} * HTML #imageBox H7 {clear: right!important; float: left!important;} * HTML .imgboxRight {clear: left!important; margin-left: 100px!important; margin-top: -15px!important;} * HTML #pageNav {padding: 0px;} * HTML #mainFlash { margin-top: -15px; } * HTML #leftNews { width: 325px; padding: 0px; margin-left: 50px; margin-bottom: 40px; padding-right: 50px; } * HTML #sectionNav {margin-top: -1px; padding-bottom: 30px; } * HTML #sectionNav UL {margin-top: 20px; padding-top: 20px;} * HTML #sectionNav H1 {margin-left: 25px; text-align: center; height: 74px;} * HTML #sectionNav LI {margin-top: -20px; } * HTML #splashBox {margin-top: -65px; margin-bottom: 65px; overflow: hidden;} * HTML .btnPrint {padding-bottom: 5px;} * HTML #newsBox {margin-top: -6px;} * HTML #leftMap {margin-left: 20px;} * HTML #imageBox P {width: 125px; margin-top: -5px; margin-left: 10px;} * HTML .thumbs {margin-left: 0px;} * HTML #mainBox {margin-top: 0px; margin-top: -65px; } * HTML .thumbs LI {margin-right: 10px!important; padding-right: 0px;} * HTML #notMainBox {margin-top: -16px;} * HTML #cleanHeader {height: 91px; margin-top: -1px;} * HTML #rightContent {width: 460px; margin-bottom: 30px; height: 350px;} * HTML #leftContent {margin-left: 20px;} * HTML #Recipe UL {margin-left: 0px; width: 420px;} * HTML #Recipe OL {width: 420px; padding: 0px 0px 0px 30px; margin-left: -30px; list-style-type: decimal;} * HTML #Recipe P {width: 420px;} * HTML #flickrWrapper {margin-left: -35px;} * HTML .rightFlickr {float: left; margin-left: 30px; margin-right: -30px;} * HTML #leftCritter {margin-left: 22px;} * HTML #rightCritter {margin-bottom: 30px;} * HTML .copyright { margin: 0px 0px 0px 40px; float: left; } * HTML .footerLinks {margin: 0px 40px 0px 0px; float: right;} /*\*/ html>body*#cleanHeader {margin-top: -1px;} /**/