/* @override http://www.vistacolumbia.com.clint.sandbox.dev.cyberwoven.local/css/cvg/screen.css */ /* --------------------------------------------- Columbia Vista Guild Screen Style Sheet author: Cyberwoven version: 2011.01 ----------------------------------------------- */ body { font:normal 13px/24px Arial, Helvetica, sans-serif; color:#615b49; margin:0; padding:0; background:#fff url(../images/bodybg.png) repeat-x; text-align:center;} a {color:#032e5e; text-decoration:underline;} a:hover {text-decoration:none;} h2 {font:normal 32px/45px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#930;} h3 {font:normal 18px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:20px 0 4px 0; padding:0; color:#21629b;} h4 {font:bold 14px/20px Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:15px 0 2px 0; padding:0; color:#3782c4;} p {margin:0 0 15px 0; padding:0;} p.intro { font-weight:300; font-size:19px; line-height:28px; margin:0; padding:0 0 30px 0; color:#592e24; background:url(../images/intro-bg.png) no-repeat center bottom;} blockquote {margin:20px 30px; padding:20px 30px; background:#004b7b; border:1px solid #333; border-width:1px 0; width:156px; float:right; background:url(../images/blockquote.png) no-repeat 0 0; color:#FFF; font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2"; font-size:22px; line-height:24px; text-transform:uppercase; text-shadow:0px 1px 1px #004b7b; } fieldset {margin:0; padding:0; display:block; border:none;} .textbox {border:1px solid #333; background:none; padding:2px 5px;} textarea {border:1px solid #333; background:none; padding:2px 5px;} img {float:right; margin:0 0 10px 10px; padding:0px; border:5px solid #6a91a5;} a:hover img { } .wf-loading .tk-superclarendon { /* Hide while web fonts are loading */ visibility: hidden; } /* Reusables ----------------------------------------------- */ .hidden {display:none;} .alt {display:none;} .clear {clear:both; display:block; overflow:hidden; width:0; height:0;} table.data {text-align:left; font-family:Arial, Helvetica, sans-serif; color:#333;} table.data th {padding:2px 5px; border-bottom:1px solid #ccc; font-weight:bold; line-height:18px; text-align:left; color:#054164;} table.data td {padding:2px 5px; line-height:16px; border-bottom:1px solid #ccc; } table.data tr.even td {background-color:#ebf3f2;} .floatleft {float:left;} .floatright {float:right;} .nofloat {float:none !important;} .linkbutton {display:inline-block; clear:both; padding:3px 5px; font-weight:bold; border:2px solid #333; margin:10px 0; text-decoration:none;} .linkbutton:hover {text-decoration:none; background:#ccc; border-color:#000;} ul.pager {display:block; margin:0 !important; padding:15px 0 !important; list-style:none;} ul.pager li {display:inline; margin:0 !important; padding:0 5px 0 0 !important; background:none !important; line-height:18px;} ul.pager li a, ul.pager li strong, ul.pager li span {display:inline-block; padding:0 8px; color:#333; background:#eee; border:1px solid #ccc; text-decoration:none;} ul.pager li strong {border-color:transparent; background:none; padding-left:0;} ul.pager li a:hover {background:#ccc; border-color:#666; color:#000;} ul.pager li span {background:#666; border-color:#666; color:#fff;} /* Layout Blocks ----------------------------------------------- */ .wrapper {position:relative; background:#832700 url(../images/header.jpg) no-repeat center top; min-width:960px; height:166px;} .container {width:960px; margin:0 auto; text-align:left;} a.skiplink {display:block; position:absolute; top:0; left:0; font-size:1px; text-indent:-9999px;} #header {height:162px; margin:0; position:relative;} #header h1 {margin:0; padding:40px 0 0 0;} #header h1 a {display:block; width:250px; height:105px; background:url(../images/logo.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none;} #header h1 a:hover { background-position: 0 bottom; } ul.mainnav {display:block; position:absolute; top:90px; right:0; margin:0; padding:0; list-style:none;} ul.mainnav li {display:inline; margin:0 10px 0 10px; padding:0; height:44px; float:left; border:none;} ul.mainnav li.active { background:#842f00;} ul.mainnav li a {display:block; float:left; margin:2px; color:#fff; padding:10px 24px; text-decoration:none; font-size:18px; font-weight:300; text-shadow: 2px 2px 1px #000; font-style:normal; line-height:normal; height:40px; width:auto; } /* 5d1b00*/ ul.mainnav li a:hover {text-decoration:none; background:url(../images/mainnav-bg.png) no-repeat 50% 0; color:#fff;display:block; float:left; margin:2px; padding:10px 24px; text-decoration:none; text-shadow: 2px 2px 1px #000; height:38px; width:auto; } ul.mainnav li.active a, ul.mainnav li.active a:hover {background:url(../images/mainnav-bg.png) no-repeat 50% 0; height:38px; width:auto; padding:10px 20px; } ul.mainnav li.events a.active { background:url(../images/mainnav-bg.png) no-repeat 50% 0; height:38px; width:auto; outline:none; } ul.headernav {display:block; position:absolute; top:48px; right:20px; margin:0; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif;} ul.headernav li {display:inline; margin:0; padding:0;} ul.headernav li a {display:block; float:left; margin:8px; padding:10px; text-decoration:none; text-transform:uppercase; line-height:16px; font-size:14px; color:#fff; text-shadow: 2px 2px 1px #000; } ul.headernav li a:hover {text-decoration:none; background:#742100; margin:7px; padding:10px; border:#842f00 1px solid; } ul#flyout {display:none; position:absolute; top:124px; margin:12px 0 0 340px; z-index:50; list-style:none; outline:none; } ul#flyout li { display:inline; margin:0; padding:0; } ul#flyout li a { display:block; margin:0; padding:0; float:left; height:150px; width:150px; background:#03C;} ul#flyout li.vivalavista a { display:block; margin:0; padding:0; float:left; height:140px; width:168px; background:url(../images/flyout-bg.jpg) no-repeat 0 0; text-indent:-9999px; } ul#flyout li.vivalavista a:hover { background-position: 0 -140px; } ul#flyout li.artistavista a { display:block; margin:0; padding:0; float:left; height:140px; width:168px; background:url(../images/flyout-bg.jpg) no-repeat -178px 0; text-indent:-9999px; } ul#flyout li.artistavista a:hover { background-position: -178px -140px; } ul#flyout li.vistalights a { display:block; margin:0; padding:0; float:left; height:140px; width:168px; background:url(../images/flyout-bg.jpg) no-repeat -355px 0; text-indent:-9999px; } ul#flyout li.vistalights a:hover { background-position: -355px -140px; } ul.flyout li a:hover { } .searchbox {position:absolute; top:58px; right:0; width:235px; text-align:left;} .searchbox .textbox {width:120px; margin:0 5px; color:#000; } ul.breadcrumbs {border-bottom:1px solid #333; margin:-20px 0 20px 0; padding:0 0 0 5px; list-style:none;} ul.breadcrumbs li {display:inline; margin:0; padding:0 0 0 5px; line-height:30px;} ul.breadcrumbs li a {display:table-cell; padding:0 18px 0 0; margin:0; color:#b60; text-decoration:none; background:url(../images/breadcrumb.gif) no-repeat right center;} ul.breadcrumbs li a:hover {text-decoration:underline; color:#b30;} .secondary {display:block; float:left; width:241px; margin-top:0; padding:0 0 70px 0; background:url(../images/second-nav-bg.png) no-repeat 0 top;} ul.subnav {display:block; margin:0; padding:0; list-style:none;} ul.subnav li {display:inline; margin:0; padding:0;} ul.subnav li a {display:block; padding:8px 20px; margin:0; font-size:14px; line-height:20px; font-weight:bold; text-decoration:none; color:#333; border-bottom:1px solid #333;} ul.subnav li a:hover {background:#ccc; text-decoration:none;} ul.subnav li.active a, ul.subnav li.active a:hover {background:#eee; text-decoration:none;} ul.subnav li ul {margin:0; padding:0; list-style:none;} ul.subnav li ul li a {font-size:12px; padding:2px 20px 2px 35px;} ul.subnav li.active ul li a {background:none;} ul.subnav li.active ul li a:hover {background:#ccc; text-decoration:none;} /* .content ul {list-style:none; margin:5px 0 20px 0; padding:0; line-height:16px;} .content ul li, .content ol ul li {margin:0; padding:2px 10px 2px 30px; background:url(../images/ulbullet.gif) no-repeat 14px 5px;} .content ol li {border:none; margin:0; padding:2px 0; background:none;}*/ #footer {clear:both; padding:20px 10px; background:url(../images/footerbg.gif) repeat-x 0 0; font-size:11px; position:relative;} #footer a {text-decoration:none;} #footer a:hover {text-decoration:underline;} ul.footernav {float:right; clear:both; margin:0; padding:0; list-style:none; position:relative; top:-55px; } ul.footernav li {display:inline; margin:0; padding:0;} ul.footernav li a {display:block; float:left; padding:0 2px; margin:0 0 0 10px;} #footer a.cyberwoven {color:#333;} #footer a.cyberwoven:hover {text-decoration:none;} #footer a.cyberwoven:hover span {color:#cb5201; text-decoration:underline;} ul.social {list-style:none; padding:0; margin:0; } ul.social li { padding:0 5px 0 0; display:inline; float:left;} ul.social li a { display:block; height:25px; width:25px; text-indent:-9999px; } ul.social li a.facebook {background:url(../images/social.png) no-repeat 0 -25px; float:none; } ul.social li a.twitter {background:url(../images/social.png) no-repeat -30px -25px;} ul.social li a.flickr {background:url(../images/social.png) no-repeat -60px -25px;} ul.social li a.facebook:hover {background-position: 0 0; } ul.social li a.twitter:hover {background-position: -30px 0;} ul.social li a.flickr:hover {background-position: -60px 0;} a.cvg { background:url(../images/vistalogo.png) no-repeat 0 0; display:block; height:92px; width:69px; position:relative; margin:0 auto; top:-38px; text-indent:-9999px; } a.cvg:hover { background-position: -70px 0; } ul.partner { list-style:none; padding:0; margin:0; position:relative; top:-92px; right:-10px; float:right; } ul.partner li {padding:0; display:inline; float:left; } ul.partner li a { display:block; text-indent:-9999px; margin:0 0 0 20px;} ul.partner li a.citycenter {background:url(../images/partners.png) no-repeat 0 -55px; height:55px; width:150px; } ul.partner li a.columbia { background:url(../images/partners.png) no-repeat -150px -55px; height:55px; width:120px;} ul.partner li a.fivepoints {background:url(../images/partners.png) no-repeat -275px -55px; height:55px; width:100px; } ul.partner li a.citycenter:hover { background-position: 0 0; } ul.partner li a.columbia:hover { background-position: -150px 0; } ul.partner li a.fivepoints:hover {background-position: -275px 0;} .copyright { position:relative; top:-58px; margin:0; padding:0;} /* Homepage Specific ----------------------------------------------- */ body.home .content {width:100%;} #homeflash {width:620px; float:left; margin:0 10px;} .homeintro {width:300px; height:275px; float:left; margin:0 10px;} body.home ul.headlines {margin:0; padding:0; list-style:none; z-index:100; border:none;} body.home ul.headlines li {margin:0; padding:0; font-size:11px; font-weight:bold; color:#000; background:none;} body.home ul.headlines li span {color:#6b6b6b; font-weight:normal; padding-right:10px;} body.home ul.headlines li a {text-decoration:none; font-weight:normal;} body.home ul.headlines li a:hover {text-decoration:underline;} .rose {background:url(../images/rose.png) no-repeat 0 0; height:245px; width:421px; position:absolute; top:366px; z-index:30; margin:0 0 0 143px;} #slide { height:444px; margin:-20px auto 0 auto; } .slide1 {background:url(../images/slide1.jpg) no-repeat center top; width:100% !important; height:444px; padding:40px 0 0 40px; margin:0 auto;} .slide2 {background:url(../images/slide1.jpg) no-repeat center top; width:100% !important; height:444px; padding:40px 0 0 40px; margin:0 auto;} .slide3 {background:url(../images/slide1.jpg) no-repeat center top; width:100% !important; height:444px; padding:40px 0 0 40px; margin:0 auto;} .slide4 {background:url(../images/slide1.jpg) no-repeat center top; width:100% !important; height:444px; padding:40px 0 0 40px; margin:0 auto;} .slide5 {background:url(../images/slide1.jpg) no-repeat center top; width:100% !important; height:444px; padding:40px 0 0 40px; margin:0 auto;} #nav { position:relative; top:20px; right:25%; z-index:20; } #nav a {color:#000; padding:0 5px 1px 5px; margin:0; font-size:10px; line-height:12px; text-decoration:none; } #nav a.activeSlide {color:#fff; background:url(../images/nav-bg.gif) no-repeat 0 0; height:14px; width:15px; text-decoration:none; } .slidecontent { width:600px; margin:0 auto; padding:150px 0 0 300px;} .slidecontent h2 { text-indent:-9999px;} .slidecontent h3 { text-indent:-9999px;} .slidecontent p { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-shadow:2px 2px 2px #fff; padding:0 0 0 160px; text-align:center; width:400px;} .slidecontent ul { display:block; list-style:none; float:right; } .slidecontent ul li { display: inline; float:left; padding: 0 10px;} .slidecontent ul li a { display:block; width:115px ; height:37px; background:url(../images/button.png) no-repeat center top; font-family:"superclarendon-1","superclarendon-2"; color:#fff; padding:10px 5px 0 10px; text-align:center; font-weight:900; } .slidecontent ul li a:hover { background-position: 0 -47px; height:55px; cursor: pointer;} .visiting{ background:url(../images/visitingvistabg.png) no-repeat 0 0; float:left; width:478px; position:relative; top:-10px; z-index:20; } .visiting h2 { text-indent:-9999px; } .visiting p {color:#222; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; padding:20px; word-spacing:2px; line-height:16px; } body.home .searchbox {position:relative; top:10px; right:0; width:460px; text-align:left;} body.home .searchbox fieldset { position:relative; top:-33px; left:35px; background:url(../images/homesearch.png) no-repeat 0 0; width:430px; height:46px; } body.home .searchbox form label { text-indent:-9999px; display:none; } body.home .searchbox form input { border:none; } body.home .searchbox form input.textbox {padding:0; color:#999; font-size:13px; margin:15px 12px 9px 12px; float:left; width:337px; } body.home .searchbox form input.button { background:url(../images/input-btn.png) no-repeat 0 0; width:46px; height:45px; line-height: 500px; overflow: hidden; } body.home .searchbox form input.button:hover { background-position: 0 -46px;} #map-link { float:left;} #map-link a { display:block; background:url(../images/map-link.png) no-repeat 0 0; height:200px; width:200px; text-indent:-9999px; margin:0 0 0 25px; } #map-link a:hover { background-position:0 -197px;} .business-cat { margin:0 0 0 20px;} .business-cat h3 {font:normal 18px/20px Georgia, "Times New Roman", Times, serif; margin:0; padding:0; color:#633232; } .business-cat ul { list-style:none;} .business-cat ul li {font:normal 13px/18px Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0 0 6px 0; color:#003e4f; background:none;} .business-cat ul li a { color:#003e4f; text-decoration:none;} .business-cat ul li a:hover { color:#006ba9; text-decoration: underline;} .content .twitter { background:url(../images/twitterbg.png) no-repeat 0 0; width:462px; height:103px; padding:50px 10px 0 10px; float:left; position:relative; top:-10px; color:#FFF; font-size: 12px; } .content .twitter h3 { text-indent:-9999px; } .content .twitter a { color: #F00;} .content .twitter a.twitter-ico { background:url(../images/social.png) no-repeat -30px -25px; display:block; height:25px; width:25px; text-indent:-9999px;} .content .twitter a.twitter-ico:hover { background:url(../images/social.png) no-repeat -30px 0;} #inspired { background:url(../images/inspiredbg.jpg) no-repeat 0 0; width:470px; height:235px; float:left; position:relative; top:-10px;} #inspired .tabcontent { padding:20px 0 0 0; } #inspired .tabcontent h3 { color:#d8970a; font:normal 18px/20px Georgia, "Times New Roman", Times, serif; } #inspired .tabcontent h4 { color:#4e493b; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; } #inspired .tabcontent p { color:#4e493b; font:normal 13px/16px Georgia, "Times New Roman", Times, serif; } #inspired .tabcontent a, .join a { color:#e05f00; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none ; } #inspired a:hover, .join a:hover {color:#f26700; text-decoration:underline; } #inspired .tabcontent .tabimg img { border:none;} #inspired ul.tabs {display:none;} #nav2 { position:relative; top:40px; right:49%; z-index:20; height:20px; } #nav2 a {color:#949494; padding:0 5px 1px 5px; margin:0; font-size:10px; line-height:12px; text-decoration:none; } #nav2 a.activeSlide {color:#fff; background:url(../images/nav-bg-red.gif) no-repeat 0 0; height:14px; width:15px; text-decoration:none; } .sm-rotator { padding:12px;} #explore { float:left; height:200px; width:210px; margin:-10px 0 0 0; padding:0; } #explore h3 {font:normal 18px/20px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin:0; padding:0 0 20px 23px; color:#633232; } #explore ul {display:block; margin:0; padding:0; list-style:none; } #explore ul li { list-style:none; padding:0 0 23px 24px; background:none;} #explore ul li a { font-family:"Arial Black", Gadget, sans-serif; font-size:24px; display:block; padding:0; margin:0; cursor:pointer; position:relative; z-index:5; } a.nightlife { background:url(../images/nightlife.png) no-repeat 0 0; height:54px; width:191px; text-indent:-9999px;} a:hover.nightlife {background:url(../images/nightlife-hover.png) no-repeat 0 0; height:54px; width:191px;} a.familyfun { background:url(../images/familyfun.png) no-repeat 0 0; height:54px; width:191px; text-indent:-9999px;} a:hover.familyfun {background:url(../images/familyfun-hover.png) no-repeat 0 0; height:54px; width:191px;} #bracket { background:url(../images/bracket.png) no-repeat 0 0; height:70px; width:229px; position:absolute; top:797px; padding:0; margin:-10px 0 0 0; z-index:-2;} .facebook { width:241px; float:right; border:none;} .facebook h3 {background:url(../images/facebookhead.png) no-repeat 0 0; height:28px; width:148px; text-indent:-9999px; padding:0; margin:0;} .join { width:225px; float:left; position:relative; top:-50px; left:15px;} .join h3 { background:url(../images/join.png) no-repeat 0 0; height:21px; text-indent:-9999px;} .join img { float:left; border:none; padding:0; margin:0 15px 15px 0;} body.home .photos {clear:both; position:relative; top:-60px;} body.home .photos h3 {background:url(../images/flickrhead.png) no-repeat 0 0; text-indent:-9999px; height:23px; width:104px; } #flickr_badge_uber_wrapper {} #flickr_badge_wrapper {} .flickr_badge_image { width:115px; height:115px; float:left; overflow:hidden; padding:0; margin:0; } .flickr_badge_image a img { float:left; border:none; margin:0; padding:0; } .flickr-more {} .flickr-more p { } .flickr-more a { background:url(../images/flickr-more.png) no-repeat 0 0; cursor:pointer; display:block; height:57px; width:47px; text-indent:-9999px; position:relative; top:220px; } .flickr-more a:hover { background-position:right 0;} /* Internal Pages ----------------------------------------------- */ body.internal { background:#fff url(../images/bodybg-int.png) repeat-x center 166px; font:normal 13px/24px Georgia, "Times New Roman", Times, serif; color:#4e493b;} body.internal #header {height:166px; } body.internal .content { background:url(../images/content-bgn.png) repeat-y 0 0 ; display:block; float:left; width:1000px; margin:0 20px 20px 0; padding:0;} body.internal div.category{ float:left; display:block; width:685px; padding:40px 20px 20px; } div.categorydiv { } .businessfindersearch { position:absolute; top:180px; padding:20px; display:block; width:640px; border-bottom :solid 1px #e3dfd5; } .businessfindersearch a { color:#005d84; float:left; } .businessfindersearch input#ContentRegion1_ctl00_btnSearch { float:right; background:url(../images/input-btn.png) no-repeat 0 0; width:45px; height:45px; text-indent:-9999px; border:none; } .businessfindersearch input#ContentRegion1_ctl00_btnSearch:hover { background-position: 0 -46px; cursor:pointer;} .businessfindersearch input#ContentRegion1_ctl00_txtSearch { padding:4px; margin:10px; color:#999; background:none; border:none; cursor:default; line-height:12px; font-size:12px; } .businessfindersearch .search-bgn { background:url(../images/business-search.png) no-repeat 0 0; width:248px; height:43px; float:right; } .businessfindersearch a.mapview_link { font-family:"superclarendon-1","superclarendon-2"; font-size:14px; text-transform:capitalize; line-height:16px; padding:0 0 0 20px; margin:0 0 0 -20px; text-decoration:none; background:url(../images/gotomap.png) no-repeat left 0;} .businessfindersearch a.mapview_link:hover { color:#0074a3; text-decoration:underline; background-position: 0 -16px; } /*-- Business Results --*/ span.locationfinder_pager {} a.locationfinder {} .businessdiv a.businesslink { background:url(../images/icons.png) no-repeat lett 0; } .businesscollapse a { color:#096; } body.internal #explore {width:240px; position:relative; top:82px; margin:-10px 0 0 0; } body.internal #explore h3 { text-indent:-9999px; } body.internal #bracket { top:806px; z-index:2;} body.internal h2.subnav {font-style:normal; font-size:24px; font-weight:300; padding:0 0 10px 20px; font-family:superclarendon-1,superclarendon-2; color:#005D84; } body.internal h2.header {font-style:italic; font-weight:900; font-size:20px; height:70px; padding:27px 0 0 37px; background:url(../images/h2-bgn.png) no-repeat left top; } body.internal.businessfinder h2.header { padding:90px 0 0 37px; background:url(../images/h2-bgn.png) no-repeat left 60px; } ul.businessfinder {margin:0; padding:0; list-style:none; } li.businessfinder {margin:7px 10px; padding:0 0 0 20px; border-bottom:solid 1px #d5a351; background:none !important;} li.businessfinder a { font-family:font-family:"superclarendon-1","superclarendon-2"; font-size:14px; line-height:16px; font-style:italic; font-weight:300; text-decoration:none; margin:0; padding:0; color:#014967;} li.businessfinder a:hover { color:#2287b1;} h4.categoryheader {font-family:"superclarendon-1","superclarendon-2"; font-weight:700; font-size:12px; float:left; padding:0 0 0 40px; text-decoration:none; } p.categorytext { padding:0 0 20px 0; margin:0 0 0 40px; border-bottom:#e4dfd6 solid 1px; line-height:24px;} .categorydiv a { background:url(../images/icons.png) no-repeat 0 -321px; display:block; height:42px; text-decoration:none;} .categorydiv a.RestaurantsandBars { background:url(../images/icons.png) no-repeat 0 0px; } .categorydiv a.Shopping { background:url(../images/icons.png) no-repeat 0 -43px; } .categorydiv a.GalleriesandStudios { background:url(../images/icons.png) no-repeat 0 -86px; } .categorydiv a.ProfessionalServices {background:url(../images/icons.png) no-repeat 0 -129px; } .categorydiv a.BoxOffices { background:url(../images/icons.png) no-repeat 0 -172px; } .categorydiv a.Museums { background:url(../images/icons.png) no-repeat 0 -215px; } .categorydiv a.Hotels { background:url(../images/icons.png) no-repeat 0 -258px; } .categorydiv a.Residential { background:url(../images/icons.png) no-repeat 0 -301px; } body.internal #map-link { padding:0 0 10px 0;} /* - */ span.locationfinder_pager {} a.locationfinder {} /* Specialty Pages ----------------------------------------------- */ ul.photogallery {margin:0; padding:0; list-style:none; overflow:auto;} ul.photogallery li {display:inline; margin:0; padding:0;} ul.photogallery li a img {float:left; margin:0 7px 7px 0;} ul.photogallerylist {display:block; margin:15px 0; padding:0;} ul.photogallerylist li {display:block; position:relative; float:left; width:260px; margin:0 10px 10px 10px; padding:5px; min-height:60px; height:auto !important; height:60px; border-bottom:1px solid #D3D0CD; border-top:1px solid #D3D0CD; background:#e0e5e0;} ul.photogallerylist li a { color:#21629b; } ul.photogallerylist li a img { float:left; margin:0 10px 0 0;} ul.photogallerylist li a:hover { color:#09F;} ul.photogallerylist li a.gallerythumb {display:block; position:absolute; top:5px; left:0; width:50px; height:50px; border:2px solid #333; float:left;} ul.photogallerylist li a.gallerythumb:hover {border-color:#f60;} ul.photogallerylist li a.gallerythumb img {width:50px; height:50px; border:none; margin:5px 0 10px 10px; padding:0;} #rss { display:block; margin:0; position:absolute; right:20px; top:15px; } #rss a { display:block; padding:6px 30px 0 0; min-width:24px; min-height:24px; color:#a7a7a7; font-size:11px; font-style:italic; text-indent:-9999px; background:url(../images/rss_icon.png) no-repeat 100% 50%; } #rss a:hover { text-indent:0; } /* Form Builder ---------------------------- */ fieldset.searchform { padding-left:15px;} fieldset.searchform label { position:absolute; left:-9999px; } fieldset.searchform input { width:300px; } fieldset.searchform input[type="submit"] { margin:15px 0 10px 5px; padding:2px 22px 2px 34px; width:auto; background-position:left -5px; } div.formrow {display:block; margin:0 0 15px 0; clear:both;} div.formrow label {display:block; clear:both; width:170px; text-align:right; float:left; margin:0 5px 0 0; padding:5px 8px 5px 12px; font-size:13px; font-style:italic; color:#053f5a; background:#dae8e7;} div.formrow label.required {background:#dae8e7 url(../images/required-stripe.gif) no-repeat 0 0;} div.formrow input.textbox {display:block; width:200px; border:1px solid #ccc; margin:0 10px 0 0; font-size:12px; line-height:20px; padding:5px 5px;} div.formrow textarea {display:block; width:350px; height:125px; border:1px solid #ccc; margin:0 10px 0 0;} div.formrow span {display:block; padding-left:195px; margin:0; clear:left; font-size:11px; color:#555; font-style:italic;} div.formrow span.error {display:inline; padding-left:0; font-style:normal;} div.formrow span.error div {display:block; padding-left:195px;} div.formrow select {margin:4px 0 0 0;} input.formsubmit {clear:left; margin:0 0 0 190px; display:block; float:left; font-size:14px; line-height:20px; height:46px; background:#053f59; color:#fff; border:1px solid #95c9ea; padding:0 38px; font-family:"superclarendon-1","superclarendon-2";} input.formsubmit:hover { background:#14556f; border:1px solid #95c9ea; } div.formrow table {position:relative; left:-4px; margin:0; padding:0; text-align:left; border-spacing:0;} div.formrow table tr.even td {background:none;} div.formrow table tr td {padding:0 0 2px 0; line-height:14px; border:none; margin:0;} div.formrow table tr td label {display:inline; width:auto; text-align:left; float:none; margin:0; padding:0 0 0 5px; background:none; color:#333; font-size:12px;} .searchform div.formrow {height:75px; width:600px; padding-top:10px;} .searchform div.formrow .textbox {float:left; margin-right:5px;} .searchform div.formrow input.formsubmit {clear:none; float:left; margin:-1px 0 0 0; padding:4px 15px;} div.checkbox input {float:left; margin:0 6px 0 196px; clear:left;} div.checkbox label {float:left; clear:none; background:none; color:#333; padding:0; margin:0; text-align:left; font-size:12px;} /* Lightbox ----------------------------------------------- */ #lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;} #lightbox a img{border:none;} #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #imageContainer{padding: 10px;} #loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #imageContainer>#hoverNav{left:0;} #imageContainer img {float:none; margin:0; padding:0; border:none;} #hoverNav a{outline: none;} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;} #prevLink {left:0; float:left;} #nextLink {right:0; float:right;} #prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right: 20px;} /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData {padding-top:5px;} /*** END : added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width: 70%; float:left; text-align:left; } #imageData #caption{font-weight:bold;} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;} .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html>body .clearfix {display:inline-block; width:100%;} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }