/*
//  layout.css
//
//  Structural styles for Brookyln Rail Site
//
//  Created by Chris Johanesen on 2005-12-27.
//  Copyright 2005 Chris Johanesen. All rights reserved.
*/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
a img,:link img,:visited img { border:none; }

body {
	background: #000;
}

#pagewrap {
	width: 980px; /*740*/
	margin: 0 auto;
	background: #fff;
}


#main {
	float:left;
	width: 740px;
}

/*  

      HEADER                                          


*/
#header {
  float: left;
  width: 730px;
  height: 80px;
  border-bottom: 1px dotted #aaa;
  margin: 0px 0px 6px 10px;
  _margin-left: 5px;
}

/* flag */
#header #flag {
	float: left;
	margin: 13px 0 8px 0px;
}
#header #flag span {
	display:none;
}
#header #flag a:hover {
	background: none;
}

/* nav */
#header #nav {
  float: right;
}
#header #nav ul {
  width: 261px;
}
#header #nav ul li {
	float: left;
}
#header #nav ul li a {
  display:block;
	width: 80px;
  text-indent: -3000px;
  overflow: none;
  font-weight:bold;
  font-size: 140%;
  text-transform: uppercase;
	text-align:center;
  font-family: din;
  padding: 12px 3px 10px 3px;
  margin-bottom: 8px;
  color: #d00;
}
#header #nav ul li#nav-current  a { background: url(/images/nav/current.png) no-repeat; }
#header #nav ul li#nav-archives a { background: url(/images/nav/archives.png) no-repeat; }
#header #nav ul li#nav-search   a { background: url(/images/nav/search.png) no-repeat; }
#header #nav ul li#nav-about   a { background: url(/images/nav/about.png) no-repeat; }
#body-current #header #nav ul li#nav-current  a { background: url(/images/nav/current_current.png) no-repeat; }
#body-archives #header #nav ul li#nav-archives a { background: url(/images/nav/archives_current.png) no-repeat; }
#body-search  #header #nav ul li#nav-search   a { background: url(/images/nav/search_current.png) no-repeat; }
#body-about  #header #nav ul li#nav-about   a { background: url(/images/nav/about_current.png) no-repeat; }
#header #nav ul li#nav-current  a:hover { background: url(/images/nav/current_hover.png) no-repeat; }
#header #nav ul li#nav-archives a:hover { background: url(/images/nav/archives_hover.png) no-repeat; }
#header #nav ul li#nav-search   a:hover { background: url(/images/nav/search_hover.png) no-repeat; }
#header #nav ul li#nav-about   a:hover { background: url(/images/nav/about_hover.png) no-repeat; }


.searchbox {
	width:139px;
}


/* ISSUE COLUMN                                     */
#main #issuecolumn {
  border:0;
	width: 180px;
	float:left;
	border-right: 1px dotted #aaa;
	margin-right: -1px;
}


/* section list */
#main #issuecolumn ul.section-list { height:1%; }
#main #issuecolumn ul.section-list:after {	content: ''; display: block; height: 0;	clear: both; visibility: hidden; } /* EASY CLEAR */
#main #issuecolumn ul.section-list  li {
	float: left;
}
#main #issuecolumn ul.section-list li a {
	display:block;
	margin: 0;
}
/* nav2 list */
#main #issuecolumn ul.nav2 { height:1%; }
#main #issuecolumn ul.nav2:after {	content: ''; display: block; height: 0;	clear: both; visibility: hidden; } /* EASY CLEAR */
#main #issuecolumn ul.nav2  li {
	float: left;
}
#main #issuecolumn ul.nav2 li a {
	display:block;
	margin: 0;
}

/* CONTENT COLUMN                                 */
#main #contentcolumn {
  border:0;
	width: 560px;
	float:left;
}
#main .featured-articles {
  float:left;
}
#main #contentcolumn .sub {	float: left; }
.w60 { width: 300px; border-right:1px dotted #aaa; margin-top: 10px; }
.w40 { width: 259px; margin-top: 10px; }

/*
    =EXTRA

*/
#extra {
/*  display:none;*/
	width: 240px;
	float:left;
	border-left: 1px solid #ccc;
	margin-left: -1px;
	background: #f2f2f2;
}
#filler {
	border-left: 1px solid #ccc;
	margin-left: -1px;
	background: #f2f2f2;  
	width: 240px;
	float:left;
  height: 92px;
}

#extra img {
}


/*
    =FOOTER

*/
#footer {
	clear: both;
}

