/* TO DO: 
apparent padding-right for ARTICLE, SECTION 
INPUT TEXT 
rowlist depth... eh?
*/

@font-face {
	font-family: '33535gillsansmt';
	src: url('./33535gillsansmt.eot');
	src: local('33535gillsansmt'), url('./33535gillsansmt.woff') format('woff'), url('./33535gillsansmt.ttf') format('truetype');
}

BODY {
	color:rgb(51,51,51);
	background:white;
	font-family: "33535gillsansmt", "Arial", sans-serif; 
}

HEADER, ARTICLE, SECTION, FOOTER, NAV {
	width:95%;
	clear:both;
}

HEADER {
	top:1px;
	height:80px;
	clear:both;
	display:inline-block;
}

.logo {
	float:left;
	width:70%;
	padding-left:0px;
	margin-top:2px;
}

.logoimg {
	width:99%;
	height:80px;
}

.topnav {
	float: right;
	width: 29%;
}

#issuedate, #tweeter, #menu {
	width:98%;
	line-height:1em;
	text-align:right;
	height:22px;
	margin-bottom:3px;
	font-size:0.8em;
	display:inline-block;
	padding-left:0.25em;
	padding-right:0.25em;
	margin-bottom:0.2em;
}

#issuedate {
	margin-top:4px;
	padding-top:2px;
	background-color:rgb(20,20,20);
	color:white;
}

#tweeter {
	margin-top:3px;
	height:19px;
	background-color:white; 
	color:rgb(63,127,255);
	margin-top:0.0em;
	margin-bottom:0.0em;
}

.tweetit {
	text-align:center;
}

#menu, .menu_sample {
	background-color:rgb(205,0,0);
	color:white;
}

.search_input {
	width:60%;
}

.submitter {
	font-family: "33535gillsansmt", "Arial", sans-serif; 
	color:rgb(184,0,0);
	border-color:rgb(205,0,0);
	border-width:1px;
	border-style:solid;
	background-color:rgb(227,227,227);
	}

NAV {
	width:80%;
	display:none;
	background-color:rgb(51,51,51);
	position:absolute;
	top:5px;
	float:right;
	padding:5px;
}

NAV .control {
	text-align:right;
}

H1 {
	color:rgb(0,0,102);
	font-size:2em;
	line-height:95%;
	font-weight:normal;
}

H1.banner {
	color:rgb(0,0,102);
	font-size:3em;
	line-height:90%;
}

H2 {
	color:rgb(0,0,102);
	font-size:1.8em;
	line-height:95%;
	font-weight:normal;
}

H3 {
	color:rgb(0,0,102);
	font-size:1.4em;
	line-height:100%;
	font-weight:normal;
}

H4 {
	color:rgb(0,0,102);
	border-width:0px;
	margin-bottom:0px; 
	padding-bottom:0px;
	font-size:1.2em;
	line-height:100%;
}

H5 {
	color:rgb(0,0,102);
	font-size:1em;
	line-height:100%;
}

DL + DT {
	font-weight:bold;
}

DL + DT + STRONG {
	font-weight:bold;
}

UL {
	list-style: url(../gif/bullet.gif) circle;
	font-weight:normal;
}

UL LI, OL LI {
	font-weight:normal;
	padding-bottom:0.3em;
}

.rubric {
	font-size:0.8em;
	color:white;
	background-color:rgb(0,0,102);
	text-align:center;
	margin-top:0.8em;
}

.ad {
	background-color:rgb(224,224,224);
	padding:1em;
}

.dead {
	font-size:1.2em;
	color:rgb(204,51,51);
	margin-top:8px;
	background-color:yellow;
	/* background:rgb(204,51,51);*/
	text-align:center;
}

P {
	line-height:150%;
}

P.first:first-letter, P.intro:first-letter, P.dropcap:first-letter {
	font-weight:100;
	vertical-align:top; 
	font-size:2.7em;
	float:left;
	padding-top:0.2em;
	padding-right:0.1em;
}

P.dropcap:first-letter {
	color:rgb(204,0,0);
}

P.intro {
	font-weight:bold;
}

P.furniture {
	line-height:100%;
}

P.hanging {
/* nothing works yet in NS 4 */
}

P.byline {
	text-align:right;
}

P.issue {
	text-align:right;
	font-weight:bold;
}

P.classi {
	background-color:rgb(204,204,255);
	padding:4px;
}

P.shim {
	padding:0.1em; 
	margin:0px;
}

A:link {
	text-decoration:none;
	font-weight:bold;
	color:rgb(184,0,0);
}

A:visited {
	text-decoration:none;
	font-weight:bold;
	color:rgb(153,0,0)
}

A:hover {
	text-decoration:underline;
	font-weight:bold;
	color:rgb(204,102,0);
}

A:active {
	text-decoration:underline;
	font-weight:bold;
	color:rgb(255,153,0);
}

A.nujlinks {
	border-bottom-style:dotted;
	border-bottom-width:2px;
	text-decoration:none;
}

A.nujlinks:link, A.nujlinks:visited {
	text-decoration:none;
}

A.external:link {
	color:rgb(102,0,153);
}

A.external:visited {
	color:rgb(0,102,153);
}

A.external:hover {
	color:rgb(204,102,0);
}

A.external:active {
	color:rgb(255,153,0);
}

A.missing:link, A.missing:visited {
	color:black;
	text-decoration:line-through;
}

#menu A:link, #menu A:visited, .menu_sample A:link, .menu_sample A:visited {
	color:white;
}

#menu A:active, #menu A:hover, .menu_sample A:active, .menu_sample A:hover {
	color:yellow;
}

#tweeter A:link, #tweeter A:visited {
	color:rgb(63,127,255);
	font-weight:normal;
}

P A:link, P A:visited, P A:hover, P A:active, LI A:link, LI A:visited, LI A:hover, LI A:active {
	text-decoration:underline;
	font-weight:normal;
}

P.byline A:link, P.byline A:visited, P.byline A:hover, P.byline A:active {
	text-decoration:none;
	font-weight:bold;
}

.rubric A:link, .rubric A:visited {
	color:yellow;
}

A.glossary:link, A.glossary:visited {
	color:black;
	text-decoration:none;
	font-weight:normal;
	border-bottom-style:dotted;
	border-color:blue;
	border-bottom-width:1px;
}

TH { /* CHECK WHETHER EVER INVOKED */
	vertical-align:top; 
	background-color:#e0e0ff;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	padding-bottom:2px;
}

TD {
	vertical-align:top;
}

.image, .imageR, .imageR2 {  /* live within ARTICLE div... may not work elsewhere */
	margin:0px; 
	padding:0px; 
	border:0px; 	
	border-collapse:collapse; 
}

.image {
	width:100%;
}

.imageR, .imageR2 {
	display:inline-block;
	width:45%; 
	float:right;
	margin-left:8px; 
}

.imageR2 {
	width:18%; 
}

.boxout {
	width:100%;
	background-color:rgb(220,220,220);
	padding:0.5em;
	margin:0px;
	border:0px;
	border-collapse:collapse; 
}

.image .pic, .imageR .pic, .imageR2 .pic, .featured .pic  {
	background-color:rgb(220,220,220);
	width:100%;
	padding:0px;
	margin:0px;
	border:0px;
	border-collapse:collapse; 
}

.image .caption, .imageR .caption, .imageR2 .caption, .featured .caption {
	width:100%;
	background-color:rgb(220,220,220);
	padding:0px;
	margin:0px;
	border:0px;
	border-collapse:collapse; 
}

.image .caption P, .imageR .caption P, .imageR2 .caption P, .featured .caption P {
	padding:4px !important;
	padding-bottom:2px !important;
	margin:0px;
	border:0px;
	font-size:0.8em;
	line-height:1.2em;
}

.featured .caption P {
	padding:2px !important;
}

.logos {
	padding:0px; 
	margin:0px;
	background-color:white;
}

.share {
	padding:0px; 
	margin:0px;
	background-color:white;
}

.branchID {
	background-color:#336699;
	text-align:center;
	padding:2px;
}

.branchID H1 {
	color:rgb(0,0,51);
	border-width:0px;
	margin:0px; 
	padding:0px;
}

.issue {
	color:black;
	padding:4px;
	background-color:rgb(173,173,173);
	margin-bottom:0.5em;
}

.issue H3 {
	color:black;
	font-weight:bold;
	font-size:1em;
	text-shadow: -1px -1px 1px white;
	padding-top:0px;
	margin-top:2px;
	margin-bottom:2px;
}

.link, .link2, .link3, .splash, .slide {
	vertical-align:top; 
	margin:0em;
	margin-bottom:0.5em;
	margin-top:0.5em;
	padding:0.2em;
	background-color:rgb(227,227,227);
}

.link2 {
	margin-left:1em;
}

.link3 {
	margin-left:2em;
}

.datarow {
	margin-bottom:0.5em;
	clear:both;
}

.clear {
	margin-bottom:0.5em;
	margin-top:0.5em;
	clear:both;
	height:auto;
}

.rowlink, .rowsource {
	float:left;
	width:70%;
	padding:0.2em;
	margin-right:0.2em;
	background-color:rgb(227,227,227);
	margin-bottom:0.5em;
	overflow:hidden; /* TODO doesn't work? */
}

.rowdate, .rowdate2 {
	float:right;
	clear:right;
	width:20%;
	text-align:right; 
	padding:0.2em;
	background-color:rgb(153,204,255);
	margin-bottom:0.5em;
}

.rowdate2 {
	background-color:rgb(204,204,204)
}

.headrow {
	background-color:rgb(255,153,153);
	font-weight:bold;
}

.invisigif {
	display:none;
}

NAV .link, NAV .link2, NAV .link3 {
	margin-bottom:2px;
}

.YouAreHere {
	background-color:rgb(153,204,255);
	font-weight:bold;
}

.YouAreHere A:link {
	color:#007700;
}

.YouAreHere A:visited {
	color:#007700;
}

.branding {
	position:relative; 
	top:0px; 
	float:right; 
	padding-right:7px; /* WHY? works. */
	width:83px; 
}

.splash {
	background-color:rgb(255,220,220);
	border-color:rgb(205,0,0);
	border-width:1px;
	border-style:solid;
}

.splash3 {
	background-color:rgb(255,204,204);
}

.slide {
	background-color:rgb(220,220,220);
	border-color:rgb(110,110,110);
	border-width:1px;
	border-style:solid;
	padding:0.6em;
}

.flannel {
	background-color:rgb(255,204,204);
	text-align:center;
	font-size:0.7em;
	padding:2px;
}

.label {
	vertical-align:top; 
	background-color:#e0e0ff;
	text-align:left;
	font-weight:bold;
	padding-bottom:2px;
}

.point {
	color:rgb(204,0,0);
	font-weight:bold;
	font-size:2em;
	line-height:95%;
}

TD.home {
	vertical-align:bottom;
}

TD.plain {
	vertical-align:top; 
	background-color:#ffffff;
	text-align:left;
	padding-bottom:2px;
}

P.date {
	font-weight:bold;
	text-align:right;
}

P.motion {
}

P.motionfirst {
}

P.motionfirst:first-letter {
	vertical-align:top;
	vertical-align:top; 
	font-size:2.7em;
	float:left;
	padding-top:0em;
	padding-right:0.1em;
}

P.motionprop {
	text-align:right;
}

BLOCKQUOTE {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

BLOCKQUOTE P {
	line-height:150%;
}

OL LI, UL LI {
	line-height:150%;
}

CODE {
	font-family:monospace;
}

PRE {
	font-family:monospace;
}

INPUT {
	font-family: "Courier New", Courier, monospace;
	font-size:0.8em;
	margin:0.2em;
	padding:2px;
	border-color:rgb(192,192,192);
	border-width:1px;
	border-top-width:2px; 
	border-top-color:rgb(128,128,128);
	border-left-width:2px; 
	border-top-color:rgb(158,158,158);
	border-style:solid;
}

INPUT.fullwidth {
	width:100%;
}

.flash {
	color:rgb(0,102,0);
	background-color:rgb(255,204,0);
	font-weight:bold;
}

.strong {
	font-weight:bold;
}


.red {
	color:rgb(204,0,0)
}

.latest {background-color:yellow; padding-top:2px}

@media screen and (min-width: 640px) {

	ARTICLE, SECTION, FOOTER {
		width:500px;
		margin:auto;
		font-size:1.2em; //HERE
	}

	NAV {
		position:absolute;
		top:0px;
		left:90px;
		width:420px;
	}
	
	HEADER {
		clear:both;
		float:none;
		width:90px;
		position:fixed;
		top:5px;
		left:5px;
	}
	
	.logo {
		clear:both;
		float:none;
		width:100%;
		padding-left:5px;
		padding-top:0px;
	}

	.logoimg {
		width:90px;
		height:457px;
	}

	.topnav {
		clear:both;
		float:none;
		width:90%; /* WHY? kluge */
	}
	
	#issuedate, #tweeter, #menu {
		width:99%;
		height:1.33em;
		margin-left:5px;
		margin-right: 5px;
	}

	.imageR {
		width:220px; 
	}
	
	.imageR2 {
		width:110px; 
	}

	.rubric {
		margin-top:0em;
	}
}

@media screen and (min-width: 1600px) {

	ARTICLE, SECTION, FOOTER {
		width:640px;
		font-size:1.3em; //HERE
	}
}

@media print {
	#issuedate {color:black; background-color:white; border-width:1px; border-style:solid}
	.issue H3 {color:black; font-weight:bold; font-family:sans-serif}
	.rubric {color:black; background-color:silver; border-width:1px; border-style:solid}

	BODY {
		font-family: "33535gillsansmt", "Arial", sans-serif; 
	}
	
	ARTICLE, SECTION, FOOTER {
		width:420px;
		margin:auto;
	}

	NAV {
		position:fixed;
		top:10px;
		left:10px;
	}
	
	HEADER {
		clear:both;
		float:none;
		width:90px;
		position:fixed;
		top:5px;
		left:5px;
	}
	
	.logo {
		clear:both;
		float:none;
		width:100%;
		margin-top:5px;
	}

	.logoimg {
		width:90px;
		height:457px;
	}

	.topnav {
		clear:both;
		float:none;
		width:90%; /* WHY? kluge */
	}
	
	#issuedate, #tweeter, #menu {
		width:99%;
		height:1.33em;
		margin-left:5px;
		margin-right:5px;
	}
	
	.rubric A:link, .rubric A:visited {
		color:blue;
	}
	

}