body {
	background: #ccc;
	padding: 0;
	margin: 0;
}

a:link, a:visited {
	color: #993333;
	text-decoration: none;
}

#canvas {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent url("images/kay-robo-bg-dark.png") no-repeat 100% 12px;
	/* This is a little odd, but it's to work around a bug where the wrapper
	 * doesn't display the background correctly in FF */
	border-top: 1px solid transparent; margin-top: -1px;
}

#content {
	/* blogi-alueen asetukset */
	position: absolute;
	left: 0;
	top: 110px;

	background: transparent url("images/kay-robo-bg.png") no-repeat 100% -104px; 
	background-color: #eee;
        /* title-alueen alaviiva: (oranssi #f57900, kŠy-punainen #990000) */
	border: 2px solid #990000;
	border-width: 6px 0 0;
	color: #444;
	margin: 0;
	/* ORG: padding: 1em 215px 4em 3.5em; */
	padding: 1em 255px 4em 3.5em;
	z-index: 2;
}

/* DEBUG: #content { display: none; } */

#logo {
	/* title-alueen asetukset */
	position: absolute;
	background: transparent;
	top: 0;
	left: 0;
	right: 0;
	height: 110px;
	margin: 0;
	padding: 0;
	z-index: 3;
}
#logo h1 { display: none; }
#logo a {
    /* logon mŠŠritys, alkuperŠinen positio: 28px 26px */
	background: transparent url(images/kay-planet-logo.png) no-repeat 12px 18px;
	padding: 0;
	margin: 0;
	display: block;
	height: 110px;
	width: 840px;
}

#logo a:hover {
	text-decoration: none;
}

/* DEBUG: #logo { display: none; } */


/* Navigation */
#globalnav {
	font-family: trebuchet ms, helvetica, luxi sans, bitstream vera sans, sans-serif;
	position: absolute;
    	/* title-alueen (pŠŠ)linkkivalikon sijainti: */
    	/* alkuperŠinen top40px,left240px */
	top: 71px;
	left: 30px;
	display: inline;
	margin: 0;
	padding: 0;
	z-index: 5;
	/*
	list-style: none;
	*/
	font-size: 100%;
}
#globalnav li {
    /* title-alueen navigaatio-linkkien vŠliset pallurat */
	color: #333;
	float: left;
	list-style-image: none;
	list-style-type: disc;
	margin-left: 16pt;
	padding-left: 0pt;
}
#globalnav li:first-child {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#globalnav a {
    /* title-alueen navigaatio-linkkien vŠri */
	color: #900;
	padding: 5pt 13pt;
	display: block;
}
#globalnav a:hover {
	color: #d00;
}

h2 {
	font-family: trebuchet ms, luxi sans, bitstream vera sans, sans-serif;
	font-weight: normal;
	font-size: 110%;
	color : #999;

        background-color: #000;
	border: 1px dotted #f0d0d0;
	/* border-bottom: 1px dotted #f0d0d0; */

	border-top-left-radius: 10px 10px;
	border-top-right-radius: 4px 4px;
	-moz-border-radius: 10px 4px 4px 4px;

	padding: 4px;
	padding-left: 6px;

	margin-left: -20px;
}

h3 {
	font-family: georgia, times new roman, luxi serif, times, serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #990000;

	/* DEFAULT: background-color: #a0c0ff; */
	/*          border: 1px solid #5080b0; */
        background-color: #f0f0f0;
	border-top: 1px dotted #f0d0d0;
	border-bottom: 1px dotted #f0d0d0;
	-moz-border-radius: 4px 4px 4px 4px;

	padding: 4px;
	padding-left: 6px;
}

h3 a {
	text-decoration: none;
	color: inherit;
}

/* entry title */
h4 {
	font-family: georgia, times new roman, luxi serif, times, serif;
	font-weight: normal;
	color: #990000;
	margin-bottom: 2px;
	padding-bottom: 0;
}

h4 a {
	text-decoration: none;
	color: inherit;
}

img.face {
	float: right;
	margin-top: -4em;
}

/* entry content */
.entry {
	font-family: georgia, times new roman, luxi serif, times, serif;
	font-weight: normal;
	margin-bottom: 2em;
}

.entry p {
       margin-top: 0;
       margin-bottom: 0;
       padding-top: 0;
       padding-bottom: 0;
}

.entry .date {
	font-family: trebuchet ms, luxi sans, bitstream vera sans, sans-serif;
	font-size: 60%;
	color: #999;
}

.entry .date a {
	text-decoration: none;
	color: inherit;
}

.sidebar {
	position: absolute;
	top: 116px;
	right: 0px;
	width: 200px;

	/* background: transparent;
	background-color: #e0e0e0; */

	/* border-left: 1px solid #ccc; */

	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;

	padding-top: 16px;
	padding-left: 10px;

	font-family: trebuchet ms, luxi sans, bitstream vera sans, sans-serif;
	font-size: 85%;

	z-index: 3;
}

.sidebar h2 {
	font-size: 110%;
	font-weight: bold;
	color: #999;

	padding-left: 5px;
	margin-left: 0px;
}

.sidebar ul {
	padding-left: 2em;
	margin-left: 0px;

	list-style-type: square;
}

.sidebar ul li:hover {
	color: grey;
}

.sidebar p {
	border-top: 1px solid #ccc;
	margin-top: 30px;
	padding-top: 10px;

	padding-left: 5px;
}

a:hover {
	text-decoration: underline !important;
	color: #ff3333 !important;
}