/* themes/UberWall.css */
/* default includes */
@import url("../css/debug.css");
@import url("../css/explorer.css");
@import url("../icons/gnome/icons.css");
@import url("../css/syntax.css");

html, body {
	background-color:		#000000;
	color:				#ffffff;
}

iframe {
	background-color:		#808080;
	border:				1px solid #404040;
}

button, html, body, input, select {
	font-family:			"Bitstream Vera Sans Mono", "Lucida Console", monospace;
	font-size:			12px;
}

a {
	color:				#808080;
	text-decoration:		none;
}

a:hover {
	color:				#c0c0c0;
}

h1 {
	background-color:		#404040;
	font-size:			12px;
	letter-spacing:			1ex;
	margin:				0;
	padding:			0;
	text-transform:			uppercase;
}

h2 {
	font-size:			12px;
	margin:				0;
	padding:			0;
	padding-left:			1ex;
	text-transform:			uppercase;
}

h3 {
	font-size:			12px;
	margin:				0;
	padding:			0;
	text-decoration:		underline;
}

img {
	border-width:			0;
}

button, input[type="submit"], input[type="password"], input[type="text"],
	input[type="file"], option, select, textarea {
	background-color:		#000000;
	color:				#ffffff;
	border:				solid 1px #202020;
}

p {
	margin:				0;
	padding:			0;
}

select {
	border-top:			0;
}

/* classes */
div#container {
	clear:				left;
	margin-left:			auto;
	margin-right:			auto;
	width:				640px;
}

.hidden {
	display:			none;
}

div.logo {
	background-image:		url('UberWall.png');
	background-position:		top right;
	background-repeat:		no-repeat;
	margin-left:			auto;
	margin-right:			auto;
	width:				640px;
	height:				71px;
}

div#main {
	clear:				left;
	height:				480px;
	overflow:			auto;
}

div.toolbar {
	background-color:		#404040;
}

div.toolbar .icon {
	background-position:		0 2;
	background-repeat:		no-repeat;
	width:				16px;
}

div.toolbar .separator {
	background-color:		#000000;
	margin:				0;
	padding:			1px;
}

/* FIXME horrid work-around for now */
h1.title, h2.title, h3.title {
	background-image:		none;
	background-position:		-48px -48px;
	background-repeat:		no-repeat;
}

h1.title:after {
	content:			'_';
}

table.bordered {
	border-collapse:		collapse;
	margin-left:			1px;
}

table.bordered, table.bordered td, table.bordered th {
	border:				solid 1px #ffffff;
}

table td.field {
	font-weight:			bold;
	vertical-align:			top;
}


/* modules */
/* article */
.article .author, .article .date, .article .edit {
	display:			inline;
}

.article .content {
	padding-left:			1ex;
}

.article .title {
	text-decoration:		underline;
}

/* explorer */
.explorer .entry {
	overflow:			hidden;
}

.explorer .entry .icon {
	text-align:			center;
	width:				20px;
}

.explorer .entry .thumbnail {
	height:				100px;
	margin-top:			4px;
	text-align:			center;
	width:				100px;
}

.explorer .entry .thumbnail img {
	max-height:			100px;
	max-width:			100px;
}

.explorer .header {
	background-color:		#404040;
}

.explorer .header div.sort {
	background-image:		url("../icons/16x16/down.png");
	background-repeat:		no-repeat;
	background-position:		center right;
	padding-right:			16px;
}

.explorer .selected {
	background-color:		#404040;
}

.explorer .listing_details .header div,
.explorer .listing_details .entry div {
	padding-left:			4px;
	text-align:			left;
}

.explorer .listing_details .header div.icon,
.explorer .listing_details .header div.name,
.explorer .listing_details .entry div.icon,
.explorer .listing_details .entry div.name {
	padding:			0;
}

.explorer .listing_details .entry .date,
.explorer .listing_details .entry .mode,
.explorer .listing_details .entry .revision {
	font-family:			monospace;
	font-size:			90%;
}

.explorer .listing_list .entry {
	height:				1em;
	min-height:			16px;
	width:				200px;
}

.explorer .listing_list .entry .name {
	text-align:			left;
}

.explorer .listing_thumbnails .entry {
	margin-right:			4px;
	margin-top:			4px;
	width:				100px;
}

.explorer .toolbar {
	height:				20px;
}

/* menu */
ul.menu {
	background-color:		#202020;
}

ul.menu li {
	float:				left;
	list-style-type:		none;
	margin:				0;
	padding:			2px;
	width:				80px;
}

ul.menu li ul {
	display:			none;
}

/* news */
.news .author, .news .date, .news .edit {
	display:			inline;
}

.news .content {
	padding-left:			1ex;
}

.news .title {
	text-decoration:		underline;
}

/* project */
.bug_reply .author, .bug_reply .date, .bug_reply .edit {
	display:			inline;
}

.bug_reply .content {
	padding-left:			1ex;
}

.bug_reply .status {
	background-color:		#202020;
	font-weight:			bold;
}

.bug_reply .title {
	text-decoration:		underline;
}

/* search */
.search .author, .search .date, .search .edit {
	display:			inline;
}

.search .content {
	padding-left:			1ex;
}

.search .title {
	text-decoration:		underline;
}