/* CSS Document */

/* The main part - Default Text properties in the body */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #CCCCCC; 
/* other possiiilities: #99CC66 #FFFFFF #00FF00 */
}

/*------------------------------------------------------------*/
/* Change the default html properties of links */
a {
	color: #000000;
}

/*------------------------------------------------------------*/
/* Let's justify the text in the tables */
table {
	text-align: justify;
	border: 0pt;
/*	width: 80%; */
}

/*------------------------------------------------------------*/
/* Setting the border per default to 0 for images */
img {
	border: 0pt;
}

/*------------------------------------------------------------*/
/* Headers */
h1 {
	font-style: italic;
	font-size: x-large;
	margin-bottom: 0.25ex;
}

h2 {
	border-bottom: 1pt dotted #ccc;
	font: 95% "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	margin: 15pt 0 2pt 0;
	padding-bottom: 2pt;
}

h3 {
	border-bottom: dashed 1pt black;
/*	position: absolute; */
	width: auto;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0;
}

h6 {
	font-style: italic;
	font-weight: normal;
	text-align: right;
}

/*------------------------------------------------------------*/
code {
	text-align: left;
	font-size: 9pt;
}


/*------------------------------------------------------------*/
/* Again the "be nice to Opera 5" rule. */
body>#Header {
	height:14pt;
}

/*------------------------------------------------------------*/
blockquote {
	font-size: 1em;
	margin: 2em 2em 2em 1em;
	padding: 0 .75em 0 1.25em;
	border-left: 1pt solid #777;
	border-right: 0pt solid #777;
}

/*------------------------------------------------------------*/
#menu {
	position: absolute;
	color: white;
	top: 3.5em;
	right: 0.5em;
	width: 11.5em;
	background-color: #90a090;
	border: 1pt #000000;
	font-size: 9pt;
/* Here is the ugly brilliant hack that protects IE5/Win from its own
stupidity.  Thanks to Tantek Celik for the hack and to Eric Costello
for publicizing it.  IE5/Win incorrectly parses the "\"}"" value,
prematurely closing the style declaration. The incorrect IE5/Win value
is above, while the correct value is below. See
http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family: inherit;
	/*border-radius : 10px; /*future proof*/
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it
feeds correct length values to user agents that exhibit the parsing
error exploited above yet get the CSS box model right and understand
the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5"
rule every time you use the Tantek Celik hack (above). */

#menu ul {
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3pt;
	text-transform: lowercase;
}

#menu ul li {
	letter-spacing: 0.1em;
	margin-top: 10pt;
	padding-bottom: 2pt; /*border-bottom: dotted 1pt #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12pt;
}

#menu ul ul li a {
	color: #000;
}


#menu form {
	margin: 0 0 0 13pt;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1pt solid #999;
	color: #000;
}

/*------------------------------------------------------------*/

#header {
	font-weight: bold;
	font-size: large;	
	font-style: italic;
	text-align: right;
	color: white;
	margin: 0 0em 0 0;
	padding: 0 0.5em 0 0;
	border: 1pt black;
	background-color: #90a090;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	/*border-radius : 10px; /*future proof*/
}

/*------------------------------------------------------------*/
/* Paragraph tab and positioning of the text */
#content>p {
	text-indent: 2em; margin:0;
}
#content>p+p {
	text-indent: 2em; margin-top: 1ex;
}
#content {
	/* Left margin is top margin, right margin, ?, left margin */
	margin: 1em 12em 0 1em;
	padding: 10pt;
	color: black;
}

/*------------------------------------------------------------*/	
/* Change Backgroundcolor on Mouse over */
#content a:hover {
	background-color: #eee;
}

/*------------------------------------------------------------*/
/* Some Coment Site formating */
#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1pt solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1pt solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

/*------------------------------------------------------------*/
/* Story Title*/
.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

/*------------------------------------------------------------*/
/* Credit */
.credit {
	background: #90a090;
	border: dashed 1pt black;
	color: #fff;
	font-size: 10pt;
	text-align: center;
	margin: 0 0 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

/*------------------------------------------------------------*/
/* Feedback*/
.feedback {
	color: #ccc;
	text-align: right;
}

/*------------------------------------------------------------*/
/* For conveniance .right and .center */
.right {
	text-align: right;
}
.center {
	text-align: center;
}

/*------------------------------------------------------------*/
.menuright {
	text-align: right;
	font-style: italic;
	font-size: 10pt;
}

/*------------------------------------------------------------*/
/* Meta ( Cathegory list in the blog ) */
.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}