@import url(sheet.css);
@import url(forms.css);
@import url(html-syntax.css);
@import url(colorer.css);

html, body {height: 100%;}
body {
	color: #000;
	background: #fff url(pink-pig-250x271.jpg) 100% 8em no-repeat;
	margin: 0;
	padding: 0;
}

#body {
	position: relative;
	min-height: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #body {height: auto;}

body.top-porci-staza {
	background-position: 99% 8em;
	background-image: url(porci-inactivi.jpg);
}
body.top-porci {background-image: url(2piglets.jpg);}

#header {
	position: relative;
	height: 4em;
	width: 100%;

	color: #000;
	background: #fcf url(header_bg.jpg) 0 0 repeat-x;

	padding: 0;
	margin-bottom: 1.5em;
	border-bottom: 2px solid #903;
	z-index: 1;
}

#header h1 {
	margin: 0;
	padding: 0 2em 0 0;
	line-height: 100%;
	z-index: 20;
	position: absolute;
	bottom: 4px;
	left: 8px;
}
#header h1 a {
	color: #fcf;
	background-color: transparent;
	padding: 4px;
	display: block;
	white-space: nowrap;
}
#header h1 a:hover {border-color: #00f;}

#header h1 a:before, #header h1 a:after {
	content: attr(title);
	display: block;
}
#header h1 a:before {
	margin-bottom: -1.10em;
	margin-left: 0.2ex;
	color: #000;
	background-color: transparent;
}
#header h1 a:after {
	margin-top: -1.03em;
	margin-left: -0.1ex;
	color: #c9c;
	background-color: transparent;
}

#header h1 a:hover:before {
	margin-bottom: -1.13em;
	margin-left: -0.1ex;
}
#header h1 a:hover:after {
	margin-top: -1.03em;
	margin-left: 0.1ex;
}

/*
#header h1 a:hover:before {margin-left: -0.1ex;}
#header h1 a:hover:after {margin-left: 0.1ex;}

#header h1 a:hover:before {color: #900;}
#header h1 a:hover  {color: #f9f;}
*/

#header blockquote {
	position: absolute;
	top: 6em;
	right: 1em;
	width: 60%;

	font-size: smaller;
	margin: 0;
	padding: 2px 4px;
	z-index: 10;
	color: #606;
	text-align: right;
}

#breadcrumbs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50;

	color: #000;
	background-color: #b9a;
	height: 1.2em;
	line-height: 1.2em;
	font-size: smaller;
	padding: 1px 0;
}
#breadcrumbs li {
	list-style-type: none;
	display: inline;
	width: auto;
	padding: 0 12px 0 4px;
	margin: 0;
	background: transparent url(arrow-rit-sharp.gif) 100% 5px no-repeat;
}
#breadcrumbs li.hlabel,
#breadcrumbs li.last {
	padding-right: 0;
	background: transparent;
}
#breadcrumbs a {color: #fff; text-decoration: none;}
#breadcrumbs a:hover {color: #f60; text-decoration: underline;}

#header ul.navbar {
	list-style-type: none;
	position: absolute;
	bottom: 0;
	right: 4em;
	z-index: 30;
	margin-bottom: -2px;
}
#header ul.navbar li {
	display: inline;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#header ul.navbar li a {
	display: block;
	float: left;
	margin: 0 0 0 1em;
	padding: 1px 1em;
	text-decoration: none;
	color: #c30;
	background-color: #fdf;
	border: 2px solid #903;
	-moz-border-radius: 1em 3px 0 0;
	opacity: 0.6;
}
#header ul.navbar li a:hover,
#header ul.navbar li a:active,
#header ul.navbar li a:focus,
#header ul.navbar li.active a
{
	background-color: #fff;
	border-bottom-color: #fff;
	opacity: 1.0;
}
#header ul.navbar li.active a:hover {
	text-decoration: underline;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;

	color: #000;
	background-color: #fcf;
	border-top: 2px solid #cbc;

	font-size: smaller;
	text-align: right;
}

#footer ul.credits {
	margin: 1ex 0;
	list-style-type: none;
}
#footer ul.credits li {
	display: inline;
	margin: 0;
	padding: 0;
}
#footer ul.credits a {
	display: block;
	float: left;
	width: 80px;
	height: 15px;
	overflow: hidden;
	text-decoration: none;
	margin: 0 0 4px 8px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: 700em;
}

#footer ul.credits li.apache a {background-image: url(apache.png);}
#footer ul.credits li.copyright a {background-image: url(porc-ro.png);}
#footer ul.credits li.css a {background-image: url(w3c-css.png);}
#footer ul.credits li.firefox a {background-image: url(firefox.png);}
#footer ul.credits li.icra a {background-image: url(icra.png);}
#footer ul.credits li.license a {background-image: url(cc.png);}
#footer ul.credits li.linux a {background-image: url(linux-operated.png);}
#footer ul.credits li.mason a {background-image: url(html-mason.png);}
#footer ul.credits li.mod_perl a {background-image: url(modperl.png);}
#footer ul.credits li.n0i a {background-image: url(n0i.net.png);}
#footer ul.credits li.perl a {background-image: url(perl.png);}
#footer ul.credits li.phpfree a {background-image: url(php-free.png);}
#footer ul.credits li.romania a {background-image: url(romanian.png);}
#footer ul.credits li.standards a {background-image: url(standards.png);}
#footer ul.credits li.unicode a {background-image: url(utf8.png);}
#footer ul.credits li.varza a {background-image: url(varza.png);}
#footer ul.credits li.wai a {background-image: url(w3c-wai-aa.png);}
#footer ul.credits li.xhtml a {background-image: url(w3c-xhtml10.png);}

#content {
	position: relative;
	padding: 1em 250px 4em 2em;
}
#content h2 {
	margin-top: 0;
	margin-left: -1em;
	font-weight: normal;
}
#content ul, #content ol {margin: 1ex 0;}
#content ul li, #content ol li {margin-left: 5%;}

li.more {
	list-style-type: none;
	margin-top: 1ex;
}
li.more a {text-decoration: none; border-bottom: 1px dotted #c90;}
li.more a:hover {border-bottom-color: #f00;}
li.more:hover:after {
	content: ' »»»';
	color: #c00;
}
a.more {
	padding-left: 12px;
	background: transparent url(arrows.gif) 0 -22px no-repeat;
}
a.more:hover, a.more:focus, a.more:active {background-position: 0 -142px;}

div.teaser.altblue {
	position: relative;
	padding-left: 60px;
	background: #fff url(pink-avatar-small.jpg) 2px 2px no-repeat;
}
p.author a {
	padding: 1ex 5em 0 0;
	border-top: 1px dashed #939;
}

body.top-porci p.new-porc,
body.top-porci-staza p.new-porc,
body.porcovani p.new-porcovan
{
	position: absolute;
	top: 220px;
	right: 10px;
}
body.top-porci p.porci-inactivi,
body.top-porci-staza p.porci-activi
{
	position: absolute;
	top: 260px;
	right: 10px;
}

.pager {
	padding: 1px 2px;
	background-color: #fcf;
	color: inherit;
	border:	1px solid #cbc;
	word-spacing: 4px;
	font-size: smaller;
	line-height: 150%;
}
.pager a {text-decoration: none;}
.pager a.firstPage,
.pager a.lastPage,
.pager a.prevPage,
.pager a.nextPage,
.pager a.prevSet,
.pager a.nextSet
{
	font-size: 1.5em;
	line-height: 1em;
	vertical-align: bottom;
}
.pager .pager-current {
	font-weight: bold;
	font-size:	130%;
	line-height: 1em;
}
.pager .pager-firstlast {float: right;}
.pager .pager-pages {font-weight: bold;}

.gravatar {
	padding-left: 90px;
	background-position: 0 0;
	background-repeat: no-repeat;
	min-height: 80px;
}