/*
*	.tab=4, .indent=4, .width=128
*
*	Σημείωση/Υπόμνημα Style
*
*	Copyright (c) 2003 Nicholas Christopoulos, LH Λογισμική. All rights reserved.
*/

/* font definitions (panose numbers) */
@import "fontdefs.css";

html			{ quotes: '«' '»' }
HTML:lang(el)	{ quotes: '«' '»' }

body {
  margin-left: 60px;
  margin-right: 50px;
  margin-top: 26px;
  margin-bottom: 60px;
  font-family: sans-serif;
  color: black;
  background: white;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
:link { color: #00C; }
:visited { color: #609; }
a:active { color: #C00; }

a:link img, a:visited img { border-style: none } /* no border on img links */

h1, h2, h3, h4, h5, h6 { text-align: left }
h1, h2, h3 { color: #005A9C; background: white }
h1 { font: 210% sans-serif; }
h2 { font: 180% sans-serif; }
h3 { font: 160% sans-serif; }
h4 { font: bold 140% sans-serif; }
h5 { font: bold 120% sans-serif; }
h6 { font: small-caps 100% sans-serif; }

.hide { display: none }
a[href]:hover { background: #ffa }
dt	{ font-weight: bold; }
ol.greek	{ list-style-type: lower-greek; }
li { margin: 0.75ex; }
tr { vertical-align: top; }

pre, code { font-family: monospace } /* navigator 4 requires this */

/*
*	HEADER DIVISION
*/

div.head 			{ margin-bottom: 1em }
div.head table 		{ margin-left: 2em; margin-top: 2em }

div.head .subtitle	{ font-weight: bold; }

/*
*	ABSTRACT DIVISION
*/

div.abstract		{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding-bottom: 2ex;
	}

div.abstract h1		{ font-size: 160%; }
div.abstract h2		{ font-size: 140%; }
div.abstract h3		{ font-size: 120%; }
div.abstract h4		{ font-size: 110%; }

/* COPYRIGHT PARAGRAPH */
p.copyright 		{ font-size: 88% }
p.copyright small	{ font-size: 88% }

/*
*	NOTISH DIVISIONS
*/

div.note, p.note {
	border-top: 1px solid #d0d0d0;
	color: #808080;
	margin-top: 1ex;
	margin-bottom: 1ex;
	padding-left: 6em;
	font-size: 92%;
	}

td.note	{
	color: #808080;
	padding-left: 1em;
	margin-left: 1em;
	font-size: 92%;
	width: 16%;
	border-left: 1px solid #d0d0d0;
	vertical-align: top;
	}

div.note:before, p.note:before {
/* αν και παράδειγμα του CSS2 δεν λειτουργεί πουθενά σωστά.
	display: marker;
	content: url("ico-note.png") " Σημ. " counter(note-counter) ":";
	counter-increment: note-counter;
*/
	text-align: left;
	width: 6em;
	}

div.warning, p.warning {
	border: 1px solid red;
	font-size: 96%;
	color: #f06020;
	font-weight: bold;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1ex;
	margin-bottom: 1ex;
	padding: 2ex;
	}

div.attn, p.attn {
	border: 1px solid black;
	font-weight: bold;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1ex;
	margin-bottom: 1ex;
	padding: 2ex;
	}

/*
*	LH tables
*/
table.lh {
	border-spacing: 1px;
  	/*border: 1px solid black;*/
	}

/*
.lh caption:before { content: "«"; }
.lh caption:after  { content: "»"; }
*/

.lh caption {
  	font-family: sans-serif;
	/*font-style: italic;*/
	font-style: normal;
	font-weight: bold;
	color: #406080;
	padding: 0.6ex 1em 0ex 1em;
	}

.lh th, .lh td {
	padding: 0.5ex 0.75em 0.5ex 0.75em;
	background-color: #f0f0f0;
	}

.lh th {
	background-color: #406080;
	color: #fafafa;
	font-style: normal;
	font-weight: bold;
	}

/*
*	compact list (table)
*/
table.clist, table.explist
{ border-spacing: 1px; }

table.clist th, table.explist th,
table.clist td, table.explist td
{ padding: 0.25ex 0.5em 0.25ex 0.5em; }

table.clist th		{ text-align: left; }
table.explist th	{ text-align: right; }

/*
*	Loving LaTeX
*/
table.latex {
  	border-top: 1px solid black;
  	border-bottom: 1px solid black;
	}

.latex caption {
  	font-family: sans-serif;
	font-style: italic;
	caption-side: bottom;
	}

/*
*	(T)able (O)f (C)ontents
*/
ul.toc, .toc ul { list-style: none; }
ol.toc, .toc ol	{  }
ul.toc, ol.toc  { font-size: 1.3em; margin-left: 0px;  padding: 0px; }
.toc li 		{ font-size: 90%; }
.toc li a		{ text-decoration: none; font-weight: bold; }

/*
*	Loving footnotes
*/

/* αναφορά σε footnote (<cite class=fnote>1</cite>) */
cite.fnote, ft {
	font-family: sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.4ex;
	color: #20f040;
	vertical-align: text-top;
	}

/* */
div.fnote	{
	margin: 0px;
	margin-top: 1ex;
	padding: 0px;
	border-top: 1px solid black;
 	font-size: 1.75ex;
	}

div.fnote li {
	margin: 0.05ex;
	padding: 0ex;
	color: #606060;
	}

div.fnote ol {
	margin-top: 0ex;
	margin-left: 0em;
	padding-top: 0ex;
	padding-left: 2em;
	}

td.fnote ol {
	margin-top: 0ex;
	margin-left: 1em;
	padding-top: 0ex;
	padding-left: 0em;
	}

td.fnote	{
	color: #808080;
	padding-left: 1em;
	margin-left: 1em;
	font-size: 92%;
	width: 16%;
	border-left: 1px solid #d0d0d0;
	vertical-align: top;
	}

/*
*	quote
*/
.quote:before, qq:before	{ content: "«"; }
.quote:after,  qq:after		{ content: "»"; }

div.quote, p.quote, blockquote.quote {
	margin-left: 4%;
	margin-right: 4%;
	padding: 2ex;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	margin-top: 1ex;
	margin-bottom: 1ex;
	}

.quote, qq {
	font-family: serif;
	font-style: italic;
	}

/*
*	indented blocks
*/
.indent	{
	margin-left: 40px;
	}

.margin	{
	margin-left: 40px;
	margin-right: 40px;
	}

.vindent	{
	margin-top: 20px;
	}

.vmargin	{
	margin-top: 20px;
	margin-bottom: 20px;
	}

.bindent	{
	margin-left: 40px;
	margin-top: 20px;
	}

.bmargin	{
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	}

/*
*	Bibliography, Links DIVISIONs and alternate syntax
*/
p.eitem, p.link {
	font-style: italic;
	margin-left: 3em;
	text-indent: -3em;
	}
dl.eitem a, dl.link a, p.eitem a, div.eitem a, div.link a, p.link a {
	color: blue;
	text-decoration: underline;
	font-weight: bold;
	}

div.bib p, div.bibliography p {	/* typical item */
	font-style: italic;
	margin-left: 3em;
	text-indent: -3em;
	}
p.bib a, div.bibliography a {
	color: #204060;
/*	text-decoration: underline; */
	text-decoration: none;
	font-weight: bold;
	}

p.bib:first-line,
div.bib p:first-line,
div.bibliography p:first-line {
	color: #707000;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 1.1em;
/*	text-decoration: underline; */
	}

/* alternate syntax */
dl.links dt,   dl.bibliography dt,   dl.bib dt   { margin-top: 2ex; font-style: italic; font-weight: bold; }
dl.links dt a, dl.bibliography dt a, dl.bib dt a { font-style: italic; font-weight: bold; }
dl.links dd,   dl.bibliography dd,   dl.bib dd   { font-style: italic;  }

dl.links dt a						{ color: blue; text-decoration: underline; }
dl.bib dt, dl.bibliography dt 		{ font-size: 1.1em; }
dl.bib dt a, dl.bibliography dt a	{ color: #204060; text-decoration: none; }

/* number/code */
dl.eitem code:before,	div.eitem code:before,	p.eitem code:before,
dl.link code:before,	div.link code:before,	p.link code:before,
dl.links code:before,	div.links code:before,	p.links code:before,
dl.bib code:before,		div.bib code:before,	p.bib code:before,
dl.bibliography code:before,	div.bibliography code:before,	p.bibliography code:before
{ font: 120% sans-serif; content: "["; }

dl.eitem code:after,	div.eitem code:after,	p.eitem code:after,
dl.link code:after,		div.link code:after,	p.link code:after,
dl.links code:after,	div.links code:after,	p.links code:after,
dl.bib code:after,		div.bib code:after,		p.bib code:after,
dl.bibliography code:after,	div.bibliography code:after,	p.bibliography code:after
{ font: 120% sans-serif; content: "]"; }

dl.eitem code,			div.eitem code,			p.eitem code,
dl.link code,			div.link code,			p.link code,
dl.links code,			div.links code,			p.links code,
dl.bib code,			div.bib code,			p.bib code,
dl.bibliography code,	div.bibliography code,	p.bibliography code
{ font: 100% sans-serif; }

/* cite */
cite.eitem:before, cie:before, cite.link:before, cite.links:before,
cite.bib:before, bib:before
{ color: black; font: 120% sans-serif; content: "["; }

cite.eitem:after, cie:after, cite.link:after, cite.links:after,
cite.bib:after, bib:after,
cite.bibliography:after, bibliography:after
{ color: black; font: 120% sans-serif; content: "]"; }

cite.bib, bib, cite.bibliography
{ font: lighter 100% sans-serif; vertical-align: center; color: #00ff00; }

cite.eitem, cie, cite.link, cite.links
{ font: lighter 100% sans-serif; vertical-align: center; color: #0000ff; }

/*
*	publications
*/
dl.pub dt:before	{ content: "«"; }
dl.pub dt:after		{ content: "»"; }

dl.pub dt	{ margin-top: 2ex; font-family: serif; font-style: italic; font-weight: normal; font-size: 1.1em; }
dl.pub dt a { font-style: italic; font-weight: normal; }
dl.pub dd   { font-style: italic;  }

/*
*	Λίστα διεθύνσεων
*/
dl.addr dt				{ font-family: sans-serif; font-weight: bold; margin-top: 2ex; margin-bottom: 0.5ex; font-size: 1.1em; }
dl.addr #titles			{ font-family: sans-serif; font-style: normal; }
dl.addr #addr			{ font-family: sans-serif; font-style: italic; }
dl.addr #tel:before		{ font-family: sans-serif; font-weight: bold; content: "Τηλέφωνα: "; }
dl.addr #tel			{ font-family: sans-serif; font-style: normal; color: #606080; }
dl.addr #email:before	{ font-family: sans-serif; font-weight: bold; content: "e-mail: "; }
dl.addr #email			{ font-family: monospace; color: #606080; }


/*
*	CODOIDS - μπακαλιαροϊδή :)
*
*	-+- block classes -+-
*	.example	- terminal screen		- pre (black on white with borders)
*	.example	- example				- div, p (sans-serif, black on white with borders)
*	.result		- show results			- div, p, pre
*
*	.code		- terminal screen/code	- pre (black on light gray)
*	.xterm		- xterminal screen		- pre (black on white)
*	.term		- terminal screen		- pre (green on black)
*	.screen		- program output		- pre same as example
*
*	-+- Logical text classes -+-
*	.key		- keyboard key			- span
*
*	.cmd		- CLI command (ie ls, cat)				- span
*	.opt		- CLI command option (ie -F, --version)	- span
*	.env		- environment variable (ie ${PATH})		- span
*	.file		- filename/directory					- span
*	.url		- URL									- span
*	.email		- e-mail								- span
*
*	.osterm		- OS specific term (ie reiserfs, man-page)		- span
*	.hwterm		- Hardware term	   (ie keyboard)				- span
*	.pterm		- hacking/programming term (ie BNF, loop, garbage-collector)	- span
*	.plterm		- computer language specific term (ie Variant, Collection)	- span
*	dfn			- generic term									- dfn
*
*	.pname		- program/project name (ie Java, BASIC) - span
*	.alg		- algorithm/author name (ie Bresenham's, Fravia) - span
*	.class		- class					- span
*	.struct		- structure				- span
*	.proc		- procedure				- span
*	.func		- function				- span
*	.parm		- parameter (by value)	- span
*	.pbr		- parameter by reference- span
*	.var		- variable (local)		- span
*	.gvar		- global variable		- span
*	.mac		- macro/preprocessor directive - span
*	.inc		- macro/include			- span
*
*	notes:
*		1. for <p> with classes, prefer <div> instead of <p> because of IE bugs.
*		2. <xmp> is good but has problems on some browsers
*/
pre {
	margin-left: 2em;
	margin-right: 2em;
	}

.screen {
	padding: 2ex;
	color: green;
	font-weight: bold;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	}

.scrout {
	padding: 2ex;
	color: green;
	font-weight: bold;
	background-color: #f0f0f0;
	}

div.result {
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 1ex;
	margin-bottom: 1ex;
	padding: 3ex;
	border: 1px dashed gray;
	}

pre.result {
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 1ex;
	margin-bottom: 1ex;
	padding: 3ex;
	border: 1px dashed gray;
	}

pre.xterm, pre.term, pre.code, pre.example, xmp {
	padding: 1em;
	white-space: pre;
	font-family: monospace;
	}

xmp, pre.code 	{ color: green;	font-weight: bold; background-color: #f0f0f0; }
pre.term		{ color: green;	font-weight: bold; background-color: black; }
pre.xterm		{ color: black;	background-color: white; }

pre.example {
			color: black;	background-color: white;
			border-top: 1px solid #f0f0f0;
			border-bottom: 1px solid #f0f0f0;
			}

div.example	{
	padding: 1em;
	margin-left: 2em;
	margin-right: 2em;
	color: black;	background-color: white;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	}

code	{
	font-family: monospace;
	font-weight: bold;
	}
kbd		{ font-family: monospace; font-style: italic; font-weight: bold; }

.lsq:before, lsq:before	{ content: "\2018";	}
.lsq:after, lsq:after	{ content: "\2019"; }

.lq:before, lq:before	{ content: "\201C"; }
.lq:after, lq:after		{ content: "\201D"; }

.key, key	{
	font-family: sans-serif;
	text-transform: uppercase;
	padding-left: 1ex;
	padding-right: 1ex;
	font-style: normal;
	font-size: 76%;
	font-weight: bold;

	background-color: #b0b0b0;
	border-top: 2px solid #e0e0e0;
	border-left: 2px solid #e0e0e0;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	}

samp:before	{ font-family: serif; font-weight: normal; font-style: normal; content: "\2018"; }
samp:after	{ font-family: serif; font-weight: normal; font-style: normal; content: "\2019"; }
samp		{ font-family: monospace; }

/* Common & CLI */
.pname, pname
	{ font-family: sans-serif; font-style: italic; font-weight: bold; }
.cmd, cmd, command, .command
	{ font-family: sans-serif; font-style: none; font-weight: bold; color: black; }
.opt, opt
	{ font-family: sans-serif; font-style: italic; color: #008000; }
.env, env
	{ font-family: sans-serif; font-style: italic; color: #b0b000; }	/* yellow almost dark */
.file, .url, .email, file, url, email
	{ font-family: monospace; font-weight: bold; }

/* terms */
dfn
	{ font-style: italic; font-weight: bold; }
.osterm, .hwterm, osterm, hwterm
	{ font-family: sans-serif; font-weight: bold; font-style: italic; }
.hwterm, hwterm { font-variant: small-caps; }
.pterm, pterm
	{ font-family: sans-serif; font-weight: bold; font-style: italic; color: #004080; }
.plterm, plterm
	{ font-family: sans-serif; font-weight: normal; font-style: italic; color: #004080; }

/* programming */
.alg:before, alg:before	{ content: "\201C"; }		/* LaTeX quotes */
.alg:after, alg:after	{ content: "\201D"; }
.alg, alg
	{ font-family: sans-serif; font-weight: bold; font-style: italic; color: black; }
.class, class
	{ font-family: sans-serif; font-weight: bold; font-style: italic; color: #804000; }
.struct, struct
	{ font-family: sans-serif; font-weight: bold; font-style: italic; color: #808000; }
.proc, .func, proc, func
	{ font-family: sans-serif; font-weight: bold; color: #004080; }
.parm:before, .pbr:before, parm:before, pbr:before
	{ font-family: serif; font-style: normal; font-size: 110%; color: #a0a0a0;	content: "\2329"; }
.parm:after, .pbr:after, parm:after, pbr:after
	{ font-family: serif; font-style: normal; font-size: 110%; color: #a0a0a0;	content: "\232A"; }
.parm, parm
	{ font-family: sans-serif; font-weight: bold; color: #000080; }
.pbr, pbr
	{ font-family: sans-serif; font-weight: bold; color: #800080; }
.var
	{ font-family: sans-serif; font-weight: bold; color: #008000; }
.gvar, gvar
	{ font-family: sans-serif; font-weight: bold; color: #008080; }
.mac, mac
	{ font-family: sans-serif; font-weight: bold; color: #800000; }
.inc, inc
	{ font-family: sans-serif; font-weight: bold; color: #808000; }

/* default <var> may have different meanings */
var:before	{ font-family: serif; font-style: normal; font-size: 110%; color: #808080;	content: "\2329"; }
var:after	{ font-family: serif; font-style: normal; font-size: 110%; color: #808080;	content: "\232A"; }
var			{ font-family: serif; font-weight: normal; font-style: italic; color: #008000; }


/*
*	LOGICAL TEXT ELEMENTS
*/

/* compact definition list, an kai example of CSS 2, bug everywhere ektos opera7 */
.dlshort dt { display: compact; }
.dlshort dd { margin-left: 5em; }

/*
*	logical text-tags
*/

acronym {
	font-weight: bold;
	color: #406080;
	}

address {
	font-style: italic;
	color: #808080;
	}

q:before { content: "«"; }	/* open-quote; */
q:after  { content: "»"; }

strong	{
	font-weight: bolder;
	font-style: normal;
	}

em	{
	font-weight: normal;
	font-style: italic;
	}

cite:before	{ font-family: serif; font-style: normal; font-size: 120%; color: #808080;	content: "["; }
cite:after	{ font-family: serif; font-style: normal; font-size: 120%; color: #808080;	content: "]"; }
cite		{ font-family: serif; font-style: italic; }
cite.fnote:before { content: ""; }
cite.fnote:after  { content: ""; }

box,	 .box		{ border: 1px solid black; }
gbox,	 .gbox		{ border: 1px solid #808080; }
dbox,	 .dbox		{ border: 1px dashed black; }

/*
*	Finish
*/

body {
	background-image: url(note.png);
	}

/* IE 5-6 bug & fix */
* html		{ font-size: 11px; font-family: verdana; }
* html li	{ font-size: 11px; font-family: verdana; }
* html td	{ font-size: 11px; font-family: verdana; }
* html th	{ font-size: 11px; font-family: verdana; }
* html caption { font-size: 11px; font-family: verdana; }
* html body { font-size: 11px; font-family: verdana; }