@import url(common.css);

/* TABLE OF CONTENTS */

/* LEVEL 1 STYLES */
	/* Body */
	/* Typography */
	/* Colours */
	/* Headings */
	/* Forms */
	/* Search form */
	/* Layout */
	/* Left-hand navigation */
	/* Ordinary links */
	/* What's New section */
	/* Housing critiques */

/* Level 2 styles */
		/* Indent successive paragraphs (nested elements) */
		/* Right-hand additional-content block */
		/* Page footer, mostly for mottoes */
		/* For offscreen positioning */
		/* hover-style the whole div */
		/* Splorpist images with borders */
		

/* Body */

body
		{
			margin:0;
			padding: 0;
			font: 1em/1.5 Constantia, "Hoefler Text","Palatino Linotype", "Lucida Fax","Bitstream Vera Serif",  Rockwell, Serifa, Baskerville, "Warnock Pro", "Chaparral Pro", Georgia, "Trebuchet MS", serif;
			color: rgb(9%,9%,9%); 
			background: #ddd;
		}

/* Typography */

p { text-indent: 0em; }

.caps
{
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 90%;
}
	
strong
{
	font-family: Candara, Trebuchet, "Trebuchet MS", Verdana, Georgia, sans-serif;
	font-weight: bolder;
	letter-spacing: 0.1em;
	font-size: 95%;
}

abbr, acronym, span.jakob
{
	border-bottom: 1px dotted gray;
	text-transform: none;
}

blockquote
{
	font-family: Calibri, "Lucida Grande", Verdana, Trebuchet, "Trebuchet MS",  sans-serif;
	margin-left: 2em;
	margin-right: 2em;
	font-size: 90%;
	text-align: left;
	border-left: 3px solid #999;
	padding-left: 15px;
	color: rgb(9%,9%,9%);
}

blockquote blockquote
{
	margin-left: 2em;
	border-left: 1px solid gray;
}

code, .cc, .CC, samp, kbd, var
{
	font-family: Consolas, "TheSans Mono", "Thesis Mono", "TheSansMono-5 Normal", "Lucida Console", "Lucida Grande Console", "Lucida Sans Typewriter", "Andale Mono", monospace;
	font-size: 95%;
}


/* Colours */

.grey { color: gray }



/* Headings */

#content h1
{
font-family: Calibri, "Segoe Sans", Gill, "Gill Sans", "Lucide Grande", "Lucida Sans", Lucida, "News Gothic MT", "Bitstream Vera Sans", Verdana, Trebuchet, "Trebuchet MS",  sans-serif; 	
	font-size: 125%;
	color: black;
	font-weight: bold;
	padding: 0px;
	text-align: left;
	margin:0;
	text-decoration: none;
	border: 0;
}

#content h2
{
	font-family:  Cambria, "Chaparral Pro", "Warnock Pro","Hoefler Text", "Palatino Linotype", Palatino, "News Gothic MT", "Trebuchet MS", serif; 
color: rgb(5%,5%,5%);
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 1.5em;
	margin-bottom: 0em;
}

#content h3
{
	font-family:  Cambria, "Chaparral Pro", "Warnock Pro","Hoefler Text", "Palatino Linotype", Palatino, "News Gothic MT", "Trebuchet MS", serif; 
	font-size: 115%;
	font-weight: normal;
	font-style: italic;
	color: rgb(10%,10%,10%);
	text-align: left;
	margin-top: 1.25em;
	margin-bottom: 0.5em;
}

#content h4
{	font-family: Calibri, Caecilia, "News Gothic MT", "Bitstream Vera Sans", Verdana, Trebuchet, "Trebuchet MS",  sans-serif; 
	font-size: 115%;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	color: rgb(10%,10%,10%);
	margin-top: 1.25em;
	margin-bottom: 0em;
}

#content h5
{
	font-family: Corbel, Georgia, "Palatino Linotype", Palatino,  Trebuchet, "Trebuchet MS", serif;
	font-size: 110%;
	font-weight: normal;
	color: black;
	text-align: left;
	margin-top: 1.25em;
	margin-bottom: 0em;
}

#content h6
{
	font-family: Corbel, Georgia, "Palatino Linotype", Palatino,  Trebuchet, "Trebuchet MS", serif;
	font-size: 110%;
	text-align: left;
	font-style: italic;
	font-weight: normal;
	margin-top: 1.25em;
	margin-bottom: 0em;
	color: black;
}

/* Forms */

/* Search form (left side) */
#searchform
{
	margin: 1.5em 0 0 0;
	text-align: left;
	cursor: help;
}

#searchform #search-q
{
	background: #f5f5f5;
	border: 1px #333 solid;
	letter-spacing: 0.1em;
	width: 80%;
	font-size: 110%;
 	font-family: Consolas, "TheSans Mono", "Thesis Mono", "TheSansMono-5 Normal", "Lucida Console", "Lucida Grande Console", "Lucida Sans Typewriter", "Andale Mono", monospace;
	 font-weight: bolder;
}

#searchform #search-q:focus { background: #333; color: yellow;  }

#searchform #search-submit { border-width: 1px; background: #ddd; cursor: pointer; }

#secondarynav form {text-align:left; font-size: 95%;}
#secondarynav input {margin-bottom:0.5em;}

fieldset { border: 0; }

/* Search form (top of page) */
#searchform-top-div { display: inline; }

#searchform-top
{
	margin: 0;
	text-align: left;
	cursor: help;
	display: inline;
}

#searchform-top #search-q-top
{
	background: #f5f5f5;
	border: 1px #333 solid;
	letter-spacing: 0.1em;
	width: 80%;
	font-size: 110%;
 	font-family: Consolas, "TheSans Mono", "Thesis Mono", "TheSansMono-5 Normal", "Lucida Console", "Lucida Grande Console", "Lucida Sans Typewriter", "Andale Mono", monospace;
	 font-weight: bolder;
}

#searchform #search-q-top:focus { background: gray; color: yellow;  }

#searchform #search-submit-top { border-width: 1px; background: #ddd; cursor: pointer; }

#secondarynav form {text-align:left; font-size: 95%;}
#secondarynav input {margin-bottom:0.5em;}

fieldset { border: 0; }

	
/* Layout */

	#container
	{
		position: relative;
		text-align: left;
		margin: 0 auto;
		background: rgb(94%,94%,94%);
		width: 85%;
		border-top:15px solid #333;
	}

	div#header
	{
		padding: 20px 0 10px 10em;
		border-bottom: 1px solid #fff;
		color: #fff;
		background: #600;
		border-top: 1px solid #fff;}

/*
div#superfluous-grey-border
	{
		margin: 0;
		position: absolute;
		left: 0;
		top: 0;
		font-size: 80%;
		background: #333;
		color: #CCC;
		width: 100%;
		padding: 0;
		border-bottom: 1px solid #999;
	}
div#superfluous-grey-border p { visibility: hidden }
*/
#header ul.skip-links-ul
	{
		margin: 0;
		position: absolute;
		left: 0;
		top: 0;
		font-size: 80%;
		background: #333;
		color: #CCC;
		letter-spacing: .1em;
		width: 100%;
		padding: 0;
		border-bottom: 1px solid #999;
	}
	
#header ul.skip-links-ul li
	{ 	padding: 0 0 0 10px; }


div#header h1
	{
		margin: 0;
		padding: .25em 0 .05em 0;
		font-size: 210%;
		font-weight: normal;
		text-shadow: #CCC 0.08em 0.08em 0.12em;
		font-family: "Lucida Grande", Calibri, "Segoe Sans", Futura, "Gill Sans", "Lucida Sans", "News Gothic MT", "Bitstream Vera Sans", "Trebuchet MS", sans-serif;
		font-style: normal;
	}

	#header h1:hover, #header h1 i.amp:hover
	{
/*
		color: #9CF;
*/
		color: #FC0 !important}

div#header h2
	{
		margin: 0;
		padding: .25em 0 .05em 0em;
		font-size: 130%;
		font-weight: normal;
		font-family: "Lucida Grande", Calibri, "Segoe Sans", Futura, "Gill Sans", "Lucida Sans", "News Gothic MT", "Bitstream Vera Sans", "Trebuchet MS", sans-serif;
		font-style: normal;
		color: rgb(90%,90%,90%);
	}

	#header li
	{
		display: inline;
		padding-right: 1em;
	}
	
	#header a
	{
		color: #aaa;
		text-decoration: none;
	}
	
	#header a:hover
	{
		background: #fff;
		color: #000;
	}

	#sitenav, #header
	{
		font-family: "Gill Sans", "Lucida Grande", "Trebuchet MS", sans-serif;
		font-size: 90%;
	}
	
/*
	#finalnav
	{
		clear:both;
	}
*/

/* Top navigation */

	ul#sitenav
	{
		float: left;
		width: 100%;
		background: #bbb;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	
/* Final navigation */


		ul#finalnav
	{
				
		font-family: "Gill Sans", "Lucida Grande", "Trebuchet MS",sans-serif;
		font-size: 70%;
	/*	float: left;*/
/*
		width: 100%;
*/		
		margin: 0 0 0 12.5em;
		padding: 0;
		list-style-type: none;
		clear:both;
	}
	
	/* finalnav ultimate navigation at bottom */

#finalnav li { float:left;padding:0;margin:0;/*display: inline; */
	border-bottom: none; 		background: rgb(80%,80%,80%);
}
	
	#finalnav li a:link, #finalnav li a:visited
	{
		float: left;
		display: block;
		padding: .3em .5em;
		border-right: 1px solid rgb(90%,90%,90%);
	border-bottom: none;
		text-align: left;
		color: #000;
		text-decoration: none;
	}
	
	#finalnav li a:hover
	{
		color: #fff !important;
		background: #000 !important;
		border-bottom: none;
	}

/* sitenav secondary navigation at top */

	#sitenav li.Level0 a:link, #sitenav li.Level0 a:visited
	{
		background: #6F675C; /* Muir slate grey */
		color: white;
	}

	#sitenav li.Level1 a:link, #sitenav li.Level1 a:visited
	{
		background: #573D46; /* Muir brown */
		color: rgb(85%,85%,85%);
	}

	#sitenav li.Level2 a:link,#sitenav li.Level2 a:visited
	{
		background: #B2525E; /* Muir red */
		color: rgb(5%,5%,5%);
	}

	#sitenav li.Level3 a:link, #sitenav li.Level3 a:visited
	{
		background: #432E3F; /* Muir blue */
		color: rgb(85%,85%,85%);
	}
/*QQQ*/


.first-li
{
margin-left: 10em !important;
margin-left: 5em;
}

a.skip-li:link
{
color: #bbb;
margin-left: 10em !important;
margin-left: 5em;
}

a.skip-li:hover, a.skip-li:focus, a.skip-li:active
{ color: white; }

/* sitenav secondary navigation at top */

	#sitenav li { display: inline; }
	
	#sitenav cite { font-style: italic; }

	#sitenav li a:link, #sitenav li a:visited
	{
		float: left;
		display: block;
		padding: .3em .5em;
		border-right: 1px solid #fff;
		text-align: left;
		color: #000;
		text-decoration: none;
	}
	
	#sitenav li a:hover
	{
		color: #fff !important;
		background: #000 !important;
	}

	#sitenav li.Level0 a:link, #sitenav li.Level0 a:visited
	{
		background: #6F675C; /* Muir slate grey */
		color: white;
	}

	#sitenav li.Level1 a:link, #sitenav li.Level1 a:visited
	{
		background: #304b67; /* Muir brown */
		color: #eee;
	}

	#sitenav li.Level2 a:link,#sitenav li.Level2 a:visited
	{
		background: #9cb9d5; /* Muir red */
		color: rgb(5%,5%,5%);
	}

	#sitenav li.Level3 a:link, #sitenav li.Level3 a:visited
	{
		background: #537aa0; /* Muir blue */
		color: #eee;
	}
	
	#secondarynav
	{
		margin: 0 .5em;
		padding: 20px 0 0 0;
		display: block;
		list-style-type: none;
		float: left;
		width: 9em;
		max-width: 10em;
		font-family: "Gill Sans",sans-serif;
		font-size: 90%;
	}
	
	#secondarynav ul
	{ list-style-type: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}

	#secondarynav ul li
	{
	margin: 0 0 0.25em 0;
	padding: 0;
		}
	
	#secondarynav a
	{ border: 0; text-decoration: none; display: block}

	#secondarynav a:link
	{ color: #633;}

	#secondarynav a:hover
	{ color: white; background: black}

/* Main content area */
#content-homepage
	{
		width: 37em; 
		min-width: 560px;
		max-width: 90%;
		margin-top: 5px;
		float:left;
	}

#content
	{
		width: 33em; 
		min-width: 520px;
		max-width: 80%;
		margin-top: 20px;
		float:left;
	}
	


/* Indent successive paragraphs (nested elements) */

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

/* Right-hand additional-content block */

	#extras
	{
		float: right;
		width: 12em;
		padding: 20px 0 0;
		margin: 0 20px;
	}
	
/*Page footer, mostly for mottoes */
	#footer
	{
		clear: both;
		background: #aaa;
		padding: 5px 20px;
		font-size: 80%;
	}
	
	#footer p
	{
		margin: 0;
		padding: 0;
		text-align: right;
	}

/* For offscreen positioning */
	
	.structurelabel
	{
		position: absolute;
		left: -5000px;
		width: 4000px;
	}

/* Ordinary links */

#content a:link, #extras a:link
	{
		font-weight: bold;
		color: #630;
		text-decoration: none;
		border-bottom: 1px solid #960;
	}

#content a:visited, #extras a:visited
	{
		font-weight: bold;
		color: #063;
		text-decoration: none;
		border-bottom: 1px solid rgb(94%,94%,94%);;
	}

#content a:hover, #extras  a:hover
	{
		font-weight: bold;
		color: black;
		background: #CCC;
		border-bottom: 1px solid #000;
		text-decoration: none;
	}

#content a:active, #extras a:active
	{
		font-weight: bold;
		color: yellow;
		background: black;
		text-decoration: none;
		border-bottom: 1px dashed yellow;
	}

#content a:focus, #extras a:focus
	{
		font-weight: bold;
		color: #FF9;
		background: #333;
		text-decoration: none;
		border: 1px solid yellow;
	}



/* What's New section */

#content .whats-new 
	{
		margin: 0;
		padding: 0;
		width: 100%;
		font-family: "Trebuchet MS", sans-serif;
		font-size: 95%;
		border: 0 !important;
		text-decoration: none !important;
	}

/* hover-style the whole div */

#content .whats-new:hover
	{
		background: rgb(90%,90%,90%) !important;
	}

#content .whats-new h2
	{
		font-family: "Palatino Linotype", Palatino, Baskerville, "Bitstream Vera Serif", Georgia, serif;
		font-weight: bold;
		font-size: 110%;
		margin: 0;
color: #333;
	}

#content .whats-new i, .de-emphasized i
	{font-weight: normal; font-style: italic;}

#content .whats-new h2 strong, .de-emphasized strong
	{ font-family: Palatino; font-weight: bolder; margin-bottom: 0;}

#content .whats-new p
	{
		margin-top: 0;
	}

#content .whats-new a:link, 
#content .whats-new a:visited 
	{
		color: green;
		text-decoration: none;
		border: 0;
		display: block !important;
		padding: 0;
		margin: 0;
	}

#content .whats-new td a:hover, 
#content .whats-new td a:active
	{
		display: block;
		color: black;
		background: #CCC;
		border: 0 !important;
		text-decoration: none;
	}
	
#content .whats-new  a:visited,
#content .whats-new  a:visited img, 
#content .whats-new  a:visited,
#content .whats-new  a:visited img
	{
		border: 0 !important;
		text-decoration: none;
	}

#content .whats-new a:link img,
#content .whats-new a:hover img
	{
		text-decoration: none !important;
		border: 0;
	}

#content .whats-new table.gallery
	{
		border-collapse: collapse;
	}

table.gallery thead tr th
	{
		vertical-align: baseline;
	}

table.gallery tbody tr td
	{
		vertical-align: bottom;
	}

table.gallery thead tr th, table.gallery tbody tr td 
	{
		text-align: left !important;
		padding: 0 0.5em 0 0;
		font-weight: normal;
		margin: 0 0 .5em 0;
	}

table.gallery thead tr, table.gallery tbody tr
	{
		padding: 0;
		margin: 0;
	}

th.last, td.last 
	{
		padding-right: 0;
	}

table.gallery caption
	{
		caption-side: top;
		text-align:left;
		font-family: "Lucida Grande";
	}

.all-reviews
	{
		text-align: right; 
	}

.all-reviews-a
	{
		border: 0;
		text-transform: none;
	}

/* Housing critiques */

dl.critiques-preamble
	 { margin-left: 0; padding-left: 0}
	 
#content .critiques p, #content .critiques p+p {
	text-indent: -2em;
	margin-left: 2em;
	}


/* Splorpist images with borders */

#content div.splorpist
	{ margin-left: 0em;
		padding: 0.5em 0;
	}

#content div.splorpist a:link img, #content div.splorpist img
{
	border: 3px solid #999 !important;
	text-decoration: none !important;
	text-align: left;
	display: block;
}

#content div.splorpist p
	{
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-family: Candara, Trebuchet, "Trebuchet MS", Verdana, Georgia, sans-serif;
	}
	
/* RSS image */

.RSS-image { margin-bottom: -3px}

/* More space after screamer intro */

.visiting { padding-bottom: 1em; }