/***************************************** * Historic Highlands CSS * * File name: styles.css * * Author: ToolStudios - Aaron Spear * * Author URI: http://www.toolstudios.com * * Contact: aaron@toolstudios.com ******************************************/ /*///////////////////////////////////////*/ /*--------------CSS RESET----------------*/ /*///////////////////////////////////////*/ *{margin:0;padding:0} iframe,a img,fieldset,form,table{border:0} h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal} dd,dt,dl,ol,ul{list-style:none} legend{color:#000} select,textarea,input,button{font-size:100%} table{border-collapse:collapse} caption,th,td{text-align:left} /*///////////////////////////////////////*/ /*------------END CSS RESET--------------*/ /*///////////////////////////////////////*/ /*---------------ELEMENTS----------------*/ /*///////////////////////////////////////*/ body { background-color: #372a22; font: normal 62.5% Century Gothic, sans-serif; color: #3C2415; } wrapper { background: #dfdbd0 url(http://historichighland.com/images/repeat_top.jpg) repeat-x left top; font: normal 62.5% Century Gothic, sans-serif; color: #3C2415; } a { color: #424143; text-decoration: none; font: normal 12px Georgia, Serif; outline:none; } a:hover { color: #232323; } p { color: #5B5B5B; font: normal 12px/18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; } input, button { vertical-align: middle; } input:focus, textarea:focus { background-color: #dbe8ef; } /*///////////////////////////////////////*/ /*------------END ELEMENTS---------------*/ /*///////////////////////////////////////*/ #wrapper { background: #dfdbd0 url(http://historichighland.com/images/repeat_top.jpg) repeat-x left top; } #container { width: 912px; margin: 0 auto; position:relative; padding: 60px 0 40px; } #header { padding: 11px 0 0; } #header .logout { position: absolute; right: 15px; top: 0; background-color: #9a5749; width: 73px; height: 26px; text-align: center; } #header .logout a { color: #e8e7e0; text-shadow: 1px 1px 2px #000000; display: block; font: normal 12px/24px Georgia, Times, Serif; text-transform: uppercase; } #header .logout a:hover { color: #F8F7F1; text-decoration: none; background-color: #8b4e41; } #logo { background: url(http://historichighland.com/images/logo.jpg) no-repeat left top; width: 597px; height: 61px; text-indent: -9999em; display: block; margin: 0 auto; } /*///////////////////////////////////////*/ /*---------------BUTTONS-----------------*/ /*///////////////////////////////////////*/ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button {-webkit-border-fit:lines;} /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; height:39px; background:transparent url(http://historichighland.com/images/button.png) 0 bottom no-repeat; padding:0 0 0 16px; margin-left: -4px; font:bold 13px/38px Georgia, Times, Serif; text-align:center; white-space:nowrap; color:#fff; text-shadow: 1px 1px 2px #000; } button.button span span { background-position:100% bottom; padding:0 16px 0 4px; } button:hover span { background-position:0 top; } button.button:hover span span { background-position:100% top; } a.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ a.button {-webkit-border-fit:lines;} /* <- Safari & Google Chrome Fix */ a.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } a.button span { float:left; height:39px; background:transparent url(http://historichighland.com/images/button.png) 0 bottom no-repeat; padding:0 0 0 16px; margin-left: -4px; font:bold 13px/38px Georgia, Times, Serif; text-align:center; white-space:nowrap; color:#fff; text-shadow: 1px 1px 2px #000; } a.button span span { background-position:100% bottom; padding:0 16px 0 4px; } a.button:hover span { background-position:0 top; } a.button:hover span span { background-position:100% top; } a.layer-top { position: relative; z-index: 2; } btn-sm.btn-sm::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ btn-sm.btn-sm {-webkit-border-fit:lines;} /* <- Safari & Google Chrome Fix */ btn-sm.btn-sm { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } btn-sm.btn-sm span { float:left; height:29px; background:transparent url(http://historichighland.com/images/button_sm.png) 0 bottom no-repeat; padding:0 0 0 15px; margin-left: -4px; font:bold 12px/28px Georgia, Times, Serif; text-align:center; white-space:nowrap; color:#fff; text-shadow: 1px 1px 2px #000; } btn-sm.btn-sm span span { background-position:100% bottom; padding:0 15px 0 4px; } btn-sm:hover span { background-position:0 top; } btn-sm.btn-sm:hover span span { background-position:100% top; } a.btn-sm::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ a.btn-sm {-webkit-border-fit:lines;} /* <- Safari & Google Chrome Fix */ a.btn-sm { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } a.btn-sm span { float:left; height:29px; background:transparent url(http://historichighland.com/images/button_sm.png) 0 bottom no-repeat; padding:0 0 0 15px; margin-left: -4px; font:normal 11px/26px Century Gothic, sans-serif; text-align:center; text-transform: uppercase; white-space:nowrap; color:#fff; text-shadow: 1px 1px 2px #000; } a.btn-sm span span { background-position:100% bottom; padding:0 15px 0 4px; } a.btn-sm:hover span { background-position:0 top; } a.btn-sm:hover span span { background-position:100% top; } /*------------ jQuery Tabs -------------*/ #tabbernav { margin: 0 0 20px 0; border-bottom:1px solid #C8C5BB; } #tabbernav a, /* hidden tabs */ #tabbernav a:active, #tabbernav a:visited, #tabbernav a:hover{ display:block; float:left; text-decoration:none; margin:0 -5px 0 0; text-align: center; width: 71px; height: 30px; outline:none; background:url(http://historichighland.com/images/tabs.png) center bottom no-repeat; font: bold 13px/36px Georgia, Times, serif; color: #fff; text-shadow: 1px 1px 1px #000; cursor: pointer; } #tabbernav a.selected, /* currently selected tab */ #tabbernav a.selected:active, #tabbernav a.selected:visited { text-decoration:none; outline:none; background:url(http://historichighland.com/images/tabs.png) center top no-repeat; } .hiddencontent { padding:0; margin:0 0 40px 0; display:none; } .clear {clear:both;} /*///////////////////////////////////////*/ /*-------------END BUTTONS---------------*/ /*///////////////////////////////////////*/ /*----------------H TAGS-----------------*/ /*///////////////////////////////////////*/ h1 { color: #7E3E39; font-size: 30px; font-family: Georgia, Serif; text-shadow: 1px 1px 1px #fbfbf8; } h2 { color: #7E3E39; font-size: 20px; font-family: Georgia, Serif; text-shadow: 1px 1px 1px #fbfbf8; } h2 a { color: #7E3E39; font-size: 20px; font-family: Georgia, Serif; text-shadow: 1px 1px 1px #fbfbf8; } h3 { color: #7E3E39; font-size: 16px; font-family: Georgia, Serif; text-shadow: 1px 1px 1px #fbfbf8; font-weight: bold; margin-bottom: 3px; } h4 { color: #8C744C; font-size: 16px; font-family: Georgia, Serif; text-shadow: 1px 1px 1px #3C2415; text-transform: lowercase; margin: 6px 0 3px; } h5 { color: #3d484a; font: bold 16px/12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; padding-top: 10px; } h6 { color: #7E3E39; font: bold 16px/12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; padding-top: 10px; } /*///////////////////////////////////////*/ /*--------------END H TAGS---------------*/ /*///////////////////////////////////////*/ /*--------------HOME / SUB---------------*/ /*///////////////////////////////////////*/ #main { } #main h1 { margin: 22px 0 15px; } #main p { line-height: 22px; margin-bottom: 13px; font-size: 13px; } #main .cms p a, #main .cms a { color: #5B5B5B; font: bold 13px/18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-decoration: none; } #main .cms p a:hover, #main .cms a:hover { color: #333; text-decoration: underline; } #main .cms ul { margin: 10px 0 10px 15px; list-style: disc; } #main .cms ul#gallery { list-style: none; } #main .cms li p { line-height: 18px; margin: 2px 0; } #main #img-container { width: 858px; height: 260px; padding: 28px 27px; background: url(http://historichighland.com/images/img_main_bg.png) no-repeat left top; } #main #img-container #images { width: 857px; height: 262px; } #main #img-container img { border-left: .5px #8c877a solid; border-top: .5px #8c877a solid; } .home #main #col-left { float: left; padding-left: 50px; width: 612px; } .home #main #col-right { float: right; padding: 15px 15px 0 0; } #main #callout-home { width: 163px; height: 300px; background: url(http://historichighland.com/images/callout_lrg.png) no-repeat left top; padding: 45px 22px 0; } #main #callout-home p { color: #3C2415; font-size: 12px; font-family: Georgia, Serif; font-style: italic; } #main #callout-home p.quote-name { font-size: 11px; font-style: normal; text-align: right; padding-top: 7px; line-height: 16px; } #main .small p { font-size: 10px; } .sub #main #col-left { float: left; width: 265px; padding: 22px 0 0 11px; } .sub #main #col-right { float: right; width: 590px; padding-right: 22px; } .sub #main #col-right .img-right, .sub #main #col-right .img-left { } .sub #main #col-right .img-right { float: right; margin: 2px 0 5px 10px; } .sub #main #col-right .img-left { float: left; margin: 2px 10px 5px 0; } .sub #main #col-right ul { margin-bottom: 15px; } .sub #main #col-right li a { display: block; font: normal 13px/24px Century Gothic, sans-serif; color: #3C2415; } .sub #main #col-right li a:hover { color: #000; } #col-left .callout { width: 163px; height: auto; background: url(http://historichighland.com/images/sidebar_callout_bg.png) no-repeat left top; padding: 55px 22px 11px; margin: 0 0 30px; position: relative; } #col-left .callout-footer { width: 207px; height: 108px; background: url(http://historichighland.com/images/sidebar_callout_bg_footer.png) no-repeat left top; position: absolute; bottom: -25px; left: 0; z-index: 1; } #col-left .callout p { color: #3C2415; font-size: 13px; font-family: Georgia, Serif; font-style: italic; } #col-left .callout p.quote-name { font-size: 11px; font-style: normal; text-align: right; padding-top: 7px; line-height: 16px; } #col-left #contact-info { padding: 20px 0 0 20px; } #col-left #contact-info a { font: normal 13px/18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; } #col-left #contact-info a:hover { text-decoration: underline; } #col-main { padding: 0 100px; } .single { padding: 0 25px; } /*///////////////////////////////////////*/ /*------------END HOME / SUB-------------*/ /*///////////////////////////////////////*/ /*-----------------NAV-------------------*/ /*///////////////////////////////////////*/ #nav { height: 45px; padding-left: 10px; } #nav li { float: left; position:relative; margin-right: 1px; } #nav li.sub-level--1 { display: none; } #nav li a { display: block; background: url(http://historichighland.com/images/nav_bg.gif) repeat-x left bottom; font-size: 14px; height: 45px; text-transform: uppercase; text-shadow: 1px 1px 2px #000; color: #e1cfc8; line-height: 44px; text-align: center; } #nav li:hover a, #nav li.current a { background-position: top; } #nav li.one a { width: 186px; } #nav li.two a { width: 170px; } #nav li.three a { width: 100px; } #nav li.four a { width: 118px; } #nav li.five a { width: 92px; } #nav li.six a { width: 98px; } #nav li.seven a { width: 118px; } #nav ul {position:absolute; top:45px; left:0; background:#62352a; display:none; opacity:0; list-style:none; } #nav ul li {position:relative; width:184px; margin:0; border-bottom: #581b0d 1px solid; } #nav ul li a {display:block; padding:8px 15px 0; text-align: left; background: #d1d1d1 transparent; line-height: normal; height: 22px; font-size: 12px; width: auto !important; } #nav li:hover ul li a { background-position: bottom; } #nav li:hover ul li a:hover { background-position: top; } #nav ul ul { left:120px; top:17px; -moz-box-shadow: 0 0 7px #361208; -webkit-box-shadow: 0 0 7px #361208; box-shadow: 0 0 7px #361208;} .side-nav { margin-bottom: 20px; } .side-nav li a { font: normal 20px/40px Georgia, Serif; color: #424143; display: block; padding: 0 20px; height: 40px; text-shadow: 1px 1px 2px #fff; background: url(http://historichighland.com/images/sidenav_bg.png) no-repeat left bottom; } .side-nav li a:hover, .side-nav li.active a, .side-nav li.parent-active a { font-style: italic; color: #f8f7f1; text-shadow: 1px 1px 2px #000; } .side-nav li a:hover { background: #c2bcae no-repeat left bottom; width: 206px; } .side-nav li.active a, .side-nav li.active a:hover, .side-nav li.parent-active a { background: url(http://historichighland.com/images/sidenav_bg.png) no-repeat left top; width: auto; } .side-nav li.parent-active a { margin-bottom: 1px; } .side-nav li.active ul li.sub-level-1 a { font: normal 16px/32px Georgia, Serif; color: #424143; display: block; padding: 0 15px; margin-left: 25px; height: 32px; text-shadow: 1px 1px 2px #fff; background: url(http://historichighland.com/images/sidenav_bg.png) no-repeat left bottom; } .side-nav li.active ul li.sub-level-1 a:hover { background: #c2bcae no-repeat left bottom; width: 191px; font-style: italic; color: #f8f7f1; text-shadow: 1px 1px 2px #000; } .side-nav li ul li.sub-level-1 a { font: normal 16px/32px Georgia, Serif; color: #424143; display: block; padding: 0 15px; margin-left: 25px; height: 32px; text-shadow: 1px 1px 2px #fff; background: url(http://historichighland.com/images/sidenav_bg.png) no-repeat left bottom; } .side-nav li ul li.sub-level-1 a:hover, .side-nav li ul li.active a { background: #c2bcae no-repeat left bottom; width: 191px; font-style: italic; color: #f8f7f1; text-shadow: 1px 1px 2px #000; } /*///////////////////////////////////////*/ /*---------------END NAV-----------------*/ /*///////////////////////////////////////*/ /*------------LISTING PAGES--------------*/ /*///////////////////////////////////////*/ /*---------------GALLERY-----------------*/ #gallery li { float: left; background: transparent url(http://historichighland.com/images/img_sm_bg.png) no-repeat left top; width: 138px; height: 104px; padding: 9px 0 0 9px; margin-bottom: 5px; } #gallery li a { display:block; width:129px; height:93px; overflow:hidden; position:relative; z-index:1; } #gallery li a img{ float:left; position:absolute; top: 0; left: 0; } /*---------------ARCHIVES-----------------*/ #archives li, #staff li, #boulder li { padding: 20px 0; border-top: #758381 1px dotted; } /*----------------STAFF-------------------*/ #staff li .img-bg { float: left; background: transparent url(http://historichighland.com/images/staff_bg.png) no-repeat left top; width: 159px; height: 173px; padding: 13px 0 0 13px; margin: 0 10px 5px 0; } /*---------------FREEFORM-----------------*/ #freeform p { float: left; width: 250px; } #freeform p.textarea { float: left; width: 471px; } #freeform p.right { float: right; color: #7E3E39; font-size: 10px; width: 200px; margin-bottom: 7px; } #freeform img { margin-top: 5px; } #freeform label span { color: #7E3E39; } #freeform input { width: 215px; background-color: #c8c5bb; border: #999 1px solid; padding: 4px; margin-bottom: 7px; -moz-box-shadow: inset 0 0 7px #999; -webkit-box-shadow: inset 0 0 7px #999; box-shadow: inset 0 0 7px #999; font: normal 12px/18px Century Gothic, Arial, Helvetica, sans-serif; } #freeform textarea { vertical-align: middle; width: 465px; background-color: #c8c5bb; border: #999 1px solid; padding: 4px; color: #444; margin-bottom: 7px; -moz-box-shadow: inset 0 0 7px #999; -webkit-box-shadow: inset 0 0 7px #999; box-shadow: inset 0 0 7px #999; font: normal 12px/18px Century Gothic, Arial, Helvetica, sans-serif; } #freeform input:focus, #freeform textarea:focus { background-color: #eceade; } #freeform select { width: 225px; background-color: #c8c5bb; border: #999 1px solid; padding: 2px 4px; color: #333; margin-bottom: 7px; -moz-box-shadow: inset 0 0 7px #999; -webkit-box-shadow: inset 0 0 7px #999; box-shadow: inset 0 0 7px #999; font: normal 12px/18px Century Gothic, Arial, Helvetica, sans-serif; } #freeform select option { padding: 0 4px; } /*----------------LOGIN------------------*/ #login p { width: 250px; } #login p.textarea { float: left; width: 471px; } #login p.right { float: right; color: #7E3E39; font-size: 10px; width: 200px; margin-bottom: 7px; } #login p.radio { width: auto; line-height: 28px; } #main .cms #login a.forgot { font:11px/30px 'Lucida Sans Unicode','Lucida Grande',sans-serif; } #login img { margin-top: 5px; } #login label span { color: #7E3E39; } #login input { vertical-align: inherit; } #login input.input { width: 215px; background-color: #c8c5bb; border: #999 1px solid; padding: 4px; margin-bottom: 7px; -moz-box-shadow: inset 0 0 7px #999; -webkit-box-shadow: inset 0 0 7px #999; box-shadow: inset 0 0 7px #999; font: normal 12px/18px Century Gothic, Arial, Helvetica, sans-serif; } #login textarea { vertical-align: middle; width: 465px; background-color: #c8c5bb; border: #999 1px solid; padding: 4px; color: #444; margin-bottom: 7px; -moz-box-shadow: inset 0 0 7px #999; -webkit-box-shadow: inset 0 0 7px #999; box-shadow: inset 0 0 7px #999; font: normal 12px/18px Century Gothic, Arial, Helvetica, sans-serif; } #login input:focus, #login textarea:focus { background-color: #eceade; } #login select { width: 225px; background-color: #c8c5bb; border: #999 1px solid; padding: 2px 4px; color: #333; margin-bottom: 7px; -moz-box-shadow: inset 0 0 7px #999; -webkit-box-shadow: inset 0 0 7px #999; box-shadow: inset 0 0 7px #999; font: normal 12px/18px Century Gothic, Arial, Helvetica, sans-serif; } #login select option { padding: 0 4px; } /*-----------------NEWS-------------------*/ #blog { } #blog img.blog { border: #5e75a8 1px solid; margin-bottom: 10px; max-width: 548px; } #blog li { border-bottom: 1px dotted #10436f; padding: 20px 0; } #blog li li { float: left; border-right: #C8D2E7 1px solid; padding: 0 8px; border-bottom: none; } #blog li li.last { border-right: none; } #blog li li p, #blog li li a { line-height: 10px; } #blog .social { width: auto; margin: 25px 0 0; float: right; } #blog .social li { border: none; padding:0 5px; } #blog .social li a { display: block; } #blog .social li img { margin: 0; border: none; } .top-links { margin:8px 0 18px -8px; } #blog a.read-more { text-transform: uppercase; text-shadow: 1px 1px 1px #444; font-size: 13px; line-height: 40px; padding-right: 20px; background: url(http://historichighland.com/images/arrow_two.gif) no-repeat right 3px; } /*---------------POETRY-------------------*/ .poem { padding: 20px; margin: 20px; background-color: #dfdbd0; border: 2px solid #fff; } .poem p { font-size: 13px; line-height: 22px; margin-bottom: 13px; } /*------------MEMBER LIST-----------------*/ table.member { width: 860px; padding: 0; } table.member tr { color: #ddd; } table.member tr.one { background: #c9c5bb; color: #dbe2f0; } table.member td { background: transparent; padding: 5px 10px; border:0 none !important; text-align: left; } table.member .first {width:120px;} table.member .second {width:110px;} table.member .third {width:110px;} table.member .fourth {width:240px} table.member .fifth {width:110px;} table.member .sixth {width:50px;} table.member tr.thead td { background-color:#DFDBD0; color: #3d484a; font: bold 12px/18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; } table.member tr.one td { } #main table.member p { margin: 0; font-size: 11px; line-height: 14px; } #main table.member a { color: #5B5B5B; font: 11px/14px 'Lucida Sans Unicode','Lucida Grande',sans-serif; } div.bio { background-color: #DFDBD0; padding: 10px 10px 15px; width: 420px; height: auto; } div.bio img { margin: 5px 10px 0 0; float: left; } /*///////////////////////////////////////*/ /*-------------END LISTING---------------*/ /*///////////////////////////////////////*/ /*--------------CALLOUTS-----------------*/ /*///////////////////////////////////////*/ #callout-wrapper { height: 180px; background: #eceade url(http://historichighland.com/images/divider_repeat.gif) repeat-x left top; padding-top: 20px; } #callouts { width: 921px; margin: 0 auto; } #callouts .callout-polaroid { background: url(http://historichighland.com/images/callout_polaroid.png) left top no-repeat; width: 280px; height: 127px; padding: 30px 0 0 25px; float: left; margin-right: 2px; position: relative; } #callouts .callout-polaroid p { color: #3C2415; width: 135px; font-size: 11.5px; } #callouts .callout-polaroid a.btn-sm { position: absolute; bottom: 17px; left: 50px; } #callouts .callout-polaroid .polaroid { position: absolute; right: 8px; top: 12px; width: 125px; height: 130px; } #callouts .callout-polaroid .polaroid-64 { background: transparent url(http://historichighland.com/images/img_polaroid1.png) no-repeat left top; } #callouts .callout-polaroid .polaroid-65 { background: transparent url(http://historichighland.com/images/img_polaroid3.png) no-repeat left top; } #callouts .callout-polaroid .polaroid-66 { background: transparent url(http://historichighland.com/images/img_polaroid2.png) no-repeat left top; } /*///////////////////////////////////////*/ /*------------END CALLOUTS---------------*/ /*///////////////////////////////////////*/ /*---------------FOOTER------------------*/ /*///////////////////////////////////////*/ #footer { background: transparent url(http://historichighland.com/images/repeat_bottom.jpg) repeat-x left top; border-top: #bfb39c 8px solid; padding: 20px 0; min-height: 300px; } #footer p.copy { text-align: center; font: normal 12px/22px Georgia, Serif; color: #C2B59B; text-transform: uppercase; padding: 20px 0 0; } #footer #sections { width: 842px; margin: 0 auto; } #footer #sections .section { width: 220px; padding: 0 30px; border-right: #5f513e 1px solid; height: 210px; float: left; text-align: center; } #footer #sections .section li a { display: block; font-size: 13px; text-transform: uppercase; text-shadow: 1px 1px 1px #3C2415; color: #bbb9a3; line-height: 22px; } #footer #sections .section li a:hover { color: #e0dece; } #footer #sections .contact { position: relative; } #footer #sections .contact p { font: normal 13px/22px Georgia, Serif; color: #bbb9a3; text-transform: uppercase; } #footer #sections .contact p.number { font-size: 23px; text-shadow: 1px 1px 1px #3C2415; margin-bottom: 10px; } #footer #sections .contact a.button { position: absolute; bottom: 5px; left: 87px; } #footer #sections .social ul { width: 122px; margin: 0 auto; padding: 5px 0; } #footer #sections .social li { float: left; } #footer #sections .social li a { display: block; width: 36px; height: 36px; text-indent: -9999em; } #footer #sections .social li a.linkedin { background: transparent url(http://historichighland.com/images/icon_linked.png) no-repeat left bottom; margin-right: 7px; } #footer #sections .social li a.facebook { background: transparent url(http://historichighland.com/images/icon_facebook.png) no-repeat left bottom; margin-right: 7px; } #footer #sections .social li a.twitter { background: transparent url(http://historichighland.com/images/icon_twitter.png) no-repeat left bottom; } #footer #sections .social li a:hover { background-position: top; } #footer #sections .social a.tool { display: block; width: 123px; height: 14px; margin: 10px auto; text-indent: -9999em; background: transparent url(http://historichighland.com/images/logo_tool.png) no-repeat left bottom; } #footer #sections .social a.tool:hover { background-position: top; } /*///////////////////////////////////////*/ /*-------------END FOOTER----------------*/ /*///////////////////////////////////////*/ /*--------------CLASSES------------------*/ /*///////////////////////////////////////*/ .clear { clear: both; } .left { float: left; } .right { float: right; } /*///////////////////////////////////////*/ /*--------------FANCYBOX-----------------*/ /*///////////////////////////////////////*/ #fancybox-loading{position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div{position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(http://historichighland.com/images/fancybox/fancybox.png); } #fancybox-overlay{position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp{padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap{position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer{position: relative; width: 100%; height: 100%; background-color: #DFDBD0; } #fancybox-content{width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; padding: 10px; background: #dfdbd0 url(http://historichighland.com/images/poem_bg.jpg) repeat left top; } #fancybox-content iframe { border: 1px solid #2C1B13; } #fancybox-hide-sel-frame{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close{position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(http://historichighland.com/images/fancybox/fancybox.png) -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error{color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img{width: 100%; height: 100%; padding: 0; margin: 0; border: 1px solid #2C1B13; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame{width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right{position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(http://historichighland.com/images/fancybox/blank.gif); z-index: 1102; display: none; } #fancybox-left{left: 0px; } #fancybox-right{right: 0px; } #fancybox-left-ico, #fancybox-right-ico{position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico{background-image: url(http://historichighland.com/images/fancybox/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico{background-image: url(http://historichighland.com/images/fancybox/fancybox.png); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover{visibility: visible; /* IE6 */} #fancybox-left:hover span{left: 20px; } #fancybox-right:hover span{left: auto; right: 20px; } .fancybox-bg{position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n{top: -20px; left: 0; width: 100%; background-image: url(http://historichighland.com/images/fancybox/fancybox-x.png); } #fancybox-bg-ne{top: -20px; right: -20px; background-image: url(http://historichighland.com/images/fancybox/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e{top: 0; right: -20px; height: 100%; background-image: url(http://historichighland.com/images/fancybox/fancybox-y.png); background-position: -20px 0px; } #fancybox-bg-se{bottom: -20px; right: -20px; background-image: url(http://historichighland.com/images/fancybox/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s{bottom: -20px; left: 0; width: 100%; background-image: url(http://historichighland.com/images/fancybox/fancybox-x.png); background-position: 0px -20px; } #fancybox-bg-sw{bottom: -20px; left: -20px; background-image: url(http://historichighland.com/images/fancybox/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w{top: 0; left: -20px; height: 100%; background-image: url(http://historichighland.com/images/fancybox/fancybox-y.png); } #fancybox-bg-nw{top: -20px; left: -20px; background-image: url(http://historichighland.com/images/fancybox/fancybox.png); background-position: -40px -122px; } #fancybox-title{font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside{padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside{padding-top: 10px; color: #fff; } .fancybox-title-over{position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over{padding: 10px; background-image: url(http://historichighland.com/images/fancybox/fancy_title_over.png); display: block; } .fancybox-title-float{position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap{border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td{border: none; white-space: nowrap; } #fancybox-title-float-left{padding: 0 0 0 15px; background: url(http://historichighland.com/images/fancybox/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main{color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(http://historichighland.com/images/fancybox/fancybox-x.png) 0px -40px; } #fancybox-title-float-right{padding: 0 0 0 15px; background: url(http://historichighland.com/images/fancybox/fancybox.png) -55px -90px no-repeat; } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg{ background: transparent !important; } .fancybox-ie #fancybox-bg-n{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://historichighland.com/images/fancybox/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://historichighland.com/images/fancybox/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://historichighland.com/images/fancybox/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://historichighland.com/images/fancybox/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://historichighland.com/images/fancybox/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://historichighland.com/images/fancybox/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://historichighland.com/images/fancybox/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://historichighland.com/images/fancybox/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }