/*-  SELF-CLEARING FLOATS
----------------------------------------------------------------------*/
.mod:after,
#content:after,
#leftCol:after,
div#landingMain h2.tabStyle:after,
ul.articleList li:after,
div.promoModule:after,
div#homeDepartments:after,
body#home div#homeTop:after,
body#home div#homePromos:after,
div#basicPage div.landingWide:after,
p#flairBar:after,
p#articleTags:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*-  BASE STYLES
----------------------------------------------------------------------*/
body {background: #fff; color: #000; font: normal 14px/20px georgia, times, serif;}

a {color: #0072bc; text-decoration: none;}

	div#header a:hover,
	div#content a:hover,
	div#zeitgeistBlock a:hover {text-decoration: underline;}

b {font-weight: bold;}

/* div#content img {max-width: 640px;} */

abbr,
acronym {cursor: help;}

sup {font-size: 12px; position: relative; bottom: 1ex;}
sub {font-size: 12px; position: relative; top: 1ex;}

input.text,
textarea {border: 1px solid #7C7C7C; border-color: #7C7C7C #7C7C7C #C3C3C3 #C3C3C3;}

#leaderboard {z-index: 1000; position: absolute; top: 0; left: 0; width: 100%; border-bottom: 5px solid #000; background: #222;}
	#leaderboard div.theAd {width: 728px; height: 90px; margin: 10px auto; overflow: hidden; background: #ccc;}

#nav {position: absolute; top: 115px; width: 100%; height: 28px; margin-bottom: 17px; border-top: 2px solid #ffd200;}
	#nav ul {position: relative; width: 960px; height: 28px; margin: 0 auto; border-left: 140px solid #fff; background: #363636;}
	#nav li {position: relative; display: block; float: left;}
	#nav li a {display: block; float: left; height: 28px; width: 79px; border-right: 1px solid #fff; padding-left: 10px; background: #000; color: #fff; font: bold 11px/30px helvetica, sans-serif;}
                #nav li#resetNav a {background: #ff4c10;}
		#nav li#studioNav {position: absolute; right: 0;}
			#nav li#studioNav a {border-right: 0; border-left: 1px solid #fff; background: #ffd200; color: #000; font-weight: bold;}
		#nav li#searchNav {position: absolute; right: 79px;}
			#nav li#searchNav a {border-right: 0; border-left: 1px solid #fff;}
		#nav li#subscribeNav {position: absolute; right: 161px;}
			#nav li#subscribeNav a {border-right: 0; color: #fff; border-left: 1px solid #fff; background: #ff4c10;}
				#nav li#subscribeNav ul li {background: #ff4c10; border-left: 1px solid #fff;}
					#nav li#subscribeNav ul li a {border-left: 0; color: #fff;}
					#nav li#subscribeNav ul li:hover,
					#nav li#subscribeNav ul li:hover a {background-color: #d63b0c;}

		#nav li:hover a {color: #000; background: #ebebeb;}
			#nav li:hover a span {padding: 0 7px 0 0;}
				#nav li:hover a:hover span {text-decoration: none;}
			#nav li ul {display: none; position: absolute; top: 28px; left: 0; width: auto; width: 159px; height: auto; padding: 0; background: #ebebeb; border-left: 0;}
				#nav li:hover ul {display: block;}
					#nav li:hover ul li {display: block; width: 151px; padding-left: 8px; border-top: 1px solid #ccc; background: url(../../img/arrow_nav.gif) 10px 11px no-repeat;}
						#nav li#subscribeNav:hover ul li {border-top: 1px solid #eb8a5c; background: #ff4c10 url(../../img/arrow_nav_alt.gif) 10px 11px no-repeat;}
						#nav li:hover ul li a {float: none; display: block; height: auto; min-width: 139px; margin: 0 10px; border-right: 0; padding-left: 0; color: #000; background: transparent;}
							#nav li:hover ul li:hover {background-color: #ddd;}
							#nav li#subscribeNav:hover ul li:hover {background-color: #d63b0c;}
							#nav li:hover ul li a:hover span {text-decoration: none;}

div#master {position: relative; width: 1100px; margin: 162px auto 0;}

#header {position: relative; width: 960px; height: 80px; margin: 0 auto 49px; padding-left: 140px;}
	#header h1 {width: 207px; height: 80px; position: relative;}
		#header h1 a {display: block; height: 80px; background: url(../../img/logo.gif) no-repeat; text-indent: -9000px;}
		#header h1 a#egg {z-index: 1000; position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; background: url(../../img/logo-link.gif);}
	#header p {position: absolute; left: 381px; top: 0;}
		#header p b,
		#header p i,
		#header p a {display: block; text-transform: uppercase; font: normal 10px/14px 'Helvetica Neue', helvetica, sans-serif;}
			#header p b {font-weight: bold;}
			#header p i {}
			#header p a.rssLink {padding-left: 14px; background: url(../../img/icon_rss.gif) 0 2px no-repeat;}
			#header p a.twitterLink {padding-left: 14px; background: url(../../img/icon_twitter.gif) 0 1px no-repeat;}

div#content {width: 960px; margin: 0 auto; padding-left: 140px;}

div#leftCol {float: left; width: 640px; margin-bottom: 24px;}

	div#leftCol h2 {margin-bottom: 4px; font: bold 14px/14px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
		div#leftCol h2 span.secondOne {color: #000;}

	div#leftCol h2.subscribeTitle {margin-bottom: 15px; font: bold 36px/36px 'Helvetica Neue', helvetica, sans-serif;}
		div#leftCol h2.subscribeTitle span {display: block; color: #ff008b;}
			div#leftCol h2.subscribeTitle span:last-child:before {content: "";}

	div#leftCol div#landingMain {float: left; width: 400px; padding: 20px 20px 0 0; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
		body#home div#leftCol div#landingMain {padding: 0 0 0 20px; border-top: 0; border-right: 0; border-left: 1px solid #e1e1e1;}
		/* div#leftCol div#landingMain img {max-width: 400px;} */
	div#leftCol div#landingSub {float: right; width: 200px; padding: 20px 0 0 19px; border-top: 1px solid #e1e1e1;}
		body#home div#leftCol div#landingSub {padding: 0 19px 0 0; border-top: 0;}
		div#leftCol div#landingSub img {max-width: 200px;}

		body#home div#leftCol div#landingMain {float: right;}
		body#home div#leftCol div#landingSub {float: left;}

		body#issuePage div#leftCol div#landingMain {float: right; padding: 20px 0 0 20px; border-right: 0; border-left: 1px solid #e1e1e1;}
			body#issuePage div#leftCol div#landingMain h4 {margin-bottom: 15px; font: bold 14px/18px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
			body#issuePage div#leftCol div#landingMain h5 {font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
			body#issuePage div#leftCol div#landingMain h6 {font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif;}
			body#issuePage div#leftCol div#landingMain p {margin-bottom: 20px; font-size: 12px;}
			body#issuePage div#leftCol div#landingMain p#issueDesc {font-size: 14px;}
			body#issuePage div#leftCol div#landingMain p#subLink {font: bold 14px/18px 'Helvetica Neue', helvetica, sans-serif;}
		body#issuePage div#leftCol div#landingSub {float: left; padding: 20px 19px 0 0;}
			body#issuePage div#leftCol div#landingSub img#coverImg {display: block; margin-bottom: 35px; border: 1px solid #393939;}
			body#issuePage div#leftCol div#landingSub h4 {margin-bottom: 5px; font: bold 14px/18px 'Helvetica Neue', helvetica, sans-serif;}
			body#issuePage div#leftCol div#landingSub img#extrasImg {display: block; margin-bottom: 5px;}
			body#issuePage div#leftCol div#landingSub h5,
			body#issuePage div#leftCol div#landingSub h6 {font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif;}
			body#issuePage div#leftCol div#landingSub p {font: normal 12px/18px 'Helvetica Neue', helvetica, sans-serif;}

		div#leftCol div#landingMain.halfSize {width: 299px;}
		div#leftCol div#landingSub.halfSize {width: 300px;}

		body#searchPage div#leftCol #tagTitle {text-transform: none;}
		body#searchPage div#leftCol div#landingSub h3 {margin-bottom: 5px;}
		body#searchPage div#leftCol div#landingSub fieldset {margin-bottom: 20px;}
		body#searchPage div#leftCol div#landingSub p {margin-bottom: 5px;}

		body#searchPage div#leftCol div#landingSub input,
		body#searchPage div#leftCol div#landingSub select {width: 180px;}

		body#searchPage div#leftCol div#landingSub input[type="submit"] {width: auto;}

	div#leftCol div#landingSub div.promoModule {margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1;}
		body#home div#leftCol div#landingSub div.promoModule {margin-bottom: 15px; padding-bottom: 0; border-bottom: 0;}
		div#leftCol div#landingSub div.promoModule:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}

		div#leftCol div#landingSub div.promoModule h2 {margin-bottom: 0; font: bold 10px/18px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase; color: #515d69;}
			div#leftCol div#landingSub div.promoModule h2 a {padding: 1px 3px; color: #fff; background: #666;}

		div#leftCol div#landingSub div.promoModule h3 {margin-bottom: 0; font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif;}
			div#leftCol div#landingSub div.promoModule.pullquoteType h3 {margin-bottom: 5px; margin-left: 62px; font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif;}
			div#leftCol div#landingSub div.promoModule.authorType h4 {margin-bottom: 0; margin-left: 62px; font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif;}
			div#leftCol div#landingSub div.promoModule.authorType h3 {color: #252525; font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
				body#home div#leftCol div#landingSub div.promoModule.authorType h3 {margin-bottom: 0; margin-left: 0; font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif;}
				body#home div#leftCol div#landingSub div.promoModule.authorType h2 {margin-left: 0; margin-bottom: 0;}
				body#home div#leftCol div#landingSub div.promoModule.authorType h4,
				body#home div#leftCol div#landingSub div.promoModule.authorType p {margin-left: 62px; margin-bottom: 0;}

		div#leftCol div#landingSub div.promoModule img {display: block; margin-bottom: 5px;}
			div#leftCol div#landingSub div.promoModule.pullquoteType img,
			div#leftCol div#landingSub div.promoModule.authorType img {float: left; width: 48px; margin-top: 3px; margin-bottom: 0; margin-right: 8px; padding: 2px; border: 1px solid #aaa;}
			div#leftCol div#landingSub div.promoModule.authorType img.authorImage {width: 54px; padding: 0; border: 0;}
			div#leftCol div#landingSub div.promoModule.pullquoteType h3 {margin-bottom: 0;}
			div#leftCol div#landingSub div.promoModule.pullquoteType h4 {font: normal 10px/18px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
				div#leftCol div#landingSub div.promoModule.pullquoteType h4 b {font-weight: bold;}

		div#leftCol div#landingSub div.promoModule p {margin-bottom: 0; font: normal 12px/18px georgia, serif;}
			div#leftCol div#landingSub div.promoModule p b {font: normal 12px/18px georgia, serif; text-transform: none;}
			div#leftCol div#landingSub div.promoModule.pullquoteType p.byline {margin-left: 62px; font: normal 10px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
				div#leftCol div#landingSub div.promoModule.pullquoteType p.byline span.author {font-weight: bold;}
			div#leftCol div#landingSub div.promoModule.pullquoteType p,
			div#leftCol div#landingSub div.promoModule.authorType p {margin-left: 62px;}

			body#home div#landingSub div.promoModule p.relatedLink {margin-top: 2px; font: normal 11px/16px 'Helvetica Neue', helvetica, sans-serif; text-indent: -10px; padding-left: 10px;}

		div#leftCol div#landingSub div.promoModule blockquote {margin-bottom: 10px; font: normal 24px/28px georgia, serif;}
			div#leftCol div#landingSub div.promoModule blockquote b {font-weight: normal; color: #666;}

		body#home div#leftCol div#landingSub div.promoModule.authorType img {margin-top: 3px; width: 54px; padding: 0; border: 0;}

ul.zeit li {padding-left: 27px; background-repeat: no-repeat; background-position: 0 0;}
	ul.zeit li {margin-bottom: 20px; font: normal 14px/20px georgia, serif;}
	ul.zeit li a {font: bold 14px/20px 'Helvetica Neue', helvetica, sans-serif;}

	ul.zeit li.z1 {background-image: url(../../img/digit_1.gif);}
	ul.zeit li.z2 {background-image: url(../../img/digit_2.gif);}
	ul.zeit li.z3 {background-image: url(../../img/digit_3.gif);}
	ul.zeit li.z4 {background-image: url(../../img/digit_4.gif);}
	ul.zeit li.z5 {background-image: url(../../img/digit_5.gif);}

div#announcement {margin-bottom: 20px; padding: 5px 10px; font: normal 14px/25px 'Helvetica Neue', helvetica, sans-serif; background: #fcffe4; border: 1px solid #9c9da1;}
	div#announcement strong {color: #f90000;}

div#homeTop {margin-bottom: 20px; background: url(../../img/bg_home-top.gif) -10px 0 repeat-y;}

div#homeDepartments {margin-bottom: 20px;}
	div#homeDepartments h2 {margin-bottom: 14px; font: bold 14px/25px 'Helvetica Neue', helvetica, sans-serif; border-top: 2px solid #000; border-bottom: 1px solid #e1e1e1; text-transform: none;}
	div#homeDepartments div.deptCol {float: left; width: 200px; margin-right: 20px;}
		div#homeDepartments div.deptCol.thirdOne {margin-right: 0;}

div#homeDepartments div.deptModule {margin-bottom: 14px;}
	div#homeDepartments div.deptModule h3 {margin-bottom: 2px; font: bold 10px/18px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
		div#homeDepartments div.deptModule h3 a {padding: 1px 3px; color: #fff; background: #666;}
	div#homeDepartments div.deptModule h4 {font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif;}
	div#homeDepartments div.deptModule p {font: normal 12px/18px georgia, serif;}
		div#homeDepartments div.deptModule p b {font: normal 12px/18px georgia, serif; text-transform: none;}

div#homePromos {margin-bottom: 20px; border-top: 1px solid #e1e1e1;}
	div#homePromos div.promoBox {float: left; width: 200px; margin-right: 20px;}
		div#homePromos div.promoBox.thirdOne {margin-right: 0;}
	div#homePromos div.promoBox h2 {margin: 7px 0; font: bold 11px/11px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
	div#homePromos div.promoBox img {display: block; margin-bottom: 7px; width: 200px;}
	div#homePromos div.promoBox h3,
	div#homePromos div.promoBox h4 {margin-bottom: 0; font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif;}
	div#homePromos div.promoBox p {font: normal 12px/18px georgia, serif;}
		div#homePromos div.promoBox p b {font: normal 12px/16px georgia, serif; text-transform: none;}

div#rightCol {float: right; width: 300px; margin-bottom: 20px; color: #fff; background: #111;}
	body#home div#rightCol {color: #000; background: transparent;}

	div#rightCol div.rightModule {padding: 15px 15px 0; border-bottom: 1px solid #292929; font: normal 11px/16px 'Helvetica Neue', helvetica, sans-serif;}
		body#home div#rightCol div.rightModule {border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
		div#rightCol div.rightModule a {color: #ffd200;}
			body#home div#rightCol div.rightModule a {color: #0072bc;}

		div#rightCol div.rightModule:last-child,
		body#home div#rightCol div.rightModule:last-child {border-bottom: 0;}

	div#rightCol div.rightModule.salonModule2 {padding: 0; border-bottom: 1px solid #fff;}

	body#home div#rightCol div.rightModule {margin-bottom: 10px ! important; border: 1px solid #e1e1e1 ! important;}
	body#home div#rightCol div.rightModule.salonModule2 {margin-top: 4px; padding: 0; border-left: 0 ! important;}

	div#rightCol div.rightModule h2 {margin-bottom: 10px; font: bold 14px/18px 'Helvetica Neue', helvetica, sans-serif;}
		div#rightCol div.zeitgeistModule h2 i {font-style: normal; color: #f26c4f;}
		div#rightCol div.salonModule h2 i {display: block; font-weight: normal; font-style: normal;}
	div#rightCol div.rightModule h3 {font: bold 11px/16px 'Helvetica Neue', helvetica, sans-serif; color: #898989; text-transform: uppercase;}
		div#rightCol div.rightModule h3 a {color: #898989;}
			div#rightCol div.rightModule h3 a:hover {text-decoration: underline;}
	div#rightCol div.rightModule h4 {font: bold 11px/16px 'Helvetica Neue', helvetica, sans-serif;}
	div#rightCol div.rightModule p {margin-bottom: 10px;}
	div#rightCol div.salonModule img {display: block; margin-bottom: 10px;}
	div#rightCol div.salonModule p {font-weight: bold;}

	div#rightCol div.salonModule a.studioLink {display: block; margin-bottom: 5px;}
		div#rightCol div.salonModule a.studioLink span {padding: 1px 3px; color: #000; background: #ffd200; font: bold 10px/10px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}

	div#rightCol div.zeitgeistModule h2 {margin-bottom: 5px;}
	div#rightCol div.zeitgeistModule p {margin-bottom: 5px; font-size: 12px; line-height: 18px;}
		div#rightCol div.zeitgeistModule p:last-child {margin-bottom: 15px; font-weight: bold;}

	div#rightCol div.blogsModule h2 {height: 41px; margin-bottom: 10px; color: #8dc63f; font: normal 11px/11px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase; background: url(../../img/logo_sb_alt2.gif) 0 0 no-repeat;}
		div#rightCol div.blogsModule h2 a {display: block; height: 41px; text-indent: -9000px;}
	div#rightCol div.blogsModule p.top {margin: 0 0 10px; padding: 2px 0; color: #333; background: #f0f0f0; font-size: 10px; line-height: 10px; text-align: center;}
	div#rightCol div.blogsModule p.bottom {margin: 0 0 10px; padding: 5px 0 0; color: #333; font-size: 10px; line-height: 10px; border-top: 1px dotted #ccc;}
	div#rightCol div.blogsModule ol {margin-bottom: 0;}
	div#rightCol div.blogsModule li {position: relative; margin: 0 15px 10px 0;}
		div#rightCol div.blogsModule li p {margin-bottom: 0;}
		div#rightCol div.blogsModule li .blogName {color: #598527; font: normal 10px/16px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
			body#home div#rightCol div.blogsModule a {font-weight: bold;}
			body#home div#rightCol div.blogsModule a.blogName {color: #8dc63f;}

	div#rightCol div.issueModule a#issueLink {display: block; margin-bottom: 15px; text-align: right; background: #111111 url(../../img/preview.gif) no-repeat;}
		div#rightCol div.issueModule a#issueLink img {border-left: 2px solid #000;}
	div#rightCol div.issueModule h2 {margin-bottom: 0; font: normal 10px/10px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase; text-align: center;}
		div#rightCol div.issueModule h2 i {display: block; font: bold 18px/24px 'Helvetica Neue', helvetica, sans-serif; text-transform: none;}
	div#rightCol div.issueModule p {text-align: center;}

div#rightCol div#zeitgeistBlock {margin-bottom: 10px; padding: 15px 0 0; border: 1px solid #e1e1e1; font: normal 12px/18px 'Helvetica Neue', helvetica, sans-serif; cursor: default;}

	div#rightCol div#zeitgeistBlock h3 {height: 97px; text-indent: -9000px; background: url(../../img/title_zeitgeist.gif) 50% 0 no-repeat; margin: 0 10px 10px; font-size: 16px; line-height: 22px; text-transform: uppercase;}
	div#rightCol div#zeitgeistBlock a {display: block;}
	div#rightCol div#zeitgeistBlock p.top {margin: 0 10px 10px; padding: 2px 0; color: #333; background: #f0f0f0; font-size: 10px; line-height: 10px; text-align: center;}
	div#rightCol div#zeitgeistBlock ol#zeitgeistList {margin-bottom: 10px; padding: 0 10px;}
	div#rightCol div#zeitgeistBlock ol#zeitgeistList li {position: relative; margin: 0; padding: 0 0 5px 24px; list-style-type:none;}
	div#rightCol div#zeitgeistBlock ol#zeitgeistList a.title { font-weight:bold; margin:0; padding:0; color:#0072bc;}
	div#rightCol div#zeitgeistBlock ol#zeitgeistList p.linkSource { margin:0; padding:0; color:#598527; text-transform:uppercase; font-size:11px; }
	div#rightCol div#zeitgeistBlock ol#zeitgeistList p.description { margin:0; padding:0; display:none; font-size:11px;}
	div#rightCol div#zeitgeistBlock ol#zeitgeistList li:last-child {border-bottom: 0; padding-bottom: 0;}
	div#rightCol div#zeitgeistBlock ol#zeitgeistList li b {position: absolute; display: block; top: 4px; left: 0; font-size: 24px; font-weight: bold; color: #bcbec1;}
	div#rightCol div#zeitgeistBlock div.sponsor {padding: 10px 0; text-align: center; background: #ececec;}

div#titleDek {position: relative; margin-bottom: 18px; padding-bottom: 48px;}
	body#article div#titleDek {position: relative; margin-bottom: 18px; padding-bottom: 28px;}
	div#landingMain div#titleDek {margin-bottom: 7px;}
	div#landingMain h2.tabStyle {margin-bottom: 15px; border-bottom: 2px solid #252525; color: #c2c2c2; text-transform: none;}
		div#landingMain h2.tabStyle span {display: block; float: left; padding: 0 33px 0 9px; font: bold 14px/28px 'Helvetica Neue', helvetica, sans-serif; color: #c2c2c2; background: #252525;}
			div#landingMain h2.tabStyle span:last-child:before {content: "";}
		div#landingMain h2.tabStyle b {color: #fff; font-weight: bold;}

div#zeitTitle {}

	div#zeitTitle h2 {font: bold 36px/36px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
		div#zeitTitle h2 a {color: #000;}
			div#zeitTitle h2 a i {color: #f26c4f; font-style: normal;}
	div#zeitTitle p {font: bold 18px/18px 'Helvetica Neue', helvetica, sans-serif; color: #363636;}

body#basicPage h2 {font: bold 18px/18px 'Helvetica Neue', helvetica, sans-serif;}
body#basicPage div.landingWide {margin: 15px 0;}

body#basicPage div#landingMain h3,
body#basicPage div#landingSub h3 {margin-bottom: 5px;}

body#basicPage div#basicContent p {margin-bottom: 15px;}

	body#basicPage div#basicContent table.plainTable {width:100%;}

	body#basicPage div#basicContent table.plainTable td {padding:5px;}

	body#basicPage div#basicContent table.plainTable td.label {width:33%;text-align:right;}


body#basicPage div#landingSub p {font: normal 12px/18px 'Helvetica Neue', helvetica, sans-serif;}

body#basicPage div#landingMain div.subscribeImage {min-height: 81px; margin-bottom: 30px; padding-left: 115px; background-repeat: no-repeat; background-position: 0 0;}
	body#basicPage div#landingMain div.subscribeImage.print {background-image: url(../../img/subscription_print.jpg);}
	body#basicPage div#landingMain div.subscribeImage.digital {background-image: url(../../img/subscription_digital.jpg);}
	body#basicPage div#landingMain div.subscribeImage.combo {background-image: url(../../img/subscription_combo.jpg);}

/* TAGS PAGE */
div#leftCol h2#tagTitle {color: #959595; font: bold 12px/12px 'Helvetica Neue', helvetica, sans-serif;}
	div#leftCol h2#tagTitle span {display: block; margin-top: 5px; font: bold 18px/18px 'Helvetica Neue', helvetica, sans-serif; color: #000;}
		div#leftCol h2#tagTitle span:before {content: "";}
		div#leftCol h2#tagTitle span b {}
div#leftCol p#tagDescription {margin-bottom: 15px; font: normal 18px/24px georgia, serif;}
div#leftCol h3 {margin-bottom: 16px; font: bold 16px/22px 'Helvetica Neue', helvetica, sans-serif;}
div#leftCol ul.tagList {font: normal 12px/12px 'Helvetica Neue', helvetica, sans-serif;}
	div#leftCol ul.tagList li {margin-bottom: 10px;}
		div#leftCol ul.tagList li a {color: #000;}
/* end tags page */

	div#titleDek h2 {position: absolute; bottom: 13px; font: bold 12px/12px 'Helvetica Neue', helvetica, sans-serif;}
		div#titleDek h2 a {text-transform: none;}
		body#article div#titleDek h2 a {color: #000;}
	div#titleDek p#byline {position: absolute; bottom: 0; margin-bottom: 0 ! important; font: normal 10px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
		div#titleDek p#byline span.author {font-weight: bold; color: #000;}
		div#titleDek p#byline span#cat {font-weight: bold;}
	div#titleDek p#dek {margin-bottom: 0; color: #666; font: normal 22px/25px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
		div#titleDek p#dek b {color: #000; font-weight: normal;}
		div#titleDek p#dek i {font-style: normal;}

	body#home div#titleDek {padding-bottom: 0;}
		body#home div#titleDek h2 {position: relative; font: bold 24px/36px 'Helvetica Neue', helvetica, sans-serif;}
			body#home div#titleDek p#byline a#cat {background: #666;}
			body#home div#titleDek h2 a {color: #0072bc;}

	body#home div#landingMain p.excerpt {margin-bottom: 10px; color: #111;}
	body#home div#landingMain p.relatedLink {margin-bottom: 5px; font: bold 12px/12px 'Helvetica Neue', helvetica, sans-serif;}

	div#titleDek ul#socialLinks {position: absolute; right: 0; bottom: 0;}
		div#titleDek ul#socialLinks li {display: inline;}
			div#titleDek ul#socialLinks li a {display: block; float: right; margin-left: 7px; padding-left: 14px; font: bold 10px 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase; color: #000;}

			div#titleDek ul#socialLinks li#emailLink a {background: url(../../img/icon_email.gif) no-repeat;}
			div#titleDek ul#socialLinks li#printLink a {background: url(../../img/icon_print.gif) no-repeat;}
			div#titleDek ul#socialLinks li#discussLink a {background: url(../../img/icon_discuss.gif) no-repeat; padding-left: 13px;}
			div#titleDek ul#socialLinks li#shareLink a.stbutton {background: url(../../img/icon_sharethis.gif) 0 1px no-repeat ! important; padding: 0 0 0 14px ! important;}
				div#titleDek ul#socialLinks li#shareLink a.stbutton span.stbuttontext {line-height: 13px;}

body#article div#leftCol p {margin-bottom: 24px;}
	body#article div#leftCol div#articleContent p {font: normal 16px/22px georgia, serif;}
	body#article div#leftCol div#articleContent h2 {font: bold 16px/22px 'Helvetica Neue', helvetica, sans-serif;}
	body#article div#leftCol div#articleContent h4 {font: bold 16px/22px 'Helvetica Neue', helvetica, sans-serif;}
	body#article div#leftCol div#articleContent p.catalystContributor {font-size:14px; font-style:italic; margin-bottom:16px;}
		body#article div#leftCol div#articleContent p.catalystContributor i,
		body#article div#leftCol div#articleContent p.catalystContributor em {font-style: normal;}
	body#article div#leftCol p b {font-weight: bold;}
	body#article div#leftCol div#articleContent p.subInfo {font-size:12px;line-height:16px;margin-bottom:12px;}
	body#article div#leftCol div#articleContent hr {height:1px; color:#000; border:0; border-top:1px solid #ddd; margin-bottom:24px;}

	/* SECTION BREAK, BOLD TEXT AT TOP OF SECTION */

	body#article div#leftCol div#articleContent p span.sectionBreak {font: bold 14px/22px 'Helvetica Neue', helvetica, sans-serif; text-transform:uppercase;}

	div#leftCol div#articleContent ul,
	div#leftCol div#basicContent ul {margin: 0 0 24px 20px;}
		div#leftCol div#articleContent ul li,
		div#leftCol div#basicContent ul li {margin-bottom: 5px; padding-left: 10px; background: url(../../img/bullet.gif) 0 6px no-repeat;}

			div#leftCol div#basicContent ul li.year {padding-top: 10px; padding-left: 0; background-image: url(none); font-weight: bold;}

div#leftCol p#dek b {font-weight: bold; font-family: 'Helvetica Neue', helvetica, sans-serif; text-transform: uppercase;}
div#leftCol div.photo {margin-bottom: 18px; background: #f5f5f5;}
div#leftCol p.photo {margin-bottom: 18px; background: #f5f5f5;}
	div.photo span {display: block; padding: 10px; font: normal 11px/14px 'Helvetica Neue', helvetica, sans-serif;}
	div.photo img {display: block;}

	/* body#home div#leftCol p.photo img {height: 250px;} */

body#article div#leftCol div#articleContent div.pag {position: relative; height: 22px; padding: 0; border-top: 1px solid #d7d7d7;}
	body#article div#leftCol div#articleContent div.pag p {font: bold 11px/22px 'Helvetica Neue', helvetica, sans-serif;}
	body#article div#leftCol div#articleContent div.pag p.links {position: absolute; right: 0; top: 0;}
		body#article div#leftCol div#articleContent div.pag p.links a {display: inline; padding: 0 4px;}

	body#article div#leftCol div#articleContent div#topPag div.pag {margin-bottom: 15px; border-bottom: 1px solid #d7d7d7;}

p#articleTags {margin-bottom: 0 ! important; padding: 8px 10px 8px 10px; font: bold 11px/18px 'Helvetica Neue', helvetica, sans-serif; background: #f5f5f5; border-top: 1px solid #d7d7d7;}
	p#articleTags span:first-child {display: block; float: left; width: 80px;}
	p#articleTags a {padding: 1px 4px; font-weight: normal; font-size: 10px; color: #fff; background: #666; text-transform: uppercase; white-space: nowrap;}

p#flairBar {padding: 8px 10px 8px 10px; font: bold 11px/18px 'Helvetica Neue', helvetica, sans-serif; border-bottom: 1px solid #d7d7d7;}
	p#flairBar span.label {display: block; float: left; width: 80px;}
	p#flairBar a {display: block; float: left; height: 20px; margin-right: 12px; padding-left: 22px; text-transform: uppercase; font-size: 10px; color: #000; font-weight: normal; line-height: 20px;}

	p#flairBar a.facebook {background: url(/-/img/icon_facebook.gif) 0 2px no-repeat;}
	p#flairBar a.twitter {background: url(/-/img/icon_twitter2.gif) 0 2px no-repeat;}
	p#flairBar a.stumbleupon {background: url(/-/img/icon_stumbleupon.gif) 0 2px no-repeat;}
	p#flairBar a.reddit {background: url(/-/img/icon_reddit.gif) 0 2px no-repeat;}
	p#flairBar a.addtoany {background: url(/-/img/icon_addtoany.gif) 0 2px no-repeat;}

div#leftCol div#landingMain ul.articleList {}
	div#leftCol div#landingMain ul.articleList li {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #e1e1e1;}
		div#leftCol div#landingMain ul.articleList li:last-child {border-bottom: 0;}
		div#leftCol div#landingMain ul.articleList li img {display: block; float: left; margin: 0 0 10px; padding: 2px; border: 1px solid #aaa; width: 48px;}
		div#leftCol div#landingMain ul.articleList li h3 {margin: 0 0 0 64px; font: bold 12px/18px 'Helvetica Neue', helvetica, sans-serif;}
		div#leftCol div#landingMain ul.articleList li p {margin-left: 64px; padding: 0; font: normal 12px/18px georgia, serif; color: #000;}
			div#leftCol div#landingMain ul.articleList li p b {text-transform: none; font: normal 12px/18px georgia, serif;}

			div#leftCol div#landingMain ul.articleList li.noImage h3,
			div#leftCol div#landingMain ul.articleList li.noImage p {margin-left: 0;}

			div#leftCol div#landingMain ul.articleList li p.date {color: #666; font-family: georgia, serif;}
			div#leftCol div#landingMain ul.articleList li p.articleTags {font-size: 11px; font-family: 'Helvetica Neue', helvetica, sans-serif;}
				div#leftCol div#landingMain ul.articleList li p.articleTags span:first-child:before {content: 'Tags: '}

div.bannerAd {font: normal 9px/9px 'Helvetica Neue', helvetica, sans-serif; color: #898989; text-align: center; text-transform: uppercase; border-bottom: 1px solid #fff;}
	body#home div.bannerAd {margin-bottom: 10px;}
	div.bannerAd .rectangle {width: 300px; height: 250px; overflow: hidden; background: #eee;}

div#seoNav {padding: 3px 0 5px; background: #eee; border-top: 1px solid #e1e1e1;}
	div#seoNav div.inner {width: 960px; margin: 0 auto;}
	div#seoNav ul li {display: inline; font: bold 10px/10px 'Helvetica Neue', helvetica, sans-serif; color: #999;}
		div#seoNav ul li a {padding: 0 10px 0 0; color: #666;}
		div#seoNav ul li ul {display: inline;}
			div#seoNav ul li ul li {font-weight: normal;}

div#footerBlock {padding: 18px 0; border-top: 2px solid #616161; background: #f2f2f2;}
div#footerBlock div.inner {width: 960px; min-height: 78px; margin: 0 auto 24px; background: url(../../img/footer_phylotaxis.gif) 100% 0 no-repeat;}

	div#footerBlock p {margin-bottom: 24px; font: normal 10px 'Helvetica Neue', helvetica, sans-serif; color: #898989;}
		div#footerBlock p a {font-weight: bold; color: #363636; padding: 0 4px;}
	div#footerBlock p.blogLinks {margin-bottom: 8px; font-size: 11px;}
		div#footerBlock p.blogLinks a:first-child {padding-left: 0;}

div#tagsHolder {position: absolute; top: 0; left: 0; width: 120px;}

div#tagsHolder ul#tags {font: normal 10px/10px 'Helvetica Neue', helvetica, sans-serif; color: #d7d7d7; text-transform: uppercase; text-align: right;}
	div#tagsHolder ul#tags li {margin-bottom: 10px;}
		div#tagsHolder ul#tags li a {padding: 1px 3px; color: #ccc;}
			div#tagsHolder ul#tags li.title a {color:#fff;  background:#aaa;}
			div#tagsHolder ul#tags li.active a {background: #666; color: #fff;}
			div#tagsHolder ul#tags li a:hover {background: #aaa; color: #fff;}
			div#tagsHolder ul#tags li.active a:hover {color: #fff;}

/* INSET CONTENT STYLES
-------------------------------- */

body#article div#leftCol div#articleContent p.image {float: right; width: 320px; margin-bottom: 3px; margin-left: 20px; font: normal 11px 'Helvetica Neue', helvetica, sans-serif;}

body#article div#leftCol div#articleContent p.image.fullWidth {float: none; width: 100%; margin-left: 0; margin-bottom: 20px;}
body#article div#leftCol div#articleContent p.image.thirdWidth {width: 200px;}
body#article div#leftCol div#articleContent p.image.sixthWidth {width:100px;margin-bottom:18px;}

body#article div#leftCol div#articleContent p.insetImage {float: right; width: 368px; margin-bottom: 3px; margin-left: 20px; font: normal 11px 'Helvetica Neue', helvetica, sans-serif; overflow: hidden;}
	body#article div#leftCol div#articleContent p.insetImage img,
	body#article div#leftCol div#articleContent p.image img {display: block; margin: 0 auto;}
	body#article div#leftCol div#articleContent p.insetImage span,
	body#article div#leftCol div#articleContent p.image span {display: block; padding: 5px; font: normal 11px/14px 'Helvetica Neue', helvetica, sans-serif; background: #f5f5f5;}
	body#article div#leftCol div#articleContent p.insetImage.narrow,
	body#article div#leftCol div#articleContent p.image.narrow {width:180px}
	body#article div#leftCol div#articleContent p.insetImage.credit span,
	body#article div#leftCol div#articleContent p.image.credit span {display: block; padding: 2px; text-align: right; font: normal 9px/12px 'Helvetica Neue', helvetica, sans-serif; background: none;}
	body#article div#leftCol div#articleContent p.insetImage.credit span i,
	body#article div#leftCol div#articleContent p.image.credit span i {}

body#article div#leftCol div#articleContent div.sidebar {float: right; width: 160px; margin: 0 0 20px 20px; padding: 20px 20px 10px; background: #f2f2f2;}
	body#article div#leftCol div#articleContent div.sidebar h4 {margin: 0 0 10px; font: bold 14px 'Helvetica Neue', helvetica, sans-serif;}
	body#article div#leftCol div#articleContent div.sidebar h5 {margin: 0; font: bold 12px/16px 'Helvetica Neue', helvetica, sans-serif;}
	body#article div#leftCol div#articleContent div.sidebar p {margin: 0 0 10px; padding: 0; font: normal 12px/16px 'Helvetica Neue', helvetica, sans-serif;}
	body#article div#leftCol div#articleContent div.sidebar a {}
	body#article div#leftCol div#articleContent div.sidebar ul {margin: 0 0 10px; font: normal 12px 'Helvetica Neue', helvetica, sans-serif;}

	body#article div#leftCol div#articleContent p.mini,
	body#article div#leftCol div#articleContent div.mini {width: 100px;}
	body#article div#leftCol div#articleContent p.narrow,
	body#article div#leftCol div#articleContent div.narrow {width: 220px;}
	body#article div#leftCol div#articleContent p.wide,
	body#article div#leftCol div#articleContent div.wide {float: none; width: 100%; margin-left: 0; margin-bottom: 20px; background: #f5f5f5;}
	body#article div#leftCol div#articleContent p.left,
	body#article div#leftCol div#articleContent div.left {float: left; margin-left: 0; margin-right: 20px;}

body#article div#leftCol div#articleContent blockquote.pull {float: left; width: 220px; margin: 10px 20px; font: normal 24px/30px georgia, serif; text-align: right; color: #666;}
	body#article div#leftCol div#articleContent blockquote.pull p {font: normal 24px/30px georgia, serif;}
	body#article div#leftCol div#articleContent blockquote.pull b,
	body#article div#leftCol div#articleContent blockquote.pull em,
	body#article div#leftCol div#articleContent blockquote.pull i {font-style: normal ! important; font-weight: normal ! important; color: #000;}

body#article div#leftCol div#articleContent p.journalCitation {padding: 10px; background: url(../../img/icon_journal-citation.png) no-repeat 10px center #f6f6f6; font:normal 11px/18px 'Helvetica Neue', helvetica, sans-serif; padding-left:47px}
	body#article div#leftCol div#articleContent p.journalCitation a {font-weight: bold; font-size: 14px;}

body#article div#leftCol div#articleContent div.columnistByline {float: right; width: 320px; margin: 0 0 20px 20px; padding: 20px 0 0; background: #f2f2f2;}

	body#article div#leftCol div#articleContent div.columnistByline p.byline {margin: 0 20px 15px;font: normal 12px/16px 'Helvetica Neue', helvetica, sans-serif;}

	body#article div#leftCol div#articleContent div.columnistByline p.byline img {float:left;margin:0 15px 15px 0;}

	body#article div#leftCol div#articleContent div.columnistByline p.bylineAdvert {margin-bottom:0;}

body#article div#leftCol div#articleContent div.catalystPanel {float:right;width:320px; margin: 0 0 20px 20px;}

	body#article div#leftCol div#articleContent div.catalystPanel h3 {text-indent:-9000px;background:url(/-/img/logo_catalyst.png) no-repeat;width:320px;height:107px;}

	body#article div#leftCol div#articleContent div.catalystPanel p {margin:0;padding:10px 10px 0;font-size:14px;}

	body#article div#leftCol div#articleContent div.catalystPanel ul {margin:0;padding:10px;}
	body#article div#leftCol div#articleContent div.catalystPanel ul li {font-size:14px;}

body#article div#leftCol div#articleContent div.foodFightPanel {float:right;width:320px; margin: 0 0 20px 20px;}

	body#article div#leftCol div#articleContent div.foodFightPanel h3 {text-indent:-9000px;background:url(/-/img/logo_food_fight.png) no-repeat;width:320px;height:152px;}

	body#article div#leftCol div#articleContent div.foodFightPanel p {margin:0;padding:2px 10px 0;font-size:14px;}

	body#article div#leftCol div#articleContent div.foodFightPanel ul {margin:0;padding:10px;}
	body#article div#leftCol div#articleContent div.foodFightPanel ul li {font-size:14px;}

body#article div#leftCol div#articleContent div.bookReview {clear:left;}

	body#article div#leftCol div#articleContent div.bookReview p {margin-left:140px;}
	body#article div#leftCol div#articleContent div.bookImage {width:120px;float:left;font:normal 10px/14px 'Helvetica Neue', Helvetica, sans-serif; text-align:center; padding-bottom:1em;}
	body#article div#leftCol div#articleContent div.bookImage img {margin-bottom:7px;}
	body#article div#leftCol div#articleContent div.bookImage a.button {display:block;font-size:12px;font-weight:bold;color:#fff;background:#ff4c10;padding:8px;margin:5px 20px;}


/* DEPARTMENTAL COLORS
-------------------------------- */

/* innovation */
body.innovation div#titleDek p#dek {color: #000;}
	body.innovation div#titleDek p#dek b {color: #4eb01c; font-weight: normal;}
body.innovation p#articleTags a {background: #4eb01c;}
body.innovation div#tagsHolder ul#tags li.active a {background: #4eb01c;}
body.innovation div#leftCol h2 {color: #4eb01c;}
/*body#home h2.innovation {color: #4eb01c;}
div#titleDek p#byline span#cat.innovation {color: #4eb01c;}*/
div#homeDepartments div.deptModule h3.innovation a {background: #4eb01c;}
/*body#home div#landingSub div.promoModule h2.innovation a {background: #4eb01c;}*/
body.innovation div#leftCol div#landingSub div.promoModule blockquote b {font-weight: normal; color: #4eb01c;}
body#article.innovation div#leftCol div#articleContent blockquote.pull {color: #000;}
	body#article.innovation div#leftCol div#articleContent blockquote.pull b,
	body#article.innovation div#leftCol div#articleContent blockquote.pull em,
	body#article.innovation div#leftCol div#articleContent blockquote.pull i {color: #4eb01c;}

/* world */
body.world div#titleDek p#dek {color: #000;}
	body.world div#titleDek p#dek b {color: #00af9e; font-weight: normal;}
body.world p#articleTags a {background: #00af9e;}
body.world div#tagsHolder ul#tags li.active a {background: #00af9e;}
body.world div#leftCol h2 {color: #00af9e;}
/*body#home h2.world {color: #00af9e;}
div#titleDek p#byline span#cat.world {color: #00af9e;}*/
div#homeDepartments div.deptModule h3.world a {background: #00af9e;}
/*body#home div#landingSub div.promoModule h2.world a {background: #00af9e;}*/
body.world div#leftCol div#landingSub div.promoModule blockquote b {font-weight: normal; color: #00af9e;}
body#article.world div#leftCol div#articleContent blockquote.pull {color: #000;}
	body#article.world div#leftCol div#articleContent blockquote.pull b,
	body#article.world div#leftCol div#articleContent blockquote.pull em,
	body#article.world div#leftCol div#articleContent blockquote.pull i {color: #00af9e;}

/* ideas */
body.ideas div#titleDek p#dek {color: #000;}
	body.ideas div#titleDek p#dek b {color: #ff008b; font-weight: normal;}
body.ideas p#articleTags a {background: #ff008b;}
body.ideas div#tagsHolder ul#tags li.active a {background: #ff008b;}
body.ideas div#leftCol h2 {color: #ff008b;}
/*body#home h2.ideas {color: #ff008b;}
div#titleDek p#byline span#cat.ideas {color: #ff008b;}*/
div#homeDepartments div.deptModule h3.ideas a {background: #ff008b;}
/*body#home div#landingSub div.promoModule h2.ideas a {background: #ff008b;}*/
body.ideas div#leftCol div#landingSub div.promoModule blockquote b {font-weight: normal; color: #ff008b;}
body#article.ideas div#leftCol div#articleContent blockquote.pull {color: #000;}
	body#article.ideas div#leftCol div#articleContent blockquote.pull b,
	body#article.ideas div#leftCol div#articleContent blockquote.pull em,
	body#article.ideas div#leftCol div#articleContent blockquote.pull i {color: #ff008b;}

/* culture */
body.culture div#titleDek p#dek {color: #000;}
	body.culture div#titleDek p#dek b {color: #b21f99; font-weight: normal;}
body.culture p#articleTags a {background: #b21f99;}
body.culture div#tagsHolder ul#tags li.active a {background: #b21f99;}
body.culture div#leftCol h2 {color: #b21f99;}
/*body#home h2.culture {color: #b21f99;}
div#titleDek p#byline span#cat.culture {color: #b21f99;}*/
div#homeDepartments div.deptModule h3.culture a {background: #b21f99;}
/*body#home div#landingSub div.promoModule h2.culture a {background: #b21f99;}*/
body.culture div#leftCol div#landingSub div.promoModule blockquote b {font-weight: normal; color: #b21f99;}
body#article.culture div#leftCol div#articleContent blockquote.pull {color: #000;}
	body#article.culture div#leftCol div#articleContent blockquote.pull b,
	body#article.culture div#leftCol div#articleContent blockquote.pull em,
	body#article.culture div#leftCol div#articleContent blockquote.pull i {color: #00af9e;}

/* reset */
body.reset div#titleDek p#dek {color: #000;}
	body.reset div#titleDek p#dek b {color: #ff4c10; font-weight: normal;}
body.reset p#articleTags a {background: #ff4c10;}
body.reset div#tagsHolder ul#tags li.active a {background: #ff4c10;}
body.reset div#leftCol h2 {color: #ff4c10;}
/*body#home h2.reset {color: #ff4c10;}
div#titleDek p#byline span#cat.reset {color: #ff4c10;}*/
div#homeDepartments div.deptModule h3.reset a {background: #ff4c10;}
/*body#home div#landingSub div.promoModule h2.reset a {background: #ff4c10;}*/
body.reset div#leftCol div#landingSub div.promoModule blockquote b {font-weight: normal; color: #ff4c10;}
body#article.reset div#leftCol div#articleContent blockquote.pull {color: #000;}
	body#article.reset div#leftCol div#articleContent blockquote.pull b,
	body#article.reset div#leftCol div#articleContent blockquote.pull em,
	body#article.reset div#leftCol div#articleContent blockquote.pull i {color: #ff4c10;}

/* books */
body.books div#titleDek p#dek {color: #000;}
	body.books div#titleDek p#dek b {color: #b21f99; font-weight: normal;}
body.books p#articleTags a {background: #b21f99;}
body.books div#tagsHolder ul#tags li.active a {background: #b21f99;}
body.books div#leftCol h2 {color: #b21f99;}
/*body#home h2.books {color: #b21f99;}
div#titleDek p#byline span#cat.books {color: #b21f99;}*/
div#homeDepartments div.deptModule h3.books a {background: #b21f99;}
/*body#home div#landingSub div.promoModule h2.books a {background: #b21f99;}*/
body.books div#leftCol div#landingSub div.promoModule blockquote b {font-weight: normal; color: #b21f99;}
body#article.books div#leftCol div#articleContent blockquote.pull {color: #000;}
	body#article.books div#leftCol div#articleContent blockquote.pull b,
	body#article.books div#leftCol div#articleContent blockquote.pull em,
	body#article.books div#leftCol div#articleContent blockquote.pull i {color: #00af9e;}


/* main nav */
body#home #nav li#homeNav a,
body#home #nav li#homeNav a span {background-color: #515d69; color: #fff;}

body.innovation #nav li#innovationNav a,
body.innovation #nav li#innovationNav a span {background-color: #4eb01c; color: #fff;}

body.world #nav li#worldNav a,
body.world #nav li#worldNav a span {background-color: #00af9e; color: #fff;}

body.ideas #nav li#ideasNav a,
body.ideas #nav li#ideasNav a span {background-color: #ff008b; color: #fff;}

body.culture #nav li#cultureNav a,
body.culture #nav li#cultureNav a span {background-color: #b21f99; color: #fff;}

body.reset #nav li#resetNav a,
body.reset #nav li#resetNav a span {background-color: #ff4c10; color: #fff;}

body.innovation #nav li#innovationNav li a,
body.innovation #nav li#innovationNav li a span,
body.world #nav li#worldNav li a,
body.world #nav li#worldNav li a span,
body.ideas #nav li#ideasNav li a,
body.ideas #nav li#ideasNav li a span,
body.culture #nav li#cultureNav li a,
body.culture #nav li#cultureNav li a span,
body.reset #nav li#resetNav li a,
body.reset #nav li#resetNav li a span {background-color: #ebebeb; color: #000;}

body.innovation #nav li#innovationNav li a:hover,
body.innovation #nav li#innovationNav:hover li a:hover span,
body.world #nav li#worldNav li a:hover,
body.world #nav li#worldNav li a:hover span,
body.ideas #nav li#ideasNav li a:hover,
body.ideas #nav li#ideasNav li a:hover span,
body.culture #nav li#cultureNav li a:hover,
body.culture #nav li#cultureNav li a:hover span,
body.reset #nav li#resetNav li a:hover,
body.reset #nav li#resetNav li a:hover span {background-color: #ddd;}

/* STUDIO DRAWER STYLES
-------------------------------- */

div#tabNav {position: absolute; z-index: 500; top: -145px; left: 0; width: 100%; height: 260px;}

	div#tabNav div#studioDrawer {position:relative;height:260px; background:#111; text-align: left;}

	div#tabNav div#studioDrawer a#scrollLeft {position:absolute; top:100px; left:10px; height:20px; width:10px; background:url(../../img/btn_scroll-left.png) no-repeat;}

	div#tabNav div#studioDrawer a#scrollRight {position:absolute; top:100px; right:10px; height:20px; width:10px; background:url(../../img/btn_scroll-right.png) no-repeat;}

	div#tabNav div#drawerMask {margin:0 30px; overflow:hidden;}

	div#tabNav div#drawerScroller {margin-top:10px;display:none;}

		div#tabNav div#drawerScroller div.promoBox {float:left; width:200px; margin: 0 10px;}

		div#tabNav div#drawerScroller div.promoBox img {border:1px solid #666;margin-bottom:10px;}

		div#tabNav div#drawerScroller div.promoBox h3, div#tabNav div#drawerScroller div.promoBox p {font:11px/16px 'Helvetica Neue', helvetica, sans-serif; color:#eee;}

		div#tabNav div#drawerScroller div.promoBox h3 {font-weight:bold;}

		div#tabNav div#drawerScroller div.promoBox a {color:#ffd200}

	div#tabNav div#tabHolder {border-top: 2px solid #ffd200;}

		div#tabNav div#tabSet {width: 1100px; margin: 0 auto;}

				div#tabNav div#tabSet a {font: bold 11px arial; padding-left:10px;}

				div#tabNav div#tabSet a:hover {text-decoration:none;}

					div#tabNav div#tabSet div#searchTab {float:right; width:79px; height:28px; background:#000; border-left:1px solid #eee; overflow:hidden}
					div#tabNav div#tabSet div#searchTab a {float:left; color: #fff; width:69px; line-height:28px;}
					div#tabNav div#tabSet div#searchTab a:hover {background:#222;}
					div#tabNav div#tabSet div#searchTab div#searchForm {float:left; width:240px; line-height:26px;}
					div#tabNav div#tabSet div#searchTab div#searchForm input#keywords {width:96px;}
					div#tabNav div#tabSet div#searchTab div#searchForm input[type="submit"] {font-size: 10px; line-height: 9px; background: #eee; border: 1px solid #ccc;}
					div#tabNav div#tabSet div#searchTab form {display:inline}

					div#tabNav div#timelineTab {float:right; height:28px; width:80px; background:#ffd200; border-left:1px solid #eee;}
					div#tabNav div#timelineTab a {color:#000;float:right; width:70px; line-height:28px;}

/* SUBSCRIBE PAGE - ISSUE PREVIEW MODULE
-------------------------------- */

div#previewSlideShow {position:relative; width:640px; height:360px; overflow:hidden; background:#000;}

	div#previewSlideShow div.previewSlide {position:absolute; top:0; left:640px; width:640px; height:360px;}

		div#previewSlideShow div.previewSlide img {position:absolute; top:0; left:0;display:none;}

		div#previewSlideShow div.previewSlide p {position:absolute; left:0; bottom:10px; color:#fff; font:12px/16px 'Helvetica Neue', helvetica, sans-serif; background:url(../../img/bg_black_90.png); color:#aaa; width:200px;padding:10px;}

			div#previewSlideShow div.previewSlide p b {color:#FFF; font-weight:bold;}

			div#previewSlideShow div.previewSlide p span {text-transform:uppercase; font-size:10px; color:#999;}

	div#previewSlideShow div#im_0 {left:0;}

/* INLINE SLIDESHOW
-------------------------------- */

div#leftCol div#inlineSlideShow {position:relative; margin:1em 0; overflow:hidden; width:640px; height:324px;}

	div#leftCol div#inlineSlideShow div#slideNav {position:absolute; top:0; right:0;}

	div#leftCol div#inlineSlideShow div.slideBlock {position:absolute; top:0; left:640px;}

	div#leftCol div#inlineSlideShow div#sb_0 {left:0;}

	div#leftCol div.slideBlock div.imageBlock {float:left; margin-right:12px; border:1px solid #999; padding:12px;}

	div#leftCol div.slideBlock div.copyBlock {float:left; margin-top:48px; width:212px;}

	div#leftCol div.slideBlock div.copyBlock h4 {font: bold 12px/16px 'Helvetica Neue', helvetica, sans-serif;}

	div#leftCol div.slideBlock div.copyBlock h5 {font: bold 12px/16px 'Helvetica Neue', helvetica, sans-serif; color:#fbb03b;}

	div#leftCol div#articleContent div.slideBlock div.copyBlock p {font: normal 11px/16px 'Helvetica Neue', helvetica, sans-serif !important; color:#333;}

	div#leftCol div#articleContent div.slideBlock div.copyBlock p.location {font-size:12px !important; margin-bottom:0; color:#000;}

	div#leftCol div#articleContainer div.slideBlock div.copyBlock p.credit {color:#888;}


/* BACK ISSUES
-------------------------------- */

table.orderForm {margin: 20px 0;}
table.orderForm td {vertical-align: top; font: normal 12px/18px 'Helvetica Neue', helvetica, sans-serif; border-top: 2px solid #e1e1e1;}
	table.orderForm tr:last-child th {border-top: 2px solid #e1e1e1;}
table.orderForm .col1 {width: 120px; padding: 15px; background: #eee; text-align: center;}
table.orderForm .col1 form {margin-top: 10px;}
table.orderForm .col2 {width: 120px; padding: 10px; text-align: center;}
table.orderForm .col3 {padding: 10px 10px 10px 0; text-align: left;}

/* MAGAZINE WIDGET
-------------------------------- */

div#magazineWidget {position:relative;width:260px;margin:5px auto 10px;height:156px;overflow:hidden;background:#000;}

	body#home div#magazineWidget {border:1px solid #eee;}

	div#magazineWidget a {position:absolute;display:none;width:130px;height:156px;}

		div#magazineWidget a img {display:none;border:0;}

		div#magazineWidget a span {position:absolute;display:none;width:100%;height:100%;}

		div#magazineWidget a.left span {background:url(/-/img/bg_widget-page-shadow_l.png) no-repeat;}

		div#magazineWidget a.right span {background:url(/-/img/bg_widget-page-shadow_r.png) no-repeat;}

	div#magazineWidget a.left {right:130px;}

	div#magazineWidget a.right {left:130px;}

	/* magazine layering */

	div#magazineWidget a#mwp_0 {z-index:0;display:block;}

	div#magazineWidget a#mwp_1 {z-index:20;display:block;}

	div#magazineWidget a#mwp_2 {z-index:1;}

	div#magazineWidget a#mwp_3 {z-index:19;}

	div#magazineWidget a#mwp_4 {z-index:2;}

	div#magazineWidget a#mwp_5 {z-index:18;}

	div#magazineWidget a#mwp_6 {z-index:3;}

	div#magazineWidget a#mwp_7 {z-index:17;}

	div#magazineWidget a#mwp_8 {z-index:4;}

	div#magazineWidget a#mwp_9 {z-index:16;}

	div#magazineWidget a#mwp_10 {z-index:5;}

	div#magazineWidget a#mwp_11 {z-index:15;}

	div#magazineWidget a#mwp_12 {z-index:6;}

	div#magazineWidget a#mwp_13 {z-index:14;}

	div#magazineWidget a#mwp_14 {z-index:7;}

	div#magazineWidget a#mwp_15 {z-index:13;}

	div#magazineWidget a#mwp_16 {z-index:8;}

	div#magazineWidget a#mwp_17 {z-index:12;}

	div#magazineWidget a#mwp_18 {z-index:9;}

	div#magazineWidget a#mwp_19 {z-index:11;}

/* MASTHEAD TABLE
-------------------------------- */

div#leftCol div#basicContent p.masthead {width:540px;margin-left:50px;text-align:center;margin-top:3em;}

	div#leftCol div#basicContent p.moreMasthead {margin-top:2em;padding-top:1em;border-top:1px dotted #ddd;}

	div#leftCol div#basicContent p.masthead b {font-weight:bold;}

div#leftCol div#basicContent table.mastheadTable {width:540px;margin-left:50px;margin-top:2em;}

	div#leftCol div#basicContent table.mastheadTable td {text-align:center;padding-bottom:1.5em;font:normal 12px/16px 'Helvetica Neue', helvetica, sans-serif;}

	div#leftCol div#basicContent table.mastheadTable tr.head td {font-weight:bold;}

/* READER
-------------------------------- */

#fullScreenReader {margin-bottom:10px;}

/* INLINE VIDEO PLAYER
-------------------------------- */

div.inlineVideo640 {margin-bottom:24px;}

/* AUDIO PLAYER
-------------------------------- */

div#sidebarAudio {float:right; width:278px; margin:0 0 0 18px;}

	body#article div#leftCol div#articleContent div#sidebarAudio p {font:normal 12px/18px Helvetica, sans-serif;margin-top:5px;}

	body#article div#leftCol div#articleContent div#sidebarAudio p a.download {font-weight:bold;}

div#audioPlayer {position:relative; width:278px; height: 44px; background:url(/-/img/bg_audioplayer_2.png) no-repeat;}

	div#audioPlayer div#flashAudio {position:absolute;top:6px; left:6px;}

/* COUSTEAU INJECTION
-------------------------------- */

div#cousteauDiorama {position:relative;width:400px;height:250px;background:#9ADCFF;overflow:hidden;}
	div#cousteauDiorama img {position:absolute;display:none;}
	div#cousteauDiorama img#cousteauCloud1 {top:7px;left:-74px;}
	div#cousteauDiorama img#cousteauCloud2 {top:50px;left:-110px;}
	div#cousteauDiorama img#cousteauWater1 {top:150px;left:-160px;}
	div#cousteauDiorama img#cousteauShip {top:35px;left:2px;}
	div#cousteauDiorama img#cousteauWater2 {top:170px;left:-100px;}
	div#cousteauDiorama img#cousteauWater3 {top:197px;left:-200px;}
	div#cousteauDiorama a#cousteauAnchor {position:absolute;top:0;left:0;width:400px;height:250px;}
