/* ============================================================================ Copyright (c) 2009 Addison Airport Designed and coded by Ariamedia Managed via LaunchPoint (http://getlaunchpoint.com) ============================================================================ */ /* ----------------------- CSS IMPORTS ----------------------- */ @import url('reset.css'); @import url('text.css'); @import url('960.css'); /* ----------------------- GLOBALS / BLOCK LEVEL ----------------------- */ html { width: 100%; height: 100%; } body { background:#FFF url(../images/mainBgGradient.jpg) top left repeat-x fixed; background-attachment: fixed !important; font: 12px Helvetica, Arial, sans-serif; color: #525252; text-decoration: none !important; } a { color: #000; text-decoration: none !important; } a:hover { text-decoration: none !important; } a img { border: none; } h2 { font-size: 1.2em; line-height: 1.5em; color: #333; } { color: #000; } h3.hangarTd { margin-top: 10px; } /* ----------------------- WRAPPER ----------------------- */ #wrapper { background:url(../images/wrapperBg.png) repeat-y;} #header { background:#e5ecf4 url(../images/gradientBgTopBar.jpg) repeat-x; width: 940px; height: 120px; margin-left: 10px;} /* ----------------------- MASTHEAD ----------------------- */ #logo { } #logo img { float: left; } .subhead { color: #637519; font-size: 1.3em; margin: 48px 0 0 130px; } #airportAdmin { font-size: .9em; line-height: 2.5em; color: #666; height: 80px; width: 190px; margin: 0 0 0 40px; text-align: right; } #headerUtility { float: right; width: 220px; margin-right: 0; position: relative; } /* ----------------------- UTILITY ----------------------- */ #utility { display: block; background:#e5ecf4 url(../images/solidBgUtility.jpg) no-repeat; width: 220px; height: 27px; padding-top: 1px; } *:first-child+html #utility { height: 28px; } #utility ul { font-size: .9em; color: #666; margin-top: 5px;} #utility li { float: left; } #utility li a { display: block; color: #666; border-right: 1px solid #CCC; padding: 2px 7px; } #utility li a:hover { color: #000; } #utility li a.rss { background: url(../images/spriteRss.jpg) 80px 3px no-repeat; padding-right: 18px; } #utility li a.contact { border-right: none; } /* ----------------------- WEATHER ----------------------- */ #weather { display: block; background:#4173b0 url(../images/gradientBgWeather.jpg) no-repeat -1px 0; border-left: solid 1px #73a2ce; width: 199px; height: 72px; padding: 10px; font-weight: normal; font-size: 11px !important; color: #fff !important } #weather a { color: #fff;} #weather div { float: left; } #weather .temp { font-size: 16px; float: left; margin-right: 10px; } #weather .humidity { margin-bottom: 6px; } /* #weather div { display: block; float: right; color: #ffffff !important; font-size: 3.2em !important; font-weight: normal !important; line-height: 1em; overflow: none; text-align: left !important; margin: none; padding: none; } #weather div:first-child { display: block; float: left; color: #ffffff !important; font-size: 1.2em !important; text-align: right !important; line-height: 1.6em; overflow: none; margin: none; padding: none; } */ /* ----------------------- NAVIGATION ----------------------- */ #navigation { background:#FFF url(../images/gradientBgMenu.jpg) repeat-x; height: 40px; width: 940px; margin: 0 0 0 10px; position: relative; } #navigation ul { font-size: .9em; color: #FFF; } #navigation li { float: left; background: url(../images/gradientDividerMenu.jpg) 100% 50% scroll no-repeat; font-weight: bold; padding: 0 1px 0 0; } #navigation li a { display: block; color: #FFF; padding: 13px 16px; } #navigation li a:hover { background: url(../images/gradientBgMenuHover.jpg) repeat-x; } #navigation li a.active { background: url(../images/gradientBgMenuActive.jpg) repeat-x; } #navigationImg { display: block; float: left; background: url(../images/planeTail.gif) no-repeat; width: 23px; height: 32px; position: absolute; left: 565px; top:8px; } /* ----------------------- BANNER ----------------------- */ #banner { display: block; float: left; background: url(../images/homeBanner.jpg) no-repeat; width: 940px; height: 120px; margin: 0 0 0 10px; _margin-left: 5px; } /* ----------------------- SEARCH ----------------------- */ #searchBox { display: block; float: right; background:#FFF url(../images/gradientBgSearch.jpg); width: 200px; height: 20px; padding: 10px; } #search { float: left; margin: 0px; height: 17px; background: #FFF; border: none; color: #666; padding: 2px; } #searchBtn { float: left; background: url(../images/searchBtn.jpg) no-repeat; width: 31px; height: 21px; margin: 0px; border: none; } #searchBtn:hover { background: url(../images/searchBtnHover.jpg) no-repeat; } /* ----------------------- CONTENT ----------------------- */ #homeContent { float: left; background: #3466a8; width: 940px; margin-left: 10px; _margin-left: 5px; padding-bottom: 20px; } #interiorContent { float: left; width: 940px; margin-left: 10px; padding-bottom: 20px; } #interiorContent a { color: #3466a8; } #interiorContent a:hover { text-decoration: underline; } #interiorContent ul { display: block; } #interiorContent li { list-style: none !important; margin: 8px 0 0 10px; } .interiorContentTab hr { height:1px; color: #4b95f4; } .interiorContentTab { display: block; margin-top: 16px; } #pageInfo { display: block; float: left; background: #FFF; width: 680px; margin: 20px 10px 10px 20px; _margin-left: 5px; } #pageInfoHeader { display: block; float: left; font-size: 1.5em; color: #637519; width: 680px; } #pageContent { display: block; float: left; font-size: 1.2em; line-height: 1.5em; color: #333; width: 680px; margin-top: 10px; } #pageContent ul { display: block; } #pageContent li { margin: 8px 0 0px 20px; list-style: disc !important; } #pageContent ol li { margin: 8px 0 0px 20px; list-style-type: decimal !important; } #pageContent li a { list-style: none !important; } #pageContent li a:hover { text-decoration: underline; } #busServices { background: #3466a8; } #services { background: #3466a8; display: block; float: left; margin: 10px 10px 0; color: #FFF; width: 512px; } #servicesHeaderImg { display: block; float: left; background: url(../images/spriteArrows.gif) no-repeat; width: 18px; height: 13px; margin: 4px 0 0 10px; } #servicesHeader { display: block; float: left; margin: 6px 0 4px 6px; font-weight: bold; } #servicesDivider { display: block; float: left; background: url(../images/solidDividerBg.jpg) repeat-x; width: 500px; height:2px; margin: 4px 0 4px 10px;} #lp_business_search_select { display: block; float: left;width: 258px; height: 20px; border: 1px solid #CCC; color:#666; margin: 14px 0 0 10px; font-size: .9em; padding: 2px; } #lp_business_search_box { display: block; float: left;width: 212px; height: 14px; border: 1px solid #CCC; color:#666; margin: 14px 0 0 22px; _margin-left: 18px; padding: 2px; } #servicesDir { display: block; float: left;width: 480px; height: 88px; background: #5279B1 url(../images/gradientBgOperators.jpg) repeat-x; border: 1px solid #4C94F4; overflow: auto; margin: 14px 0 0 10px; padding: 5px 10px; color: white; } #servicesDir table { width: 475px; margin: 0; } #servicesDir table tr td { padding: 3px 3px 3px 0; font-size: 11px; vertical-align: middle; } #servicesDir table tr td.phone { width: 70px; } #servicesDir table tr td a { color: #FFF !IMPORTANT; } #servicesDir table tr td a:hover { color: #FFF !IMPORTANT; text-decoration: underline !IMPORTANT; } #servicesDir .mapIcon { display: inline-block; background: url(../images/globe.png) no-repeat; width: 16px; height: 16px; padding-right: 3px; } #more { background: #3466a8; display: block; float: left; margin: 10px; color: #FFF; width: 160px; } #moreHeaderImg { display: block; float: left; background: url(../images/spriteAirplane.gif) no-repeat; width: 18px; height: 13px; margin: 4px 0 0 0px; } #moreHeader { display: block; float: left; margin: 6px 0 4px 2px; font-weight: bold; } #moreDivider { display: block; float: left; background: url(../images/solidDividerBg.jpg) repeat-x; width: 160px; height:2px; margin: 4px 0 4px 0px; } #moreList { display: block; float: left; margin-top: 10px; } #moreList a { font-size: 11px; line-height: 14px; font-weight: bold; color: #FFF; } #moreList a:hover { color: #abcfee; } #moreBanner1 { background: url(../images/flightBanner.jpg) no-repeat; width: 160px; height: 31px; } #moreBanner2 { background: url(../images/internationalBanner.jpg) no-repeat; width: 160px; height: 31px; } #looking { display: block; float: left; margin: 10px 0 0 10px; _margin-left: 5px; color: #FFF; width: 200px; background: #3466a8; } #lookingHeaderImg { display: block; float: left; background: url(../images/spriteBubble.gif) 0 0 no-repeat scroll; width: 18px; height: 13px; margin: 4px 0 0 0px; } #lookingHeader { display: block; float: left; margin: 6px 0 4px 2px; font-weight: bold; } #lookingDivider { display: block; float: left; background: url(../images/solidDividerBg.jpg) repeat-x; width: 198px; height:2px; margin: 4px 0 4px 0px; } #lookingList { display: block; float: left; margin-top: 8px; } #lookingList ul { color: #FFF; } #lookingList li { text-decoration: none; background: url(../images/spriteBullet.gif) 0 5px no-repeat scroll; line-height: 1.7em; padding: 0 0 0 16px; } #lookingList li a { color: #FFF; } #lookingList li a:hover { color: #FFF; text-decoration: underline !important; } #sidebar { display: block; float: left; color: #FFF; width: 180px; padding: 20px; margin: 0 0 0 10px; } #lookingSidebar { color: #FFF; width: 180px; } #sidebarList { display: block; float: left; margin-top: 8px; } #sidebar ul { color: #FFF; } #sidebar li { text-decoration: none; background: url(../images/spriteBullet.gif) 0 5px no-repeat scroll; line-height: 1.7em; padding: 0 0 0 16px; } #sidebar li.pdf { text-decoration: none; background: url(../images/spritePdf.gif) 0 2px no-repeat scroll; line-height: 1.2em; padding: 0 0 0 22px; margin-bottom: 20px; } #sidebar li a { color: #FFF; } #sidebar li a:hover { color: #FFF; text-decoration: underline !important; } #sidebar div#lookingSidebar div#lookingDivider { display: block; float: left; background: url(../images/solidDividerBg.jpg) repeat-x; width: 180px; height:2px; margin: 4px 0 4px 0px; } #contentBottom { background: url(../images/wrapperBgBottom.png) 0 0 no-repeat scroll; height: 6px; } .custom_tabs { display: block; float: left; width: 660px; margin: 20px 0 20px 0; } .custom_tabs ul.tabs { display: block; float: left; width: 660px; border-bottom: 1px solid #abcbe6; margin-bottom: 10px; background: none !important; } .custom_tabs ul.tabs li { position: relative; display: block; float: left; background: url(../images/spriteInnerTabRight.gif) 100% 0 no-repeat; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 2px !important; border: none } .custom_tabs ul.tabs li a { display: block; background: url(../images/spriteInnerTabLeft.gif) 0 0 no-repeat; color: #333 !important; font: 12px Helvetica, Arial, sans-serif; line-height: 12px; padding: 5px 10px 4px 10px; } .custom_tabs ul.tabs li:hover { background: url(../images/spriteInnerTabRightHover.gif) 100% 0 no-repeat; } .custom_tabs ul.tabs li:hover a { background: url(../images/spriteInnerTabLeftHover.gif) 0 0 no-repeat; text-decoration: none !important; } .custom_tabs ul.tabs li.ui-state-active { position: relative; bottom: -1px; background: url(../images/spriteInnerTabRightActive.gif) 100% 0 no-repeat; } .custom_tabs ul.tabs li.ui-state-active a { position: relative; background: url(../images/spriteInnerTabLeftActive.gif) 0 0 no-repeat;text-decoration: none !important; padding-bottom: 4px} .ui-tabs-hide { display: none; } #interiorSidebar { display: block; float: left; width: 200px; height: 320px; } #interiorSidebarHeader { display: block; float: left; font-weight: bold; font-size: 1em; color: #333; margin-left: 20px; } #interiorSidebarSort { display: block; float: left; width: 180px; margin-left: 20px; } #interiorSidebarSort ul { } #interiorSidebarSort li { background: url(../images/spriteDescDivider.gif) 2px 0 no-repeat; margin-top: 10px; color: #3466a8; } #interiorSidebarSort li a { color: #3466a8; font-size: 1em; margin-left: 10px; } #interiorSidebarSort li p.break { color: #3466a8; font-size: 1em; margin-left: 10px; } #interiorSidebarSort li p.second { color: #3466a8; font-size: .8em; margin-left: 10px; } #interiorSidebarSort li a:hover { text-decoration: underline !important; } #mapArea { display: block; float: left; width: 458px; height: 318px; background-color: #3466a8; border: 1px solid #CCC; } /* ----------------------- FEATURES ----------------------- */ .track a, .do a, .sleep a, .eat a { display: block; padding: 6px 12px; width: 196px; height: 100px; color: #FFF; font-weight: bold; } .track a { background: url(../images/feature01.jpg) 0 0 no-repeat; } .do a { background: url(../images/feature02.jpg) 0 0 no-repeat; } .sleep a { background: url(../images/feature03.jpg) 0 0 no-repeat; } .eat a { background: url(../images/feature04.jpg) 0 0 no-repeat; } .track a:hover { background-position: 100% 0; } .do a:hover { background-position: 100% 0; } .sleep a:hover { background-position: 100% 0; } .eat a:hover { background-position: 100% 0; } /* ----------------------- BLOG INDEX ----------------------- */ .blog_index_header { margin: 0; padding:0;} .blog_index_item { margin: 15px 0 0 0; padding: 0 0 15px 0; border-bottom: solid 1px #EEEEEE; } .blog_index_item h3 a{ font-size: 18px; color: #3466a8; } .blog_index_item .meta { margin:0; padding:0; font-size: 11px; color: #CCCCCC; } .blog_index_footer { margin: 15px 0 0 0;} /* ----------------------- BLOG POST ----------------------- */ .blog_post_header { margin: 0; padding:0;} .blog_post_header .meta { margin:0; padding:0; font-size: 11px; color: #CCCCCC; } .blog_post_body { margin: 15px 0 0 0; padding: 0 0 15px 0; border-bottom: solid 1px #EEEEEE; } .blog_post_body h3 a{ font-size: 15px; color: #3466a8; } .blog_post_body .meta { margin:0; padding:0; font-size: 11px; color: #CCCCCC; } .blog_post_footer { margin: 15px 0 0 0; font-size: 11px; color: #CCCCCC;} /* ----------------------- SEARCH RESULTS ----------------------- */ .search_results_header { margin: 0; padding:0;} .search_results_item { margin: 15px 0 0 0; padding: 0 0 15px 0; border-bottom: solid 1px #EEEEEE; } .search_results_item h3 a{ font-size: 15px; color: #3466a8; } .search_results_item p{ margin:10px 0 0 0; padding:0; } .search_results_footer { margin: 15px 0 0 0;} /* ----------------------- FOOTER ----------------------- */ #footer-left { float: left; margin-left: 10px; font-size: .8em; line-height: 1.2em; text-align: left; color: #666; } #footer-left ul { } #footer-left li { float: left; text-decoration: none; } #footer-left li a { color: #666; border-right: 1px solid #CCC; padding: 2px 7px; } #footer-left li a.terms { color: #666; border-right: 1px solid #CCC; padding: 2px 7px; margin-left: -7px; } #footer-left li a.credits { color: #666; border-right: none; padding: 2px 7px; } #footer-left li a:hover { color: #000; } #footer-right { float: right; color: #666; font-size: .8em; line-height: 1.2em; text-align: right; margin-right: 10px; } #footer-right a { color: #666; } #footer-right a:hover { color: #000; } #footerContainer { display: block; margin-top: 20px; margin-left: auto; margin-right: auto; width: 920px; height: 20px; padding: 10px 20px; } #footerContainerL { display: block; float: left; margin-left: 10px; width: 540px; } #footerContainerR { display: block; float: left: } /* ----------------------- BUSINESS DIRECTORY LANDING PAGE ----------------------- */ #businessDir { display: block; float: left: } .related_tags { clear: both; border-bottom: solid 1px black; display: inline-block; width: 100%; margin-bottom: 10px; padding-bottom: 5px; } .business_listing td { padding: 10px 0 10px 10px; } .business_listing_odd { background-color: #f7f7f7; } .tags_horizontal li { float:left; margin: 0; padding: 0; }