body { font:0.7em/1.5em Verdana, Arial, Helvetica, sans-serif; }

.align-center { text-align: center; }
.flow-root { display: flow-root; }
.flow-column { flex-direction: column; }
.row { display: flex; }
.form-box { display: inline-flex; margin-right: .1em; }

#logo,
.ad120,
.ad468,
.ad728 {
	display: none;
}

.adblock { display: block, width: 100%; margin: 0; padding: 0; }
#ad-top { margin-top: 3px; }

a,
a:link,
a:visited,
a:focus {
  color: #009;
  text-decoration: none;
  border-bottom: 1px dotted #000;
}

a:hover { border-bottom: 1px solid #009; }

#home { margin: 1em; }
#home section { margin-bottom: 1em; }
#home input { margin: .75em .25em; }

header { flex-direction: column; }
header nav,
header .col-right { text-align: center; margin-top: 10px; }
header form { margin: 0; padding: 5px; }
header form input,
header form select { text-align: center; width: 99%; margin: 3px; padding: 5px; }

#browse h1 {
	text-align: center;
	padding: 5px;
	margin: 0;
	border-bottom: solid 0px #a9a9a9;
	background: #e5e4e2;
	font-size: 1.5em;
	line-height: 1em;
}
.details h1 { display: none; }

#torrents { margin: 0 0 10px; padding: 0; list-style-type: none; display: table; width: 100%; position: relative; }
#torrents a { border: 0; }
#torrents #viewswitch { display: none; }
#torrents li.list-header,
#torrents li.list-entry { display: table-row; }
#torrents li.list-entry { background: #e5e4e2; }
#torrents li.list-entry.alt { background: #f4f0ec; }
#torrents li.list-entry:hover { background: #fff; }
#torrents span.list-item { display: table-cell; padding: 3px; }
#torrents span.list-header { background: #a9a9a9; border: 1px solid #fff; }
#torrents li.list-entry span.item-type { text-align: center; }
#torrents span.item-title { display: block; }
#torrents span.item-details { color: #666; }
#torrents li.list-entry span.item-icons { display: inline-block; width: 70px; }
#torrents span.item-seed,
#torrents span.item-leech { text-align: right; }

#description_container { background: #e5e4e2; padding-bottom: 10px; margin-bottom: 10px; }
#description_container h2 { margin: 0; padding: 6px 0 8px 10px; font-size: 1.2em; font-weight: bold; letter-spacing: 0.07em; border-bottom: 1px solid #fff; background: #a9a9a9; }
#description_container h3 { margin: 5px; font-size: 1.2em; font-weight: bold; color: #555555;}
#description_container .col-meta div { padding: 1px 5px; display: flex; }
#description_container dt { margin: 0; padding: 0; display: inline-block; font-weight: bold; color: #555555; border-bottom: 1px dashed #E8DCD2; flex-shrink: 0; }
#description_container .dt-sm { width: 4em; }
#description_container .dt-md { width: 8em; }
#description_container dd { margin: 0; padding: 0; display: inline-block; border-bottom: 1px dashed #E8DCD2; }
#description_container #tags a { margin-left: .5em; }
#description_container .links { margin: 20px 10px; }
#description_container .links a { margin: 5px; font-size: 1.0em; color: #008E00; font-weight: bold; text-transform: uppercase; border-bottom: 1px dotted #80C780; }
#description_container .hyper-link:before { content: "\27A4";display: inline-block;margin: 0 5px; color: #009; }
#description_container .text-box { margin: 20px 5px; border: 1px solid #a9a9a9; background: #fff; padding: 10px; font: 1.25em monospace; }
#description_container #description_text { white-space: pre-wrap; }
#description_container ol { margin: 0; padding: 0; list-style-type: none; }
#description_container #filelist li { position: relative; padding: 1px;}
#description_container #filelist li.alt { background: #f8f8f8; }
#description_container #filelist .file-size { float: right; }
#comments_container li { margin: 10px 5px; }
#comments_container span { display: block; width: 100%; }
#comments_container .comment-meta { color: #BB967A; margin-bottom: 5px; }
#comments_container .comment-text { padding: 6px 3px; background: #fff; font: 1.25em monospace; white-space: pre-wrap; }

.category_list { width: 50%; }
.category_list div { display: flex; flex-direction: column; padding: 10px; width: 100%; }
.category_list dt { display: block; width: 100%; }
.category_list dd { margin-left: 1em; }
.category_list dd>a,
.category_list dd span { display: inline-flex; margin: 0 .2em;}

@media screen and (min-width: 480px) {
	.ad234 { display: none; }
	.adblock .ad468 { display: block; }
}

@media screen and (min-width: 800px) {
	#home { margin: 10px auto; }

	.details h1 { display: block; }

	#browse { display: flex; flex-direction: column; margin: 0 10px; width: auto; }
	header { order: 1; flex-direction: row; }
	main { order: 2; }
	footer { order: 3; }
	header nav,
	header .col-right,
	header .col-center { text-align: center; margin: 10px; }
	header form { margin: 0; padding: 0; }
	header form input,
	header form select { text-align: center; width: auto; margin: 3px; padding: 5px; }
	header #search_input { width: 20em; }
	#browse h1 { text-align: left; }
	.browse { display: flex; flex-direction: row; }
	.browse .col-left,
	.browse .col-right { width: 140px; margin: 0; padding: 10px ;}
	.browse .col-center { width: 100%; margin: 0; padding: 10px; }

	#torrents #viewswitch { display: inline; float: right; }
	#torrents.view-double { font-size: 1.15em; }
	#torrents.view-single li.list-entry span.item-icons { padding-left: 5px; padding-right: 5px; wdith: auto; white-space: nowrap; }

	#description_container { font-size: 1.1em; }
	#description_container #metadata { display: flex; }
	#description_container .col-meta { width: 50%; }
	.ad120,
	.ad468,
	.ad728  {
		display: block;
	}

	.ad234, .adblock .ad468 { display: none; }
}

@media screen and (min-width: 1250px) {
	#logo { display: inline; }
	#logo a { border: 0; }

	#browse { margin: 0 auto; width: 1240px; }
}