/* basic elements */

body {
	background-color: white;
	font-family: "Helvetica", "Arial", sans-serif;
	padding-left: 45px;
	font-size: 80%;
	line-height: 1.33em;
}

h1 { color: #999;  }
h1, h2, h3 {
	font-family: "Arial Black";
	font-weight: normal;
	line-height: 100%;
}

h3 { margin: .66em 0 .66em; font-size: 125% }
p, ul { margin: .66em 0 0 }

.indented { margin-left: 120px }
p.indented { width: 830px }

ul.horiz { padding-left: 0 }
ul.horiz li {
	display: inline-block;
	padding-right: .75em;
}
ul.download li {
	margin-bottom: .5em;
	line-height: 110%;
}
ul.download li small { display: inline-block; }
ul li.spaced { margin-top: 1em; display: block }
/*
ul.horiz li + li:before {
	content: "| "
}
*/

a {
	font-weight: bold;
	text-decoration: none;
	color: #888;
	font-size: 90%;
}
a:visited { color: #bbb }
a:hover { text-decoration: underline; color: #c00 }

.active a {
	color: #393;
}
.active a:visited { color: #6c6 }
.active a:hover { text-decoration: underline; color: #040 }

small, .small { font-size: 85%; }

.grey { color: #888 }

blockquote { font-size: 85%; margin-left: 2em }

/* software page layout */

div.application {
	width: 120px;
	display: inline-block;
}
	div.application h2 { display: none }

div.row { margin-top: 30px }
div.row > div {
	display: inline-block;
	vertical-align: top;
	margin-right: 1.5em;
}
div.row > div.application {
	margin-right: 0
}

div.ruled { border-top: solid 2px black }
div.active {
	background: url("/sw/img/activebg-trans.png") repeat-x;
	min-height: 64px;
	padding: 0 12px
}
div.active > h3 { padding-top: .66em }
p + div.active { margin-top: 2em }

div.description { width: 270px }
div.description form { display: inline-block; padding: .6em 1em .6em 0 }
div.support { width: 190px }
div.mac, div.win { width: 160px }
div.mac.active, div.win.active { width: 136px }
div.ad-topright { float: right; padding-left: 1.5em; padding-bottom: .5em }
div.category-container { margin-top: 1em }
div.category { 
	vertical-align: top;
	display: inline-block;
	width: 140px;
	font-size: 85%;
	margin-right: 8px 
}
div.category.active { padding: 0 8px; width: 124px }
	div.category ul { padding: 0 }
	div.category li { list-style: none; margin-bottom: .5em; line-height: 110% }
	div.category > a { font-weight: normal; color: black }

div.tty {
	font-family: monospace;
	font-size: 130%;
}
div.tty div {
	white-space: pre;
}

div.highlight {
	color: red;
	font-weight: bold;
}

ul.thumbs { padding: 0 }
ul.thumbs li { padding: 1em; display: inline-block ; width: 128px; }
ul.thumbs li p { text-align: center; padding: .3em 0 }
ul.thumbs li a img {
	display: block;
	margin: 0 auto
}

#in-progress {
	position: absolute;
	margin: auto auto;
	padding: 3em;
	border: solid 4px #ccc;
	background-color: #eee;
	text-align: center;
	left: 40%; top: 30%;
}