@import url('reset.css'); @import url('default.css'); @import url('type.css'); @font-face { font-family: 'JournalRegular'; src: url('../type/journal.eot'); src: local('Journal'), local('Journal'), url('../type/journal.woff') format('woff'), url('../type/journal.ttf') format('truetype'), url('../type/journal.svg#Journal') format('svg'); } /*** Font-sizes. Browser default is 16px. Set body to 75%,which is equal to 12px and,therefore,1em is 12px. 9px :0.75em 10px :0.8333em 11px :0.9167em 12px :1.0em 13px :1.0833em 14px :1.1667em 15px :1.25em 16px :1.3333em 17px :1.4167em 18px :1.5em 19px :1.5833em 20px :1.6667em 21px :1.75em 22px :1.8333em 23px :1.9167em 24px :2.0em 25px :2.0833em 26px :2.1667em 27px :2.25em 28px :2.3333em 29px :2.4167em 30px :2.5em 31px :2.5833em 32px :2.6667em ***/ html { background: url(../img/bg-html.jpg) #2d2b29; text-shadow: 0 0 0 rgba(0,0,0,0.01); } body { font-family: Arial, sans-serif;} .clear { clear: both;} .left { float: left; display: inline;} .right { float: right; display: inline;} img { -ms-interpolation-mode:bicubic; } img.left { float: left; margin: 0 20px 20px 0;} img.right { float: right; margin: 0 0 20px 20px;} #logo { text-indent: -9999px; float: left; width: 224px; height: 135px; background: url(../img/LandStewardshipCentre.jpg); display: block; margin: 0; padding: 0; position: relative; top: -20px; } #toolbar { height: 40px; background: url(../img/bg-toolbar.jpg) repeat-x #3c734b; min-width: 1000px; } #toolbar p { padding: 11px 10px; color: #fff; font-size: 1em; float: right; } #toolbar p a { color: #fff; text-decoration: none; } #toolbar p a:hover { border-bottom: 1px dotted #fff; } #toolbar form { padding: 7px 0 0; float: right; } #toolbar form input#searchText { padding: 3px 10px 3px 25px; color: #aeaeae; height: 20px; width: 150px; border: none; background: url(../img/bg-search.jpg) no-repeat; } #toolbar form input#searchText:hover, #toolbar form input#searchText:focus { color: #888; } #toolbar form input#searchSubmit { padding: 0 10px; height: 27px; margin: 0; top: -1px; position: relative; vertical-align: baseline; display: inline-block; text-transform: uppercase; border: 1px solid #355e3d; background: url(../img/bg-search-button.jpg) repeat-x; color: #fff; font-weight: bold; cursor: pointer; text-shadow: 0 1px 1px rgba(0,0,0,0.25); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #toolbar form input#searchSubmit:hover { background: url(../img/bg-search-button-hover.jpg) repeat-x; } #header { position: relative; z-index: 1; min-width: 1000px; } #header .wrap.first { border-bottom: 4px solid #000; } #header p#tagline { text-align: right; font-family:Georgia; font-style: italic; font-size: 2.5em; padding: 22px 0; } #navigation { margin: 0; padding: 0; float: right; } #navigation li { padding: 0; margin: 0; float: left; } #navigation li a { color: #196330; display: block; padding: 5px 15px 15px; font-family: Georgia, Times, serif; font-size: 1.5em; text-decoration: none; } #navigation li a:hover { background: url(../img/bg-nav-current.jpg) center bottom no-repeat; } #navigation li a.current { color: #000; background: url(../img/bg-nav-current.jpg) center bottom no-repeat; } #sub-nav { text-align: center; height: 53px; } #sub-nav ul { margin: 0; padding: 0; } #sub-nav ul li { margin: 0; padding: 0; display: inline; line-height: 24px; border-left: 1px solid #565656; } #sub-nav ul li:first-child { border-left: none; } #sub-nav ul li a { margin: 0; padding: 15px 10px 15px; display: inline-block; font-family: Georgia, Times, serif; color: #565656; font-size: 1.25em; text-decoration: none; } #sub-nav ul li a:hover { text-decoration: underline; } #sub-nav ul li a.current { background: url(../img/bg-subnav-current.gif) center bottom no-repeat; font-weight: bold; } #sub-nav ul li ul { display: none; } body.home #content { border-top: 6px solid #edeae4; background: url(../img/bg-content.jpg) #e2ded6; position: relative; padding: 0; top: 0; z-index: 0; } body.home .main-col { width: 400px; min-height: 0; } body.home .sub-col { width: 525px; min-height: 235px; } #banner { background: url(../img/bg-banner.jpg) top left no-repeat; } #banner-slides { margin: 0; padding: 0; width: 860px; float: left; } #banner-slides li { margin: 0; padding: 0; width: 860px; height: 320px; } #banner-slides li h2 { padding: 65px 0 15px; font-size: 2em; line-height: 1.25em; font-family: Georgia, Times, serif; color: #000; } #banner-slides li p { font-size: 2.25em; color: #b17923; font-family: JournalRegular, Arial, sans-serif; } #banner-slides li p a { color: #fff; text-decoration: none; font-weight: bold; font-size: 0.5833em; letter-spacing: 0px; padding: 3px 10px; display: inline-block; background: url(../img/bg-banner-button.jpg) top left repeat-x; font-family: Helvetica, Arial, sans-serif; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px 1px rgba(0,0,0,0.1); } #banner-slides li img { float: right; margin: 0; padding: 35px 0 0; } #banner-nav { float: right; margin: 70px 0 0 0; padding: 0; } #banner-nav li { margin-bottom: 10px; } #banner-nav a { display: block; width: 43px; height: 43px; background: url(../img/bg-banner-icons.jpg) 0 0 no-repeat; } #banner-nav a.banner-nav-0 { background-position: -56px 0; } #banner-nav a.banner-nav-1 { background-position: -56px -51px; } #banner-nav a.banner-nav-2 { background-position: -56px -102px; } #banner-nav a.banner-nav-3 { background-position: -56px -155px; } #banner-nav a.banner-nav-0:hover { background-position: 0 0; } #banner-nav a.banner-nav-1:hover { background-position: 0 -51px; } #banner-nav a.banner-nav-2:hover { background-position: 0 -102px; } #banner-nav a.banner-nav-3:hover { background-position: 0 -155px; } #banner-nav .activeSlide a.banner-nav-0 { background-position: 0 0; } #banner-nav .activeSlide a.banner-nav-1 { background-position: 0 -51px; } #banner-nav .activeSlide a.banner-nav-2 { background-position: 0 -102px; } #banner-nav .activeSlide a.banner-nav-3 { background-position: 0 -155px; } #content { background: url(../img/bg-content-inner.jpg) center top no-repeat #fff; position: relative; padding-top: 110px; top: -68px; z-index: 0; min-width: 1000px; } .main-col { width: 605px; float: left; min-height: 620px; } .sub-col { width: 303px; float: right; } .main-col { font-family: Georgia, Times, serif; color: #565656; } .main-col h1 { font-size: 3.25em; line-height: 1.1667em; font-weight: bold; margin: 0; padding: 0 0 15px; color: #231f20; } .main-col h2 { font-size: 2.75em; font-weight: normal; padding: 0 0 5px; } .main-col h3 { font-size: 2.25em; font-weight: normal; padding: 0 0 5px; } .main-col h4 { font-size: 1.75em; font-weight: normal; padding: 0 0 5px; } .main-col h5 { font-size: 1.25em; font-weight: bold; padding: 0 0 5px; } .main-col h6 { font-size: 1.25em; font-weight: normal; padding: 0 0 5px; } .main-col h1 a { text-decoration: none; color: #231f20; } .main-col h2 a { text-decoration: none; color: #565656; } .main-col h3 a { text-decoration: none; color: #565656; } .main-col h4 a { text-decoration: none; color: #565656; } .main-col h5 a { text-decoration: none; color: #565656; } .main-col h6 a { text-decoration: none; color: #565656; } .main-col p { font-size: 1.25em; padding: 0 0 25px; color: #565656; } .main-col ul, .main-col ol, .main-col dl { font-size: 1.25em; padding: 0 0 25px; color: #565656; } .main-col li ul, .main-col li ol, .main-col li dl { font-size: 1em; padding-bottom: 10px; } .main-col ul li { list-style: disc; margin-left: 30px; } .main-col ol li { list-style: decimal; margin-left: 30px; } .main-col a { color: #231f20; text-decoration: underline; } .main-col a:hover { color: #3f754d; } .main-col blockquote { margin: 0 0 25px; font-size: 2em; line-height: 1.25em;} .main-col blockquote { padding: 7px 15px 0px 45px; color: #989898; font-style: italic; background: url(../img/bg-blockquote.gif) left top no-repeat; } .main-col blockquote p.who { padding: 0; font-size: .5833em; color: #ababab; font-family: Helvetica; text-transform: uppercase; font-style: normal; } .main-col blockquote.pullquote { padding: 15px; color: #3f754d; border-top: 3px double #e0e0e0; border-bottom: 3px double #e0e0e0; background: no-repeat; } .main-col p.date { color: #979181; font-size: 1em; margin: -10px 0 0; padding: 0 0 10px; } .main-col hr { border: none; border-top: 1px dashed #565656; } .sub-col { font-family: Georgia, Times, serif; color: #565656; } .sub-col h1 { font-size: 2.75em; font-weight: bold; margin: 0; padding: 0 0 5px; color: #231f20; } .sub-col h2 { font-size: 2.25em; font-weight: normal; padding: 0 0 5px; } .sub-col h3 { font-size: 1.75em; font-weight: normal; padding: 0 0 5px; } .sub-col h4 { font-size: 1.25em; font-weight: normal; padding: 0 0 5px; } .sub-col h5 { font-size: 1.75em; font-weight: bold; padding: 0 0 5px; } .sub-col h6 { font-size: 1.25em; font-weight: normal; padding: 0 0 5px; } .sub-col h1 a { text-decoration: none; color: #231f20; } .sub-col h2 a { text-decoration: none; color: #565656; } .sub-col h3 a { text-decoration: none; color: #565656; } .sub-col h4 a { text-decoration: none; color: #565656; } .sub-col h5 a { text-decoration: none; color: #565656; } .sub-col h6 a { text-decoration: none; color: #565656; } .sub-col p { font-size: 1em; padding: 0 0 25px; color: #565656; } .sub-col ul, .sub-col ol, .sub-col dl { font-size: 1em; padding: 0 0 25px; color: #565656; } .sub-col ul li { list-style: disc; margin-left: 20px; } .sub-col ol li { list-style: decimal; margin-left: 20px; } .sub-col a { color: #231f20; text-decoration: underline; } .sub-col a:hover { color: #3f754d; } .sub-col p.date { color: #979181; font-size: 1em; margin: -10px 0 0; padding: 0 0 10px; } .sub-col hr { border: none; border-top: 1px dashed #565656; } .image { padding: 7px; background: #fff; border: 1px solid #c5d5c9; margin-bottom: 25px; position: relative; } .image p { margin: 0; padding: 0; } .image p.caption { position: absolute; background: url(../img/bg-caption.png); padding: 5px 10px; width: 266px; bottom: 7px; color: #fff; font-size: 1em; text-align: right; font-family: Georgia, Times, serif; font-style: italic; } .featured { padding: 10px 20px 0; background: url(../img/bg-feature.jpg); font-family: Georgia, Times, serif; border: 7px solid #e8e2d4; margin-bottom: 25px; } .featured h2 { color: #3f764e; padding: 0 0 5px; font-size: 2em; } .featured h3 { color: #3f764e; padding: 0 0 5px; font-size: 1.5em; } .featured h4 { color: #3f764e; padding: 0 0 5px; font-size: 1em; } .featured p { font-size: 1.25em; color: #565656; padding-bottom: 10px; } .featured p a { color: #3f764e; text-decoration: none; } .featured p a:hover { text-decoration: underline; } .featured p a.readmore { font-weight: bold; } .featured ul { margin: 0; padding: 0 0 10px; } .featured ul li h3 a { color: #3f764e; } .featured ul li h3 a:hover { color: #196330; } .sidenote { padding-bottom: 37px; background: url(../img/bg-sidenote-bottom.jpg) left bottom no-repeat; margin-bottom: 25px; } .sidenote p { padding: 0 20px 32px; font-family: JournalRegular, Arial, sans-serif; font-size: 2em; line-height: 1.3333em; color: #7593b1; } .sidenote p a { color: #003b75; } .sidenote p a:hover { color: #416181; } .sidenote p:first-child { background: url(../img/bg-sidenote-top.jpg) left top no-repeat; padding-top: 30px; } a.button { padding: 12px 25px; color: #fff; display: block; font-size: 1.75em; font-family: Georgia, Times, serif; text-decoration: none; background: url(../img/button-side-blue.jpg) top left no-repeat; text-shadow: 1px 1px 2px rgba(0,0,0,0.25); } a.button.blue { background: url(../img/button-side-blue.jpg) top left no-repeat; } a.button.green { background: url(../img/button-side-green.jpg) top left no-repeat; } a.button.tan { background: url(../img/button-side-tan.jpg) top left no-repeat; } a.button.orange { background: url(../img/button-side-orange.jpg) top left no-repeat; } a.button:hover { color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } a.button.disabled { cursor: default; } a.button.disabled:hover { color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.25); } #buttons { margin: 0 0 25px; padding: 0; background: url(../img/hr-tan.jpg) bottom repeat-x; } #buttons ul { margin: 0; padding: 0; } #buttons li { width: 242px; height: 98px; padding: 20px 30px; margin: 30px 0 30px 22px; display: block; float: left; background: url(../img/bg-buttons.gif) no-repeat; } #buttons li:first-child { margin-left: 0; } #buttons li.guide { background-position: -604px 0; } #buttons li.guide:hover { background-position: -604px -138px;; } #buttons li.resource { background-position: 0 0; } #buttons li.resource:hover { background-position: 0 -138px; } #buttons li.donate { background-position: -302px 0; } #buttons li.donate:hover { background-position: -302px -138px; } #buttons li h2 { padding: 0; margin: 0; color: #fff; font-family: Georgia, Times, serif; font-size: 2.25em; font-weight: normal; text-shadow: 0 1px 1px rgba(0,0,0,0.5); } #buttons li p { padding: 0; margin: 0; color: #afe2db; font-family: Georgia, Times, serif; font-size: 1.5em; font-weight: normal; text-shadow: 0 1px 1px rgba(0,0,0,0.5); } #buttons li:hover h2 { color: #b17a23; } #buttons li:hover p { color: #fff; } #noteholder { height: 303px; height: 245px; display: block; overflow: hidden; position: absolute; bottom: 0; left: 30px; } #note { width: 213px; height: 215px; padding: 38px 60px 0 30px; margin: 10px 0 0 20px; display: block; background: url(../img/bg-note.png) no-repeat; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); } #note p { font-family: JournalRegular; color: #003b75; font-size: 2.75em; line-height: 0.9167em; padding: 2px 0 26px; } #note p a { color: #b17923; text-decoration: none; } #note p a:hover { color: #196330; } #note p a img { vertical-align: middle; margin-left: 5px;} #ienotes { position: absolute; bottom: 0; left: 30px; } #latest-news { margin: 0; padding: 0; } #latest-news li { margin: 0; padding: 0 0 20px 35px; list-style: none; background: url(../img/icon-arrow.jpg) 0 23px no-repeat; } #latest-news li p { color: #979181; font-size: 1em; padding: 0; } #latest-news li h2 { color: #464540; font-size: 1.75em; padding: 0; font-family: Georgia, Times, serif; text-shadow: 0 0 0 rgba(0,0,0,0.01); } #latest-news li h2 a { color: #464540; text-decoration: none; text-shadow: 0 0 0 rgba(0,0,0,0.01); } #latest-news li:hover h2 a { color: #196330; } #footer { border-top: 1px solid #fff; background: url(../img/bg-footer.jpg) repeat-x; height: 229px; min-width: 1000; } #footer .wrap { padding-top: 20px; } #footer h2 { font-family: Georgia, Times, serif; font-size: 2em; padding: 7px 20px 0; margin: -50px 0 0; top: -20px; position: relative; color: #fff; background: url(../img/bg-footer-h2.jpg) bottom repeat-x; display: inline-block; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } #quick-links ul { float: left; width: 230px; padding: 0 0 20px; } #quick-links ul li { background: url(../img/icon-arrow-orange.png) 0 6px no-repeat; padding: 2px 0 2px 20px;} #quick-links a { color: #bbbbba; text-decoration: none; font-size: 1em; margin-right: 20px; display: block; border-bottom: 1px solid transparent; } #quick-links a:hover { color: #b17922; border-bottom: 1px dotted #b17922; } #footer-right { width: 250px; float: right; } #footer-right h3 { font-family: JournalRegular; color: #b17922; font-size: 3em; padding: 0; margin-top: -20px;} #footer-right p { color: #bbbbba; } #footer-right p#social a { margin-left: 10px; } #footer-right p#social a:first-child { margin-left: 0; } #footer-right p #lift { color: #81807f; text-decoration: none; } #footer-right p #lift em { font-family: Georgia, Times, serif; font-weight: bold; } #footer-right p #lift:hover em { color: #fff; } ol#search-results li { font-size: 1.5em; } ol#search-results li h2 { font-size: 1em; } ol#search-results li h2 strong { font-size: 0.75em; font-style: italic; } ol#search-results li p { font-size: 0.75em; } .search-form { padding: 15px 15px; margin-bottom: 15px; display: block; background: #eee; border: 1px solid #ddd; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .search-form label { font-size: 1.4167em; vertical-align: top; padding: 5px 5px 0 0; display: inline-block; } .search-form input[type=text] { font-size: 1.25em; font-family: Georgia, Times, serif; color: #aeaeae; width: 450px; padding: 6px 5px; border: 1px solid #bbb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .search-form input[type=text]:hover { border: 1px solid #888; } .search-form input[type=text]:focus { border: 1px solid #888; color: #333; } .search-form input[type=submit] { padding: 7px 12px ; -webkit-border-radius: 2px 2px; border: solid 1px #9a6a1d; background:#af7a19; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(182, 127, 38)), to(rgb(172, 114, 19))); color: #fff; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; font-weight: bold; width: 100px; text-shadow: 0px 1px 1px rgba(0,0,0,0.25); line-height: 1; font-size: 1.25em; } .search-form input[type=submit]:hover { border: 1px solid #5b3e09; } .search-form ul { margin: 0; padding: 10px 0 0; } .search-form ul li { margin: 0; padding: 0 5px 0 0; list-style: none; display: inline; } .search-form ul li label { font-size: 0.9167em; padding-top: 2px; } .search-form ul li input { padding: 5px 5px 0 0; } .main-col ul.item-list li { clear: both; list-style: none; padding: 3px 0; } .main-col ul.item-list li:hover { background: #fffce7; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .main-col ul.item-list li span.date { width: 18%; display: inline-block; text-align: right; float: left; } .main-col ul.item-list li strong { width: 80%; display: inline-block; float: right; } #item-list li {overflow: hidden; margin-bottom: 5px; margin-left: 0; font-size: 12px;} #item-list li a {font-weight: bold; font-size: 14px;} #item-list strong {display: block; float: right; width: 500px;} #paginator span {font-weight: bold; color: #B17922; font-size: 1.6em;} #paginator a {text-decoration: none; font-weight: normal; } #item-list .subtopic {border-bottom: 1px solid #999; margin-bottom: 20px; padding-left: 0;} .main-col .item-list li {margin: 0;} .resource-label {font-weight: bold;} .resource-image {float: left; margin: 0 10px 10px 0;} .image-description {} #stickybuttonswrap { position: relative;} #stickybuttons { width: 303px; padding-top: 25px; } #stickybuttons.fixed { position: fixed; top: 0; } .sitemap ul li, .sitemap ul li ul li, .sitemap ul li ul li ul li, .sitemap ul li ul li ul li ul li { font-size: 15px; } #comments ul { margin: 0; padding: 0; } #comments ul li { border-bottom: 1px solid #ddd; margin: 0 0 20px; padding: 0; list-style: none; font-size: 11px; } #comments ul li:last-child { border-bottom: none; } #comments ul li .who { color: #333; font-size: 15px; padding: 0 0 3px; } #comments ul li .who a { text-decoration: none; } #comment-form label { width: 150px; display: inline-block; text-align: right; font-size: 14px; vertical-align: top; padding: 7px 0 0; } #comment-form .field { padding: 3px 0; } #comment-form .field input, #comment-form .field textarea { padding: 8px; margin: 0 5px; width: 220px; color: #555; border: 1px solid #999; font: 200 15px/1 Georgia, Times, serif; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25); box-shadow: inset 0 1px 3px rgba(0,0,0,0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #comment-form .field textarea { width: 420px; line-height: 1.4; } #comment-form .field span { color: #999; } #comment-form .field.actions { padding-left: 155px; } #comment-form .field.actions .submit { height: 34px; margin: 0; padding: 0 10px; color: #666; border: 1px solid #aaa; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,0.5); border-radius: 5px; background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eee)); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 1px rgba(0,0,0,0.15); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 1px rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 1px rgba(0,0,0,0.15); } #comment-form .field.actions .submit.round { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }