@import url('/_autoindex/colour.css');
@import url('/_autoindex/header.css');
@import url('/_autoindex/items.css');

/** General layout - sizes

Nice typewriter font - Rockwell

**/

body {
	padding: 1em;
	padding: 0;
	margin: 0;
	font-size: 80%;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
}


#header {} /** see header.css **/
#centre {
	text-align: center;
	margin: 1em;
	padding: 1em;
	padding-top: 0;
	padding-top: 1em;
	clear: both;
	height: auto;
	margin-left: 50%;
}

#content {
	position: relative;
	text-align: left;
	left: -500px;
	width: 1000px;
	padding: 1em;
	margin-top: 0;
	padding-top: 0;
}


#autoindex { display: none }

body#index .readme {
	font-size: 100%;
	margin: 0;
 	margin-bottom: 3em;
	padding: 1em;
	width: 1000px;
	float:none;
	clear: both;
	display: block;
}



body#index .article {
	font-size: 100%;
	float: left;
	margin: 1%;
	padding: 1%;
	margin-bottom: 1em;
	margin-top:0;
	width: 100%;
}

body#index .text {
	padding-top: 0;
	margin-top: 0;
}

body#index .article #header {
	display: none;
}


body#index .readme h1,
body#index .readme h2,
body#index .readme h3,
body#index .article h1,
body#index .article h2,
body#index .article h3 {
	padding:0; margin:0;
	margin-bottom: 0.3em;
}

body#index .readme a {
	display: inline;
}

body#index .title_only h3,
body#index .standfirst h1,
body#index .standfirst h2,
body#index .standfirst h3 {
	padding-top:0; margin-top: 0;
	margin-bottom: 0.3em;
}
body#index p {
	padding: 0;
	margin:  0;
	margin-bottom: 0.6em;
	line-height: 190%;
}

body#index .binfile,
body#index .standfirst,
body#index .title_only {
	width: 90%;
	font-size: 75%;
	float: right;
	margin-left: 1em; padding: 2pt;
}

body#index .binfile {
	width: 150px;
	height:120px;
}
body#index .binfile img {
	width: auto;
	height: auto;
}

body#index .stats {
	display: inline;
	line-height: 100%;
	float: left; /** margin:0; **/
	text-indent: 2.9em;
}
.inline_index .stats {
	display: none;
}

body#index .stats span.size {
	margin-left: 0.33em;
	padding-left: 0.33em;
	text-transform: lowercase;
}
.filetype {
	display: inline;
}



.inline_index {
	float: right;
	width: 25%;
	font-size: 75%;
	margin-left: 3em;
}
.inline_index h3 {
	padding: 0;
	margin:  0;
	margin-top: 0.6em;
}
.inline_index h3 a {
}
.inline_index p {
	padding: 0;
	margin:  0;
	margin-top: 0.3em;
	text-align: right;
}
.inline_index p span.size { display: none; }
.inline_index p span.mod { }



#footer {
 	display: block;
 	width: auto;
	text-align: center;
	font-size: 80%;
	margin: 0; padding: 0;
	margin-top: 2em; padding-top: 2em;
	margin-bottom: 2em; padding-bottom: 2em;
	float:none;
	clear:both;
}
.inline_index #footer {
	display: none;
}




body#index .readme img.icon,
body#index .standfirst img.icon,
body#index .article img.icon,
img.icon {
	vertical-align: middle;
	margin-right: 0.5em;
	display: inline;
}

body#index .readme .ok {
	display: inline;
}

a.more {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 80%;
}

body#index #newcontent {
 	padding: 0;
	margin: 0;
}

#files_index_div {
	display: block;
	width: 37%;
	float: right;
	margin-right:0;
}

body#index #files_index_div {
	margin-top: 1em;
	margin-bottom: 1em;
}

.inline_index #files_index_div {
	width: 100%;
	margin-left: 2em;
}

.embed_article_label {
	width: 60%;
	float: left;
	padding: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	display: block;
	background: #ddd;
}
body#index .embed_article_label {
}
.embed_article {
	width: 60%;
	float: left;
	padding: 1em;
	height: 400px;
	height: auto;
}

body#index .embed_article {
	margin: 0 auto;
}

.other_items_label {
	background:#ddd;
	display: block;
	width: 33%;
	float: right;
	margin-right:0;
	margin-left: 1.5em;
	padding: 0.5em;
}
body#index .other_items_label {
	display:inline;
	background: #ddd;
	font-size: 100%;
	margin: 0 auto;
	padding:0;
	padding-left: 1em;
	color: #333;
	font-weight: 900;
}
body.article .other_items_label,
.inline_index .other_items_label {
	margin-left: 2em;
	padding-top: 2pt;
	width: 100%;
}

.embed_article_label a,
.other_items_label a {
	padding: 1pt;
}

.third {
	width: 31%;
	margin:0.3%;
	padding:0.7%;
	display: block;
	float: left;
	background: #eee;
}

ul#frontpage_link {
	padding:0;
	margin: 0;
	display:block;
	list-style: none inside;
	border-bottom: 1px solid #aaa;
}

ul#frontpage_link li {
	padding:0; margin:0;
	display:block;
	line-height: 400%;
	border-top: 1px solid #aaa;
}

ul#frontpage_link li a {
	font-size: 120%;
	color: #888;
	font-family: helvetica, arial, sans;
	text-decoration:none;
}
ul#frontpage_link li a:hover {
	text-decoration: underline;
}
ul#frontpage_link li a:active {
	color: red
}