/*******************************
HTML ELEMENTS
*/
*{margin:0;padding:0;}
body{background:url(styles/images/body-bg.png) repeat-x #FCFCFC;font-size:100%;color:#333;}
a{outline:none;}
a img{border:none;}
strong{font-weight:bold;}
em{font-style:italic;}
/*
COMMON CLASSES
*/
.center{text-align:center;}
.right{float:right;}
.hide{display:none;}
.clear{margin:0;clear;both;}
/*******************************
HEADER
*/
#header{width:920px;height:112px;position:relative;margin:0 auto;}
#header h1 a{background:url(styles/images/misstropolis-logo.png) no-repeat 0 0;display:block;width:199px;height:74px;text-decoration:none;text-indent:-5000em;position:absolute;left:-17px;bottom:-15px;z-index:10;}
#header h1 a:hover{background-position:0 -74px;}
/*
MAIN NAVIGATION
*/
#header ul{list-style:none;position:absolute;right:0;bottom:0;}
#header li{display:inline;}
#header li a{display:block;float:left;width:123px;height:39px;text-decoration:none;text-indent:-5000em;}
#header a#nav-arts{background:url(styles/images/nav-arts.png) no-repeat 0 0;}
#header a#nav-arts:hover{background-position:0 -39px;}
#section-arts #header a#nav-arts{background-position:0 -78px;}
#header a#nav-culture{background:url(styles/images/nav-culture.png) no-repeat 0 0;}
#header a#nav-culture:hover{background-position:0 -39px;}
#section-culture #header a#nav-culture{background-position:0 -78px;}
#header a#nav-style{background:url(styles/images/nav-style.png) no-repeat 0 0;}
#header a#nav-style:hover{background-position:0 -39px;}
#section-style #header a#nav-style{background-position:0 -78px;}
#header a#nav-life{background:url(styles/images/nav-life.png) no-repeat 0 0;}
#header a#nav-life:hover{background-position:0 -39px;}
#section-life #header a#nav-life{background-position:0 -78px;}
#header a#nav-health{background:url(styles/images/nav-health.png) no-repeat 0 0;}
#header a#nav-health:hover{background-position:0 -39px;}
#section-health #header a#nav-health{background-position:0 -78px;}
#header a#nav-table{background:url(styles/images/nav-table.png) no-repeat 0 0;}
#header a#nav-table:hover{background-position:0 -39px;}
#section-table #header a#nav-table{background-position:0 -78px;}
#header a#nav-spirit{background:url(styles/images/nav-spirit.png) no-repeat 0 0;width:124px;}
#header a#nav-spirit:hover{background-position:0 -39px;}
#section-spirit #header a#nav-spirit{background-position:0 -78px;}
/*
SEARCH FORM
*/
#header #search-form{position:absolute;top:20px;left:-17px;}
#search-form label{background:url(styles/images/search-label.gif) no-repeat;display:block;width:41px;height:17px;text-indent:-5000em;float:left;}
#search-form input#search{background:#9D9D9D;height:13px;display:block;float:left;padding:2px;font-size:12px;color:#FFF;border:0;}
#search-form input#search-btn{background:url(styles/images/search-btn.gif) no-repeat 0 0;cursor:pointer;display:block;float:left;width:19px;height:17px;margin-left:6px;border:0;}
#search-form input#search-btn:hover{background-position:0 -17px;}
/*
AD CONTAINER
*/
#header .ad-container,#header .chrislee-long,#header .area-long,#header .ad-long{position:absolute;top:6px;right:0;width:468px;height:60px;}
/*******************************
CONTAINER
*/
#container{background:#FFF;font:.9em/1.6 georgia,"times new roman",times,serif;width:920px;overflow:hidden;position:relative;margin:0 auto;padding-top:40px;border-left:solid 6px #D2D2D2;border-right:solid 6px #D2D2D2;}
/*
UTILITY,FOOTER & TERTIARY NAV
*/
#utility-nav{position:absolute;top:12px;right:20px;list-style:none;}
#utility-nav li,
#footer-nav li{font-size:.9em;display:inline;padding-right:5px;}
#utility-nav li+li,
#footer-nav li+li{padding-left:7px;border-left:solid 1px #D9D9D9;}
#utility-nav a,
#footer-nav a{text-decoration:none;color:#333;}
/*
#utility-nav a:visited,
#footer-nav a:visited{color:#AAA;text-decoration:underline;}
*/
#utility-nav a:hover,
#footer-nav a:hover{text-decoration:underline;}
/*******************************
MAIN
*/
#main{margin:0 20px;width:580px;border-right:340px solid #FFF;margin-right:-340px;float:left;}
#main a{text-decoration:none;}
#main a:hover{text-decoration:underline;}
/*
HOMEPAGE CALLOUTS
*/
#main .callout{background:url(styles/images/divider.gif) repeat-x bottom;padding:12px;width:540px;margin-bottom:1em;min-height:130px;}
#main .callout .date{display:none;}
#main .callout img{float:left;}
#main .callout h2{font:bold 18px/1.2 Arial,Helvetica,Tahoma,Sans-Serif;margin:0 0 -.2em 170px;text-transform:uppercase;letter-spacing:-1px;}
#main .callout p{margin:-.2em 0 .3em 170px;font-size:.95em;}
#main .callout p a:after{content:" >";}
#main #featured_new{background-image:none;background-color:#EEE;border:solid 1px #D9D9D9;}
#main #featured_new h2{margin-bottom:.5em;border-bottom:solid 1px #D2D2D2;}
.life a,
#section-life #main a,
#section-life #main h2{color:#FF6500;}
.style a,
#section-style #main a,
#section-style #main h2{color:#EB2B9C;}
.arts a,
#section-arts #main a,
#section-arts #main h2{color:#0098FF;}
.health a,
#section-health #main a,
#section-health #main h2{color:#FFC000;}
.table a,
#section-table #main a,
#section-table #main h2{color:#A25EE8;}
.spirit a,.outrageous a,
#section-spirit #main a,#section-outrageous #main a,
#section-spirit #main h2,#section-outrageous #main h2{color:#FA310B;}
.culture a,.justnow a,
#section-culture #main a,#section-justnow #main a,
#section-culture #main h2,#section-justnow #main h2{color:#009800;}
#main .flowerborder{width:526px;padding:20px;background:url(styles/images/archives-bg.gif);margin-bottom:1em;}
#main .justnow{background-color:#fffff5;border:solid 1px #D9D9D9;width:500px;background-image:none;margin:0;}
/*
SEARCH RESULTS
*/
#search-results #main{width:880px;margin-bottom:2em;}
#search-results #main h2{margin-left:0;font-size:1.4em;}
#search-results #main dl{padding:1em 1em 1.5em;}
#search-results #main dl.even{background:#F0F0F0;border-top:solid 1px #D2D2D2;border-bottom:solid 1px #D2D2D2;}
#search-results #main dt{font-weight:bold;font-size:1.2em;}
#search-results #main dd.byline{font-size:.9em;color:#999;margin-bottom:.5em;}
#search-results #main dd.excerpt{min-height:70px;}
#search-results #main dd.excerpt img{float:left;margin:0 1em .5em 0;}
#search-results #main dd.excerpt a{font-weight:bold;}
#search-results #main dd.excerpt a:after{content:" >";}
#search-results #main .arts a{color:#0098FF;}
#search-results #main .health a{color:#FFC000;}
#search-results #main .culture a{color:#009800;}
#search-results #main .style a{color:#EB2B9C;}
#search-results #main .life a{color:#FF6500;}
#search-results #main .table a{color:#A25EE8;}
#search-results #main .spirit a{color:#FA310B;}
#search-results #main .justnow a{color:#009800;}
/*
STORY
*/
#main .content{background:url(styles/images/divider.gif) repeat-x bottom;padding-bottom:12px;margin-bottom:2em;width:540px;font-size:.95em;}
#main .content a:visited{color:#121212;text-decoration:underline;}
#main .content img{float:left;margin-bottom:.5em;}
#main .content h2{font:bold 18px/1.2 Arial,Helvetica,Tahoma,Sans-Serif;margin:0 0 -.2em 170px;text-transform:uppercase;letter-spacing:-1px;}
#static #main .content h2{margin-left:0;}
#static #main .content a{color:#FF6600;}
#main .content p{margin:1em 0;line-height:1.8;}
#main p.date{font-weight:bold;margin-left:170px;margin-bottom:.5em;}
#main p.byline{font-style:italic;margin-left:170px;margin-top:-.2em;}
#main.index p.byline+p{clear:both;}
#main p.tools{margin-left:170px;height:30px;}
#main p.read-more{margin-bottom:0;font-size:.8em;}
#main p.read-more a{display:block;text-align:right;font-weight:bold;font-size:1.2em;padding:.2em .5em;}
#main p.read-more a:hover{background:#EEE;text-decoration:none;}
#main p.read-more a:after{content:" >";}
#main .content ol,
#main .content ul{margin:1em 0 1em 4em;}
#main .content ul{list-style:square;}
#main .content li{line-height:1.8;}
#main .content blockquote{margin:1em 3em;padding:0 1em;font-style:italic;line-height:1.4;border-left:solid 4px #DADADA;}
a#btn-email{background:url(styles/images/btn-email.gif) no-repeat 0 0;width:147px;height:21px;display:block;float:left;margin-right:5px;text-indent:-5000em;text-decoration:none;}
a#btn-email:hover{background-position:0 -21px;}
a#btn-print{background:url(styles/images/btn-print.gif) no-repeat 0 0;width:147px;height:21px;display:block;float:left;text-indent:-5000em;text-decoration:none;}
a#btn-print:hover{background-position:0 -21px;}
#main .content p img{float:none;padding:.5em;display:block;margin:0 auto;border:solid 1px #DADADA;}
/*
COMMENTS
*/
#comments{padding-bottom:2em;width:540px;}
#comments .comment{background:url(styles/images/divider.gif) repeat-x 0 bottom;padding:1em 0;font-size:.9em;}
.comment dt{font-weight:bold;font-size:1.2em;}
.comment dt+dd{font-style:italic;}
.comment dd p{margin:1em 0;}
#comments .alt{}
#comments .author{background:url(styles/images/author-comment.gif) no-repeat top right #EEE;}
.form-container{background:url(images/divider.gif) repeat-x 0 bottom #EEE;padding:1em 1em 4em;border:0;font-size:.9em;}
.form-container h3{background:url(styles/images/add-comment.gif) no-repeat;width:100px;height:16px;text-indent:-5000em;margin-bottom:1em;}
.form-container p{margin-bottom:1em;}
.form-container p label{}
.form-container input{margin-right:.5em;}
.form-container input#name-field,
.form-container input#email-field,
.form-container input#www-field{font-family:inherit;width:180px;}
.form-container textarea{font-family:inherit;margin-bottom:1em;width:95%;height:200px;}
.form-container input#submit-btn{background:url(styles/images/submit-btn.gif) no-repeat 0 0;cursor:pointer;display:block;float:left;width:102px;height:24px;text-indent:-5000em;border:0;}
.form-container input#submit-btn:hover{background-position:0 -24px;}
#static input#submit-btn{background:url(styles/images/submit-btn.gif) no-repeat 0 0;cursor:pointer;display:block;width:102px;height:24px;text-indent:-5000em;border:0;}
#static input#submit-btn:hover{background-position:0 -24px;}
#paginate p{margin:1em 0;text-align:right;font-size:.9em;display:none;/* WE'LL HIDE THE PAGINATION FEATURE UNTIL THERE IS A NEED FOR IT */}
/*
COMMENT FORMATTING BUTTONS
*/
.buttonMode{font-size:10px;color:#333;background-color:transparent;white-space:nowrap;}
.htmlButtonOuter,.htmlButtonOuterL{padding:0;border-top:#333 1px solid;border-right:#333 1px solid;border-bottom:#333 1px solid;}
.htmlButtonOuterL{border-left:#333 1px solid;}
.htmlButtonInner{background:#FFF;text-align:center;padding:0 3px 0 3px;border-left:#EEE 1px solid;border-top:#EEE 1px solid;border-right:#EEE 1px solid;border-bottom:#EEE 1px solid;}
.htmlButtonOff{font-size:11px;font-weight:bold;padding:1px 2px 2px 2px;white-space:nowrap;}
.htmlButtonOn{font-size:11px;font-weight:bold;padding:1px 2px 2px 2px;white-space:nowrap;}
/*******************************
SECONDARY
*/
#secondary{background:#FFF;float:left;width:300px;padding-bottom:2em;}
#secondary a:visited{color:#121212;text-decoration:underline;}
/*
SUBSCRIBE
*/
#subscribe{background:#0099FF;border:solid 4px #9BD4FA;padding:.5em 1em 0;min-height:60px;}
#subscribe h3{background:url(styles/images/h3-subscribe.gif) no-repeat;width:270px;height:23px;text-indent:-5000em;}
#subscribe label{display:block;text-indent:-5000em;height:1px;}
#subscribe input#subscribe-input{background:#FFF;width:174px;height:16px;font-family:inherit;color:#0099FF;display:block;float:left;padding:2px;border:0;}
#subscribe input#subscribe-btn{background:url(styles/images/subscribe-btn.gif) no-repeat 0 0;cursor:pointer;display:block;float:left;width:74px;height:20px;margin-left:10px;border:0;}
#subscribe input#subscribe-btn:hover{background-position:0 -20px;}
#subscribe p#feed{font-family:Arial,Helvetica,Tahoma,Sans-Serif;font-size:.8em;font-weight:bold;text-align:center;clear:both;margin:.8em 0;padding-top:.6em;}
#subscribe p#feed a{background:url(styles/images/feed-icon16x16.png) no-repeat right 0;color:#FFF;text-decoration:none;padding-right:20px;}
#subscribe p#feed a:hover{text-decoration:underline;}
/*
SECONDARY MODULES
*/
#secondary .module{background:url(styles/images/diag-tile.gif);margin:1em 0;padding-bottom:.1em;}
#secondary .module dl{background:#FFF;padding:.5em;margin:.5em;position:relative;border:solid 1px #D9D9D9;}
#secondary .module dl:hover{border:solid 1px #9D9D9D;}
#secondary .module dt{font:bold 1.1em Arial,Helvetica,Tahoma,Sans-Serif;text-transform:uppercase;}
/* Twitter */
.twitter{margin-bottom:15px;position:relative;}
/*
DML and Blog
*/
#secondary .dml,#secondary .blog{width:100%;float:left;}
.dunkin-tall-ad{width:40%;padding-top:10px;float:left;}
.emerald-tall{width:30%;padding-top:10px;padding-left:5px;float:left;}
.emerald-small{margin:0;padding:0;text-align:center;}
.chrislee-small,.area-small,.ad-small{position:absolute;top:1em;right:1em;}
.emerald-square{background:#EEE;width:300px;height:250px;position:absolute;top:1em;right:1em;}
.ad-square{float:right;}
#homepage-ad{padding:0px 0px 10px 10px;}
#secondary .dml dd.date,#secondary .blog dd.date{font-size:.93em;font-weight:bold;font-style:italic;margin-bottom:.5em;}
#secondary .dml dd img,#secondary .blog dd img{float:left;margin:0 10px 10px 0;}
#secondary .dml .detail dd,#secondary .blog .detail dd{font-style:italic;font-size:.93em;}
#secondary .dml dd,#secondary .dml .detail dd.blurb,#secondary .blog dd,#secondary .blog .detail dd.blurb{font-size:.8em;font-style:normal;}
.blog a dl{color:#333;}
.blog dd p{padding-bottom:7px;}
/*
TOUT BOX
*/
.toutbox{margin-top:15px;}
.toutbox dl{border:solid 1px #D9D9D9;margin-bottom:10px;width:298px;height:115px;}
.toutbox dl:hover{border:solid 1px #9D9D9D;}
.toutbox img,.toutbox dd,.toutbox dt{width:149px;height:115px;margin:0;padding:0;}
#secondary .toutbox a,#secondary .toutbox a:visited,#secondary .toutbox a:hover{font:bold 11px/1.2 Arial,Helvetica,Tahoma,Sans-Serif;color:#ffffff;}
.toutbox .tout dt{float:right;background:url(styles/images/toutgreen.gif);padding:10px;padding-top:15px;height:90px;width:129px;}
.toutbox .tout dd{float:left;}
.toutbox .podcast dt{height:90px;width:129px;padding:10px;padding-top:15px;float:left;background:url(styles/images/toutpink.gif);}
.toutbox .podcast dd{float:right;}
/*
BLOGTROPOLIS
*/
#secondary .blogtropolis{margin-top:15px;font-size:11px;line-height:1.3em;border:4px solid #eee;color:#2b2b2b;background:url(styles/images/blogtropolis_header.jpg) no-repeat;}
#secondary .blogtropolis_body{margin-top:29px;background:url(styles/images/blogtropolis_body.jpg) repeat-y;padding-bottom:14px;}
#secondary .blogtropolis_body p{padding:10px 14px 0px 14px;}
#secondary .blogtropolis_body p strong{font-weight:normal;font-style:italic;}
/*
RECENT
*/
#secondary .module dl.recent dt{background:url(styles/images/divider.gif) repeat-x left bottom;padding-bottom:.5em;margin-bottom:.5em;}
#secondary .module dl.recent dd{font-style:italic;font-size:.9em;margin:.2em 0;}
/*
RELATED
*/
#secondary .related dd img{float:left;margin:0 .5em .5em 0;}
#secondary .module dl.related dd.byline{font-style:italic;font-size:.9em;}
#secondary .module dl.related dd p{background:url(styles/images/divider.gif) repeat-x;margin-top:.5em;padding-top:1em;font-size:.9em;clear:both;}
/*
MODULE HEADERS
*/
#secondary h3#dont-miss{background:url(styles/images/h3-dont-miss-list.gif) no-repeat;width:300px;height:30px;text-indent:-5000em;}
#secondary h3#paulette{background:url(styles/images/h3-paulette.jpg) no-repeat;width:300px;height:30px;text-indent:-5000em;}
#secondary h3#twitter{background:url(styles/images/h3-twitter.jpg) no-repeat;width:300px;height:30px;text-indent:-5000em;}
#secondary h3#misstropolis_blogs{background:url(styles/images/blogs.png) no-repeat;width:300px;height:30px;text-indent:-5000em;}
#secondary h3#related{background:url(styles/images/h3-related.gif) no-repeat;width:360px;height:30px;text-indent:-5000em;}
#secondary h3#recent-comments{background:url(styles/images/h3-recent-comments.gif) no-repeat;width:360px;height:30px;text-indent:-5000em;}
/*
LINKS
*/
#secondary .module a{color:#FF6600;text-decoration:none;}
#secondary .module a:hover{text-decoration:underline;}
#secondary .life dt a{color:#FF6500;}
#secondary .style dt a{color:#EB2B9C;}
#secondary .arts dt a{color:#0098FF;}
#secondary .health dt a{color:#FFC000;}
#secondary .table dt a{color:#A25EE8;}
#secondary .spirit dt a{color:#FA310B;}
#secondary .culture dt a,#secondary .justnow dt a{color:#009800;}
/*
SIDEBAR CALLOUTS
*/
#secondary .callout{margin:1em 0;}
/*
AD CONTAINER
*/
#main .main-ad{text-align:center;background:url(styles/images/divider.gif) repeat-x bottom;width:540px;padding:0 12px 1em 12px;margin-bottom:1em;}
#secondary .ad-container{margin:1em 0 0 0;padding:0;text-align:center;border:solid 4px #EDEDED;}
#secondary .ad-container a img{width:292px;}
/*******************************
FOOTER
*/
#footer{margin:40px 20px 0;clear:both;}
/*
AD CONTAINER
*/
#footer .ad-container{background:#000;height:90px;margin:2em 0;padding:1em 0;border:solid 4px #EEE;text-align:center;}
/*
ARCHIVES
*/
#archives{background:url(styles/images/archives-bg.gif) #D7D7D7;padding:1em;margin:2em 0;position:relative;border:solid 4px #EEE;}
#archives h3{background:url(styles/images/h3-archives.gif) no-repeat;width:78px;height:17px;text-indent:-5000em;}
#archives ul{list-style:none;padding:1em 0;width:500px;}
#archives li{margin:.4em 0;font-style:italic;}
#archives a{text-decoration:none;color:#333;}
/*
#archives a:visited{color:#FFF;text-decoration:underline;}
*/
#archives a:hover{text-decoration:underline;}
#archives .date{font-weight:bold;font-style:normal;}
/*
ARCHIVES AD CONTAINER
*/
#archives .ad-container{background:#EEE;width:125px;height:125px;position:absolute;top:0;right:2em;}
/*
FOOTER NAV
*/
#footer-nav{background:url(styles/images/divider.gif) repeat-x;padding:2em 0 6em;position:relative;}
#footer-nav ul{list-style:none;}
#footer-nav p{margin-top:1em;font-size:.9em;color:#999;float:right;font-style:italic;}
#tertiary{position:absolute;top:2em;right:0;}
/* LIGHTBOX CSS */
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat;/* Trick IE into showing hover */
display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(/images/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(/images/lightbox/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}
#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}