/*
 *  stylesheet for komport website
 */

body {
	margin:0;
	padding:0;
	background:#ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	width: 100%;
}

h1, h2, h3 {margin:.5em 0 .5em 0;}
h1 {font-size:150%;margin-top:0;}
h2 {font-size: 130%;}
h3 {font-size: 100%; margin: 0;}
h1 {
	background: #aaa; color: #000; text-align: center;
	padding: 4px;
}

p     {margin: 0.5em;margin-left:0;margin-right:0;}
li p   { margin: 0 0 0 1em; }
ol, ul { margin: 0 0 0 2em; }
ul ul {list-style-type:circle;}
a img {border:0;}

.lines {
background-image: url(/grey-border.gif);
background-repeat: repeat-x;
padding-top: 1px;
}

.col1, .col2 {
	margin-bottom:1em;
	text-align:left;
	width:48%;
}
.col1 {clear:both;float:left;}
.col2 {margin-left:0; float:right;}

.release-date, .filesize, .screenshot-info {font-style: italic;}
.screenshot {margin-top:1em;margin-bottom:1em;}

#sflogo{padding-top: 5px;}
#tagline {margin: 1em;}
#hosted-by-sf {padding-top: 0.5em;}
#content {
	position:absolute;left: 26ex; width: auto;
	padding-left: 1.5em;
	padding-right: 1em;
	padding-bottom: 1em;
	width: 80%;
}

#menu {
	position: absolute; left: 0ex; width: 24ex; 
	padding: 0.5em;
	margin: 0.5em;
	border: 1px solid #aaa;
}
#menu  dl { margin-top: 0px; margin-bottom: 0.5ex; }
#menu  dt { }
#menu  dd { margin-left: 1em; padding-left: 0px; }