/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px 0px 5px 0px;
	background: #000 url(img/background.png) repeat-x;
}

body, th, td, input, textarea {
	font-family: "Trebuchet MS", Arial, "DejaVu Sans", Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}

a {
	color: #0063c1;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* structure */
/* header */
.header {
	width: 86%;
	height: 140px;
	margin: 0 auto;
	background: #fff;
}

.logo {
	float: left;
	height: 140px;
	margin-left: 10px;
	background: url(img/hellug1_en-full_color-x120.png) no-repeat left center;
}
.logo h1, .logo p {
	text-transform: lowercase;
}
.logo h1 {
	margin: 25px 0 0 125px;
	letter-spacing: -2px;
	font-size: 3em;
	font-weight: normal;
	color: #000000;
}
.logo h1 a {
	color: #000000;
}
.logo p {
	margin: -6px 0 0 2px;
	padding: 0 0 0 125px;
	text-transform: lowercase;
	color: #666666;
}

.search {
	float: right;
	width: 200px;
}
.search form {
	margin: 0;
	padding: 63px 0 0 0px;
}
.search fieldset {
	margin: 0;
	padding: 0;
	border: none;
	background: url(img/fakos.png) no-repeat;
}
.search #s {
	width: 160px;
	margin-left: 25px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #acacac;
	background: url(img/search-bg.png) repeat-x;
	color: #444444;
}
/* end of header */

/* tabbed menu */
.tabmenu {
	width: 86%;
	height: 50px;
	margin: 0 auto;
}
.tabmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tabmenu li {
	display: block;
	float: left;
}
.tabmenu a {
	display: block;
	float: left;
	height: 38px;
	padding: 8px 20px 0 20px;
	text-decoration: none;
	text-transform: lowercase;
	color: #000000;
}
.tabmenu a:hover {
	text-decoration: underline;
}
.tabmenu .current {
	background: url(img/tab-left.png) no-repeat left top;
}
.tabmenu .current a {
	background: url(img/tab-right.png) no-repeat right top;
	font-weight: bold;
}
/* end of tabbed menu */
/* end of header */

/* wrapper for the main content */
.wrapper, .wrapperdark {
	margin: 0 auto;
	width: 86%;
}
.wrapper {
	background-color: #fff;
}

/* side navigation */
.leftnav, .rightnav {
	width: 175px;
	margin-top: 7px; /* the radius of nifty corner (5px) is rendered as well) */
}
.leftnav {
	float: left;
}
.rightnav {
	float: right;
}

.leftnav h2, .rightnav h2, .leftnav h1, .rightnav h1 {
	color: #7ebcff;
	font-size: 1.4em;
	line-height: 30px;
	margin-left: 0.4em;
	margin-right: 0.4em;
}

.leftnav ul, .rightnav ul {margin: 0.5em 1.0em 0 1.0em;}
.leftnav li, .rightnav li {
	list-style: none; 
	border-bottom: 1px solid #fff;
}
.leftnav li a, .rightnav li a {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #666;
	text-decoration: none;
	display: block;
	padding-left: 6px;
}
.leftnav li a:hover, .rightnav li a:hover {
	color: #06f; 
	background: #e6e6e6;
}
.leftnav li a.current {color: #06f;}

.menubox {
	background: #f0f0f0;
	margin-left: 12px;
}

.menuboxr {
	background: #f0f0f0;
	margin-right: 12px;
}

/* content */
.content {
	margin: 0 0 0 175px;
	padding: 7px 25px 0 25px;
}
.content2 {
	margin: 0 0 0 175px;
	padding: 7px 25px 0 25px;
}
.content li, .content2 li {margin-left: 18px;}

.content .pager, .content2 .pager {
	padding: 4.0em 0 4.0em 0;
	font-size: 0.9em;
}
.content .pager a, .content2 .pager a {
	text-decoration: none;
}
.content .pager a:hover, .content2 .pager a:hover {
	text-decoration: underline;
}

.contentarea {
	margin-top: 1.3em;
}

.post h4{
	display: inline;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right;
	font-size: 1.4em;
}

.post .details {
	position: relative;
	top: -1.5em;
	font-size: 0.8em;
	color: #787878;
}
.post ul.controls li {
	display: inline;
	font-size: 0.8em;
	margin-left: 0px;
}
.post ul.controls li a {
	background-repeat: no-repeat;
	background-position: left;
	padding: 0em 1.0em 0em 20px;
}
.post ul.controls li a.printerfriendly {
	background-image: url('img/icon-printerfriendly.gif');
}
.post ul.controls li a.comments {
	background-image: url('img/icon-comments.gif');
}
.post ul.controls li a.more {
	background-image: url('img/icon-more.gif');
}
.post ul.attachments {
	padding: 0 0 20px 20px;
}
.post ul.attachments li {
	font-size: 0.8em;
	margin-left: 0px;
}
.post ul.attachments li a {
	background-repeat: no-repeat;
	background-position: left;
}
.post img {
	position: relative;
	height: auto;
	/*max-width: 200px;
	width: expression(this.width > 200 ? 200: true);*/
}
.post img.left {
	float: left;
	margin: 0 1.8em 1.4em 0;
}
.post img.right {
	float: right;
	margin: 0 0 1.4em 1.8em;
}
.post p {
	line-height: 1.4em;
	margin-bottom: 1.0em;
	text-align: justify;
	/*word-wrap: break-word;*/ /* test on IE and remove if necessary */
}

/* end of content */

/* footer */
.footer, .footerdark {
	margin-top: 4.0em;
	color: #bbb;
	font-family: Verdana, "DejaVu Sans", sans-serif;
	font-size: 0.8em;
	padding: 10px 0 16px;
}
.footer {
	border-top: 1px dashed #9eb4d4;
}
.footer a, .footerdark a {
	color: #0063c1;
	text-decoration: none;
}
.footer p, .footerdark p {
	margin: 0 1.0em 0 1.0em;
	text-align: center;
}
.footer img, .footerdark img {
	border: none;
}
/* end of structure */


/* Other stuff */
.dotgr {
	color: #9eb4d4;
}

.divider {
	position: relative;
	height: 1px;
	border-bottom: solid 1px #eaeaea;
	margin: 2.0em 0em 2.0em 0em;
}

.menudivider {
	position: relative;
	height: 1px;
	margin: 1.2em 0em 1.2em 0em;
}

/* round corners */
.roundtl,.roundtr,.roundbl,.roundbr,.round7tl,.round7tr,.round7bl,.round7br {
	height: 5px;
	width: 5px;
	font-size: 2px; /* IE hack */
}
.roundtl, .roundtr {
	background: url(img/roundwhongr.gif);
}
.roundbl, .roundbr {
	background: url(img/roundwhonbl.gif);
}
.round7tl, .round7tr, .round7bl, .round7br {
	background: url(img/roundf0onwh.png);
}
.roundtl,.roundbl, .round7tl, .round7bl {
	float: left;
}
.roundtr,.roundbr, .round7tr, .round7br {
	float: right;
}
.roundtr, .round7tr {
	background-position: right top;
}
.roundbr, .round7br {
	background-position: right bottom;
}
.roundbl, .round7bl {
	background-position: left bottom;
}
.clearer {
	clear: both;
}
/* end of round corners */


#downloads {
	background: url(img/arrowdown.png) no-repeat left;
	padding-left: 22px;
}

#downloads:hover {
	background: url(img/arrowdown.png) no-repeat left #e6e6e6;
	padding-left: 22px;
}

#info {
	background: url(img/lightbulb.png) no-repeat left;
	padding-left: 22px;
}

#info:hover {
	background: url(img/lightbulb.png) no-repeat left #e6e6e6;
	padding-left: 22px;
}

#feed {
	background: url(img/feed-icon.png) no-repeat left;
	padding-left: 25px;
}

#podaraki {
	background: url(img/podaraki.png) no-repeat left;
	padding-left: 22px;
}

/* Forms */
#formbox {
	margin-top: 15px;
	padding: 10px;
}

input, #formbox textarea {
	border: 1px solid #acacac;
	color: #444;
	background: url(img/search-bg.png) repeat-x;
	padding: 4px;
	width: 250px;
}

#formbox label, #formbox div.label {
	color: #444;
	text-align: right;
	width: 90px;
	float: left;
	margin: 5px 0;
	margin-right: 10px;
}

#formbox div {
	margin: 5px 0;
	position: relative;
}

.submit {
	text-align: right;
	width: 360px;
}
.submit input {
	cursor: pointer;
	padding: 0 21px;
	text-transform: lowercase;
	width: auto;
	background: #ddd;
}