/*
div.extras-content:hover > div.extras-item:first-child {background-color:red;}
a[href="http://www.jokeman.hu/old/"] {background-color : yellow;}
*/

/**:active
{
    color               : red;
    font-size           : 1.4em;
}*/


/* colors */
body.index
{
    background-color    : #D0F0FF;
}

a
{
    color               : #0080c0;
}

a:hover img {
    border-color        : #0080c0;
}

h2
{
    color               : #0080C0;
    /* color               : red; */
}

h1
{
    color               : #004060;
}

h3
{
	font-size	: 1.6em;
	color		: #004060;
	border-bottom	: solid #004060 1px;
}

div.content > h3
{
	border-bottom	: dotted #004060 1px;
}

h4
{
	font-size	: 1.3em;
	color		: #0080c0;
	border-bottom	: solid #0080c0 1px;
}

div.content > h4
{
	border-bottom	: dotted #0080c0 1px;
}

body,
p,
div
{
    color               : black;
}

div.navbar
{
    background-color    : #004060;
    background-image    : url(../img/extras-item.png);
    background-repeat   : repeat-y;
    color               : white;
}

div.navbar a
{
    color               : white;
}

div.navbar a:hover
{
    background-color    : white;
    color               : #004060;
}

div.navbar a.current:hover
{
    background-color    : #004060;
    color               : white;
}

div.subnavbar
{
    color               : #004060;
}

div.subnavbar a.current
{
    color               : #004060;
}

div.content
{
    background-color    : white;
}

div.extras
{
    background-color    : transparent;
}

div.extras-header
{
    background-color    : #004060;
    background-image    : url(../img/extras-item.png);
    background-repeat   : repeat-y;
    color               : white;
}

div.special
{
    background-color    : #0080c0;
    background-image    : url(../img/extras-current.png);
    background-repeat   : repeat-y;
    color               : black;
}

div.extras-content
{
    background-color    : white;
}

div.extras-content a
{
    color               : #0080c0;
}

div.copyright
{
    background-color    : #004060;
    background-image    : url(../img/extras-item.png);
    background-repeat   : repeat-y;
    color               : white;
}

.desc,
.desc p
{
    color               : #004060;
}

div.header_simple
{
    background-color    : transparent;
    color               : #004060;
}

div.header_simple .capital
{
    color               : #0080c0;
}

.authorspec
{
    background-color    : transparent;
    color               : #004060;
}

div.content table thead td
{
    color               : white;
    background-color    : #004060;
}

pre.bash
{
    background-color    : black;
    color               : white;
}

.bash-prompt
{
    color               : rgb(192,192,192);
}

.news-item h3 a
{
    color               : white;
}

.news-item a
{
    color               : #0080c0;
}    


/* fonts */
body.index
{
    font-family         : sans-serif;
    font-size           : 0.9em;
}

h2,
h3,
h4,
h5
{
    font-weight         : bold;
}

p
{
    line-height		: 1.8em;
}

div.navbar
{
    font-size           : 0.8em;
}

div.subnavbar
{
    font-size           : 0.8em;
}

div.header_simple
{
    font-size           : 2em;
    /* line-height         : 2em; */
    font-weight         : bold;
}

div.extras-header
{
    font-size           : 0.8em;
}

div.extras-content
{
    font-size           : 0.8em;
}

div.extras-item a
{
    font-family         : monospace;
    font-size           : 1.2em;
}

div.extras-item > a
{
    font-size           : 1.5em;
}

div.copyright
{
    font-size           : 0.7em;
}

.sample
{
    font-size           : 1.2em;
}

a.external
{
    font-style          : italic;
}

div.content .image .description
{
    font-size           : 0.8em;
    font-style          : italic;
}

.desc
{
    font-size           : 0.9em;
}

.desc p
{
    font-style          : italic;
}

div.content
{
    /* font-size           : 0.9em; */
}

.authorspec
{
    font-style          : italic;
}

.greeting
{
    font-size           : 1.3em;
    font-style          : italic;
}

div.content table caption
{
    font-style          : italic;
    font-size           : 0.9em;
}

div.content table thead td
{
    font-weight         : bold;
}

pre.bash
{
    font-family         : monospace;
    font-size           : 1.1em;
}

code
{
    font-family         : monospace;
    font-size           : 1.1em;
}

.bash-param
{
    font-style          : italic;
}

.bash-bin
{
    font-weight         : bold;
}

.current
{
    font-weight         : bold;
}

.qa .question
{
    font-style          : italic;
}

.qa .answer
{
}

.news-item
{
	font-family	: serif;
	font-size	: 1.2em;
	line-height	: 1.8em;
}

.news-item div
{
	letter-spacing	: 0.05em;
}


/* spacing and alignment */
body.index
{
    padding             : 0px;
    padding-bottom      : 1em;
    margin              : 0px;
    margin-bottom       : 1em;
}

div.header_simple
{
    padding             : 0.5em;
    text-align          : center;
}

h2
{
    margin-top          : -2.2em;
    padding-bottom      : 0.6em;
    margin-left         : 6em;
    text-align          : center;
}

.conformance
{
    text-align          : center;
}

h1,
div.navbar
{
    padding             : 0.2em;
    text-align          : center;
}

div.navbar a
{
    padding-left        : 0.5em;
    padding-right       : 0.5em;
    margin-left         : 0.5em;
    margin-right        : 0.5em;
}

.news-item
{
    margin              : 1em;
    margin-top          : 3em;
    margin-bottom       : 3em; 
    /* border              : solid black 1px; */
}

div.subnavbar
{
    padding             : 0.2em;
    text-align          : center;
}

div.content
{
    margin              : 1em;
    margin-top          : 1.5em;
    margin-bottom       : 1.5em;
    padding             : 1em;
}

div.content table,
div.content table caption
{
    margin              : auto;
    margin-bottom       : 1em;
}

div.content table td
{
    text-align          : justify;
}


p,
li
{
    margin-top          : 1em;
    margin-bottom       : 1em;
    text-align          : justify;
}

div.extras
{
    margin-top          : 3em;
    text-align          : left;
}

body.adsense div.extras
{
    margin-top          : 2em;
}

div.extras-header
{
    padding             : 0.2em;
}

div.extras-content
{
    padding             : 0.2em;
    margin-bottom       : 1em;
}

div.extras-item
{
    padding             : 0.2em;
}

div.content .extras-hide
{
/*    padding-right       : 27%; */ /* 16em */
margin-right : 27%;
}

div.content h4
{
    margin-left         : 0.5em;
}

div.content p
{
    margin-left         : 2%;
    margin-right        : 2%;
}

div.content li
{
    margin-left         : 2%;
    margin-right        : 2%;
}

div.content table
{
    border-spacing      : 0;
    border              : solid #0080c0 1px;
}

div.content table td
{
    padding             : 0.3em;
    margin              : 0;
}

div.content address
{
    margin-left         : 4%;
}

div.content pre.sample
{
    margin-left         : 2%;
    /* padding-right        : 3em; */
}

div.copyright
{
    text-align          : center;
    padding-top         : 2px;
    padding-bottom      : 2px;

}

.desc
{
    padding-left        : 0.5em;
    margin-top         : 1em;
    margin-bottom      : 0.5em;
    padding-right       : 0.5em;
    margin-right        : 2%;
    /* margin-top          : 1em; */
}

div.content .desc p
{
    margin              : 0;
    margin-bottom       : 0.5em;
    padding             : 0;
}

.described
{
    /* padding-right       : 1em; */
    padding-right       : 1%;
    margin-right        : 1%;
}

div.centered
{
    margin              : auto;
}

.image
{
    text-align          : center;
}

.authorspec
{
    margin-bottom       : 3em;
    padding             : 0.2em;
    text-align          : right;
}

pre.bash
{
    padding             : 0.5em;
    margin              : auto;
    margin-top          : 1.5em;
    margin-bottom       : 1.5em;
}

pre.bash.described,
pre.bash.note
{
    margin-left         : 0.5em;
    margin-right        : 0.5em;
}

.news-item h3
{
    margin-top          : 0;
    border-bottom       : solid black 1px;
    padding-left        : 1em;
    padding-right       : 1em;
    padding-top         : 0.3em;
    padding-bottom      : 0.3em;
    background-color    : #004060;
    background-image    : url(../img/extras-item.png);
    background-repeat   : repeat-y;
    color               : white;
    font-size		: 1em;
    line-height		: 1.2em;
    letter-spacing	: 0.2em;
}

.news-item div
{
	padding : 0em;
}

.news-item .props
{
    /* border-top          : solid black 1px;
    background-color    : #0080c0;
    color               : white; */
    text-align          : right;
    padding		: 0.2em;
    padding-top		: 0;
    padding-right       : 1em;
    font-size		: 0.7em;
    font-style		: italic;
    /* background-image    : url(../img/extras-current.png);
    background-repeat   : repeat-y; */
    line-height		: 1.2em;
}

img.news-item-icon
{
    margin-left         : 1em;
}

.qa .question
{
    margin-top          : 2em;
}

.qa .answer
{
    margin-top          : 1em;
    margin-left         : 2em;
}


/* positioning and size */
div.content
{
    position            : absolute;
    top                 : 13em;
    width               : /* 63em */ 90%;
}

body.adsense div.content 
{
    top                 : 20em;
}

div.extras
{
    position            : absolute;
    left                : /* 49em */ 70%;
    width               : 20em;
}

div.extras-item
{
    display             : block;
}

div.copyright
{
    visibility          : hidden;
    width               : 100%;
}

body > div[class="copyright"]
{
    visibility          : visible;
    position            : fixed;
    bottom              : 0px;

}

.pct48
{
    position            : absolute;
    float               : right;
    left                : 52%;
}

.pct49
{
    width               : 49%;
}

ul.pct49,
ol.pct49,
li.pct49
{
    width               : 42%;
}


.pct28
{
    position            : absolute;
    float               : right;
    left                : 72%;
}

.pct38
{
    position            : absolute;
    float               : right;
    left                : 62%;
}

.pct69
{
    width               : 69%;
}

pre.bash
{
    width               : 50em;
}

pre.bash.note
{
    width               : 20em;
}

pre.bash.described
{
    width               : 45%;
}

img.news-item-icon
{
    float               : right;
}


/* borders */
div.header_simple
{
    border-bottom       : solid #0080C0 1px;
}

div.subnavbar
{
    border-bottom       : solid #004060 1px;
    border-top          : solid #004060 1px;
}

div.content
{
    border              : solid #004060 1px;
}
body > div.content
{
    border              : dotted #004060 1px;
}

div.content table td
{
    border              : solid #004060 1px;
}

div.extras-header
{
    border              : solid #004060 1px;
    border-bottom       : 0;
}

div.special
{
    border-bottom       : 0;
}

div.extras-content
{
    border              : solid #004060 1px;
}

div.copyright
{
    /* border-top          : solid #004060 3px;
    border-bottom       : solid #004060 3px; */
}

img
{
    border              : 0;
}

.desc
{
    border-left         : dotted #0080C0 1px;
}

.titled
{
    border-bottom       : dotted #004060 1px;
}

.bordered
{
    border              : solid #004060 1px;
}

.authorspec
{
    border-top          : dotted #004060 1px;
}


/* misc. */
a,
div.navbar a:hover
{
    text-decoration     : none;
}

a:hover
{
    text-decoration     : underline;
}

a.current:hover
{
    text-decoration     : none;
}

div.content a
{
    text-decoration     : underline;
}

div.content a:hover
{
    text-decoration     : none;
}

.news-item h3 a
{
	text-decoration	: none;
}
.news-item h3 a:hover
{
	text-decoration	: underline;
}


.c-pre
{
    color       : brown;
}

.c-kw
{
    color       : blue;
    font-weight : bold;
}

.c-id
{
    color       : black;
}

.c-str
{
    color       : teal;
    font-style  : italic;
}

.c-op
{
    color       : navy;
}

.c-num
{
    color       : red;
}

.c-cmt
{
    color       : gray;
}

pre.c
{
    margin-left : 0;
    padding-left: 5em;
    width       : 40em;
    border-left : solid #004060 5px;
}
    
pre.c.simple
{
    border-left : solid #008000 5px;
}

pre.c.new
{
    border-left : solid #c00000 5px;
}

code.new
{
    border-bottom   : dotted red 1px;
}

ol.toc li
{
    margin-top      : 0;
    margin-bottom   : 0;
    font-style      : italic;
}

ol.toc li ol li
{
    font-size       : 0.8em;
}

.c-desc
{
    font-style      : italic;
    font-size       : 0.8em;
    padding-left    : 5.625em;
    text-decoration : overline;
}

body.article div.content div,
body.article div.content p,
body.article div.content ol,
body.article div.content ul,
body.article div.content table
{
	font-family	: serif;
	font-size	: 1.3em;
}

body.article div.content
{
	line-height	: 2em;
}

img.left
{
	float		: left;
	margin-right	: 1em;
}

img.right
{
	float		: right;
	margin-right	: 1em;
}

dfn
{
	font-style	: italic;
	font-weight	: bold;
}

.figure
{
	text-align	: center;
}

.figure img
{
}

.figdesc
{
	text-align	: center;
	font-style	: italic;
	font-weight	: bold;
}

.listing
{
	width		: 50%;
	border		: dotted #004060 1px;
	margin		: auto;
	padding-left	: 1em;
	padding-right	: 1em;
	white-space	: pre;
	font-family	: monospace;
}

.extras-item ol li,
.extras-item ul li
{
    text-align	    : left;
}

.extras-item ol,
.extras-item ul
{
	padding-left	: 0;
}

.extras-item > ul
{
	padding-left	: 1.5em;
}
.extras-item > ol
{
	padding-left	: 2em;
}

.more
{
	text-align	: right;
	font-style	: italic;
}

.news-item div
{
	text-align	: justify;
}