/* - 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 }


#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 }

/* - 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 }
.eventinfo.tags { float:none; width:655px; font-size:12px; text-transform:none; padding:7px 7px 0; margin:15px 0 0 }
.eventinfo.tags td { padding:0 0 5px }
.eventinfo.tags b { color:#0678c1; text-transform:uppercase }
.eventinfo.tags select { font:1em Arial, Helvetica, sans-serif }
.eventinfo.tags .button { cursor:pointer; height:auto; background:#fff; border:3px solid #D5438B; color:#D5438B; font:bold 1em Arial, Helvetica, sans-serif; padding:2px 10px }
.entry .eventinfo.tags { width:645px; border-color:#ddd; background:#f8f8f8 }
.entry .eventinfo.tags b { color:#444; text-transform:uppercase }

/* 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 }

/* - 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 }