/** * @author Marat Tanalin | http://tanalin.com/ | 2012 */ @import "content.css"; *, :before, :after {background-repeat: no-repeat; } * {margin: 0; } BODY, LEGEND, INPUT, TEXTAREA, BUTTON, SELECT, OPTION {color: #333; } HTML {font-size: .8125em; line-height: 1.25; min-width: 990px; } BODY {background: #fff; position: relative; } /* */ #top-bn, #top-bn A {color: #fff; } #top-bn A, #top-bn SPAN {display: block; } /* #top-bn {background: #F80505 url(/_bn/bg.png) left bottom repeat-x; text-shadow: 2px 2px 0 #cc0000; height: 110px;} NY #top-bn {background: #69f url(../i/top-bn/grad.png) left bottom repeat-x; text-shadow: 1px 1px 0 #0e499b; } */ #top-bn {background: #69f url(../i/top-bn/grad.png) left bottom repeat-x; } #top-bn > A, #top-bn > SPAN {background-image: url(../i/top-bn/texture.jpg); background-position: bottom; } #top-bn > A {text-decoration: none; } #top-bn > A:hover {text-decoration: underline; } #top-bn > A > SPAN, #top-bn > SPAN {margin: 0 auto; padding: 1.25em 20px 1.5em; position: relative; max-width: 92em; min-width: 950px; } /* #top-bn > A > SPAN, #top-bn > SPAN {margin: 0 auto; padding: 2.25em 20px 1.5em; position: relative; max-width: 92em; min-width: 950px; } NY */ #top-bn > A > SPAN > SPAN, #top-bn > SPAN > SPAN {font-size: 18px; } /* */ #page {margin: 0 auto; padding: 0 20px; position: relative; max-width: 92em; min-width: 950px; } /* #page {background-image: url(/_bn/bg8.png); background-position: top left;} NY */ /* */ HEADER {margin-bottom: 13px; } /* */ HEADER > ._logo-line {padding: 60px 0 25px; position: relative; min-height: 65px; } /* */ #logo, #logo > A {color: #369; } #logo {font-size: 28px; font-weight: bold; position: relative; z-index: 5; } #logo > A {text-decoration: none; } #logo > A:hover {color: #000; } /* */ #date {color: #666; font-size: 11px; margin-top: 1.25em; } /* */ HEADER > ._logo-line > NAV {position: absolute; left: 0; top: 5px; } HEADER > ._logo-line > NAV:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } HEADER > ._logo-line > NAV LI {background-image: url(../i/quick.png); background-position: 0 -100px; float: left; width: 40px; } HEADER > ._logo-line > NAV LI + LI {margin-left: 5px; } HEADER > ._logo-line > NAV A {display: block; overflow: hidden; padding-top: 40px; height: 0; } HEADER > ._logo-line > NAV ._control {background-position: 0 0; } HEADER > ._logo-line > NAV ._library {background-position: -42px 0; } HEADER > ._logo-line > NAV ._contact {background-position: -84px 0; } /* */ HEADER > ._search-line, HEADER > ._search-line A, HEADER > ._search-line A:link, HEADER > ._search-line A:visited {color: #fff; } /* temp */ HEADER > ._search-line {background: #8fabc7 url(../i/search-line.png) left top repeat-x; padding: 20px 20px 35px; position: relative; height: 45px; } HEADER > ._search-line:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* */ #search {position: relative; width: 230px; } #search LEGEND, #search INPUT[type="submit"] {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; } #search > FIELDSET > INPUT {background: #fff; border: none; color: #999; float: left; line-height: 21px; padding: 2px 6px; width: 188px; min-height: 21px; } #search > FIELDSET > INPUT:focus {color: #000; } #search > FIELDSET > LABEL {background-image: url(../i/search.png); cursor: pointer; display: block; overflow: hidden; padding-top: 25px; position: absolute; right: 0; top: 0; width: 25px; height: 0; } #search INPUT[type="submit"] {border: none; padding: 0; } BODY:last-child #search INPUT[type="submit"] {visibility: hidden; } /* */ HEADER > ._search-line > DIV {margin-top: 10px; position: relative; width: 230px; } HEADER > ._search-line > DIV:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* */ #serv {background-image: url(../i/serv.gif); background-position: 4px 5px; float: right; margin-right: -4px; position: relative; width: 72px; } #serv:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } #serv > LI {float: left; width: 24px; } #serv A {display: block; overflow: hidden; padding-top: 24px; height: 0; } /* */ #socials {position: absolute; left: 0; bottom: 0; } #socials LI, #socials A {float: left; } #socials LI {background-image: url(../i/socials.png); } #socials LI + LI {margin-left: 3px; } #socials A {overflow: hidden; padding-top: 25px; width: 25px; height: 0; } #socials LI._v {background-position: -28px 0; } #socials LI._f {background-position: -56px 0; } #socials LI._t {background-position: -84px 0; } /* */ HEADER > NAV {font-weight: bold; } HEADER > NAV:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } HEADER > NAV A {padding: .75em 9px 1em 12px; text-decoration: none; } HEADER > NAV A, HEADER > NAV A:link, HEADER > NAV A:visited {color: #036; } HEADER > NAV > UL > LI, HEADER > NAV > UL > LI > A {float: left; } /* */ HEADER > NAV._main {border-bottom: 1px solid #95b0cb; padding-bottom: 2px; position: relative; z-index: 20; } HEADER > NAV._main > UL > LI {position: relative; } HEADER > NAV._main > UL > LI > A {position: relative; z-index: 5; } HEADER > NAV._main > UL > LI > UL {background: #95b0cb; display: none; padding: .55em 0 .85em; position: absolute; left: 0; top: 100%; } HEADER > NAV._main > UL > LI > UL { -webkit-box-shadow: 0 0 4px #fff; -moz-box-shadow: 0 0 4px #fff; box-shadow: 0 0 4px #fff; } HEADER > NAV._main > UL > LI > UL A {display: block; padding-top: .25em; padding-bottom: .35em; padding-right: 12px; white-space: nowrap; } HEADER > NAV._main > UL > LI > UL A.cur, HEADER > NAV._main > UL > LI > UL A:hover {background: #bfd0e0; background: rgba(255,255,255,.4); } HEADER > NAV._main > UL > LI > UL UL {font-weight: normal; } HEADER > NAV._main > UL > LI > UL UL A {padding-left: 30px; position: relative; } HEADER > NAV._main > UL > LI > UL UL A:before {border-top: 3px solid #036; content: ""; margin-top: -1.5px; position: absolute; left: 20px; top: .9em; width: 3px; height: 0; } HEADER > NAV._main > UL > LI:hover > UL {display: block; } HEADER > NAV._main > UL > LI > A.cur, HEADER > NAV._main > UL > LI:hover > A {background: #95b0cb; } /* */ HEADER > NAV._home {margin: 2px 0; } HEADER > NAV._home > UL > LI > A {padding-top: .35em; padding-bottom: .45em; } HEADER > NAV._home > UL > LI > A.cur, HEADER > NAV._home > UL > LI:hover > A {background: #c9d7e5; } /* */ #main {background-image: url(../i/main.png); background-position: 44px 33px; margin-bottom: 30px; min-height: 725px; } #main:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* */ #content {float: left; margin-right: -250px; width: 100%; } #content > DIV {margin-right: 250px; padding: 0 20px 0 0; } #content > DIV > DIV:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* */ #crumbs {color: #69c; font-size: .846154em; margin: -.24em 0 1.5em; position: relative; } #crumbs LI:before, #crumbs A {color: #999; } #crumbs > DL, #crumbs DD, #crumbs OL {margin: 0; } #crumbs DT {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; } #crumbs OL {padding: 0; } #crumbs LI {display: inline; margin: 0; } #crumbs LI + LI:before {content: "\003E\00A0"; } #crumbs A:hover {color: #000; } #crumbs STRONG {font-weight: normal; } /* */ .aside .blk {margin-top: 30px; } .aside .blk:first-child {margin-top: 0; } .aside .blk:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* */ .aside .blk > DT {background-image: url(../i/aside-blk-title.png); font-size: 18px; margin-bottom: 5px; line-height: 48px; padding: 0 10px 0 60px; position: relative; min-height: 50px; } .aside .blk > DT:before {background-image: url(../i/aside-icons.png); content: ""; position: absolute; left: 12px; top: 12px; width: 26px; height: 26px; } /* */ .aside .blk.bn LI + LI {margin-top: 5px; } /* */ .aside .blk.poll > DT {margin-bottom: .6em; } .aside .blk.poll > DT:before {background-position: 0 -28px; } .aside .blk.poll LEGEND {color: #3b3b3b; display: inline; font-weight: bold; white-space: normal; } .aside .blk.poll UL {padding-top: 1em; } .aside .blk.poll LI + LI {margin-top: .75em; } .aside .blk.poll INPUT[type="radio"] {margin: 0; padding: 0; } .aside .blk.poll DIV {margin-top: 1em; } /* */ .aside .blk.map > DT {background-image: url(../i/aside-map/photos.jpg); font-size: 13px; margin-bottom: 0; line-height: 1.25; padding: 0; position: static; min-height: 0; } .aside .blk.map > DT:before {background-image: none; content: normal; position: static; left: auto; top: auto; width: auto; height: auto; } .aside .blk.map > DT > A {color: #f00; display: table; text-shadow: 1px 1px 0 #fff; width: 100%; height: 250px; } .aside .blk.map > DT > A > SPAN {background-image: url(../i/aside-map/map.png); background-position: center; display: table-cell; padding: 20px; text-align: center; vertical-align: middle; } .aside .blk.map > DD, .aside .blk.map > DD > A {color: #fff; } .aside .blk.map > DD {background: #e0000c url(../i/frm-question/submit.png) repeat-x; margin-top: 40px; } .aside .blk.map > DD > A {display: block; font-size: 18px; line-height: 36px; padding: 0 10px 0 42px; position: relative; text-decoration: none; text-shadow: 1px 1px 0 rgba(153,0,0,.75); min-height: 40px; } .aside .blk.map > DD > A:before {background-image: url(../i/aside-icons.png); background-position: 0 -56px; content: ""; margin-top: -12.5px; position: absolute; left: 8px; top: 50%; width: 25px; height: 25px; } .aside .blk.map > DD > A:hover {text-decoration: underline; } /* */ #aside {float: right; width: 250px; } /* */ FOOTER, FOOTER A, FOOTER A:link, FOOTER A:visited {color: #fff; } FOOTER {background: #e9ebed url(../i/footer.png) repeat-x; font-size: .846em; padding: 1.5em 100px 2.5em 0; position: relative; } FOOTER:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } FOOTER > DIV:first-child {display: table; table-layout: fixed; width: 100%; } FOOTER > DIV:first-child P {display: table-cell; } FOOTER > DIV:first-child P:first-child {padding: 0 20px; } FOOTER > DIV:first-child P + P {width: 57%; } /* */ #counters {position: absolute; right: 20px; top: 20px; } #counters:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } #counters IMG {vertical-align: top; } #counters > DT {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; } #counters LI {float: left; margin-left: 5px; } #counters LI:first-child {margin-left: 0; } #counters LI SPAN {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; } /* */ #frm-question, #frm-question INPUT[type="text"], #frm-question INPUT[type="email"], #frm-question TEXTAREA {color: #369; } #frm-question {background: #eef4fa url(../i/frm-question/bg.png) repeat-x; border: 1px solid #bfcfdf; margin-bottom: 30px; padding: 10px; } #frm-question LABEL {display: block; } #frm-question LABEL > SPAN {display: none; } #frm-question DL, #frm-question DD {margin: 0; } #frm-question DL {margin-top: .846154em; width: auto; } #frm-question DL:first-child {margin-top: 0; } #frm-question DT > LABEL:after {content: ":"; } HTML.js #frm-question DL {position: relative; } HTML.js #frm-question DT {position: absolute; left: 0; top: 0; width: 100%; } HTML.js #frm-question DT > LABEL {cursor: text; display: block; padding: 3px 5px; } HTML.js #frm-question DL._normal {position: static; } HTML.js #frm-question DL._normal > DT {position: static; left: auto; top: auto; width: auto; } HTML.js #frm-question DL._normal > DT > LABEL {cursor: auto; display: inline; padding: 0; } #frm-question DL._photo > DT, #frm-question DL._photo > DD {font-weight: bold; } #frm-question DL._photo > DD > A {color: #f00; text-decoration: underline; } #frm-question DL._photo > DD > A:hover {color: #000; } #frm-question DL._captcha {margin-top: 1.25em; } #frm-question DL._captcha LABEL {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; } #frm-question DL._captcha > DT, #frm-question DL._captcha > DT + DD {display: inline; } #frm-question DL._captcha > DT + DD + DD {margin-top: .4em; } #frm-question DL._captcha IMG, #frm-question DL._captcha INPUT {vertical-align: middle; } #frm-question INPUT[type="text"], #frm-question INPUT[type="email"], #frm-question TEXTAREA {background: #feffff; border: 1px solid #bfcfdf; padding: 2px 4px; } #frm-question > DIV > DIV, #frm-question INPUT[type="text"], #frm-question INPUT[type="email"], #frm-question TEXTAREA { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #frm-question INPUT[type="text"]:focus, #frm-question INPUT[type="email"]:focus, #frm-question TEXTAREA:focus {border-color: #369; } #frm-question TEXTAREA {height: 244px; } #frm-question DL._focus > DT {display: none; } #frm-question > DIV, #frm-question > DIV > DIV > P {margin-top: .846154em; } #frm-question > DIV:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } #frm-question > DL:first-child, #frm-question > DIV > DL:first-child {width: 60%; } #frm-question > DIV > DL:first-child {float: left; margin-right: -1px; } #frm-question > DIV > DIV {float: right; margin-left: -1px; padding-left: 30px; width: 40%; } #frm-question > DIV > DIV > P IMG {margin-right: .5em; position: relative; top: -3px; vertical-align: middle; } #frm-question > DIV > DIV > P SMALL {display: block; margin-top: .4em; } #frm-question INPUT[type="submit"] {background: #e0000c url(../i/frm-question/submit.png) repeat-x; border: 0; color: #fff; cursor: pointer; font-size: 1.3846em; padding: .25em 9px .45em; text-shadow: 1px 1px 0 rgba(153,0,0,.75); } #frm-question INPUT[type="submit"]::-moz-focus-inner {border: 0; padding: 0; } /* */ HTML.home .content H2 {font-size: 1.6923em; } HTML.home .content BLOCKQUOTE:first-child {background: #eff4fa; color: #369; font-family: Georgia, Times New Roman, serif; font-size: 1.0769em; font-style: italic; font-weight: bold; margin-bottom: 2.142857em; padding: .64286em 10px; } HTML.home .content BLOCKQUOTE:first-child P {margin: 0; } HTML.home .content BLOCKQUOTE:first-child * + P, HTML.home .content BLOCKQUOTE:first-child * + UL {margin-top: .5em; } HTML.home .content BLOCKQUOTE:first-child > CITE {color: #333; display: block; font-family: Tahoma, Arial, Verdana, "Lucida Grand", Lucida, Helvetica, sans-serif; font-size: .92857em; font-style: normal; font-weight: normal; } /* */ HTML.home ._events-line:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } HTML.home ._events-line > DIV { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } HTML.home ._events-line H2 {margin: 0; } /* */ HTML.home ._events {float: left; margin-right: -1px; padding-right: 15px; width: 50%; } HTML.home ._events > DIV {background: #eff4fa url(../i/home/events.png) repeat-x; border: 1px solid #bfcfdf; padding: .5em 10px 15px; min-height: 257px; } HTML.home ._events > DIV:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } HTML.home ._events H2 {margin: 0; } HTML.home ._events ._header {margin-bottom: .6em; } HTML.home ._events ._header > H2, HTML.home ._events ._header > P {display: inline; } HTML.home ._events ._header > P {font-size: 1.3846em; } HTML.home ._events ._header > P > A {margin: 0 .3em; text-decoration: none; } HTML.home ._events ._header > P > A:hover {color: #e0000c; } HTML.home ._events ._calendar {float: left; width: 180px; } HTML.home ._events ._calendar > P {margin: 1.53846em 0 0; } HTML.home ._events ._calendar > P > A {background: #90acc8; border: solid #c0c4c8; border-width: 0 1px 2px; color: #fff; display: block; padding: .2em 10px .3em; text-decoration: none; text-align: center; } HTML.home ._events ._calendar > P > A:hover {background: #e0000c; border-color: #e0000c; } HTML.home ._events TABLE {color: #999; border-spacing: 1px; font-size: 13px; text-align: center; table-layout: fixed; width: 100%; } HTML.home ._events TH, HTML.home ._events TD {background: #fff; } HTML.home ._events TH > ABBR, HTML.home ._events TD > SPAN, HTML.home ._events TD > A {display: block; padding: .3em 3px .35em; } HTML.home ._events TH {font-weight: normal; } HTML.home ._events TH > ABBR {border-bottom: none; display: block; text-decoration: none; } HTML.home ._events TH + TH > ABBR {border-left: 1px solid transparent; margin-left: -1px; position: relative; } HTML.home ._events TD > A {background: #e9e9e9; text-decoration: none; } HTML.home ._events TD > A:hover {outline: 1px solid #000; } HTML.home ._events TD._today > A {background: #cd0202 url(../i/home/calendar.png); color: #fff; } HTML.home ._events DL, HTML.home ._events DD {margin: 0; } HTML.home ._events DL {color: #369; font-size: .846154em; margin-left: 190px; } HTML.home ._events DT {font-weight: normal; } HTML.home ._events DT SPAN {border-left: 1px solid #369; margin-left: .1em; padding-left: .4em; } HTML.home ._events DD > A {display: block; } HTML.home ._events DD + DT {margin-top: 1.25em; } /* */ HTML.home ._news-header {float: right; margin-left: -1px; padding-left: 15px; width: 50%; } HTML.home ._news-header > H2 {font-size: 1.846154em; } HTML.home ._news-header > DL, HTML.home ._news-header > DL A {color: #999; } HTML.home ._news-header > DL {font-size: .846154em; } HTML.home ._news-header > DL IMG {vertical-align: top; } HTML.home ._news-header > DL > DD {margin-top: 1.25em; } /* */ HTML.home ._news:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } HTML.home ._news > DL { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } HTML.home ._news > DL {margin: 0; width: 50%; } HTML.home ._news DT {color: #f00; font-size: .846154em; font-weight: normal; } HTML.home ._news DT:first-child {padding-top: 2.25em; } HTML.home ._news DD + DT {margin-top: 1.25em; } HTML.home ._news DD {margin: 0; } HTML.home ._news DD > A {color: #333; display: block; } HTML.home ._news > DL:first-child {float: right; margin-left: -1px; margin-top: -1px; position: relative; padding-left: 15px; } HTML.home ._news > DL:first-child > DT:first-child {border-top: 1px solid #bfcfdf; } HTML.home ._news > DL + DL {float: left; margin-right: -1px; padding-right: 15px; } /* */ HTML.home ._photos H2 {margin-bottom: .36364em; } HTML.home ._photos > DIV {background: url(../i/home/photos.png) repeat-x; padding-top: 5px; } HTML.home ._photos UL {display: table; margin: 0 auto; list-style: none; } HTML.home ._photos LI {display: table-cell; } HTML.home ._photos LI > A {display: block; overflow: hidden; width: 190px; height: 190px; } HTML.home ._photos LI + LI {padding-left: 5px; } /* */ #slides {position: absolute; right: 20px; top: 50px; width: 600px; } #slides > SPAN {display: none; position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 200px; } #slides > SPAN:first-child {display: block; } /*----- jquery.lightbox-0.5-edited.css -----*/ #jquery-overlay {position: fixed; top: 0; left: 0; z-index: 90; } #jquery-lightbox {position: absolute; left: 0; top: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox-container-image-box {position: relative; background: #fefefe; margin: 0 auto; width: 250px; height: 250px; } #lightbox-container-image {padding: 10px; } #lightbox-loading {line-height: 0; position: absolute; left: 0; top: 40%; width: 100%; height: 25%; text-align: center; } #lightbox-nav {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav {left: 0; } #lightbox-nav A {outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext {display: block; width: 49%; height: 100%; zoom: 1; } #lightbox-nav-btnPrev {float: left; left: 0; } #lightbox-nav-btnNext {float: right; right: 0; } #lightbox-container-image-data-box {font-size: .9167em; background: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%; padding: 0 10px; } #lightbox-container-image-data #lightbox-image-details {float: left; width: 70%; text-align: left; } #lightbox-image-details-caption {font-weight: bold; } #lightbox-image-details-currentNumber {clear: left; display: block; padding-bottom: 1em; } #lightbox-secNav-btnClose {float: right; width: 50px; text-align: right; padding-bottom: .7em; } /*----- /jquery.lightbox-0.5-edited.css -----*/ #content .ny {background: #fff url(/_/i/snow.png); }