@import url("tables.css");

@media all {
/* Microformats in citations list */

#citations a[rel] 
{
color: black;
background: #ccc;
padding: 0 .25em;
}

.ed, .ed-noprint, .print-plain
{
	display: inline;
	color: rgb(9%,9%,9%);
	background: #EBEBEB;
	font-size: 95%;
	border: none;
	text-decoration: none;
	letter-spacing: .1em;
}

/* Minor correction to table */
table.bugged { margin: 1em 0; }

/* Headings */

#content h2
{
	font-family:  Cambria, "Hoefler Text", "Palatino Linotype", Palatino, "Trebuchet MS", serif; 
color: rgb(12%,12%,12%);
	font-size: 125%;
	background: white;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0em;
	margin-top: 1em;
	text-align: left;
}

#content h3
{
	font-family:  Cambria, "Hoefler Text", "Palatino Linotype", Palatino, "Trebuchet MS", serif; 
	font-size: 125%;
	background: white;
	color: rgb(10%,10%,10%);
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0em;
	margin-top: 1em;
	text-align: left;
}

/* No extra space after heds */
#content h1 + p, #content h2 + p, #content h3 + p, #content h1 + blockquote, #content h2 + blockquote, #content h3 + blockquote,  #content h1 + ul, #content h2 + ul, #content h3 + ul,  #content h1 + ol, #content h2 + ol, #content h3 + ol
{
	margin-top: 0;
	padding-top: 0;
}

#content h1 + h2, #content h2 + h3, #content h3 + h4
{
	text-indent: 0;
	margin: 0;
}


/* For posting date and version updates */

youarehere, .updated, p + .youarehere, p + .updated 
{
	text-indent: 0; font-size: 80%; margin-top: 2em; margin-left: 0; 
	text-align: right;
}

}

@media screen {

body, html { margin: 0; padding: 0; text-align: left; }
h1, h2, h3 { text-indent: 0; }

/* screamer is for the homepage */

#screamer
{ 
background: #E3E3E3;
width: 100%;
}

.header
{ 
margin: auto 0;
padding: .5em 0 ;
background: rgb(15,15,15);
border-bottom: 2px solid #D0D2C4;
border-top: 3px solid #A2C93A;
}

/* Header indention */
#screamer .header h1, #screamer .header h2, #screamer .header p.byline
{
margin: 0 0 0 8%;
padding: 0;
}

#screamer .header h1, #text .header h1  
{ 
color: yellow;
font: 200%/1.3 "Gill Sans", Candara, "Lucida Grande", "Lucida Sans", sans-serif;
text-transform: uppercase;
}

#screamer .header h2
{
padding: 0;
color: white;
font: 150%/1.3  "Gill Sans", Candara, sans-serif;
overflow: hidden;
}

#screamer .header .byline 
{ 
color: #cdcdcd;
font: 100%/1.3  "Gill Sans", Candara, sans-serif;
font-style: italic;
}

.bodycopy
{ 
padding: 0;
margin-top: .5em;
font: 1.76em/1.4  "Gill Sans", Candara, "Trebuchet MS","Lucida Sans",   sans-serif;
margin-left: 8%;
color: #242424;
width: 100%; 
max-width: 30em;
}

.bodycopy p { margin: 0; padding: 0; margin-right: 25%}
.bodycopy p+p { text-indent: 1em; }

.bodycopy p strong, .right { font-family: "Gill Sans", "Lucida Grande", Candara, sans-serif; font-weight: bold; color: black; }

.learnmore { font-weight: bold; }

.learnmore, .right { text-align: right; text-transform: uppercase; font-size: 80%}

.learnmore a:link, .learnmore a:visited
{
padding: 0 .25em;
margin-top: .5em;
font: 1em/1.4  "Gill Sans", Candara, "Trebuchet MS","Lucida Sans",   sans-serif;
margin-left: 8%;
color: #242424;
width: 100%; 
max-width: 30em;
text-decoration: none;
border: none;
}

.learnmore a:hover { 
background: black;
color: yellow;
}

.learnmore a:active, .learnmore a:focus 
{
background: black;
color: green;
border: 1px solid green; 
}

/* Navbar */

/* Full banner width and colours */
#banner 
{
/*width: 92%;*/
color: white;
background: #525252;
border-bottom: 3px solid #369;
text-align: left;
margin: 0 0 .1em 0;
padding: .1em 0 .1em 8%;
}


/* Fonts and inline display */
#banner ul {  max-width: 45em;}

#banner ul, #banner li
{
	font-family: Calibri, "Lucida Grande","Segoe Sans", "Lucida Sans", Lucida, "Bitstream Vera Sans","Trebuchet MS", sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* Margins */
#banner li
{
	display: inline;
	padding-right: 1.25em;
}
/*
#banner li#li.last { 
	margin-left: 1em; margin-right: 0;
}
 Yes, I know this is not the best way to handle that sort of thing, OK? */

/* Links */
#banner a:link, #banner a:link:visited, #banner a:visited
{
	text-decoration: none;
	font-weight: normal;
	color: white;
	border: 0;
	padding: .1em 0;
}

#banner a:link:hover, #banner a:link:focus, #banner a:link:active,
#banner a:visited:hover, #banner a:visited:focus, #banner a:visited:active
{
	text-decoration: none;
	border-bottom: 3px solid yellow;
	color: yellow;
	background: black;
	padding: .1em 0;
}

/* Hover effects */
#banner:hover, #banner a:hover
{
	background: black; 
	color: #60c;
	border-bottom: 3px solid black;
}



/* Class named TEXT is for inside pages */

/* Header for inside pages */

#text 
{
		color: rgb(13%,13%,13%);
		background: white;
}
	 /*

#text .header  
{ 
margin: auto 0;
padding: .5em 0 ;
background: rgb(15,15,15);
border-bottom: 2px solid #D0D2C4;
border-top: 3px solid #A2C93A;
width: 100%;
}
*/


/* General typography */ 

#content p { text-indent: 0em; margin-top: 0; margin-bottom: 0;}

#content p + p { text-indent: 2em; }

#content .noindent
{
	text-indent: 0;
}


#content strong
{
	font-family: Candara, "Trebuchet MS",  Univers, "Univers 55", sans-serif;
	font-weight: bolder;
	letter-spacing: 0.1em;
}
#content blockquote
{
	font-family: Corbel, "Trebuchet MS","Lucida Sans",   sans-serif;
	margin-left: 2em;
	font-size: 100%;
	text-align: left;
	border-left: .15em solid #999; /* formerly 3px */
	padding-left: .5em;
	color: rgb(9%,9%,9%);
}

/* Blockquote inside list */
#content li blockquote { margin-left: 0em; }

.caps
{
	font-size: smaller;
	letter-spacing: .1em;
	text-transform: uppercase;
}

/* Deitalicization inside italicization */

cite em, cite i, em cite, em i, i cite, i em, cite cite, em em, i i { font-style: normal }


/* Splorpist images with borders */

div.splorpist { margin: 0.5em 0 }

div.splorpist a:link img, div.splorpist img
{
	border: 3px solid #999 !important;
	text-decoration: none !important;
	margin: 0.5em 0;
}

/* Links */

#content a:link
{
	color: black;
	background: white;
	font-weight: normal; 
	text-decoration: none;
	font-family:  Candara, "Lucida Sans", "Bitstream Vera Sans", Gill, "Gill Sans", "Trebuchet MS", Geneva, sans-serif;
	border-bottom: 1px solid rgb(20%,20%,20%);
}


#content a:visited
{
	color: #333;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid rgb(30%,30%,30%);
	font-family:  Candara, "Lucida Sans", "Bitstream Vera Sans", Gill, "Gill Sans", "Trebuchet MS", Geneva, sans-serif;
	background: white;
}

#content a:hover, #content a:visited:hover
{
	color: black;
	background: #9CF;
	text-decoration: none;
	border-bottom: 2px solid black;
 -webkit-transition: background-color .5s linear;
 opacity: 1; 
}

#content a:focus, #content a:active
{
	color: yellow;
	background: black;
	text-decoration: none;
	border: 1px dashed #FFCCCC;
}

/* Lists */
/* In general */

/*
#content ul, #content ol { margin-top: 1em; margin-bottom: 1em;  }
*/

#content ul li, #content ol li { margin-left: 0; padding-left: 0 }

#content li ul, #content li ol, #content dd ul, #content dd ol { margin-left: 0; padding-left: 0 }

/* Lists inside lists */
#content ul li ul {  list-style-type: circle; }
#content ul li ul li {margin-left: 0; padding-left: 0; }

/* with no numbering and/or margin */
#content .typenone, #content .none, #content 
#content .none-nomargin li {list-style-type: none; margin-left: 0; padding-left: 0}

#content .hanging-indent {list-style-type: none; margin-left: 2em; padding-left: 0; text-indent: -2em;}

#content #content p + ol, #content #content p+ ul { margin-top: 1em; margin-bottom: 1em; }





/* Lists inside lists */


#content li ol, #content li ul, #content li dl { margin-left: 2em;}

#content li ol #content li, li ul li { margin-left: 2em;}





/* Horizontal rules */

hr
{
	margin-top: 1.2ex;
	margin-bottom: 1.2ex;
}

.w25 { width: 25%; }
.w33 { width: 33%; }
.w50 { width: 50%; }
.w66 { width: 66%; }
.w75 { width: 75%; }
.w80 { width: 80%; }


/* Header indention */
#text .header h1, #text .header h2, #text .header h3, #text .header p.byline, #text #content 
{
margin: 0 0 0 8%;
}

#text #content 
{
	font: 1em/1.6 Cambria, Utopia,"Bitstream Charter", "Lucida Fax", "Palatino Linotype",   Georgia,  "Hoefler Text",  "Bitstream Vera Serif", "Lucida Sans", "Trebuchet MS", serif;
	color: rgb(13%,13%,13%);
	background: white;
	max-width: 38em;
	margin-top: 2em;
}

#text .header h2
{
padding: 0;
color: white;
font: 150%/1.3  "Gill Sans", Calibri, "Lucida Grande","Segoe Sans", "Lucida Sans", Lucida, "Bitstream Vera Sans","Trebuchet MS", sans-serif;
overflow: hidden;
}

}

@media print 
{

/* Do not print */
.noprint, .learnmore
{
display: none;
}

/* Body */
body
{
	font: 11pt/1.4   Palatino, "Palatino Linotype", "Lucida Fax", "Hoefler Text", Georgia, "Trebuchet MS", serif;
	color: black;
	background-color: white;
	text-align: left;
	margin: 12%;
}

#screamer, .header, .bodycopy
	{ background: white; border: none; color: black;}
	
html, body
	{ color: black; }

body
{
	font: 11pt/1.4   Palatino, "Palatino Linotype", "Lucida Fax", "Hoefler Text", Georgia, "Trebuchet MS", serif;
	color: black;
	background-color: white;
	text-align: left;
	margin: 12%;
}

h1
{
font: 200%/1.4 "Gill Sans", Candara, "Lucida Grande", "Lucida Sans", sans-serif;
text-transform: uppercase;
	font-size: 120%;
	color: black;
	background: white;
	font-weight: bold;
	padding: 0;
	text-align: left;
	margin: 0;
	text-decoration: none;
	border: none;
}

h2
{
	font-family:  Cambria, "Hoefler Text", "Palatino Linotype", Palatino, "Trebuchet MS", serif; 
color: rgb(5%,5%,5%);
	font-size: 125%;
	background: white;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	text-align: left;
}

h3
{
	font-family:  Cambria, "Hoefler Text", "Palatino Linotype", Palatino,  "Trebuchet MS", serif; 
	font-size: 125%;
	background: white;
	color: rgb(10%,10%,10%);
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0em;
	margin-top: 1.5em;
	text-align: left;
}

h4
{	font-family: Calibri,   Trebuchet, "Trebuchet MS", sans-serif; 
	font-size: 110%;
	background: white;
	color: rgb(10%,10%,10%);
	font-style: italic;
	font-weight: normal;
	margin-bottom: 0em;
	margin-top: 1.5em;
	text-align: left;
}

h1 + p, h2 + p, h3 + p, h4 + p
{
	margin-top: 0;
	padding-top: 0;
}

h1 + h2, h2 + h3, h3 + h4
{
	text-indent: 0;
	margin-left: 0;
}

.learnmore, #banner { display:none; }

a:link
{
	color: black;
	background: white;
	font-weight: normal;
	text-decoration: none;
    border-bottom: 1pt solid black;
}
a:hover, a:visited:hover
{
	color: black;
	background: white;
	font-weight: normal;
	text-decoration: underline;
}

a:focus, a.graf:visited
{
	color: black;
	background: white;
	font-weight: normal;
	text-decoration: none;
	border: 1px dashed #FFCCCC;
}

a img, a:hover img, a:visited img, a:focus img
{
	border: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
}

/* Lists */
li, dt, dd { margin-top: 1ex; }
ol, ul, dl {margin-left: 2em}

/* Tables */

table.bugged {   border-collapse: collapse;}

table.bugged th {
	text-align: center;
  }

table.bugged tr td {
	border: 1px dotted gray;
	padding: 5px;
}

table.bugged td p {
	text-indent: 0;
}

table.bugged thead th {
	border-top: 2px solid gray;
	border-bottom: 2px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
}
table.bugged thead th h2 {
	margin: 10px;
}
table.bugged tbody th {
	border: 1px solid gray;
}

.noborder { border: none; }

/* For headers */
thead tr th[scope]
{
	font-family: "Lucida Sans", "Lucida Grande", "News Gothic MT", "Lucida Console", "Lucida Bright", "Gill Sans", Univers, "Univers 55", "Bitstream Vera Sans", sans-serif;
	font-weight: normal;
	font-size: 95%;
}

thead tr th
{
	text-align: center;
	vertical-align: bottom;
}

tbody tr th, th[scope=row] { text-align: left; }

.data
{
	border-bottom: 1px dotted gray;
	border-left: 1px dotted gray;
	border-right: 1px dotted gray;
	vertical-align: top;
	text-align: left;
	padding: 0 0.5em 0 0.5em;
}



/* Nested elements */

p+p, li p+p { text-indent: 2em; }
}

/* No linebreaks */

.nowrap
{ white-space: nowrap; }