/* ---------------------------------------------------- Pages : All Title : Colorful Places Author : Bluegreen Creative Group (BGCG) Table of Contents : A - Site divs 1 - Main 2 - Containers a - Main Containers || b - Left Column Containers 3 - Left Column a - Main || b - Multimedia 4 - Comments 5 - Center Column a - Type A || b - Type B || c - Type C 6 - Side Bar a - Type A || b - Type B B - Header C - Main Navigation 1 - Navigation Menu Bar 2 - Dropdown, Level 1 a - Hover Select Stay 3 - Dropdown, Level 2 4 - Other D - Breadcrumb Bar E - Tags 1 - Success/Error/Warning Messages 2 - Site Titles 3 - Articles & Article Teasers a - Wide || b - Narrow || c - Wide and Narrow Elements 4 - Travel Guide Elements 5 - Style for Flash Elements 6 - WordPress Share Article Icons a - WordPress Share Article Pop Up 7 - Featured Articles (Side Bar) 8 - Promotional Email Banner (Side Bar) 9 - Simple Gallery (Flickr Slideshow) 10 - Misc F - Footer 1 - Social Media Bar 2 - Hot Links 3 - Legal ---------------------------------------------------- */ /* ---------------------------------------------------- A - Site divs ---------------------------------------------------- */ /* --------------------------- 1 - Main --------------------------- */ body { margin:0; padding:0; border:0; color:#666666; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:12px; line-height:16px; font-weight:normal; text-decoration:none; } #site { width:980px; height:100%; margin:0 auto; padding:0; border:0; text-align:left; } div, table, span { margin:0; padding:0; border:0; } p { margin:10px 0; padding:0; border:0; } a, a:link { margin:0; padding:0; color:#0066cc; text-decoration:none; outline:none; } a:hover { text-decoration:underline; } img { border:none !important; } hr { display:block; width:100%; height:1px; margin:0; padding:0; border-style:none; color:#cccccc; font-size:1px; line-height:1px; background-color:#cccccc; } hr.smlSpace { margin:5px 0; color:#cccccc; } .thick { height:3px; margin:0; padding:0; color:#666666; background-color:#666666; } hr.xLrgSpace { margin:15px 0 !important; color:#cccccc; } .doubleTop { clear:both; float:left; display:block; width:100%; height:4px; margin:0; padding:0; background:url('images/border-DoubleTop.gif') 0 0 repeat-x; text-indent:-9999px; } .doubleBottom { clear:both; float:left; display:block; width:100%; height:4px; margin:0; padding:0; background:url('images/border-DoubleBottom.gif') 0 0 repeat-x; text-indent:-9999px; } .clearAll { clear:both; width:0; height:0; min-height:0; font-size:0; line-height:0; text-indent:-9999px; } /* --------------------------- 2 - Containers --------------------------- */ /* ------------ a - Main Containers ------------ */ #containerA { float:left; width:980px; height:100%; margin:0 auto; padding:0; background:url('images/bgBorders-A.gif') 0 0 repeat-y; } #containerB { float:left; width:980px; height:100%; margin:0 auto; padding:0; background:url('images/bgBorders-B.gif') 0 0 repeat-y; } #containerC { float:left; width:980px; height:100%; margin:0 auto; padding:0; background:url('images/bgBorders-C.gif') 0 0 repeat-y; } #containerD { float:left; width:980px; height:100%; margin:0 auto; padding:0; background:url('images/bgBorders-D.gif') 0 0 repeat-y; } #containerE { float:left; width:980px; height:100%; margin:0 auto; padding:0; background:url('images/bgBorders-E.gif') 0 0 repeat-y; } #containerF { float:left; width:950px; height:100%; margin:0 auto; padding:10px 15px; background:url('images/bgBorders-F.gif') 0 0 repeat-y; } #containerG { float:left; width:980px; height:100%; margin:0 auto; padding:0; background:url('images/bgBorders-F.gif') 0 0 repeat-y; } #containerH { float:left; width:950px; height:100%; margin:0 auto; padding:10px 15px; } /* ------------ b - Left Column Containers ------------ */ #leftContainerA { float:left; width:660px; margin:0; padding:0; } #leftContainerB { float:left; width:735px; margin:0; padding:0; } #leftContainerC { float:left; width:660px; margin:0; padding:0; } #leftContainerD { float:left; width:630px; margin:0 auto; padding:5px 15px 10px 15px; } #mainContainerE { float:left; width:950px; height:100%; margin:0 auto; padding:0; } /* --------------------------- 3 - Left Column --------------------------- */ .leftColumn { float:left; width:180px; margin:0; padding:0; } .leftColumn-Content { width:160px; margin:0 auto 10px auto; padding:5px 10px 5px 10px; border-bottom:1px solid #cccccc; } .leftColumn-Weather { width:140px; margin:0 auto 10px auto; padding:5px 20px 5px 20px; border-bottom:1px solid #cccccc; background:url('images/weatherWidget-BG.gif') 10px 0 no-repeat; } .leftColumn-NewsBanner { width:140px; height:116px; margin:0 auto 10px auto; padding:5px 10px 5px 10px; background:url('images/NewsletterSignUp.gif') 0 0 no-repeat; text-indent:-9999px; cursor:pointer; } /* ------------ a - Left Navigation ------------ */ .leftColumn-Content ul { margin:0; padding:0; } .leftColumn-Content li { width:140px; margin:3px 0; padding:0; list-style:none; } .leftColumn-Content li a { display:block; margin:0; padding:3px 5px 3px 15px; color:#666666; background:url('images/bullet-orange.gif') 6px 5px no-repeat; font-size:11px; font-weight:bold; text-decoration:none; } .leftColumn-Content li a:hover { background:#efefef url('images/bullet-orange.gif') 6px 5px no-repeat; text-decoration:underline; } .leftColumn-Content li a span { font-size:10px; line-height:13px; font-weight:normal; text-decoration:none !important; } .leftColumn-Content-new ul { margin:6px 0px 0px 0px; padding:0px; border-bottom:1px solid #ccc; } .leftColumn-Content-new li { width:160px; line-height:30px; margin:0px 10px; padding:0px; list-style:none; font-size:15px; font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; border-top:solid #ccc 1px; } .leftColumn-Content-new li:first-child { border-top:none; } .leftColumn-Content-new li a { display:block; margin:5px 0px; padding:0px 5px; color:#666666; text-decoration:none; list-style:none; } .leftColumn-Content-new li a:hover { background:#efefef; text-decoration:underline; } .leftColumn-Content-new li a span { font-size:10px; line-height:13px; font-weight:normal; text-decoration:none !important; } .leftColumn-Content-new li ul { margin:0px 0px 5px 0px; padding:0px; border:none; } .leftColumn-Content-new ul li ul li { width:160px; line-height:30px; margin:0px; padding:0px; list-style:none; font-size:12px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; border:none; } .leftColumn-Content-new ul li ul li a { display:block; line-height:15px; margin:0; padding:3px 5px 3px 15px; color:#666666; background:url('images/bullet-orange.gif') 6px 5px no-repeat; font-size:11px; font-weight:bold; text-decoration:none; } .leftColumn-Content-new ul li ul li a:hover { background:#efefef url('images/bullet-orange.gif') 6px 5px no-repeat; text-decoration:underline; } /*.leftColumn-Content li a { display:block; margin:0; padding:8px 0; color:#666666; font-size:15px; line-height:20px;font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; border-bottom:1px solid #cccccc; } .leftColumn-Content li a:hover { text-decoration:none; display:block; margin:0; color:#666666; }*/ .accordionTitle { cursor:pointer; width:153px; margin:0; padding:0 0 0 0; font-family:Georgia,"Times New Roman",Times,serif; font-size:14px !important; line-height:30px; } .accordionTitle:hover { color:#666666; background:#efefef; text-decoration:underline; } .accordionContent { display:none; width:100%; margin:0; padding:0; } .accordionContent a { font-family:Arial,Helvetica,sans-serif !important; font-size:12px; color:#666666; } /* ------------ b - Multimedia ------------ */ .leftColumn-Content p { margin:5px 0 5px 0; font-family:Georgia,"Times New Roman",Times,serif; font-size:11px; } .leftColumn-Content a { width:100%; font-size:10px; margin:0; padding:0; } .leftColumn-Content a.icon-images { display:block; margin:5px 0 0 0; padding:0 0 0 23px; font-family:Georgia,"Times New Roman",Times,serif; font-size:14px !important; background:url('images/icon-Camera.gif') 0 0 no-repeat; } .leftColumn-Content a.icon-video { display:block; margin:5px 0 0 0; padding:0 0 0 23px; font-family:Georgia,"Times New Roman",Times,serif; font-size:14px !important; background:url('images/icon-Video.gif') 0 0 no-repeat; } .leftColumn-Content a.icon-map { display:block; margin:5px 0 0 0; padding:0 0 0 23px; font-family:Georgia,"Times New Roman",Times,serif; font-size:14px !important; background:url('images/icon-Interactive.gif') 0 0 no-repeat; } /* --------------------------- 4 - Comments Section --------------------------- */ .commentsColumn { display:block; width:658px; height:100%; margin:0 1px; padding:0; background-color:#ffffff !important; } .commentsColumn-Content { float:left; width:640px; height:100%; margin:0 10px; padding:10px 0 20px 0; background-color:#ffffff; } .commentsColumn-Content h3 { margin:0; padding:0 0 0 25px; color:#ff9900; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; font-weight:normal; background:url('images/wordpress-icons.gif') 0 -38px no-repeat; } .commentsColumn-Content h4 { margin:15px 0 10px 0; padding:0; color:#ff9900; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; font-weight:normal; } ol.commentsBox { float:left; margin:0; padding:0; list-style:none; } .commentsBox li { float:left; display:block; width:640px; height:100%; margin:10px 0; padding:20px 0 0 0; border-top:1px solid #cccccc; } .commentsBox li p { float:left; margin:0 5px; padding:0; } .signature { float:left; margin:0 0 10px 2px; padding:0; color:#0066cc; line-height:12px; font-weight:bold; } .date { float:right; margin:0 5px 0 0; padding:0; font-size:11px; line-height:12px; } #comment { width:636px; height:100px; border:1px solid #cccccc; resize:none; overflow:auto; } #comment:focus { border:1px solid #999999; } .submit-Btn { clear:both; float:left; display:block; width:67px; height:22px; margin:9px 5px 0 0; padding:0; border:0; background:url('images/btn-Submit.gif') 0 0 no-repeat; text-indent:-9999px; } /* --------------------------- 5 - Center Column --------------------------- */ /* ------------ a - Type A (TIER 01 & TIER 03) ------------ */ .centerColumnA { float:left; width:480px; margin:10px 0 0 0; padding:0; } .centerColumnA-Content { width:460px; margin:0 auto; padding:0; } /* ------------ b - Type B (TIER 02) ------------ */ .centerColumnB { float:left; width:555px; margin:10px 0 0 0; padding:0; } .centerColumnB-Content { width:535px; margin:0; padding:0 10px 0 10px; } /* ------------ c - Type C (INDEX PAGE) ------------ */ .centerColumnC { float:left; width:480px; margin:0; padding:0; } .centerColumnC-Content { width:460px; margin:0 auto; } /* --------------------------- 6 - Side Bar --------------------------- */ /* ------------ a - Type A (TIER 01 & TIER 03) ------------ */ .sideBarA { float:right; width:320px; margin:3px 0 0 0; padding:0; } .sideBarA-Content { width:300px; margin:10px auto; padding:0 10px 10px 10px; border-bottom:1px solid #cccccc; } /* ------------ b - Type B (TIER 02) ------------ */ .sideBarB { float:right; width:245px; height:100%; margin:5px 0 0 0; padding:0; } .sideBarB-Content { width:225px; margin:10px auto; padding:0 10px 10px 10px; border-bottom:1px solid #cccccc; } /* ---------------------------------------------------- B - Header ---------------------------------------------------- */ #header { width:980px; height:100%; margin:0 auto; padding:0; } .headerLeft { width:480px; height:80px; float:left; } .headerRight { width:480px; float:right; } a.headerLogo { display:block; width:340px; height:65px; background:url('images/colorfulPlaces_Logo.gif') 0 0 no-repeat; } .headerLinks ul { margin:5px 0 0 0; list-style:none; clear:none; } .headerLinks li { float:right; color:#000000 !important; font-weight:bold; } .headerLinks a { background:url('images/bullet-blue.gif') left no-repeat; margin:0 0 0 25px; padding:0 0 0 10px; color:#000000 !important; font-weight:normal; text-decoration:none; } .headerLinks a:hover { color:#000000 !important; text-decoration:underline; } ul#socialMedia_Header { clear:both; float:right; list-style:none; height:20px; margin:23px 0px 0px 0px; padding:0px; } ul#socialMedia_Header li { float:left; list-style:none; width:20px; height:20px; margin:0px 0px 0px 20px; padding:0px; } ul#socialMedia_Header a img { width:20px; height:20px; } /* ---------------------------------------------------- C - Main Navaigation ---------------------------------------------------- */ /* --------------------------- 1 - Navigation Menu Bar --------------------------- */ #navMenu { z-index:500; position:relative; width:980px; height:40px; margin:0; padding:0; background:url('images/navigationMenu-BG.gif') 0 0 repeat-x; } #navMenu ul { position:absolute; display:inline; } #navMenu li { cursor:pointer; float:left; list-style-type:none; } #navMenu a { display:block; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; background-image:url('images/navigationMenu.gif'); } #navMenu a.homeNav { width:107px; height:40px; background-position:0 0; } #navMenu a.homeNav:hover { background-position:0 -50px; } #navMenu a.homeNav-Current { width:107px; height:40px; background:url('images/navigationMenu.gif') 0 -50px; } #navMenu a.experiencesNav { width:165px; height:40px; background-position:-107px 0; } #navMenu a.experiencesNav:hover { background-position:-107px -50px; } #navMenu a.experiencesNav-Current { width:165px; height:40px; background:url('images/navigationMenu.gif') -107px -50px; } #navMenu a.travelGuidesNav { width:175px; height:40px; background-position:-272px 0; } #navMenu a.travelGuidesNav:hover { background-position:-272px -50px; } #navMenu a.travelGuidesNav-Current { width:175px; height:40px; background:url('images/navigationMenu.gif') -272px -50px; } #navMenu a.resortsNav { width:121px; height:40px; background-position:-447px 0; } #navMenu a.resortsNav:hover { background-position:-447px -50px; } #navMenu a.resortsNav-Current { width:121px; height:40px; background:url('images/navigationMenu.gif') -447px -50px; } #navMenu a.communityNav { width:158px; height:40px; background-position:-568px 0; } #navMenu a.communityNav:hover { background-position:-568px -50px; } #navMenu a.communityNav-Current { width:158px; height:40px; background:url('images/navigationMenu.gif') -568px -50px; } /* --------------------------- 2 - Dropdown, Level 1 --------------------------- */ #navMenu li ul a.experiencesNav-Selected, #navMenu li ul a.experiencesNav-Selected:hover { width:155px; height:34px; background:url('images/navigationMenu.gif') -107px -100px !important; margin:-40px 0 0 -1px; text-indent:-9999px; } #navMenu li ul a.travelGuidesNav-Selected, #navMenu li ul a.travelGuidesNav-Selected:hover { width:165px; height:34px; background:url('images/navigationMenu.gif') -272px -100px !important; margin:-40px 0 0 -1px; text-indent:-9999px; } #navMenu li ul a.resortsNav-Selected, #navMenu li ul a.resortsNav-Selected:hover { width:111px; height:34px; background:url('images/navigationMenu.gif') -447px -100px !important; margin:-40px 0 0 -1px; text-indent:-9999px; } #navMenu li ul.column01 { width:163px; } #navMenu li ul.column02 { width:173px; } #navMenu li ul li ul.column02a { width:125px; border:1px solid #cccccc; } #navMenu li ul.column03 { width:119px; } #navMenu li ul li ul.column03a { width:200px; border:1px solid #cccccc; } #navMenu li ul { cursor:pointer; visibility:hidden; list-style-type:none; margin:0; padding:0 0 3px 0; background:#ffffff; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; } #navMenu li ul li { display:block; width:100%; margin:0; padding:0; } #navMenu li ul li a { margin:2px 5px; padding:3px 5px; color:#454545; font-size:11px; text-indent:0; background-image:none; } #navMenu li ul li a:hover { background-color:#efefef; color:#0055cc; text-decoration:none; } #navMenu ul li:hover > a, #navMenu ul li ul li a :hover { color:#0055cc; background:#efefef url('images/dropdown-Arrow.gif') right -1px no-repeat; } /* ------------ Hover Select Stay (VERY IMPORTANT) ------------ */ #navMenu li ul.column01 li :hover, #navMenu li ul.column01 a { background-image:none; } #navMenu li ul li ul.column02a li :hover, #navMenu li ul li ul.column02a a { background-image:none; } #navMenu li ul li ul.column03a li :hover, #navMenu li ul li ul.column03a a { background-image:none; } /* --------------------------- 3 - Dropdown, Level 2 --------------------------- */ #navMenu li ul li ul { visibility:hidden; list-style-type:none; margin:0; padding:2px 0; background:#ffffff; border:1px solid #cccccc; } #navMenu li ul li ul li { display:block; width:100%; margin:0; padding:0; } #navMenu li ul li ul li a { margin:2px 5px; padding:3px 5px; color:#454545; font-size:11px; text-indent:0; } #navMenu li ul li ul li a:hover { text-decoration:none; } #navMenu li ul li ul li a span, #navMenu li ul li ul li a:hover span { color:#787878; font-size:10px; line-height:11px; background-image:none; } #navMenu li ul li ul.column02a { position:absolute; margin:-28px 0 0 173px /* Left margin MUST be the SAME as "ul.column02" width */; } #navMenu li ul li ul.column03a { position:absolute; margin:-34px 0 0 119px /* Left margin MUST be the SAME as "ul.column03" width*/; } /* --------------------------- 4 - Other --------------------------- */ #search-Text { float:left; width:160px; height:16px; float:left; margin:8px 8px 0 5px; padding:3px 0 3px 5px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#666666; border:1px solid #999999; overflow:hidden; } #search-Text:focus { border:1px solid #666666; } /* For use on Grey Background */ .search-Btn { cursor:pointer; float:left; display:block; width:67px; height:22px; margin:9px 0 0 0; padding:0; border:0; background:url('images/btn-Search.gif') 0 0 no-repeat; text-indent:-9999px; } /* For use on White Background */ .search02-Btn { cursor:pointer; float:left; display:block; width:68px; height:22px; margin:10px 0; padding:0; border:0; background:url('images/btn-Search02.gif') 0 0 no-repeat; text-indent:-9999px; } /* ---------------------------------------------------- D - Breadcrumb Bar ---------------------------------------------------- */ .breadcrumbBar { display:block; width:958px; height:20px; display:block; list-style:none; margin:0 1px; padding:0 10px; background:url('images/navigationBreadcrumb-BG.gif') 0 0 repeat-x; } .breadcrumbBar li { float:left; display:inline; } .breadcrumbBar li span { display:block; margin:0 10px; padding:0; font-size:12px; font-weight:bold; } .breadcrumbBar a { color:#666666; font-size:10px; line-height:18px; font-weight:bold; text-decoration:none; } .breadcrumbBar a:hover { color:#000000; text-decoration:underline; } /* ---------------------------------------------------- E - Tags ---------------------------------------------------- */ /* --------------------------- 1 - Success/Error/Warning Messages --------------------------- */ .message { float:left; display:block; clear:both; width:100%; margin:0 auto; padding:10px 0; font-family:Arial,Helvetica,sans-serif; } .message-icon { float:left; display:block; width:25px; height:25px; margin:0 5px 0 0; } .messageCopy { float:left; display:block; width:430px; height:100%; } .success h2 { float:left; width:420px; margin:5px 0 10px 0; padding:0; color:#339900; font-size:16px; font-weight:bold; } .success p { clear:both; margin:0 0 5px 0; padding:0; color:#333333; font-size:12px; font-weight:normal; } .error h2 { float:left; width:420px; margin:5px 0 10px 0; padding:0; color:#990000; font-size:16px; font-weight:bold; } .error p { clear:both; margin:0 0 5px 0; padding:0; color:#333333; font-size:12px; font-weight:normal; } .warning h2 { float:left; width:420px; margin:5px 0 10px 0; padding:0; color:#000000; font-size:16px; font-weight:bold; } .warning p { clear:both; margin:0 0 5px 0; padding:0; color:#333333; font-size:12px; font-weight:normal; } .message-Login { width:600px; height:100%; margin:0 auto; } /* --------------------------- 2 - Site Titles --------------------------- */ h1#siteTitle { display:none; } /* Main Page Title (Tier 01) */ h1 { display:block; margin:0 0 5px 0; padding:0 0 8px 0; border-bottom:1px solid #cccccc; color:#0066cc; font-size:24px; line-height:24px; font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; } /* Main Article Headline */ h2 { line-height:24px; margin:7px 0 0px 0; padding:0; color:#0066cc; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:normal; } /* h2 { margin:15px 0 8px 0; padding:0; color:#0066cc; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:normal; } */ /* Article Teaser Headline */ h3, h3 a:link { margin:0; padding:5px 0 0 0; color:#333333; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; line-height:20px; font-weight:normal; } h3 a:hover { color:#000000; font-size:18px; } h3 a:visited { color:#676767; font-size:18px; } /* Section Headline */ h4 { margin:8px 0 8px 10px; padding:0; color:#0066cc; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; font-weight:normal; } /*Left Column Navigation Title */ h5 { display:block; margin:0; padding:4px 0; color:#666666; font-size:15px; line-height:20px;font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; } h5 span { cursor:pointer; color:#666666; } h5 span:hover { cursor:pointer; text-decoration:underline; color:#666666; } h5 a, h5 a:link, h5 a:visited, h5 a:active { display:block; margin:0; padding:0; color:#666666; font-size:15px; line-height:20px; font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; } /* --------------------------- 3 - Articles & Article Teasers --------------------------- */ /* ------------ a - Wide ------------ */ .articleTeaseColumn { float:left; width:481px; height:100%; margin:10px 0 0 0; padding:8px 0 0 0; border-top:1px solid #cccccc; } .articleTeaseColumn-Content { width:462px; height:100%; margin:0; padding:10px; } /*original class .articleTeaseColumn { clear:both; width:659px; height:100%; margin:0 auto 0 1px; padding:8px 0 0 0; border-top:1px solid #cccccc; } .articleTeaseColumn-Content { width:638px; height:100%; margin:0 auto; padding:0 10px; background-color:#ffffff; } */ .articleTease { display:block; width:100%; height:100%; min-height:95px; margin:0 auto 8px 0; padding:0 0 8px 0; border:none; border-bottom:1px solid #cccccc; } .articleImgBg-Left { float:left; display:block; width:132px; height:92px; margin:0 5px 0 1px; padding:8px 0 0 8px; background:url('images/articleImageBg.gif') 0 0 no-repeat; overflow:hidden; } .articleImgBg-Right { float:right; display:block; width:132px; height:92px; margin:0 1px 0 5px; padding:8px 0 0 8px; background:url('images/articleImageBg.gif') 0 0 no-repeat; overflow:hidden; } .articleTeaseImg { width:125px; height:85px; } .articleCopyTease-More { width:100%; font-family:Georgia,"Times New Roman",Times,serif; text-align:right; } .articleCopyTease-More a { color:#0066cc; font-size:12px; } .articleCopyTease-More a span { margin:0 10px 0 5px; text-decoration:none; } .articleTease-More { width:100%; text-align:right; } .articleTease-More a { color:#0066cc; font-size:11px; } .articleTease-More a span { margin:0 10px 0 5px; text-decoration:none; } .pagination { width:100%; font-size:11px; font-family:Arial,Helvetica,sans-serif; text-align:right; } .pagination a { margin:0 5px; color:#666666; font-size:11px; font-weight:bold; } .pagination a:hover { text-decoration:none; } .pagination a:link { margin:0 5px; color:#0066cc; font-size:11px; font-weight:normal; } .pagination a:link:hover { text-decoration:underline; } .pagination a:link span, .pagination a span { margin:0 5px; text-decoration:none; } .pagination span { color:#666666; text-decoration:none; } .pagination a.prev { margin:0 5px 0 0; } .pagination a.next { margin:0 0 0 5px; } .pagination .prev span, .pagination .next span { color:#0066cc; text-decoration:none; } .articleCopy { margin:10px 0 10px 0; padding:0; color:#666666; font-family:Georgia,"Times New Roman",Times,serif; font-size:14px; line-height:22px; font-weight:normal; } .articleMainImg { float:left; width:372px; height:255px; margin:5px 10px 0 0; padding:0; } /* ------------ b - Narrow ------------ */ .articleTeaseNarrow { clear:both; float:left; display:block; width:660px; height:100%; margin:0; padding:0; background:#ffffff url('images/bgSubBorders-A.gif') 0 0 repeat-y; border-top:1px solid #cccccc; } .articleTeaseNarrow-Content { float:left; display:block; width:320px; height:100%; margin:0; padding:8px 5px 8px 5px; } /* ------------ c - Wide and Narrow Elements ------------ */ .articleTease p, .articleTeaseNarrow p { margin:0 0 3px 0; padding:0 0 0 8px; color:#666666; font-size:12px; } .articleTease a, .articleTeaseNarrow a { margin:0; padding:0; font-size:11px; } /* --------------------------- 4 - Travel Guide Information --------------------------- */ ul.travelGuideList { display:block; width:100%; height:90px; margin:5px 0 0 35px; padding:0; } ul.travelGuideList li { float:left; display:inline; width:220px; margin:2px 0; padding:0 0 0 10px; background:url('images/bullet-blue.gif') left no-repeat; } ul.travelGuideList li a { margin:0; padding:0; color:#333333; } ul.travelGuideList li a:hover { color:#000000 !important; } .travelGuideArticle-title { float:left; width:460px; margin:10px 0 0 0; padding:0 0 5px 0; color:#000000; font-size:14px; font-weight:bold; border-bottom:1px solid #cccccc; } .eventNav-search { float:left; display:block; clear:both; width:460px; line-height:35px; margin:0; padding:0; font-size:10px !important; text-transform:uppercase !important; } .nextPage { float:right; } .nextPage span { font-size:13px !important; } .prevPage { float:left; } .prevPage span { font-size:13px !important; } .post { width:100%; height:100%; margin:5px 0 5px 0; padding:0 0 10px 0; border-bottom:1px solid #cccccc; } #neighborhood-dd { float:left; width:225px; margin:5px 10px 0 0; } #category-dd { float:left; width:225px; margin:5px 0 0 0; } .eventResultsHead { display:block; float:left; } .eventResults { display:block; width:100%; height:100%; margin:0; padding:0; border-bottom:1px solid #cccccc; } .ttt, .ttt:visited { display:block; width:100%; height:12px; margin:0; padding:0; color:#666666 !important; font-size:11px; text-decoration:underline !important; text-align:right; } .ttt:hover { color:#333333 !important; } /* --------------------------- 5 - Style for Flash Elements --------------------------- */ #flashLRG { display:block; width:640px; height:430px; margin:0 auto 5px auto; padding:0; border:0; } #flash { margin:0; padding:0; border:0; } #noFlash { width:100%; padding:15px; background:#ffffff; text-align:center; border:1px solid #cccccc; } #noFlash h6, a { color:#333333; font:Arial,Helvetica,sans-serif 14px normal; } /* --------------------------- 6 - WordPress Share Article Icons --------------------------- */ ul.wordPress-Function { list-style:none; display:block; width:100%; height:22px; margin:5px 0 5px 0; padding:0; } .wordPress-Function li { float:left; display:block; line-height:22px; margin:0 12px 0 0; padding:0 0 0 25px; background-image:url('images/popMenu.gif'); background-repeat:no-repeat;} .wordPress-Function li#function-Email { background-position:-16px -36px; } .wordPress-Function li#function-Share { background-position:-16px -66px; } .wordPress-Function li#function-Comments { background-position:-16px -96px; } .wordPress-Function li#function-Recommend { background-position:-16px -126px; } .wordPress-Function li#function-Print { background-position:-16px -156px; } .wordPress-Function li#fbLike { float:left; width:80px; height:20px; line-height:20px; margin:0px; padding:0px; background-image:none; } .wordPress-Function a { float:left; display:block; line-height:22px; margin:0; padding:0 8px 0 0; color:#333333; font-size:10px; text-decoration:none; background:url('images/popMenu.gif') top right no-repeat; } .wordPress-Function a:hover { text-decoration:underline; } /* ------------ a - WordPress Share Article Pop Up ------------ */ .popMenu { position:relative; } .trigger { position:relative; } .popUpBox { position:absolute; display:none; min-height:115px; margin:-5px 0 0 0; padding:30px 0 0 0; background:url('images/popMenu.gif') 0 0 no-repeat; } .popUpBox-Bottom { display:block; width:260px; height:115px; margin:0; padding:5px 0; background:url('images/popMenu.gif') Bottom Right no-repeat; } .popUpBox a { float:left; display:block; width:80px; margin:0 0 15px 20px; padding:2px 0 2px 23px; color:#666666; font-size:11px; background-image:url('images/popMenu.gif'); background-repeat:no-repeat; border:none; } .popUpBox a:hover { color:#333333; text-decoration:underline; } .popUpBox a.shareFacebook { width:75px; background-image:none; padding:0 25px 0 2px; } .popUpBox a.shareTwitter { background-position:-140px -68px; } .popUpBox a.shareStumbleUpon { background-position:-140px -98px; } .popUpBox a.shareYahooBuzz { background-position:-140px -128px; } .popUpBox a.shareReddit { background-position:-140px -158px; } .popUpBox a.shareDigg { background-position:-140px -188px; } /* --------------------------- 7 - Featured Articles (Side Bar) --------------------------- */ .featured { width:100%; height:100%; margin:0 auto; padding:5px 0 5px 0; } .featured img {margin:0; padding:0; } .featuredTitle { display:block; margin:5px 0; padding:0; color:#000000; font-size:11px; font-weight:normal; text-transform:uppercase; } .featuredImg-Right { float:right; width:100px; height:100px; margin:0 0 0 5px; padding:0; border:1px solid #cccccc !important; } .featured a { margin:0; padding:0; color:#ff9900; font-size:14px; text-decoration:none; } .featured a:hover { text-decoration:underline; } .featured ul { margin:0; padding:0; } .featured li { list-style:none; } .featured ul a { padding:0 0 0 8px; color:#666666; font-family:Georgia,"Times New Roman",Times,serif; font-size:11px; background:url('images/bullet-orange.gif') 0 1px no-repeat; text-decoration:none; } .featured ul a:hover { color:#333333; text-decoration:underline; } .featured hr { margin:5px 0 !important; padding:0; } .featured a.seeAll { display:block; margin:0; padding:5px 0 0 0; color:#0066cc; font-size:12px; text-decoration:none; } .featured a.seeAll:hover { text-decoration:underline; } .featuredCommentTitle { color:#000000; font-size:10px; text-transform:uppercase; } a.featuredComment { margin:0; padding:0; color:#0066cc; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; } a.featuredCommentLink { display:block; margin:0; padding:2px 0 0 20px; color:#666666; font-size:11px; background:url('images/icon-Comments.gif') 0 3px no-repeat; } a.featuredCommentLink:hover { color:#333333; } /* --------------------------- 8 - Promotional Email Banner (Side Bar) --------------------------- */ /*.promoEmailSML { display:block; width:205px; height:110px; margin:0; padding:10px 10px 0 10px; background:url('images/promoEmail-Bg.gif') 0 0 no-repeat; } .promoEmailTitle { display:block; width:100%; height:25px; margin:0; padding:0 0 0 35px; color:#ff9900; font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; background:url('images/promoEmail-Icon.gif') 0 0 no-repeat; } .promoEmailSML p { margin:5px 0 8px 0; padding:0 5px; font-size:11px; line-height:13px; } #signUp-Text { float:left; width:118px; height:16px; margin:0 0 0 7px; padding:3px 0 2px 5px; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#666666; border:1px solid #cccccc; overflow:hidden; } #signUp-Text:focus { border:1px solid #999999; } #signUp-Btn { cursor:pointer; float:right; display:block; height:22px; margin:0 7px 0 0; padding:0 0 3px 0; border:none; color:#ffffff; font-size:12px; background-color:#000000; }*/ /* --------------------------- 9 - Simple Gallery (Flickr Slideshow) --------------------------- */ #simpleGallery { position:relative; visibility:hidden; color:#ffffff; border:1px solid #cccccc; } #simpleGallery .gallerydesctext { padding:5px 0; color:#ffffff; font-size:12px; text-align:center; } /* --------------------------- 10 - Misc --------------------------- */ .sendThisPage-Btn { cursor:pointer; float:left; display:block; width:130px; height:22px; margin:10px 0 10px 18px; padding:0; border:none; background:url('images/btn-sendThisPage.gif') 0 0 no-repeat; text-indent:-9999px; } a.back-Btn { float:left; color:#666666; font-family:Georgia,"Times New Roman",Times,serif; font-size:11px; } a.back-Btn:hover { color:#000000; } .legal { color:#666666; font-size:10px; font-weight:normal; } .legal span { color:#454545; font-size:11px; font-weight:bold; text-transform:uppercase; } .legal a { color:#999999; font-size:10px; font-weight:normal; text-decoration:none; } .legal a:hover { color:#666666; text-decoration:underline; } /* ---------------------------------------------------- F - Footer ---------------------------------------------------- */ #footer { clear:both; width:980px; margin:0 auto; padding:0; border:0; } /* --------------------------- 1 - Social Media Bar --------------------------- */ .socialMediaBackground { width:978px; height:30px; margin:0 auto; padding:0; background-color:#b2e5ff; border-width:0 1px 0 1px; border-style:solid; border-color:#cccccc; } .socialMedia { height:30px; float:right; margin:0; padding:0; border:0; } .socialMedia ul { margin:0; list-style:none; float:right; display:block; } .socialMedia li { float:left; display:block; margin:5px 20px 0 0; } .socialMedia a { float:left; padding:0; font-size:11px; color:#666666; text-decoration:none; vertical-align:middle; } .socialMedia a:hover { color:#333333; text-decoration:underline; } .socialMediaImage { width:25px; height:20px; margin:0; padding:0; border:0; vertical-align:middle; text-decoration:none; } /* --------------------------- 2 - Hot Links --------------------------- */ .hotLinks { width:978px; height:100%; margin:0 0 10px 0; padding:8px 0 0 0; border-width:0 1px 1px 1px; border-style:solid; border-color:#cccccc; } .hotLinksSingle { float:left; width:123px; margin:0 20px 15px 20px; } .hotLinksDouble { float:left; width:286px; margin:0 20px 15px 20px; } .hotLinks h4 { margin:0 0 5px 0; padding:0; font-family:Georgia,"Times New Roman",Times,serif; color:#0066cc; font-weight:bold; font-size:12px; line-height:30px; text-decoration:none; border-bottom:5px solid #999999; } .hotLinks h4 a { margin:0; padding:0; font-family:Georgia,"Times New Roman",Times,serif; color:#0066cc; font-weight:bold; font-size:12px; line-height:30px; text-decoration:none; } .hotLinks h4 a:hover { margin:0; padding:0; color:#0066cc; text-decoration:underline; background:none; } .hotLinks a { display:block; padding:0 3px; font-size:12px; line-height:18px; color:#666666; text-decoration:none; } .hotLinks a:hover { background:#efefef; color:#333333; text-decoration:underline; } .hotLinks ul { margin:0; padding:0; list-style:none; } /* --------------------------- 3 - Legal --------------------------- */ #footerNav { float:left; width:100%; overflow:hidden; color:#666666; font-size:10px; } #footerNav ul { float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; } #footerNav ul li { display:block; float:left; list-style:none; margin:0; padding:5px 0 15px 0; position:relative; right:50%; } #footerNav ul li span { margin:0 15px; } #footerNav ul li a { display:block; color:#666666; text-decoration:underline; } #footerNav ul li a:hover, #footerNav ul li a.active { color:#000000 !important; } .legalText { margin:10px 0 15px 0; font-size:10px; line-height:14px; color:#999999; text-align:center; } .tsDisclaimer { margin:0 0 5px 0; padding:0; font-size:10px; line-height:12px; color:#999999; font-weight:bold; text-align:center; } .bxgLogo { float:left; width:105px; height:42px; background:url('images/bxg_Logo.gif') top left no-repeat; } .bxgLogo a { height:42px; display:block; text-indent:-9999px; } .ehoLogo { float:right; width:101px; height:30px; margin:5px 0 0 0; display:block; background:url('images/eho_Logo.gif') top right no-repeat; } /*--------------------------- 4 - Site Map (Alvaro 02/16) ---------------------------*/ .mapColumn { width:292px; float:left; margin:20px 10px; font:Arial, Helvetica, sans-serif 12px #666; line-height:20px; } .mapColumn a { color:#666; } .mapColumn ul { list-style:none; font-weight:bold; } .mapColumn ul ul { list-style:disc; font-weight:normal; } .mapColumn ul ul ul { list-style:circle; }