/** Base Stylesheet for the RnD Documentation
  * Francesco S. Carta, e-mail: jongo@iol.it
  */

/*
    This stylesheet sets positions, spacing and borders of
    everything on the document. Using this stylesheet alone
    will give a sharp black on white layout.
*/

body {
	background-color: #FFF;
	background-repeat: repeat-x !important;
	background-position: top !important;
	color: #000 !important;
	padding: 32px;
	padding-top: 120px;
	font-family: sans-serif;
}

* html body {
    padding-top: 113px;
}

* html p ,
* html ul ,
* html ol ,
* html div ,
* html table {
    height: 1px;
}

img {
	margin: 1em; margin-bottom: 0;
	border: 10px solid #000;
	vertical-align: baseline;
	max-width: 90%;
}

img.float_left {
	float: left;
	margin: 3em;
	margin-top: 1em;
	margin-bottom: 2em;
	clear: both;
}

img.sandbox {
	background-image: url("../res/sand.gif");
	background-color: #A50;
	padding: 6px; margin: 14px;
	border: 12px solid #000;
}

* html img.sandbox {
    margin: 14px;
	border: 6px solid #A50;
}


img.left ,
img.sandbox.left ,
img.center ,
img.sandbox.center {
	border-right: 0 !important;
	margin-right: 0 !important;
	padding-right: 0 !important;
}

img.right ,
img.sandbox.right ,
img.center ,
img.sandbox.center {
	border-left: 0 !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

p.images img , p.sandbox img {
	padding: 0;
	margin: 0;
	border: 0;
}

li img , h1 img , h2 img , h3 img , h4 img , h5 img {
	border-width: 3px !important;
	margin: 0.3em;
	vertical-align: middle;
}

p.images {
	text-indent: 0;
	padding: 2em;
}

p.sandbox {
	background: url("../res/sand.gif");
	color: #000; border: 16px solid #000;
	padding: 8px; text-indent: 0;
	margin-left: 2em; width: 96px;
}

* html p.sandbox {
	width: 144px;
}

p.navigation {
	padding: 0.1em;
	font-style: italic;
}

p.updates {
	text-indent: 0;
	font-family: cursive;
}


.hl {
	background: #DDD;
}

table .hl {
	background: #DDD;
}

.elementslist {
	background: #000;
	color: #FFF;
	padding: 40px;
	text-align: justify;
	line-height: 44px;
}

.elementslist p {
	display: inline;
	text-indent: 0;
	margin: 0;
	padding: 0;
	background: inherit;
	color: inherit;
	border: 0;
}

.elementslist a:link ,
.elementslist a:visited ,
.elementslist a:active {
	background: inherit;
	color: #000;
	border-color: #000;
}

.elementslist a:hover {
	border: #F33;
}

.elementslist img {
	margin: 0;
	padding: 0;
	border-color: inherit;
}

p , h1 , h2 , h3 , h4 , h5 ,
ul , ol , table , div {
	background-color: #FFF;
	color: #000;
	padding: 16px;
	padding-right: 64px;
	padding-left: 32px;
	margin: 0px;
	border: 3px dashed #000;
	border-top-width: 0;
	border-bottom-width: 0;
	border-color: inherit;
}


ul ul , ol ol , ul ol ,
ol ul , p ol , p ul ,
.txtfile ul , .txtfile ol{
	padding-right: 0;
	padding-left: 32px;
	border-width: 0;
}

p {
	text-indent: 1em;
}

p.updates {
	border-width: 3px;
}


h1 , h2 , h3 , h4 , h5 {
	padding-bottom: 0.2em;
	clear: both;
	border-top-width: 3px;
}

h1 , h2 {
	border-top-width: 9px;
}

h3 , h4 {
	border-top-width: 6px;
}

.screen {
	font-size: 160%;
	font-weight: bold;
	background: #000 !important;
	color: #0C0 !important;
}

.screen span {
	background: #000 !important;
	color: #CC0 !important;
	text-decoration: none !important;
}


.txtfile ,
.images {
	text-indent: 0;
	font-family: monospace;
	padding-left: 2em;
}

.txtfile {
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
}

div .txtfile {
    border: 1px dashed #000;
    margin-top: .5em;
    margin-bottom: .5em;
}

.screen img.sandbox {
	height: 16px !important;
	width: 16px !important;
	margin: 0;
	border-width: 6px;
	vertical-align: middle;
}

.idest {
	font-family: cursive;
}

td {
	padding: 0.5em; border: 1px dotted #000;
}

table {
	padding: 1em; width: 100%;
}

a.note {
    background: #DDD;
    font-size: 1em;
    font-variant: small-caps;
    vertical-align: top;
    padding-left: 1em;
    text-decoration: none;
}

a.note:before {
    content: " <---- ";
    color: #333;
    font-weight: bold;
}

a.note:after {
    content: " ";
    color: #333;
    font-weight: bold;
}


body.index {
	background: url('../res/bg-index.gif');
}
body.faq {
	background: url('../res/bg-faq.gif');
}
body.manual {
	background: url('../res/bg-manual.gif');
}
body.reference {
	background: url('../res/bg-reference.gif');
}
body.tutorial {
	background: url('../res/bg-tutorial.gif');
}

* html div#fixedhead {
    display: block !important;
    float: none !important;
}

div#fixedhead , div#fixedhead * {
    margin: 0;
    border: 0;
    padding: 0;
}

div#fixedhead img {
    position: absolute;
    left: 5px;
    top: 5px;
    display: none;
    border: 3px solid #000;
}

div#fixedhead {
    font-family: monospace;
    text-indent: 0px;
    display: block;
    position: fixed;
    top: 0;
    left: 100%;
    margin-left: -50px;
    height: auto;
    width: auto;
    max-width: 38px;
    max-height: 38px;
    overflow: hidden;
    background: #FFF;
    color: #000;
    padding: 5px;
    padding-left: 50px;
    border: 3px double #000;
}

div#fixedhead:hover {
    margin-left: -30em;
    width: auto;
    min-width: 30em;
    min-height: 38px;
    max-width: 100%;
    max-height: 50%;
}


.index div#fixedhead a[href="index.html"] img ,
.faq div#fixedhead a[href="faq.html"] img ,
.manual div#fixedhead a[href="manual.html"] img ,
.reference div#fixedhead a[href="reference.html"] img ,
.tutorial div#fixedhead a[href="tutorial.html"] img {
    display: block;
}

.index div#fixedhead a[href="index.html"] ,
.faq div#fixedhead a[href="faq.html"] ,
.manual div#fixedhead a[href="manual.html"] ,
.reference div#fixedhead a[href="reference.html"] ,
.tutorial div#fixedhead a[href="tutorial.html"] {
    background: #CCC;
    color: #000;
}

.index div#fixedhead a[href="index.html"]:before ,
.faq div#fixedhead a[href="faq.html"]:before ,
.manual div#fixedhead a[href="manual.html"]:before ,
.reference div#fixedhead a[href="reference.html"]:before ,
.tutorial div#fixedhead a[href="tutorial.html"]:before {
    content: ">";
}