/* Theme Name: Lake Lanier CVB Theme URI: http://www.llcvb.com/ Description: The Lake Lanier CVB theme was designed by Red Clay Interactive. Version: 1.0 Author: Red Clay Interactive Author URI: http://redclayinteractive.com/ */ /* - GLOBAL =========================================================================*/ body { font:.813em/1.231em Arial, Helvetica, sans-serif; color:#666666; margin:0 auto; /* make anything a hover with this code >> */ behavior:url("csshover.htc") } table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top } img { border:0 } html, body, ul, li, form, input, h1, h2, h3, p { list-style-type:none; padding:0; margin:0 } a { color:#D5438B; text-decoration:none; -moz-outline-width:0; outline:none } a:hover { color:#000; text-decoration:underline } h1, h3, h2 { font-size:1.692em; font-weight:normal; color:#0678c1; padding:7px 0 4px } h1 a { color:#0678c1 } h1 a:hover { color:#d5438b } h2 { font-size:1.385em; color:#D5438B } h3 { font-size:1.231em; color:#7BA135 } /* - SITE WRAPPERS =========================================================================*/ #MainWrap { width:960px; margin:0 auto } #ContentWrap { float:left; width:960px } /* - HEADER =========================================================================*/ #Header { height:138px; background:url(images/bkg-header.gif) repeat-x } #Header .logo { float:left } #Header .cover { position:relative; float:right; margin:0; z-index:100 } #Header .download_guide { float:right; height:22px; background:url(images/bkg-header-guidetext.gif) 100% 10px no-repeat; padding:104px 0 0 } #Header .download_guide img { float:right } * html #Header .download_guide img { float:left } #Navigation-header { width:821px; height:26px; font-size:.692em; font-weight:bold; background:#0678C1; text-transform:uppercase; text-align:right; padding:8px 139px 0 0; margin:0 auto 2px } * html #Navigation-header { position:relative; margin-top:-37px } #Navigation-header li { display:inline } #Navigation-header a { color:#fff; margin:0 3px 0 22px } #Navigation-header a:hover { color:#eae2a6 } #catmenucontainer{ width:821px; height:26px; display:block; background:#0678C1; font-size:.692em; font-weight:bold; padding:8px 139px 0 0; margin:0 auto 2px; text-transform:uppercase } #catmenu ,#catmenu ul { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; height:26px; } #catmenu ul { float:right } #catmenu a { color: #fff; display: block; margin:0 3px 0 22px } #catmenu a:hover { color: #eae2a6; display: block; } #catmenu li { position:relative; float: left; margin: 0px; padding: 0px; z-index:100; } #catmenu li li { float: left; margin: 0px 0px 0px 0px; padding: 0px; width: 130px; } #catmenu li li a { background:#0678C1; width: 150px; float: none; margin: 0px; padding: 5px 10px 5px 10px } #catmenu li li a:hover { background:#275796; width: 150px; float: none; margin: 0px; padding: 5px 10px 5px 10px } #catmenu li ul { position: absolute; width: 10em; left: -999em; z-index:200 } #catmenu li:hover ul { padding:9px 0 0; left: auto; display: block; } #catmenu li:hover ul, #catmenu li.sfhover ul { z-index:100; left: auto; margin:0 0 0 12px } /* - NAVIGATION =========================================================================*/ #Navigation-top { float:left; width:100%; height:54px; font:1.172em/1.231em Georgia, "Times New Roman", Times, serif; background:url(images/bkg-navigation.gif) repeat-x; padding:0 0 5px } #Navigation-top li { float:left } #Navigation-top a { position:relative; float:left; display:inline; height:69px; color:#0678c1; text-align:right; margin:-17px 0 0 15px; z-index:1 } #Navigation-top a span { position:relative; float:left; display:inline; padding:20px 17px 10px } #Navigation-top a:hover, #Navigation-top .current-cat a { cursor:pointer; border-bottom:1px solid #fff; background:url(images/navtop-tabright.gif) 100% 0 no-repeat; text-decoration:none } #Navigation-top a:hover span, #Navigation-top .current-cat a span { cursor:pointer; background:url(images/navtop-tableft.gif) 0 0 no-repeat } #Navigation-top b { display:block; font-size:1.875em; font-weight:normal; color:#d5438b } /* - SIDEBARS =========================================================================*/ #SideBarLeft { float:left; width:201px } #GeoCache { float:left; width:201px; clear:both; font-size:.923em; background:url(images/bkg-cta-geocache.gif) 0 5px no-repeat; text-align:center; padding:30px 0 0 } #GeoCache h3 { font-size:1em; font-weight:bold } #GeoCache p { padding:0 0 10px } #GeoCache a.readmore { display:inline; float:left; font-size:.769em; font-weight:bold; color:#0678c1; background:url(images/arrow2-white_pink.gif) 0 4px no-repeat; text-transform:uppercase; padding:0 0 0 17px; margin:0 0 5px 12px } #GeoCache a.readmore:hover { color:#d5438b; text-decoration:underline } #HotTix { float:left; width:201px; font-size:.923em; color:#fff; background:#9fbf50 url(images/bkg-sidebarleft.gif) no-repeat; padding:55px 0; margin:0 0 10px } #HotTix p { display:inline; float:left; width:160px; border-bottom:1px dashed #66842d; padding:9px 0 14px; margin:0 18px 0 23px } #HotTix span.date { display:block; font-size:1.167em; font-weight:bold; color:#d5438b; padding:0 0 6px } #HotTix span.date b { font-size:1.571em; font-weight:normal } #HotTix a { font-size:1.083em; color:#0678c1; text-decoration:none } #HotTix a.readmore { font-size:.769em; font-weight:bold; background:url(images/arrow2-white_pink.gif) 0 1px no-repeat; text-transform:uppercase; padding:0 0 0 17px; margin:0 0 0 2px } #HotTix a:hover, #HotTix a.readmore:hover { color:#fff; text-decoration:underline } #HotTix2 { clear:both; margin:15px 0 10px 10px } #SidebarRight { position:relative; float:left; width:283px; line-height:1.154em; padding:17px 0 0 } * html #SidebarRight { margin-left:-10px } #SidebarRight .cta { display:inline; float:right; clear:both; width:275px; height:141px; color:#fff; background:url(images/sprite-sidebarright-cta.jpg) no-repeat; margin:0 8px 5px 0 } #SidebarRight .cta a { color:#fff; text-decoration:none } #SidebarRight .cta a:hover { text-decoration:underline } #SidebarRight .cta ul { padding:63px 10px 0 21px } #SidebarRight .cta ul li { padding:0 0 2px 12px } /* (PINK) My Shore Thing */ #SidebarRight .cta.myshorething { height:156px; background-position:0 0 } #SidebarRight .cta.myshorething ul li { background:url(images/arrow-white_pink.gif) 0 2px no-repeat } /* (BLUE) Atlanta's Hamptons */ #SidebarRight .cta.atlantashamptons { background-position:0 -156px } #SidebarRight .cta.atlantashamptons ul li { background:url(images/arrow-white_blue.gif) 0 2px no-repeat } /* (GREEN) Pop Quiz */ #SidebarRight .cta.popquiz { background-position:0 -297px } #SidebarRight .cta.popquiz ul li { background:url(images/arrow-white_green.gif) 0 2px no-repeat } /* (BLUE TEXT) Related Links */ #SidebarRight .cta.relatedlinks { height:auto; background-position:50px -438px } #SidebarRight .cta.relatedlinks ul { width:88%; padding-top:52px } #SidebarRight .cta.relatedlinks ul li { text-align:center; /*background:url(images/arrow-pink_white.gif) 0 2px no-repeat*/ background:none; padding-left:0 } #SidebarRight .cta.relatedlinks a { color:#666666 } #SidebarRight .cta.relatedlinks a:hover { color:#d5438b } #CTAicons { position:relative; width:182px; height:64px; background:url(images/sprit-calltoaction-icons.jpg); padding:0 0 0 93px; margin:0 0 5px } #CTAicons a .type { float:left } #CTAicons a { float:left; display:block; width:275px; height:64px; background:url(images/sprit-calltoaction-icons.jpg) } #CTAicons a.facebook { width:60px; background-position:-93px 0 } #CTAicons a.facebook:hover .type { height:64px; width:93px; background:url(images/sprit-calltoaction-icons.jpg) 0 -64px; margin:0 0 0 -93px } #CTAicons a.twitter { width:58px; background-position:-153px 0 } #CTAicons a.twitter:hover .type { height:64px; width:93px; background:url(images/sprit-calltoaction-icons.jpg) 0 -128px; margin:0 0 0 -153px } #CTAicons a.rss { width:64px; background-position:-211px 0 } #CTAicons a.rss:hover .type { height:64px; width:93px; background:url(images/sprit-calltoaction-icons.jpg) 0 -192px; margin:0 0 0 -211px } #Partners { float:left; clear:both; width:100%; background:url(images/bkg-cta-partners.gif) 0 0 no-repeat; padding:40px 0 0; margin:30px 0 0 } #Partners span { float:left; width:197; display:block; font-size:11px; border-bottom:1px solid #ddd; padding:2px 2px 15px 2px; margin-bottom:15px } #Partners span a { font-size:12px } #Partners span img { position:relative; float:left; width:71px; height:71px; margin-right:5px } /* - MAIN CONTENT =========================================================================*/ #Content { float:left; width:410px; padding:16px 33px } #Content .post { display:inline; float:left; clear:both; width:410px; border-bottom:1px solid #dadad0; padding:14px 0 24px; margin:0 0 10px } #Content .post img { clear:both; background:#eee; max-width:408px; margin:7px 0 } #Content .post img.postimage { clear:both; max-width:408px } * html #Content .post img.postimage, * html #Content .post img { width:expression(document.body.clientWidth > 408? "408px": "auto" ) } #Content .post .postdate, #Content .post .eventdate, #Content .post .category { position:relative; font-family:Georgia, "Times New Roman", Times, serif; line-height:normal; margin:0 -5px } #Content .post .eventdate { display:none } #Content .post .postdate, #Content .post .eventdate { float:left; font-size:1.385em; color:#b4b4a7; padding:13px 0 9px } #Content .post .postdate b, #Content .post .eventdate b { font-size:1.538em; font-weight:normal; color:#7BA135 } #Content .post .category { float:right; font-size:1.538em; color:#0678c1; margin-top:-4px } #Content .post .category a { color:#0678c1 } #Content .post .category a:hover { text-decoration:none } #Content .post .category b, #Content .post .category a b { font-size:1.85em; font-weight:normal; color:#d5438b } #Content .post h1 { float:left; clear:both; width:100%; line-height:normal; padding-left:10px } #Content .post .entry { float:left; clear:both; width:390px; padding:0 10px } #Content .post .entry h1 { float:none; padding-left:0 } #Content .post .entry p { padding:0 0 10px } #Content .post .entry a.readmore { display:inline; float:left; font-size:.769em; font-weight:bold; color:#0678c1; background:url(images/arrow2-white_pink.gif) 0 4px no-repeat; text-transform:uppercase; padding:0 0 0 17px; margin:6px 0 0 5px } #Content .post .entry a.readmore:hover { color:#d5438b; text-decoration:underline } #Content .post .entry .edit { float:left; font-size:.769em; text-transform:uppercase; padding:6px 0 0 10px } #Content .post .entry .comments { float:right; font-size:.769em; text-transform:uppercase; padding:6px 0 0 } #Content .post .entry .comments a { background:url(images/arrow2-white_pink.gif) 100% 2px no-repeat; padding:0 17px 0 0 } #Content.extend, #Content.extend .post { width:680px } #Content.extend .post .entry { width:663px } #Content.extend .post .entry p { padding:0 0 20px } #Content.extend .post img { max-width:690px } * html #Content.extend .post img { width:expression(document.body.clientWidth > 680? "680px": "auto" ) } .tags { float:left; width:95%; font-size:10px; text-transform:uppercase; background:#eee; border:1px solid #ccc; padding:5px; margin:10px 0 0 5px } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .wp-caption img, .wp-caption h1 img { float:none; margin: 0; padding: 0; border: 0 none } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } .list { list-style:disc; padding:5px 20px } .list li { list-style:disc; padding:0 0 5px } /*- CATEGORY EVENTS SPECIFIC -*/ .category-events .postdate, .category-events .category, table.ec3_schedule { display:none } #Content .post.category-events .eventdate { display:block } /* - MAIN CONTENT =========================================================================*/ #comment{ clear:both; height:100%; padding:0px 5px; margin:0px 0px } h3#comments { clear:both; padding:20px 0 10px } #respond{ clear:both; height:100%; padding:0px 5px; border:1px solid #AFAFAF; background:#ddd; margin:0 0 25px } #respond h3{ color:#666666; font-weight:bold; padding:10px } #commentform { padding:0px 10px 10px 10px; margin:0px 0px 0px 0px } #commentform textarea { background:#fff; border:1px solid #AFAFAF; color:#666666; width:95%; padding:5px 5px; margin:5px 0 0 } #commentform input { background:#fff; border:1px solid #AFAFAF; color:#666666; margin:1px 0 0 } li.comment #respond small { position:relative; float:right; margin:-25px 0 0 } li.comment #commentform p { margin:0 } #commentform input#submit { width:auto; font-size:.864em; font-weight:bold; text-transform:uppercase; background:#0678C1; border:2px solid #fff; color:#fff; padding:5px; margin:5px 0 0 } #commentform input#submit:hover { cursor:pointer; background:#7BA135 } ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0 } ol.commentlist li { border:1px solid #AFAFAF; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative } ol.commentlist li div.comment-author { padding:0 170px 0 0 } ol.commentlist li div.vcard { font-weight:bold; color:#0678C1; padding:6px 0 0 } ol.commentlist li div.vcard cite.fn { font-style:normal } ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none } ol.commentlist li div.vcard cite.fn a.url:hover { color:#000 } ol.commentlist li div.vcard img.avatar { border:6px solid #ccc; left:7px; position:absolute; top:7px } * html ol.commentlist li div.vcard img.avatar { margin:0 0 0 -57px } ol.commentlist li div.comment-meta { font-size:.769em; position:absolute; text-transform:uppercase; right:5px; text-align:right; top:0px } * html ol.commentlist li div.comment-meta { margin:0 65px 0 0 } ol.commentlist li div.comment-meta a { color:#666666; text-decoration:none } ol.commentlist li div.comment-meta a:hover { color:#000 } ol.commentlist li p { min-height:40px; height:auto !important; height:40px; margin:-40px 0 25px } ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0 } ol.commentlist li div.reply a { position:relative; display:block; background:#0678C1; color:#fff; font-size:.769em; font-weight:bold; padding:0; text-align:center; width:44px; text-decoration:none; text-transform:uppercase; margin:27px 0 0 -50px } ol.commentlist li div.reply a:hover { background:#7BA135 } ol.commentlist li div.reply a { color:#fff; } ol.commentlist li ul.children { list-style:none; margin:-15px 0 0; text-indent:0 } ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em } ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em } ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em } ol.commentlist li ul.children li.depth-4 p { margin-top:0 } ol.commentlist li.even { background:#eee } ol.commentlist li.odd { background:#fff } ol.commentlist li.pingback div.vcard { padding:0 170px 0 0 } /* search form */ #searchform { position:relative; float:right; display:inline; padding:0 0 5px; margin:31px -198px 0 -100px } #searchform input { width:175px; font:bold 12px Arial, Helvetica, sans-serif; border:1px solid #ccc; padding:0 2px; margin-left:40px } #searchform #searchsubmit { width:auto; background:#0672BB; color:#fff; border:0 none; margin:0 0 0 5px } .internal-searchform #searchform { float:none; margin:0 } .internal-searchform #searchform input { width:250px; margin-left:0 } /* - FOOTER =========================================================================*/ #footer { float:left; clear:both; width:940px; color:#999; border-top:3px double #ddd; padding:10px; margin:50px 0 0 } #footer img { float:left } #footer p { float:left; padding:10px } #footer .social { float:right; padding:5px 0 } #footer .rss { float:left; color:#F89A32; background:url(images/icon-rss.gif) 0 -1px no-repeat; padding:0 0 5px 25px } #footer .twitter { float:left; clear:left; color:#1CBDDD; background:url(images/icon-twitter.gif) 0 -1px no-repeat; padding:0 0 5px 25px }