/*

lj.css

*/





body {

  background-color: rgb (238, 238, 170);
  color: black;
	background-image: url(/styles/subtxtr.gif); 

  font-family: Georgia, serif;
	font-size: 100%;
	
  margin-left: 3em;
  margin-right: 3em;
}

body p, body dl, body ul, body ol, body menu {
  margin-right: 3em;
}



/* Fonts */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Trebuchet', sans-serif;
}

	
p, dd {
  font-family: 'Century Schoolbook', serif;
}



h2, h3, h4, h5, h6 {
	margin-bottom: 0;
}







body .page-title, body #page-title  { 
	float:left;
	width: 35em; /* This will get over-written regularly */ 
}


/* div for "home" icons in the top right */
body .nav-tr-corner {
	margin-top:0;  
	padding-top:0.5em;  

	margin-right: 0;
	padding-right: 0.5em;

	margin-left: 0em;  
	padding-left: 0px;  
  
        
	margin-bottom: 1em;
	padding-bottom: 20px;  
	
	text-align: center;
	float: right;
	clear: none;	
	
	position: absolute;
}

/* With multiple "home"s, we stack them against the RHS */

body .nav-tr-corner p {
	float: right;
/*	border: thin solid blue; */
	margin: 0;
	font-family: 'comic sans MS', arial, helvetica, sans-serif;
}



/* Errors, warnings and messages */
.warning {
  color: rgb(128,0,0);
  font-style: oblique;
}

div.warning {
  background-color: #999999;
  padding: 1em;  
  border-style: inset;
  border-color: red;
  margin: 0.5em;  
}

.error {
  color: rgb(255,0,0);
}


.admin-note {
  color: #00007f;
	background-color: #3399cc;
  font-style: oblique;
}

p.admin-note, div.admin-note {
  margin: 0.5em 1em 0.6em;
	padding: 0.6em 1.2em ;
}



/* Plain backgrounds, with drop shadows */

.plain-background {
  background-color: #cccccc;
  background-image : none; 
}
div.plain-background {
	margin-bottom: 1em;
	padding: 3em; 
	padding: 1em 2em 3em ;  
}

div.plain-background h2 {
	margin-top: 0.3em;
  padding-top: 1em;
}

div.plain-background p {
  text-align: justify;
}
.plain-background blockquote, .plain-background blockquote p { 
  text-align: left;
}

.plain-background div.plain-background {
	margin: 1em;
	padding: 3em; 
	padding: 0.5em 2em 2em ; 

  background-color: #dddddd;
}

.plain-background div.plain-background h4 {
  margin-left: 1em;
	margin-bottom: -1em;
	padding: 0;
}

p.plain-background {
	padding: 0.67em; 
	padding: 1em 1em 2em ; 
}


div.dropshadow {
  margin: 2em 0 2em 3em;
  padding: 1em;
  background-color: #666666; 
}

div.dropshadow div.plain-background {
  margin: -2em 0 0 -2em;
	padding: 1.5em;
  border: thin solid #999; 
}

div.dropshadow div.plain-background div.plain-background {
	margin: 1em;
	padding: 3em; 
	padding: 0.5em 2em 2em ; 

  background-color: #dddddd;
  border: thin solid #cccccc; 
}








/* Figures and captions */
div.figure {
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
}
.figure p.caption {
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}


.figure img.paired {
  display: inline; 
	float: none;
  text-align: left;
}




img { 
  border : none; 
}

img.central-banner {
  clear: both;
	
  padding-left: 5%;	
  padding-right: 5%;	
	margin-left: auto;
	margin-right: auto;
}	


img.left-banner, img.page-banner {
  clear: both;
	
  padding-left: 0;	
  padding-right: 5%;	
	margin-left: 0%;
	margin-right: 15%;
	
	text-align: left;
}

img.right-banner {
  clear: both;

  padding-left: 5%;	
  padding-right: 0;	
	margin-left: 15%;
	margin-right: 0;
	
	text-align: right;
}


img.page-logo {
	margin-top: 0em;
	margin-bottom: 1em;
  margin-left : -4%;
	margin-right: 2em;
	
}



/* Click to enlarge thumbnails */
a.photo img { 
	border: none;
	
	/* Change cursor ? */
	cursor: hourglass;
}




blockquote { 
  margin-top: 0.5em;
	font-family: "book antiqua", perpetua, serif;
}


/* div used for "return to top of page" nav items */
.nav-top {
  float: right;
  margin: 0;
  margin-top: -2em;
  margin-left: auto;
  text-align: right;
  font-size: 0.8em;
}  


/* Links */

a.quiet-link { 
  color: black;
  text-decoration: none; 
}

a.quiet-link:hover { 
  color: blue;
  text-decoration: underline; 
}



/* Place this first, as it's over-ridden by jarkman/word/pdf classes */
a.external-link:after {
	content : " \21D2" url(/images/inline-icon-external-link.gif);
	text-decoration: none;
}

a.jarkman:after {
	content : " \21D2" url(/images/inline-icon-jarkman.gif);
	text-decoration: none;
}


a.pdf:after {
	content : " \21D2" url(/images/inline-icon-pdf.gif);
	text-decoration: none;
}
a.word:after {
	content : " \21D2" url(/images/inline-icon-word.gif);
	text-decoration: none;
}




/* Lists */


dl dt { 
	font-weight: bolder;
}
dl dd  { 
  margin-bottom: 1em;
}

dl dd p { 
  margin-top: 0;
}



li.space-before {
	margin-top: 0.8em;
}







img.img-caption {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
p.img-caption {
	margin-top: 0;
	padding-top: 0;
	padding-left: 3em;
	font-size: 0.9em;
	
}


p.date { 
	margin-top: 0;
	padding-top: 0;
	font-style: oblique;
	font-size: 0.8em;
}





/* Breadcrumbs (most text formatting is in general) */

#divBreadcrumbs, .breadcrumbs {


	margin: 1em;
	margin-left: 4em;
	margin-right: 0;
	padding-right: 0;
	
	min-width: 24em;
	max-width: 50em;
	width: auto;
	margin-right: auto;

	
	clear: both;

	background-image: none;
  background-color: #eeeeee;
}




/* Plain backgrounds, with drop shadows */

.plain-background {
	background-color: #cccccc;
	background-image : none;
	color: #000000;
}
div.plain-background {
	margin-bottom: 1em;

	padding: 1em; 
	padding: 1em 10px 3em;  

	padding-left: 10px;
	padding-right: 28px;
}

div.plain-background h2 {
	margin-left: 20px;
	margin-top: 0.3em;
	padding-top: 1em;
}


div.plain-background p {
	text-align: left;
}

div.plain-background > p {
	text-align: justify;
}
.plain-background blockquote, 
.plain-background blockquote p { 
	text-align: left;
}


/* Nested plain boxes - slight colour change for highlight */
.plain-background div.plain-background {

	margin: 1em;
	padding: 3em; 
	padding: 0.5em 2em 2em ; 

	background-color: #dddddd;
}


.plain-background div.plain-background h4 {
	margin-left: 1em;
	margin-bottom: -1em;
	padding: 0;
}


p.plain-background {
	padding: 0.67em; 
	padding: 1em 1em 2em ; 
}



/* Alternating images in block styling */


div.images-on-left,
div.images-on-right {
	clear: both;
}

div.images-on-left div.figure,
div.images-on-right div.figure {
	float: left;
	clear: both;
	margin: 0 20px 1em 0px;
}

div.images-on-right div.figure {
	float: right;
	margin: 0 0px 1em 20px;
}



div.images-on-left p,
div.images-on-right p {
	float: none;
	clear: none;

	margin: 1em 0 1.15em 30px ;
	padding-top: 1em;
	min-width: 30em;
}

div.images-on-left div.figure p,
div.images-on-right div.figure p {

}


/* Either <br> or <hr> are usable as a separator */
div.images-on-left br,
div.images-on-right br, 
div.images-on-left hr,
div.images-on-right hr {
	clear: both;
	float: none;
	height: 0;
	border: none;
}




.plain-background h2, .plain-background h3, .plain-background h4 { 
	clear: all;
}

img.floater { 
	float:left;
}




/* CC licences */
.licence {

	margin: 2em 3em;
	text-align: center;
	font-size: 0.75em;
}

.dropshadow .plain-background .licence {
	border: 3px inset;
	padding: 1.25em 1em;
	width: auto;
	max-width: 18em;
	margin: 4em 3em 0;
	margin-left: auto;
	margin-right: auto;
}




div.plain-background {
	
	
	border : thick ridge #ccc;
	
}




/* Figure with text block alongside */

div.alongside-figure-l, 
div.alongside-figure-r {
	clear: all;
	margin: 0 2em 1em;	
}

div.alongside-figure-l div.figure { 
	float: right;
}

div.alongside-figure-r div.figure { 
	float: left;
}


div.alongside-figure { 
	padding-top: 3em;
	padding-right: 7em;
}

div.alongside-figure, 
div.alongside-figure-r, 
div.alongside-figure {
	float: right;
}

div.alongside-figure-r, div.alongside-figure {
	float: left;
}



div.licence {
	clear: both;
}




/*
Print control
*/

.print-only{ 
	display: none;
	visibility: hidden;
}



@media print {

.print-only { 
	display: inherit;
	visibility: display;
}

.no-print { 
	display: none;
	visibility: hidden;
}


  .nav-tr-corner { 
	display: none;
	visibility: hidden;
  }

  div.block-alternate div.block-alternate-left, 
  div.block-alternate div.block-alternate-right {
	border: none;
	float: none; 
	text-align: left;
  }

  div.block-alternate p {
	border: none;
  }

  div.block-alternate img {
	border: none;
  }  
	
}