html, body { background: #f5f5f5; margin: -5px 0 20px 0; padding: 0; text-align: left; font-family: arial,helvetica,sans-serif; font-size: 12px; color: #333; }
a { color: #1786a5; text-decoration: none; }
a:hover { text-decoration: underline; }
span.hide { display: none; }
#body { width: 989px; background: #ffffff; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; position: relative; margin-left: auto; margin-right: auto; }
#body div.body { padding: 0 15px; }
#top { border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; }
#top div.top { background: url(../images/top.gif) bottom; height: 118px; text-align: left; margin-top: 10px; padding-top: 8px; }
#top div.logo h1 { width: 220px; height: 118px; float: left; background: url(../images/logo.gif); margin: 0; padding: 0; border: 0; }
#top div.logo a { width: 220px; height: 118px; display: block; }
#top div.ad-top1 { margin-top: 10px; }
div.yuimenubar { background: #ffffff; }
#mainmenu ul { display: table; margin: 0 auto; padding: 0; border: 0; list-style-type: none; white-space: nowrap; background: #ffffff; }
#mainmenu li { display: table-cell; background: #f65c7d; font-family: Arial, sans-serif; font-weight: normal; font-size: 16px;}
#mainmenu a { display: block; padding: 8px 0; padding-left: 30px; padding-right: 34px; color: #ffffff; text-align: center; text-decoration: none; }
#mainmenu a:hover { text-decoration: none; background-color: #f65c7d; }
#mainmenu span { padding: 0 10px; }
#mainmenu div.yuimenu { width: 170px; display: block; margin: 0; padding: 0; border: 0; }
#mainmenu div.yuimenu ul { width: 170px; display: block; margin: 0; padding: 0 0 6px 0; border-right: 1px solid #ffffff; background: #f65c7d; }
#mainmenu div.yuimenu li { width: 150px; display: block; margin: 0 6px; padding: 0 4px; border: 0; background: #ffffff; font-family: Arial, sans-serif; font-size: 11px;}
#mainmenu div.yuimenu a { width: 150px; color: #1786a5; padding: 2px; text-align: left; text-decoration: none; }
#mainmenu div.yuimenu a:hover { text-decoration: none; background-color: #F2F2F2; }
#news { clear: both; padding-top: 5px; }
#news div.news { border-top: 1px solid #e6dfdc; border-bottom: 1px solid #e6dfdc; color: #2a6f6c; font-size: 15px; font-weight: bold; }
#news p { text-align: center; margin: 6px 0; padding: 0; border: 0; }
#left { width: 620px; float: left; }
#left div.box { margin: 10px 0 10px 5px; }
#left div.teasers { border: 1px solid #E6DFDC; height: 300px; margin-top: 10px;}
#left div.teaserimages { display: block; width: 400px; height: 300px; background: #ffffff; float: left; }
#left div.image { width: 400px; display:none; }
#tabs { width: 218px; height: 300px; float: left; }
#tabs ul { width: 218px; height: 300px; margin-top: -3px; padding: 0; border: 0; }
#tabs li { margin: 0; padding: 0; border: 0; text-align: left; }
#tabs li a { display: block; padding: 4px 10px; margin: 0; border: 0; }
#tabs li a.title { color: #087e9f; font-size: 18px; font-family: Georgia, serif; background: url(../images/hp_featured_bkgd.gif) top repeat-x;}
#tabs li a.more { color: #000000; z-index: 1;}
#tabs li div { width: 214px; overflow: hidden; color: #999; }
#tabs ul.yui-nav li { padding: 0; margin: 2px 0; border: 0; }
#tabs p { padding: 4px 10px; margin: 0; border: 0; }
#left h2.section { font-family: Georgia, serif; font-size: 18px; margin: 12px 0; padding: 7px 10px; color: #1785a4; background: #f5f5f5; }
#left h2.page { font-family: Georgia, serif; font-size: 24px; margin: 6px 0; padding: 0; color: #000000; }
#left h2.page a { color: #000000; text-decoration: none; }
#left h3.comments, .comments_hdr { margin: 10px 0; padding: 20px 0 2px 0; border-top: 0; border-right: 0; border-bottom: 1px solid #dddddd; border-left: 0; clear:left }
#left h4 {font-family: Georgia, serif; color: #000; font-size: 120%; line-height: 20px; margin: 5px 0;}
#left ul.comments li.even { background: #ffffff; padding: 4px 0; }
#left ul.comments li.odd { background: #f5f5f5; padding: 4px 0; }
#left ul.comments h4 { margin: 4px 0; padding: 0 6px; border: 0; font-family: Georgia, serif; font-size: 18px; color: #000000; }
#left ul.comments p.message { margin: 4px 0; padding: 0 6px; border: 0; }
#left ul.comments p.info { margin: 4px 0; padding: 0 6px; border: 0; }
#left ul.comments b { font-weight: normal; color: #000000; }
#authorinfo { padding-bottom: 25px; }
#share { float: right; display: inline; text-align: right; padding-left: 3px; padding-right: 3px; padding-top: 3px;}
#tabber { position; relative; }
#tabber ul { height: 22px; margin: 15px 0; border-bottom: solid 1px #CCC; }
#tabber ul li { border: solid 1px #CCC; width: 90px; height: 16px; text-align: center; padding-top: 5px; background: #F2F2F2; font-family: Arial, sans-serif; xfont-size: 77%; float: left; display: inline; margin-left: 7px; }
#tabber ul li:hover { background: #CCC;}
#tabber ul li.selected { border-bottom: solid 1px #FFF; background: #fff; color: #000; }
#tabber ul li a { color: #4C4C4C; text-decoration: none; }
#tabber ul li a:hover { color: #4C4C4C; text-decoration: none; }
#tabber ul li.selected { border-bottom: solid 1px #FFF; background: #fff; color: #000; }
#tabber ol { height: 14px; border-bottom: solid 1px #CCC; }
#tabber ol li { float: left; padding: 0 10px;font-family: arial, sans-serif; xfont-size: 77%; }
#tabber ol li a { color: #33666; }
#left p.lead { font-size: 14px; line-height: 18px; margin: 10px 0; }
#left div.maincopy p { font-size: 11px; line-height: 16px; margin: 10px 0; }
#left div.media_column { float: left; width: 150px; margin: 0 10px 6px 0; }
#left div.event_media_column { float: left; width: 150px; margin: 20px 10px 6px 0; }
#left div.media_slot { background: url(../images/click.gif) no-repeat top left; padding: 14px 0 5px 0; margin-top: 5px; border-top: 1px solid #fdd6df; border-bottom: 1px solid #fdd6df;}
#left div.media_slot_slideshow { background: url(../images/click_slideshow.gif) no-repeat top left; padding: 14px 0 5px 0; margin-top: 5px; border-top: 1px solid #fdd6df; }
#left div.media_slot img, #left div.media_slot_slideshow img {margin-top: 10px; }
#left div.media_slot p.image_credits { margin: 4px 0; color: #bbbbbb; }
#left div.media_slot p.info { margin: 4px 0; color: #858585; }
#left div.media_links { padding: 4px 0; border-bottom: 1px solid #fdd6df; }
#left div.media_links div.links { padding: 2px 6px; background: #f5f5f5; }
#left div.media_links p { color: #000000; }
#left div.media_links ul { display: block; }
#left div.media_links li { display: block; padding: 2px 0 2px 0; }
#left p.tags { margin: 26px 0 16px 0; }
#left p.tags b { color: #000000; font-weight: normal; }
#left h2.vendors { width: 100%; height: 25px; background: url(../images/vendors.gif) top left no-repeat; margin: 0; padding: 0; border: 0; }
#left div.vendors { border: 1px solid #d9d9d9; width: 621px; }
#left iframe.vendors { width: 619px; height: 240px; margin: 0; padding: 0; border: 0; }
#left h2.features { width: 100%; height: 29px; background: url(../images/features.gif) top left no-repeat; margin: 0; padding: 0; border: 0; clear: left; }
#left div.feature { border-bottom: 1px solid #d9d9d9; margin: 10px 0; width: 390px; }
#left div.feature-hp { border-bottom: 1px solid #d9d9d9; margin: 10px 0; }
#left div.feature h3, #left div.feature-hp h3 { font-family: Georgia, serif new roman,times,serif; margin: 4px 0; padding-top: 10px; border: 0; font-size: 15px; }
#left div.feature p, #left div.feature-hp p { margin: 4px 0; padding: 0; border: 0; line-height: 16px; }
#left div.floatboxes p.image_credits { margin: 4px 0; color: #bbbbbb; }
#left div.floatboxes p.description { margin: 4px 0; }
#left div.floatboxes { width: 211px; float: right; padding: 0 6px; }
#left div.floatbox { border: 1px solid #d9d9d9; margin: 4px 0; padding: 4px; }
#left div.floatbox ul { width: 201px; margin: 0; padding: 0; border: 0; }
#left div.floatbox h3 { height: 36px; background: url(../images/headline_gradientbar.gif) top left; color: #c2636e; font-size: 18px; padding: 10px 6px 0 6px; margin: 0; border: 0; }
#left div.featurette { border: 1px solid #d9d9d9; margin: 4px 0; padding: 4px; }
#left div.featurette h3 { color: #B33342; font-size: 12px; font-weight: bold; padding: 2px 0 3px 0; margin: 0; border: 0; }
#left div.featurette img { margin: 0 -2px; }
#comment-form { border: 1px solid #cccccc; background: #f9f9f9; margin: 16px 0; padding: 0 10px; }
#comment-form h4 { margin: 10px 0; color: #7d7d7d; padding: 0; border: 0; font-family: Georgia, serif; font-size: 18px; }
#comment-form p { margin: 10px 0; }
#comment-form p.status { margin: 10px 0 16px 0; font-weight: bold; color: #7d0000; font-size: 16px; }
#comment-form label { margin: 6px 0; color: #000000; display: block; }
#comment-form em { color: #636363; }
#comment-form input { margin: 10px 0; border: 1px solid #cccccc; background: #ffffff; padding: 2px 6px; width: 300px; }
#comment-form textarea { margin: 10px 0; border: 1px solid #cccccc; background: #ffffff; padding: 2px 6px; }
#right { float: right; }
#right div.box { margin: 10px 5px 10px 0; }
#cse-search-box { margin-right: -30px; background: url(../images/search.gif) top left; }
#cse-search-box div { background: url(../images/search_left.gif) top left no-repeat; height: 39px; padding: 6px 0 0 26px; }
#cse-search-box input.q { margin: 0 4px; border: 0; padding: 2px; width: 200px; }
#cse-search-box input.sa { margin: 0 4px; border: 0; padding: 2px; background: url(images/googlesearchbutton.gif); width: 65px; height: 19px; }
#right iframe.directory { width: 302px; height: 195px; margin: 0; padding: 0; border: 0; }
#right iframe.vendors { width: 302px; height: 620px; margin: 0; padding: 0; border: 0; }
#events h3 { margin: 0; padding: 0; border: 0; background: url(../images/events.gif) top left no-repeat; width: 298px; height: 60px; }
#events div.eventlist1 { width: 298px; background: url(../images/events_bg.gif) left; }
#events div.eventlist2 { width: 298px; background: url(../images/events_footer.gif) bottom left no-repeat; font-family: arial,helvetica,sans-serif; font-size: 11px; }
#events div.eventlist3 { padding: 0 10px; }
#events ul { margin: 0 0 6px 0; padding: 0 6px 6px 6px; border-top: 0; border-right: 0; border-bottom: 1px solid #e0d6cd; border-left: 0; color: #000000; }
#events li { margin: 0; padding: 0; border: 0; display: inline; }
#events span.month { margin-right: 26px; }
#events dl { margin: 0; padding: 0 0 10px 0; border: 0; }
#events dt { margin: 0; padding: 0 6px; border: 0; color: #3a1608; }
#events dd { margin: 0 0 6px 0; padding: 0 6px 6px 6px; border-top: 0; border-right: 0; border-bottom: 1px dashed #e0d6cd; border-left: 0; color: #aaaaaa; }
#events p { margin: 0; padding: 0 6px 26px 6px; border: 0; text-transform: uppercase; }
#bloginfo { width: 300px; }
#bloginfo h3 { margin: 0; padding: 0; border: 0; background: url(../images/about.gif) top left no-repeat; width: 298px; height: 25px; }
#blogposts h3 { margin: 4px 0; padding: 4px 10px; border-top: 0; border-right: 0; border-bottom: 1px solid #cccccc; border-left: 0; text-transform: uppercase; }
#blogposts ul { margin: 0; padding: 0; border: 0; }
#blogposts li { margin: 4px 0; padding: 0 10px; border: 0; display: block; }
#blogs h3 { margin: 0; padding: 0; border: 0; background: url(../images/blogs.gif) top left no-repeat; width: 298px; height: 55px; }
#blogs div.bloglist1 { width: 298px; background: url(../images/blogs_bg.gif) left; }
#blogs div.bloglist2 { width: 298px; background: url(../images/blogs_footer.gif) bottom left no-repeat; font-family: arial,helvetica,sans-serif; font-size: 11px; }
#blogs dl { margin: 0; padding: 0 0 10px 0; border: 0; }
#blogs dt { margin: 0; padding: 0 16px; border: 0; color: #3a1608; }
#blogs dd { margin: 0; padding: 0 16px 6px 16px; border: 0; color: #aaaaaa; }
#adtiles { width: 300px; }
#adtiles a { margin: 10px 4px; }
#footer { clear: both; padding-top: 16px; }
#textmenu { background: #f65c7d; height: 27px; text-align: center; }
#textmenu ul { display: table; margin: 0 auto; padding: 0; border: 0; font-family: arial,helvetica,sans-serif; font-size: 12px; text-transform: uppercase; }
#textmenu li { display: table-cell; }
#textmenu a { display: block; color: #ffffff; text-decoration: none; padding: 6px 9px 0 9px; }
#sitemenu { background: #008d9f; height: 27px; text-align: center; }
#sitemenu ul { display: table; margin: 0 auto 10px auto; padding: 0; border: 0; font-family: arial,helvetica,sans-serif; font-size: 12px; text-transform: uppercase; }
#sitemenu li { display: table-cell; }
#sitemenu a { display: block; color: #ffffff; text-decoration: none; padding: 6px 9px 0 9px; }
#credits p { margin: 5px 0; padding: 0; border: 0; }
#frame { text-align: center; background-color: #F7F7F7; }
.image_credits { margin: 4px 0; color: #bbbbbb; }
.info { color: #858585; }
.media_summary h3, .column_left h3 {font-family: Georgia, serif; color: #000; font-size: 150%; margin: 5px 0 5px 0;}
.media_summary p, .column_left p {line-height: 15px; padding-bottom: 8px;}
.media_badges {border-top: 1px solid #fdd6df; border-bottom: 1px solid #fdd6df; padding: 5px 0 5px 0;}
.column_left {float: left; width: 380px; padding: 10px 20px 0 0 }
.column_right {float: right; width: 200px; padding: 20px 0 0 0;}
.event_content {margin-top: 25px;}
.event_location_hdr {font-size: 10px; color: #666; padding-top: 4px; border-top: 1px solid #fdd6df; }
.event_cost_hdr {padding-top: 10px; }
.biz_section_right h4 {font-family: Georgia, serif; color: #000; font-size: 150% !important; line-height: 20px; margin: 5px 0;}
.biz_section_right p {font-family: font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 14px;}
.biz_section_bottom p {font-family: font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 14px; padding: 5px 0pt 20px 0pt; }
h3 { font-family: Georgia, serif; font-size: 18px; margin: 10px 0; color: #000;}
#premiumads { valign: center; margin-left: 100px; }
/* overlay images */
.play { left:60px; position:relative; top:60px; z-index:10; }
/* small buttons in list views
----------------------------------------------*/
.panel-action a.btn, a.btn {font-family:'Lucida Grande', Helvetica, Swiss, Arial, sans-serif, SunSans-Regular; font-size:10px; color:#384764; text-decoration:none; line-height:1.1em;}
.btn {display:inline-block; display:-moz-inline-box; height:16px; margin:0; background:url("http://njmonthly.com/images/bg_btn_small_l.png") left top no-repeat;}
.btn span {display:inline-block; display:-moz-inline-box; height:6px; padding:2px 10px 8px 2px; margin:0 0 0 10px; background:url("http://njmonthly.com/images/bg_btn_small_r.png") right top no-repeat; overflow:hidden;}
.btn span:hover {color:#384764;}
a.btn:hover {background-position:left -16px; text-decoration:none; color:#384764;}
a.btn:hover span {background-position:right -16px;}
a.btn:active {background-position:left -32px; text-decoration:none; color:#384764;}
a.btn:active span {background-position:right -32px;}
a.btn:visited {color:#384764;}
/* medium buttons
----------------------------------------------*/
a.btn-medium {font-family:'Lucida Grande', Helvetica, Swiss, Arial, sans-serif, SunSans-Regular; font-size:11px; color:#000; text-decoration:none; font-weight: normal;}
.btn-medium {display:inline-block; display:-moz-inline-box; height:21px; margin:0; background:url("http://njmonthly.com/images/bg_btn_medium_l.png") left top no-repeat;}
.btn-medium span {display:inline-block; display:-moz-inline-box; height:18px; padding: 3px 12px 0 0; margin: 0 0 0 12px; background:url("../images/bg_btn_medium_r.png") right top no-repeat; overflow:hidden;}
.btn-medium span:hover {color:#232C3E;}
a.btn-medium:hover {background-position:left -21px; text-decoration:none; color:#FFF;}
a.btn-medium:hover span {background-position:right -21px;}
a.btn-medium:active {background-position:left -42px; text-decoration:none; color:#FFF;}
a.btn-medium:active span {background-position:right -42px;}
a.btn-medium:visited {color:#000;font-weight: normal;}
/* large buttons
----------------------------------------------*/
a.btn-large {font-family:'Lucida Grande', Helvetica, Swiss, Arial, sans-serif, SunSans-Regular; font-size:12px; color:#888; text-decoration:none; line-height:1.1em;font-weight: bold; margin-top: 5px;}
.btn-large {display:inline-block; display:-moz-inline-box; height:28px; margin:0; background:url("http://njmonthly.com/images/bg_btn_large_l.gif") left top no-repeat;}
.btn-large span {display:inline-block; display:-moz-inline-box; height:13px; padding:6px 20px 9px 5px; margin:0 0 0 13px; background:url("http://njmonthly.com/images/bg_btn_large_r.gif") right top no-repeat; overflow:hidden;}
.btn-large span:hover {color:#778bb2;}
a.btn-large:hover {background-position:left -28px; text-decoration:none; color:#FFF;}
a.btn-large:hover span {background-position:right -28px;}
a.btn-large:active {background-position:left -56px; text-decoration:none; color:#FFF;}
a.btn-large:active span {background-position:right -56px;}
a.btn-large:visited {color:#888;font-weight: bold;}
/* action buttons
----------------------------------------------*/
a.btn-action {font-family:'Lucida Grande', Helvetica, Swiss, Arial, sans-serif, SunSans-Regular; font-size:12px; color:#FFF; text-decoration:none; line-height:1.1em;font-weight: bold;}
.btn-action {display:inline-block; display:-moz-inline-box; height:28px; margin:0; background:url("http://njmonthly.com/images/bg_btn_action_l.gif") left top no-repeat;}
.btn-action span {display:inline-block; display:-moz-inline-box; height:13px; padding:6px 20px 9px 5px; margin:0 0 0 13px; background:url("http://njmonthly.com/images/bg_btn_action_r.gif") right top no-repeat; overflow:hidden;}
.btn-action span:hover {color:#FFF;}
a.btn-action:hover {background-position:left -28px; text-decoration:none; color:#FFF;}
a.btn-action:hover span {background-position:right -28px;}
a.btn-action:active {background-position:left -56px; text-decoration:none; color:#FFF;}
a.btn-action:active span {background-position:right -56px;}
a.btn-action:visited {color:#FFF;font-weight: bold;}
/* 125x125 Vert Tiles
----------------------------------------------*/
.tile {float:left; padding: 2px 5px 0px 0px;}