/***********************************************************************
* Global settings-stuff that affects the over-all look or can generally
* be used anywhere.
***********************************************************************/

BODY
{
  font:			12pt/18pt "Times New Roman", Garamond, serif;
  margin:		1em;
  padding:		1em;
  width:		auto;
  color: 		#000000;
  background-color:	#FFFFFF;
}

P
{
  padding:		0 1em 0 1em;
  text-align:		justify;
}

HR
{
  margin:		.5em auto;
  width:		50%;
}

A:link			{ color: #194980; }
A:visited		{ color: #901010; }

CODE,SAMP,KBD,VAR
{
  font-family:		monospace;
}

BLOCKQUOTE
{
  margin:		.5em 1em .5em 1em;
  border:		1px solid black;
  padding:		.5em 1em .5em 1em;
  background-color:	#FFFFEE;
  line-height:		1;
}

INS
{
  text-decoration:	none;
}

Q[lang]
{
  font-style:		italic;
}

SPAN[lang]
{
  font-style:		italic;
}

IMG
{
  background-color:	black;
  color:		white;
  margin:		0;
  padding:		10px;
  clear:		both;
}

/*********************************************************************
* The index section---used for the index pages
*********************************************************************/

DIV.index
{
  width:		30em;
  margin:		0 auto 0 auto;
  border:		0;
  padding:		0;
}

.index H2
{
  clear:		both;
  text-align:		center;
  font-size:		1.5em;
  font-weight:		bold;
  margin:		0;
  border:		none;
  padding:		.5em 1em .5em 1em;
  width:		auto;
}

.index P
{
  text-align:		center;
}

.index P.publicationDate
{
  font-size:		x-small;
  text-align:		center;
}

.index IMG
{
  /*background-color:     #CCCCCC;*/
  background-color:	black;
  margin:               0;
  padding:              10px;
  clear:                both;
}

/**********************************************************************
* Layout for the masthead
**********************************************************************/

DIV.masthead
{
  text-align:		right;
  margin:		0;
  border-top:		none;
  border-right:		thick solid black;
  border-bottom:	thick solid black;
  border-left:		none;
  padding:		0;
}

.masthead H1:first-line
{
  font-size:		2em;
}

.masthead H1
{
  font-size:		1em;
  font-weight:		bold;
  margin:		0;
  border:		none;
  line-height:		1;
  padding:		.5em 1em .5em 1em;
}

/***************************************************************
* About section
**************************************************************/

DIV.about
{
  width:		30em;
  margin:		1em auto 1em auto;
  border:		0;
  padding:		0;
  text-align:		justify;
}

.about P:first-child
{
  text-indent:		0;
}

/****************************************************************
* About page(s)
***************************************************************/

DIV.about-page
{
  width:		30em;
  margin:		1em auto 0 auto;
  border:		0;
  padding:		0;
}

.about-page IMG
{
  /*background-color:     #CCCCCC;*/
  background-color:	black;
  margin:               0;
  padding:              10px;
  clear:                both;
}

.about-page P:first-child
{
  text-align:	center;
}

.about-page P
{
  text-indent:		1em;
  text-align:		justify;
}

.about-page P:first-child + P
{
  text-indent:		0;
}

/**************************************************************************
* Content subsection
**************************************************************************/

DIV.content
{
  width:		30em;
  margin:		1em auto 0 auto;
  border:		0;
  padding:		0;
}
  
.content H2
{
  text-align:		center;
  font-size:		1.5em;
  font-weight:		bold;
  margin:		1em 0 1em 0;
  border:		0;
  padding:		0;
}

.content P
{
  text-indent:		1em;
}

.content H2 + P, 
	.content P:first-child,
	.content H3 + P,
	.content HR + P, 
	.content BLOCKQUOTE + P,
	.content BLOCKQUOTE P,
	.content OL + P,
	.content UL + P,
	.content OL LI P:first-child
{
  text-indent:		0;
}

	/**************************************************************************
	* About subsection
	**************************************************************************/

	DIV.about
	{
	  width:		30em;
	  margin:		0 auto 0 auto;
	  border:		0;
	  padding:		0;
	}

	.about H2
	{
	  text-align:		center;
	  font-size:		1.5em;
	  font-weight:		bold;
	  margin:		1em;
	  border:		0;
	  padding:		1em;
	}

	.about P
	{
	  text-indent:		1em;
	}

	.about H2 + P
	{
	  text-indent:		0;
	}

	/*******************************************************
	* Sketch specific styles
	*******************************************************/

	P.sk-setting
	{
	  font-style:		italic;
	  text-indent:		0;
	}

	P.sk-actor
	{
	  font-weight:		bold;
	  font-size:		larger;
	  text-align:		center;
	}

	P.sk-actor + P
	{
	  text-indent:		0;
	}

	SPAN.sk-direction
	{
	  font-style:		italic;
	}

/***************************************************************
* Image galleries with images
***************************************************************/

DIV.picture
{
  text-align:			center;
}

.picture IMG
{
  background-color:	black;
  margin:               10px 0 0 0;
  padding:              10px;
  clear:                both;
}

/***************************************************************
* About pages
***************************************************************/

DIV.logo
{
  text-align:		center;
  width:		30em;
  margin:		0 auto 0 auto;
  border:		0;
  padding:		0;
}

.logo P
{
  text-align:		center;
}

/***************************************************************
* Disclaimer section (if any)
****************************************************************/

DIV.disclaimer
{
  width:		30em;
  margin:		1em auto 0 auto;
  border:		0;
  padding:		0;
}

.disclaimer P
{
  font-size:		x-small;
  text-align:		justify;
  line-height:		1;
}

/**************************************************************************
* Navigation subsection
**************************************************************************/

DIV.navigation
{
  clear:		both;
  text-align:		center;
  margin:		1em;
  border-top:		1px solid black;
  border-right:		none;
  border-bottom:	1px solid black;
  border-left:		none;
  padding:		0.5em 1em;
}

.navigation > UL
{
  display:		block;
}

.navigation LI
{
  display: 		inline;
  margin:		0;
  padding:		0 .5em 0 .5em;
  border:		none;
}

/***************************************************************************
* Contact information, author, copyright
****************************************************************************/

DIV.copyright
{
  clear:		both;
  margin:		1em;
  border:		0;
  padding:		0.5em 1em;
  font-style:		italic;
}

.copyright P
{
  font-size:		x-small;
  text-align:		center;
}