/* =============================================================================
   RESET
   ========================================================================== */
/* From Eric Meyer's CSS Reset
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* =============================================================================
   FOUNDATION
   ========================================================================== */

body {
background: #f0efe7 url(../images/ee/bg_body.gif) repeat-x; font: 12px/18px Georgia, "Times New Roman", Times, serif; color: #222222;
}

a {
color: #ac1b2f; text-decoration:none;
}

a:hover{
text-decoration:underline;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

#mainWrapper {
width:980px; margin:0 auto;
}

/* ---------- TOP NAVIGATION ---------- */

#topWrapper {
margin:2px 0;
}

#topNavigation {
text-align:right; float:right;
}

#topNavigation ul {
margin:0 0;	padding:0 0; list-style:none; font-size:11px; line-height:11px;
}

#topNavigation ul li{
margin:0 0 0 10px;	padding:0 0 0 10px; display:inline; border-left:1px solid #ffffff;
}

#topNavigation ul li a{
color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
}

#topNavigation ul li.first{
border:none;
}

#topNavigation ul li a:hover {
text-decoration:underline;
}

/* ----------MAIN NAVIGATION---------- */ 

#header{
clear:both; height: 86px; width:980px; display:block; line-height:1; margin-top:14px;
}

#header a img{
border:none;
}

#mainNavigation{
  position: relative;
  top: -4px;
}

#mainNavigation ul{
margin:0 0; padding:0 0; list-style:none; display:inline;
}

#mainNavigation ul li{
margin:0 0; padding:0 0; list-style:none; float:left; 
}

#mainNavigation ul li a{
height:41px; background:url(../images/ee/nav_main.gif) no-repeat top; display:block; text-indent:-999em; overflow:hidden;
}


#mainNavigation ul li a.n0{
width:111px; background-position:0 top; 
}

#mainNavigation ul li a.n2{
width:120px; background-position:-111px top;
}

#mainNavigation ul li a.n3{
width:139px; background-position:-231px top;
}

#mainNavigation ul li a.n4{
width:85px; background-position:-370px top;
}

#mainNavigation ul li a.n5{
width:112px; background-position:-455px top;
}

#mainNavigation ul li a.n6{
width:148px; background-position:-567px top;
}

#mainNavigation ul li a.n7{
width:150px; background-position:-715px top;
}

#mainNavigation ul li a.n8{
width:115px; background-position:-865px top;
padding-right: 0;
}

#mainNavigation ul li a.n0:hover, body.home #mainNavigation ul li a.n0{
background-position:0 bottom; 
}

#mainNavigation ul li a.n2:hover, body.sweeps #mainNavigation ul li a.n2{
width:120px; background-position:-111px bottom;
}

#mainNavigation ul li a.n3:hover, body.editors #mainNavigation ul li a.n3{
width:139px; background-position:-231px bottom;
}

#mainNavigation ul li a.n4:hover, body.contact #mainNavigation ul li a.n4{
width:85px; background-position:-370px bottom;
}

#mainNavigation ul li a.n5:hover, body.newsletter #mainNavigation ul li a.n5{
width:112px; background-position:-455px bottom;
}

#mainNavigation ul li a.n6:hover, body.advertisers #mainNavigation ul li a.n6{
width:148px; background-position:-567px bottom;
}

#mainNavigation ul li a.n7:hover, body.special_sections #mainNavigation ul li a.n7{
width:150px; background-position:-715px bottom;
}

#mainNavigation ul li a.n8:hover {
width:115px; background-position:-865px bottom;
padding-right: 0;
}


/* =============================================================================
   LEFT COLUMN
   ========================================================================== */

#leftColumn {
	width:660px; float:left; margin-top:23px;
}

/* ---------- FEATURE STORY ---------- */

#largeEntryWrapper {
	background: #ffffff;
	padding:15px;
  border: 1px solid #eae9e2;
  width: 628px;
  position:relative;
}

#articleWrapperBottom {
	width:660px;
	height:12px;
	background:url(../images/ee/large_container_bottom.png) no-repeat;
  margin-bottom: 8px;
}

#largeEntryWrapper img, #smallEntryWrapper img {
  margin-bottom: 10px;
}

#largeEntryWrapper h2{
	font: 35px/42px Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:10px 0;
  border-bottom: 1px solid #D8D7D1;
}

#largeEntryWrapper h2 a, #smallEntryWrapper h2 a{
	color:#222222;
}

#largeEntryWrapper p{
	font: 16px/26px Georgia, "Times New Roman", Times, serif; margin-bottom:0; padding-bottom:10px;
}

#largeEntryWrapper p a span{
	font-family:Arial, Helvetica, sans-serif; font-size:16x;
}

#largeEntryWrapper .readmore, #smallEntryWrapper .readmore {
  position: absolute;
  bottom: 10px;
  left: 15px;
  padding: 0;
}

/* ---------- SMALL ENTRY ---------- */

#smallEntry{
 float:left; margin: 0 20px 8px 0;
}

#smallEntry.odd{
margin-right:0;
}

#smallEntryWrapper {
  width: 288px;
	height:325px;
  background: #ffffff;
  padding: 15px;
  border: 1px solid #eae9e2;
  position: relative;

}

#smallWrapperBottom {
	width:320px;
	height:12px;
	background:url(../images/ee/small_container_bottom.png) no-repeat;
}

#smallEntryWrapper p a span{
	font-family:Arial, Helvetica, sans-serif; font-size:14x;
}

#smallEntryWrapper p.department, #largeEntryWrapper p.department{
	font:10px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#84837f;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

#smallEntryWrapper h2{
	font: 20px/24px Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:6px 0 10px 0;
  border-bottom: 1px solid #D8D7D1;
}

.archive #smallEntryWrapper {
  height: 175px;
}

#articleWrapper .archive_header {
    border-bottom: 1px solid #e2e2e2;
    font-size: 28px;
    font-weight: normal;
    margin: 0;
    line-height: 1.25;
    padding-bottom: 10px;
    clear: left;
}

.archive p {
  margin-bottom: 10px;
}

.archive #articleWrapper h2 {
  margin-top: 10px;
  font-weight: bold;
}

.archive #nav_categories li {
  margin-bottom: 10px;
}

.archive #nav_categories a {
  font-weight: bold;
}

/* =============================================================================
   ARTICLES
   ========================================================================== */

/* SINGLE PAGES */

#articleWrapper {
	background: #ffffff;
	padding:15px;
  border: 1px solid #eae9e2;
}

/* BREAD CRUMBS */

#articleWrapper div.breadcrumbs {
	
	font:10px/1.3 Arial, Helvetica, sans-serif;
	color:#84837f;
	font-weight:bold;
	padding-bottom:10px;
	height:14px;
	margin-bottom:15px;
	border-bottom:1px solid #E2E2E2;
}

#article.home #articleWrapper div.breadcrumbs {
	
	font:10px/1.3 Arial, Helvetica, sans-serif;
	color:#84837f;
	font-weight:bold;
	padding-bottom:10px;
	height:14px;
	margin-bottom:0;
	border-bottom:0;
}

#article.departments #articleWrapper div.breadcrumbs {
  padding: 0;
  margin: 0;
  border: 0;
}


#articleWrapper div.breadcrumbs p.crumbs{
float:left; margin:0;
}

#articleWrapper div.breadcrumbs p.social{
float:right; text-align:right; margin:0;
}

div.breadcrumbs p.social #print {
	padding-left:23px;
	background:url(../images/ee/icon_print.gif) no-repeat 0 1px;
}
div.breadcrumbs p.social #share {
	padding-left:27px;
	margin-left:10px;
	background:url(../images/ee/icon_email.gif) no-repeat 0 1px;
}
#articleWrapper p.depaartment {
	float:left;
	font:10px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#84837f;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
}
#articleWrapper p.date {
	float:right;
	font:10px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#84837f;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
}
#articleWrapper h1 {
	font-size:35px;
	font-weight:normal;
	line-height:1.2;
	margin:10px 0 10px 0;
}
#articleWrapper h2 {
	font-size:14px;
	font-weight:normal;
	line-height:1.4;
	margin:0 0 10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #E2E2E2;
}

#articleWrapper #copy h2 {
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	border-bottom:1px solid #E2E2E2;
}

#articleWrapper  h2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

.cityprofiles #articleWrapper h2 a, .city_profile_pdf li a, #articleWrapper .pdf_link a, .plink {
  background: url(../images/ee/doc_pdf.png) center right no-repeat;
  padding: 2px 24px 2px 0;
  margin: 5px 0;
}

.city_profile_pdf li {
  margin: 8px 0;
}

#articleWrapper #copy {
	font-size:15px; line-height:22px;
}

#articleWrapper #copy p {
  margin-bottom: 15px;
  line-height: 1.6em;
}

#articleWrapper #copy a {
  text-decoration: underline;
}

#articleWrapper #copy img {
 max-width: 628px;
 margin: 0 auto;
 display: block;
}

body.contact #articleWrapper #copy p{
	font-size:12px; line-height:16px;
}

/* ---------- ADVERTISER SECTION ---------- */

#advertiserWrapper {
  font-size: 12px;
}

.advertiser {
  border-top:1px solid #E2E2E2;
  padding-top: 10px;
}

#articleWrapper #copy .advertiser h2 {
  border: none;
  margin: 0;
}

.advertiser_logo {
  display: block;
  float: right;
  margin: 0 0 20px 20px;
}

#articleWrapper #copy .advertiser .advertiser_logo img {
  max-width: 150px;
}

/* SWEEPS */

.sweepsWrapper {
  margin-bottom: 20px;
  font-size: 14px;
}

.sweepsWrapper h3 {
  font-weight: bold;
  margin-bottom: 15px;
}

.sweeps_image {
  float: left;
  width: 200px;
  margin-right: 20px;
}

.sweeps_info {
  float: left;
  width: 408px;
}


/* =============================================================================
   RIGHT COLUMN
   ========================================================================== */

#rightColumn{
	float:left; width:300px; margin-top:20px; margin-left: 20px;
}

#rightColumn h2{
	font-weight:normal; font-size:28px; line-height:1.25; border-bottom:3px solid #ac1b2f; padding-bottom:20px; margin: 0 1px;
}
#rightColumn h2.special_profile{
	font-size:24px;
}

#rightColumn div.readersweep { text-align:center; padding:0 0 20px 0; margin:0 4px 0 4px;}
#rightColumn #container.readersweep { text-align:left; margin:0; border: none; }


#rightColumn h2 a{
	color:#222222;
}

#rightColumn h2 a:hover {
	color:#ac1b2f; text-decoration:none;
}

#rightColumn #container a{
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#002f65; font-size:11px; font-weight:bold; text-transform:uppercase;
}

#mainWrapper #rightColumn .cover_container a{
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#002f65; font-size:11px; font-weight:bold; text-transform:none;
}

#rightColumn #container a:hover {
	color:#ac1b2f; text-decoration:none;
}


#rightColumn #container {
	background:#ffffff;
	padding:10px;
  border: 1px solid #eae9e2;
}
#rightColumn #container ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#rightColumn #container ul li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #d8d7d1;
}

#rightColumn #container #nav_categories li ul {
  padding-left: 5px;
}

#rightColumn #container #nav_categories li ul li {
  border: none;
  padding: 3px 0 3px 16px;
  margin: 0;
  background: url(../images/ee/icon_subcategory.gif) left center no-repeat ;
}

#rightColumn #container #nav_categories li ul li a {
  color: #84837F;
  font-weight: normal;
}

#rightColumn #container #nav_categories li ul li a:hover {
  color: #ac1b2f;
}


#rightColumn #container ul li:last-child {
  margin: 0;
  border:none;
}
#rightColumn #containerBottom {
	width:300px;
	height:12px;
	display:block;
	background:url(../images/ee/sidebar_container_bottom.png);
	margin-bottom:20px;
}

#rightColumn #container p {
	margin:0;
}

.cover_container p {
  font-size: 14px;
  line-height: 22px;
}

.cover {
  float: right;
  margin-left: 20px;
}

#rightColumn #bannerAd {
	margin:20px 0;
	width:300px;
}
#rightColumn #bannerAd a {
	width:300px;
	display:block;
	height:250px;
}

.special_pdf, .ec_image {
  max-width: 278px;
  padding-bottom: 10px;
}

#rightColumn #container .link {
  padding-top: 10px;
}


/* =============================================================================
   FOOTER
   ========================================================================== */

#footer{
margin-top:15px;
}

#footer ul.top{
	display:block; border-top:1px dotted #b6b292; margin:0; padding:10px 10px 0 10px; list-style-type:none; font-size:11px;
}

#footer ul.top a {
	color: #84837f;
}

#footer ul.top a:hover {
	color: #ac1b2f; text-decoration:none;
}


#footer ul.top li{
	margin:0 25px 0 0; padding:0; display: inline;
}

#footer ul.bottom{
	display:block; margin:10px 0 0 0; padding:10px; list-style-type:none; background:#002f65; font-size:11px;
}

#footer ul.bottom a{
	color: #ffffff;
}

#footer ul.bottom a:hover {
	color: #ac1b2f; text-decoration:none;
}


#footer ul.bottom li {
	margin:0 10px 0 10px; padding:0; display: inline; 
}

#articleWrapper #contributor {
padding:10px; background:url(../images/ee/contributor_bg.jpg) repeat-x; border:1px solid #d8d7d1; margin-top:15px;
}

#articleWrapper #contributor #photo {
float:left; width:212px; margin-right:10px;
}

#articleWrapper #contributor #photo img{
padding:5px; background-color:#FFFFFF; border:1px solid #d8d7d1;
}

#articleWrapper #contributor #info {
float:right; width:323px;
}

#articleWrapper #contributor #info h2{
border:none; font-size:30px; line-height:32px; vertical-align:top; margin-bottom:5px;
}

#articleWrapper #contributor #info p.link{
font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:5px; margin-bottom:5px;
}

#articleWrapper #contributor #info blockquote{
margin: 5PX; color:#000000; font-size:16px; line-height:24px; font-style:italic;
}




h1.departments{
	font-size:16px; line-height:18px; font-weight:normal;  padding-bottom:10px; margin:15px 0 10px 8px;
}

#largeEntryWrapper h2 a:hover, #smallEntryWrapper h2 a:hover{
	color:#ac1b2f; text-decoration:none;
}

#largeEntryWrapper h3{
	font: 14px/16px Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px solid #d8d7d1;
}

#smallEntryWrapper h3{
	font: 14px/16px Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px solid #d8d7d1;
}

#smallEntryWrapper p{
	font: 14px/20px Georgia, "Times New Roman", Times, serif; margin-bottom:0; padding-bottom:10px; margin-top:0;
}

/* CITY PROFILES */

#articleWrapper #copy .city_entry h2 a {
	font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#222222; text-decoration:none; font-weight:normal;
}


#articleWrapper #copy .city_entry h2 a:hover{
	color:#ac1b2f;
}

#articleWrapper #copy .city_entry h2 {
	padding-bottom:0; border:none;
}

#articleWrapper #copy .ec_entry h2 {
	padding-bottom:0; border:none;
}

#articleWrapper #copy .city_entry{
	border-bottom:1px solid #E2E2E2;
  font-size: 14px;
  margin-bottom: 20px;
}

#articleWrapper #copy .city_entry img{
	padding:0 0 20px 10px;
  float: right;
  max-width: 200px;
}

#articleWrapper #copy .city_entry p.link{
	margin:10px 0 0 0;
}

#articleWrapper #copy .city_entry p.link a span{
	font-family:Arial, Helvetica, sans-serif;
}

/* ---------- EDITORS CHOICE ---------- */

#articleWrapper .ec_entry {
  border-bottom: 1px solid #E2E2E2;
  padding: 10px 0;
  overflow: hidden;
}

#articleWrapper #copy .ec_entry h2 a {
  font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#222222; text-decoration:none; font-weight:normal;
}

#articleWrapper #copy .ec_entry h2 a:hover {
  color: #ac1b2f;
}

#articleWrapper #copy .ec_entry {
  font-size: 13px;
}

#articleWrapper #copy .ec_entry .link {
  margin: 0;
}


#articleWrapper .ec_entry img {
  float: left;
  padding-right: 20px;
  width: 278px;
}


.clear {
  clear:both;
}

