@import "/code/enlarge/styles.css";

body {
	font:				xx-small verdana, arial, sans-serif;
	background-color:	#FFF;
	margin:				20px;
}
a:link {
	color:				#777;
	font-weight:		bold;
	text-decoration:	underline;
}
a:visited {
	color:				#999;
	font-weight:		bold;
	text-decoration:	none;	
}
a:hover, a:active {
	color:				#333;
	font-weight:		bold;
	text-decoration:	underline;	
}
th a:link, th a:visited,
th a:hover, th a:active {
	color:				#000;
	font-weight:		bold;
	text-decoration:	underline;
}
td.name .name {
	font-size:			x-small;
}

/* main sections */

#header {
	position:			relative;
	width:				700px;
	height:				54px;
	border-bottom:		1px solid #000;
}
#logo {
	position:			absolute;
	width:				100px;
	height:				50px;
	padding:			2px;
	border-right:		1px solid #000;
}
#title {
	position:			absolute;
	bottom:				0;
	left:				104px;
	padding:			10px 10px 10px 12px;
}
#content {
	position:			relative;
	width:				700px;
	margin:				10px 0 10px 0;
}
#footer {
	clear:				both;
	position:			relative;
	width:				690px;
	padding:			5px;
	border-top:			1px solid #000;
	margin:				0;
	color:				#777;
}
.header {
	width:				700px;
	margin-bottom:		10px;
}
.readme {
	width:				700px;
	margin-top:			10px;
}

/* other general tags */

h1 {
	font:				medium Arial, Verdana, sans-serif;
	font-weight:		bold;
	color:				#000;
	line-height:		100%;
	margin:				0;
}
p {
	margin:				0 0 5px 0;
}
img {
	font:				xx-small verdana, arial, sans-serif;
	border:				none;
}
td {
	font:				xx-small verdana, arial, sans-serif;
}
.image img {
	border:				1px solid #BBB;
	margin:				2px 0 2px 0;
}

/* file list table */

table.files {
	width:				700px;
	padding:			0;
	border:				none;
	margin:				0;
}
table.files tr {
	border:				none;
}
table.files th {
	border:				none;
	font:				xx-small verdana, arial, sans-serif;
	font-weight:		bold;
	text-align:			left;
	vertical-align:		bottom;
	padding:			0 0 5px 0;
}
table.files td.new {
	border-left:		1px dashed #BBB;
	border-top:			1px dashed #BBB;
	border-bottom:		1px dashed #BBB;
}
table.files td.icon, table.files td.name, 
table.files td.size {
	border-top:			1px dashed #BBB;
	border-bottom:		1px dashed #BBB;
}
table.files td.date {
	border-top:			1px dashed #BBB;
	border-bottom:		1px dashed #BBB;
	border-right:		1px dashed #BBB;
}
table.files td {
	background-color:	#EEE;
	padding:			4px;
	border:				none;
}
table.files tr.alternate td {
	background-color:	#FFF;
	border:				none;
	padding:			4px;
	border:				none;
}
table.files th.new, table.files td.new {
	font-weight:		bold;
	width:				30px;
	text-align:			right;
}
table.files th.icon {
	width:				40px;
	text-align:			center;
}
table.files td.icon {
	width:				40px;
	text-align:			center;
	padding:			2px;
}
table.files th.name, table.files td.name {
	width:				380px;
	padding-left:		4px;
}
table.files td.name p {
	margin:				0;
}
table.files th.size, table.files td.size {
	width:				80px;
	text-align:			right;
	padding-right:		0;
}
table.files th.date, table.files td.date {
	width:				170px;
	text-align:			right;
}
.icon img {
	border:				none;
}

/* headers */

div.junecode a, div.junecode span {
	display:			block;
	width:				100px;
	height:				50px;
	background-image:	url(/code/images/junecode.gif);
	text-indent:		-9999px;
	overflow:			hidden;
}