/* HTML elements used on every page */


/* These defaults differ among browsers so we clear them here */
div, body, p, h1, h2, h3, h4 {
	border:0;
	margin:0;
	padding:0;
}

body {
	width:100%;
	background:#fff;
	color:#333;
	/* specify pix here to get closer to same size on different browsers */
	font: 13px/1.6em Helvetica, Verdana, sans-serif;	
}

/* specify height here so that page_container can have 100% height */
html, body {height: 100%;}

a {
	/* remove ugly dotted border from links added by Firefox */
	outline: none;
	text-decoration:none;
	color:#777;
}

a:hover {
	color:#2E7DC1;
}


.selected a {
	color:#2E7DC1;
}


/* invisible - may be used for website blurb for example */
.hidden {
	font-size:1px;
	height:1px;
	display:none;
}

img { 
	border:0;
}



/* Text styling */


h1, h2, h3, h4, h5 {
	color:#2E7DC1;
	font-weight:200;
	text-shadow:rgba(155,155,200,0.3) -0.1em 0.1em 0.1em;
	margin:1em 0em 0.4em 0em;
}


h1 {
	font-size:2.1em;
	letter-spacing:0.04em;
}

h2 {
	font-size:1.8em;
}

h3 {
	font-size:1.3em;
}

h4 {
	font-size:1.1em;
}

h5 {
	font-size:0.8em;
}

h4, h5, h6 {
	color:#444;
}



h5 {/* h5 an in-line head */
	display:inline;
	color:#777;
	text-shadow:none;
	letter-spacing:0.05em;
	text-transform:uppercase;
}

h5 + p {
	display:inline;
}

p {
	margin:0.3em 0em;
}

p + p {
	text-indent:0.8em;
}

/* for manual over-rides*/
.noindent {
	text-indent:0em;
}

h1 + p , h2 + p, h3 + p, h4 + p {
	margin-top:0.3em;
}

p + .note, p + .warning {
	text-indent:0em;
}


.introduction {
	color:#999;
	font-size:1.2;
	line-height:1.8em;
}



/* Example drop cap style

p.introduction {
		font:1.2em/1.8em Times, "Times New Roman", Georgia, serif;
}

p.introduction:first-letter {
	font-size:3.6em;
	font-style:normal;
	margin:0.25em 0.05em 0em 0em;
	float:left;	
}

*/

/* make sure superscript doesn't mess up leading */
sup {
	line-height:1em;
}


.footnote {
	color:#888;
	font-size:0.9em;
	padding:0.2em 0.4em;
	max-width:70em;
	text-indent:0em;
}


/* box style paragraphs */

.note, .warning {
	border:1px solid #999;
	background-color:#D9E5EC;
	padding:1em;
	margin:0.5em 0em 1.3em 0em;	
}

.warning {
	border:1px solid #AB0D0D;
	background-color:#FFFBF3;
}



/* Lists */

ul, ol {
	color:#555;
	margin:0.5em 1em 1em 1em;
	padding:0em 0em 0em 2em;
	font-size:0.95em;
}

li {
	margin:0.5em 0em;
}

ul ul {
	margin:0em 1em;
}

/* for bullet-less lists */
.plain {
	list-style:none;
}

/* Tables */

table { 
	margin:1em 0em;
	border-collapse: collapse;
	padding:0em;
	border:0;
}

table tr:first-child, th {
	font-style:italic;
}


td, th {
	margin:0em;
	padding:1em;
	border:1px solid #ccc;
}

.comment {
	font-style:italic;
	text-indent:0em;
	color:#999;
}

.comment:before {
	content:"# ";
}


code, .code, .output {
	font:1em/1.5em monospace;
	display:block;
	border-left:2px solid #000;
	border-right:2px solid #000;
	background-color:#333;
	color:#cff;
	padding:0.5em;
	margin:1em 0em;
	text-indent:0em;
	overflow:hidden;
}

code p, .code p {
	text-indent:0em;
}

.output {
	color:#444;
	background-color:#ccc;
}


blockquote {
	font:0.98em/2em Georgia, serif;
	font-style:italic;
	border-left:3px solid #E6BB54;
	background-color:#FBF8D9;
	padding:0.5em 2em;
	margin:1em 0em 2em 0em;
}

blockquote blockquote {
	margin:1em 0em 0em 0em;
	padding:0em 1em;
	border-left:2px solid #999;
}

blockquote blockquote blockquote {
	border-left:1px solid #ccc;
}

/* Position classes */

.float_none {
	float:none;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
}