/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: #000;
	background: #fff;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* clearfix */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
* html .clearfix {
	height: 1%;
	}
	
/* type */
	
body {
	font: 62.5% verdana, helvetica, sans-serif;
	}
input, select {
	font: 11px verdana, helvetica, sans-serif;
	}
input[type=text] {
	padding-left: 2px;
	}

/* links */

a:link {
	color: #111;
	text-decoration: none;
	}
a:visited {
    color: #444;
    text-decoration: none;
	}
a:hover, a:active {
	color: #c00;
	text-decoration: underline;
	}
#rss_headlines {
	background: #f6f6f6;
	padding-left: 6px;
	}
#action a.rss_link {
	background: #f6f6f6 url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/src/feed.gif) center left no-repeat;
	padding-left: 16px;
	}
a.comments_link {
	background: transparent url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/comments_c00.png) center left no-repeat;
	padding-left: 12px;
	margin-left: 0.5em;
	}

	
	/* bugs */
	
span.bug {
	background: #39f; 
	color: #fff; 
	text-transform: uppercase; 
	padding: 1px 3px 0; 
	font: bold 10px/1em arial, sans-serif;
	letter-spacing: 0;
	line-height: 1.2em;
	margin-left: 0.2em;
	}
a:hover span.bug {
	background: #c00;
	}	

	/* boxes */
	
/* body */

body {
	background: #f6f6f6;
	}

#site_container, #bottom_ads {
	margin: 0px auto;
	position: relative;
	width: 960px;
	}
	
	/* header */
	
#masthead {
	background: #c00;
	width: 960px;
	margin: 0 auto;
	position: relative;
	}
	
#header, #topbar {
	background: #c00 url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/gradient_up.png) bottom left repeat-x
	}

		/* logo */
#logo {
	width: 100px;
	}
#logo a {
	display: block; 
	padding: 0 0 0 5px; position: absolute; bottom: 0; 
	}
	
	/* topbar */

#topbar {
	height: 20px;
	margin-left: 110px; 
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-radius-bottomright: 3px;
	-webkit-border-radius-bottomleft: 3px;
	}
#topbar a {
	color: #fff; 
	font: bold 1.1em/1em helvetica, arial, serif;
	}

#middlebar {
	position:relative;
}
	
	/* leftlinks */
	
#leftlinks {
	float: left;
	width: 180px;
	margin-left: 6px;
	padding-top: 3px;
	}
a.drops {
	border-right: 1px solid #c00; 
	background: transparent url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/ui/carat_white_down.png) 92% 50% no-repeat;
	padding: 5px 16px 3px 0; 
	margin-right: 2px;
	cursor: pointer;
	}
a.drops:hover {
	text-decoration: none;
	}
.dropdowns {
	position: relative;
	}
.dropdowns li {
 	position: relative;
	display: inline;
	}
.dropdowns ul.scriptaculously {
	width: 150px;
	background:#a60a0a;
	position: absolute;
	left: 0px;
	top: 25px;
	z-index: 990;
	}
html > body .dropdowns ul.scriptaculously { /* ie shit */
	position: absolute;	
	z-index: 990;
	top: 17px;
	}
.dropdowns ul.scriptaculously a:hover {
	position: relative;
	}
#topbar .dropdowns ul.scriptaculously a {
	position: relative;
	color: #fff;
	z-index: 999;
	margin: 0;
	padding: 5px 0 5px 10px;
	border-top: 1px solid #c00;
	display: block;
	text-align: left;
	}
#link_three {
	padding-right: 20px;
	background-position: 95% 50%;
	}
        
	/* sitepass */
	
#site_presented_by {
	margin: 9px auto 6px;
        float: left;
        width: 11em;
        color: #600;
        font: 10px arial, sans-serif;
        text-transform: uppercase;
	}
#site_sponsor {
	float: left;
	width: 310px;
	margin-left: 116px;
	padding: 6px 0 0;
	margin-bottom: -6px;
	}
	
	/* calls to action */

#beta_feedback_link {
    font: bold 1.1em/1.3em helvetica, arial, sans-serif; color: #fff;
    margin: 21px 0 0; 
	color: #000;
	}
#beta_feedback_link a {
	color: #fff; 
	border-bottom: 1px solid #f20;
	}
#beta_feedback_link a:hover {
	text-decoration: none; border-color: #fff;
	}
#feedback_message {
        font: bold 1.1em/1.3em helvetica, arial, sans-serif; color: #f00;
        }


       /* login */

#login_search {
	width: 240px;
	}
#login {
	text-align: right; 
	padding: 3px 6px; 
	margin-left: 250px;
	}
#welcome_link, #goto_link, #login_link {
	border-right: 1px solid #c00; 
	padding-right: 5px; 
	margin-right: 1px
	}

/* search */

#search {
	padding: 9px 6px 0 0; 
	text-align: right;
	}
	
	/* nav */
	
#navwrap {
	float: right;
	width: 850px;
	margin-top: 10px
	}
#nav ul { 
	clear: both;
	}
#nav ul li {
	display: inline;
	}
#nav li a, #nav li span {
	display: block;
	float: left;
	padding: 8px 12px 6px;
	width: auto;
	}

#nav1 li a {
	font: bold 1.3em/1em helvetica, sans-serif; 
	margin-right: 3px;
	text-transform: none;
	padding: 8px 10px 4px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	}
#nav1 li a {        
	background: #100;
	color: #fff;
	}
/*#nav1 li:first-child a {
	padding-left: 15px;
	padding-right: 15px;
	}*/
#nav1 li a:hover {
	color: #fff;
	}

#nav1 li #sitemap-button, #nav1 li #nav_open {float: right; width: auto;}
#nav1 {padding-right: 6px; overflow: hidden;}

#nav2 {
	background: #fff url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/gray_gradient.png) bottom left repeat-x;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	}
#nav2 li {
	font: bold 1.1em/0.9em helvetica, georgia, serif; 
	}
#nav2 li.top_features span {padding-right: 0;}
#nav2 li.follow span {padding-right: 6px;}
#nav2 li a {
	color: #c00;
	}
#nav2 li a:hover {
	color: #c00;
	}
#nav2 li.follow a { padding: 3px 0; margin-right: 6px}
#nav2 li.follow a.follow_rss { /*display: none;*/ display:inline !important; }
#nav2 li.follow a.follow_newsletter {padding-top: 4px; margin-left: 2px;}
#nav2 li.follow a.follow_newsletter {display: none;}
#nav1 li a.home {
	color: #111;
	background: #fff;
	}
.author #nav1 li a.home,
.news #nav1 li a.home,
.ent #nav1 li a.home,
.books #nav1 li a.home,
.environment #nav1 li a.home,
.mwt #nav1 li a.home,
.tech #nav1 li a.home,
#store #nav1 li a.home,
.food #nav1 li a.home,
#topic.store #nav1 a.home,
.movies #nav1 li a.home,
.tv #nav1 li a.home,
.comics #nav1 li a.home {
	color: #fff;
	background: #000;
	}
	
.news #nav1 li a.news,
.joe_conason #nav1 li a.news,
.gary_kamiya #nav1 li a.news,
.garrison_keillor #nav1 li a.news,
/*.ent #nav1 li a.ent,
.ent #nav1 li a.tv,*/
.books #nav1 li a.books,
.laura_miller #nav1 li a.books,
.environment #nav1 li a.env,
.katharine_mieszkowski #nav1 li a.env,
.joseph_romm #nav1 li a.env,
.mwt #nav1 li a.mwt,
.rebecca_traister #nav1 li a.mwt,
.tech #nav1 li a.tech,
#store #nav1 li a.store,
.food #nav1 li a.food,
#topic.store #nav1 li a.store,
.movies #nav1 li a.movies,
.tv #nav1 li a.tv,
.comics #nav1 li a.comics,
.beyond_the_multiplex #nav1 li a.movies,
.stephanie_zacharek #nav1 li a.movies,
.film_salon #nav1 li a.movies,
.our_picks_movies #nav1 li a.movies,
.i_like_to_watch #nav1 li a.tv,
.our_picks_tv #nav1 li a.tv,
.this_modern_world #nav1 li a.comics,
.tom_the_dancing_bug #nav1 li a.comics,
.the_k_chronicles #nav1 li a.comics {
	color: #111;
	background: #fff;
	}
	
.news #nav1 li a.news:hover,
.joe_conason #nav1 li a.news:hover,
.gary_kamiya #nav1 li a.news:hover,
.garrison_keillor #nav1 li a.news:hover,
.ent #nav1 li a.ent:hover,
.books #nav1 li a.books:hover,
.laura_miller #nav1 li a.books:hover,
.environment #nav1 li a.env:hover,
.katharine_mieszkowski #nav1 li a.env:hover,
.joseph_romm #nav1 li a.env:hover,
.mwt #nav1 li a.mwt:hover,
.rebecca_traister #nav1 li a.mwt:hover,
.tech #nav1 li a.tech:hover,
#store #nav1 li a.store:hover {
	color: #111;
	}
	
	/* "you are here" for branded features */

body.war_room #nav2 li a.war_room, 
body.joan_walsh #nav2 li a.joan_walsh, 
body.glenn_greenwald #nav2 li a.glenn_greenwald, 
body.joe_conason #nav2 li a.joe_conason, 
body.gary_kamiya #nav2 li a.gary_kamiya, 
body.garrison_keillor #nav2 li a.garrison_keillor, 
body.laura_miller #nav2 li a.laura_miller, 
body.must_read #nav2 li a.must_read, 
body.the_literary_guide_to_the_world #nav2 li a.the_literary_guide_to_the_world, 
body.katharine_mieszkowski #nav2 li a.katharine_mieszkowski, 
body.joseph_romm #nav2 li a.joseph_romm, 
body.atoms_and_eden #nav2 li a.atoms_and_eden, 
body.mind_reader #nav2 li a.mind_reader, 
body.vital_signs #nav2 li a.vital_signs, 
body.movies #nav2 li a.movies, 
body.comics #nav2 li a.comics, 
body.i_like_to_watch #nav2 li a.i_like_to_watch,
body.film_salon #nav2 li a.film_salon,
body.beyond_the_multiplex #nav2 li a.beyond_the_multiplex,
body.andrew_o_hehir #nav2 li a.beyond_the_multiplex,
body.stephanie_zacharek #nav2 li a.stephanie_zacharek, 
body.critics_picks #nav2 li a.critics_picks,
body.our_picks_books #nav2 li a.our_picks,
body.pinched #nav2 li a.pinched, 
body.broadsheet #nav2 li a.broadsheet, 
body.since_you_asked #nav2 li a.since_you_asked, 
body.rebecca_traister #nav2 li a.rebecca_traister, 
body.how_the_world_works #nav2 li a.how_the_world_works, 
body.ask_the_pilot #nav2 li a.ask_the_pilot, 
body.the_gigaom_network #nav2 li a.the_gigaom_network, 
body.camille_paglia #nav2 li a.camille_paglia,
body.francis_lam #nav2 li a.francis_lam,
body.kitchen_challenge #nav2 li a.kitchen_challenge,
body.the_latest_thing #nav2 li a.the_latest_thing,
body.our_picks_tv #nav2 li a.our_picks,
body.our_picks_movies #nav2 li a.our_picks,
body.this_modern_world #nav2 li a.modern_world,
body.tom_the_dancing_bug #nav2 li a.dancing_bug,
body.the_k_chronicles #nav2 li a.k_chronicles,
.subNavCaret {
	background: transparent url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/carat_red_up.png) bottom center no-repeat;
	}



/* tertiary Nav */


.tertiaryNavigation {
	width:100%;
	list-style:none;
	background-color:#ccc;
	font-family:helvetica,arial,sans-serif;
	font-size:1.1em;
	border-bottom:1px solid #ccc;
	padding:12px 5px 4px 15px;
	margin:-16px 0 15px -10px;
}

.tertiaryNavigation li {
	float:left;
	display:inline;
	margin:0 3px 0 0;
}

.tertiaryNavigation li a:link,
.tertiaryNavigation li a:active,
.tertiaryNavigation li a:visited {
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	color:#666;
	font-weight:bold;
	background: #eee;
	padding: 8px 11px 4px;
	margin:0 0 -1px 0;
	border-bottom:1px solid #ccc;
}

.tertiaryNavigation li a.selected:link,
.tertiaryNavigation li a.selected:active,
.tertiaryNavigation li a.selected:visited {
	background-color:#fff;
	color:#111;
	border-bottom:1px solid #fff;
}









/* end copy */
	
/* dropdown site links */

.sitemap {padding: 10px 0 0 0;}
.sitemap a:link {color: #111;}
.sitemap a:hover {color: #c00;}
.container_12.site-map-sections .grid_2, .container_12.site-map-misc .grid_2 {width:117px;}
.site-map-sections > li li {background: transparent url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/bullet_2x2_red.png) 0 0.5em no-repeat; padding-left: 0.7em;}
.site-map-sections > li li, .site-map-misc li li {font: bold 1.1em/1.2em helvetica, sans-serif; margin: 0.25em 0}
.sitemap li h3 {font: normal 1.6em/1.2em georgia, sans-serif; /*border-bottom: 1px solid #ddd*/ border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 6px; color: #c00; }
.site-map-sections > li h3 a, .site-map-misc > li h3 a {color: #c00 !Important;}
.site-map-misc { padding: 10px 0; margin: 8px 0 0; border-bottom:1px solid #ccc; border-top: 1px solid #ccc;}
#sitemap-bottom .site-map-misc {border-bottom:none;}
.site-map-misc li li {background: transparent url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/bullet_2x2_red.png) 0 0.5em no-repeat; padding-left: 0.7em;}

#nav1 li a#sitemap-button {margin-right: 0 !Important;background: #100 url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/carat_white_right.png) 8px 11px no-repeat; color: #fff; padding-left: 18px; padding-right: 12px;}
#nav1 li a#sitemap-button:hover {color: #fff;}
#nav1 li a#sitemap-button.open {background-image: url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/carat_white_down.png);}

.sitemap_wrap {width: 960px; margin: 0 auto;}
	
/* ads */

#ad_Top, #bottom, #ad_top_leaderboard, #ad_Top2, #ad_Bottom, #ad_postload_Top {
	margin: 0; 
	text-align: center;
	background: transparent url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/leaderboard_background.png) top left repeat-y;
	margin: 0 -4px; 
	padding: 10px 0;
	position: relative; 
	zoom: 1;
	}
#ad_postload_Top *, #ad_top_leaderboard > *, #ad_Top > *, #bottom > *, #ad_Top2 > *, #ad_Bottom * {
	margin: 0 auto !important;
	}
#ad_postload_Top > script, #ad_top_leaderboard > script, #ad_Top > script, #bottom > script {
	display:none;
}

#ad_Top span,
#ad_Top object,
#ad_Top iframe,
#ad_top_leaderboard span,
#ad_top_leaderboard object,
#ad_top_leaderboard iframe,
#ad_postload_Top span,
#ad_postload_Top object,
#ad_postload_Top iframe,
#bottom span,
#bottom object,
#bottom iframe,
#ad_Top2 span,
#ad_Top2 object,
#ad_Top2 iframe, 
#ad_Bottom span,
#ad_Bottom object,
#ad_Bottom iframe {
	position:relative;
	display:block;
	margin: 0 auto !important;
}

.storyAdvert {
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background-color:#eee;
	text-align:center;
	padding:10px;
}

.storyAdvert * {
	margin:0 auto;
}

/* ads NEW */


.leaderboard iframe.ad_content {
	width:729px;
	height:90px;
}

#ad_Right1 {
	width:300px;
	height:250px;
}

#ad_x11 {
	width:300px;
	height:600px;
}

	
#ad_x10, #ad_messageboard_x10 {
	background: transparent !Important; 
	border: none !Important;
	height: 600px;
	width: 300px;
	}
	
#ad_Position1 {
	width:300px;
	height:30px;
	position:absolute;
	left:457px;
	top:5px;
}

/* above fold */
/*#sitemap-top {padding-bottom:10px;}*/
#sitemap-top, 
#sitemap-bottom {
	background: url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/white.png) top left repeat-y; margin: 0 -4px;
	}


/* partner feeds & Other News Footer */



.otherNews {
	background:transparent url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/white.png) repeat-y scroll left top;
	margin:0 -4px;
	padding:0 4px;
	font-family:helvetica, arial, sans-serif;
	}
	
.otherNews h3 {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	font-family:georgia,sans-serif;
	font-size:1.6em;
	font-style:normal;
	font-weight:normal;
	line-height:1.2em;
	margin-bottom:6px;
	padding:3px 0;
	text-align:center;
	}
	
.otherNews .content {
	padding:15px 10px;
	border-bottom:1px solid #CCCCCC;
	}
	
.otherNews dl {
	width:218px;
	float:left;
	display:inline;
	border-right:1px solid #ccc;
	display:block;
	padding:0 7px;
	}
	
.otherNews dl.loner {
	border-left:1px solid #ccc;
	float:none;
	display:block;
	margin:0 auto;
	}
	
.otherNews dl.last {
	border-right:none;
	}
	
.otherNews dl dt {
	margin:0 0 10px 0;
	}
	
.otherNews dl dt img {
	display:block;
	margin:0 auto;
	}
	
.otherNews dl dd {
	padding:4px 0;
	}
	
.otherNews dl dd a {
	border-bottom:1px solid #EEEEEE;
	display:block;
	line-height:1.1em;
	margin:0 0 0;
	padding:3px 3px 4px;
	}
	
.otherNews dl dd a.readMore:link,
.otherNews dl dd a.readMore:active,
.otherNews dl dd a.readMore:visited {
	color:#cc0000;
	font-weight:bold;
	border:none;
	padding:4px 3px;
	} 


/* footer */

#footer {
	background: #c00 url(http://web.archive.org/web/20100122022046im_/http://images.salon.com/img/new/gradient_down.png) bottom left repeat-x
	}
#footer_inner {
	background: #c00;
	padding: 20px 0 12px;
	text-align: center;
	width: 960px;
	margin: 0 auto;
	}
#footer ul li {
	display: inline;
	border-right: 1px solid #e4e9ef;
	margin-left: 0.5em;
	padding-right: 0.5em;
	}
#footer ul, #footer p {
	font: 1.2em/1.2em georgia, serif;
	margin-bottom: 6px;
	color: #300;
	}
	


	
	

/*
     FILE ARCHIVED ON 02:20:46 Jan 22, 2010 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:21:57 Dec 11, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/