/* ------------------------------------------------------------------------ 	*/
/*	Theme:		BldBox							*/
/*	Desiner:	bleader -- http://ratonland.org/			*/
/*	Based on:	BlueBox						 	*/
/*	Designer:	Aaron Brown - http://www.thebrownproject.com/		*/
/* ------------------------------------------------------------------------ 	*/

/* ------------------------------------------------------------------------ 	*/
/*	Basic Tags								*/
/* ------------------------------------------------------------------------ 	*/
body {
	background-color:	#222;
	font-family:		"Trebuchet MS", Trebuchet, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size:		8pt;
	padding:		40px;
	margin:			0;
}
a {
	color:			#fff;
	text-decoration:	none;
}
a.bar {
	color:			#fff;
	text-decoration:	none;
	border-left:		4px solid #0c0;
	padding-left:		4px;
}
a.bar:hover {
	border-left:		4px solid #222;
}

/* ------------------------------------------------------------------------ */
/*	Page Layout framework
/* ------------------------------------------------------------------------ */
table.framework {
	width:			100%;
	border-collapse:	collapse;
	border:			none;
	padding:		0;
	margin:			0;
	font-size:		1.0em;
}
table.framework td.left-panel {
	width:			130px;
	padding-right:		10px;
	text-align:		left;
	vertical-align:		top;
}
table.framework td.right-panel {
	text-align:		left;
	vertical-align:		top;
}

/* ------------------------------------------------------------------------ */
/*	Left column (menu, navigation)
/* ------------------------------------------------------------------------ */
#static {
/* "static" is the div which contains the title and menu blocks.  Its position	*/
/* is fixed at the top left of the browser window for CSS2-compliant browsers.	*/
	position:		fixed;
	top:			40px;
	left:			40px;
	width:			130px;
}
#title-panel {
	padding:		8px 0;
	margin-bottom:		10px;
	border:			2px solid #0c0;
	font-size:		1.4em;
	font-weight:		bold;
	color:			#fff;
	background-color:	#000;
	text-align:		center;
}
#title-panel a {
	color:			#fff;
	text-decoration:	none;
}
div.menu-panel {
	padding:		8px 0;
	margin-bottom:		10px;
	border-top:		none;
	border-right:		2px solid #0c0;
	border-bottom:		2px solid #0c0;
	border-left:		2px solid #0c0;
	background-color:	#000;
	color:			#fff;
}
#menu-panel-title {
	width:			100%;
	font-size:		1.2em;
	font-weight:		bold;
	color:			#000;
	background-color:	#0c0;
	padding:		2px 8px;
	margin-bottom:		8px;
}
div.panel-title {
/*	width:			100%;	*/
	font-size:		1.2em;
	font-weight:		bold;
	color:			#000;
	background-color:	#0c0;
	padding:		2px 8px;
	border-top:		2px solid #0c0;
	border-right:		2px solid #0c0;
	border-bottom:		none;
	border-left:		2px solid #0c0;
}
div.panel-title a {
	color:			#000;
}
div.menu-panel a {
	color:			#fff;
	text-decoration:	none;
	line-height:		2.0;
	padding:		0px 6px;
	margin-left:		8px;
	border-left:		4px solid #0c0;
}
div.menu-panel a:link {
}
div.menu-panel a:hover {
	border-left:		4px solid #080;
}

/* ------------------------------------------------------------------------ */
/*	Right column (main content panel)
/* ------------------------------------------------------------------------ */
#content-panel {
	padding:		0;
	margin-left:		25px;
	width:			600px;
}

/* ------------------------------------------------------------------------ */
/*	Form styles
/* ------------------------------------------------------------------------ */
textarea {
	border:			1px solid #0c0;
	background-color:	#000;
	color:			#fff;
	font-size:		1.1em;
}
input[type="text"] {
	border:			1px solid #0c0;
	background-color:	#0c0;
	color:			#000;
	font-size:		1.1em;
}
input[type="password"] {
	border:			1px solid #0c0;
	background-color:	#0c0;
	color:			#000;
	font-size:		1.1em;
}
input[type="text"]:focus {
	background-color:	#000;
	color:			#fff;
}
input[type="password"]:focus {
	background-color:	#000;
	color:			#fff;
}
input[type="submit"], input[type="reset"] {
	border:			1px solid #0c0;
	background-color:	#0c0;
	color:			#000;
	font-size:		1.1em;
	font-weight:		bold;
}
input[type="submit"]:hover, input[type="reset"]:hover {
	color:			#fff;
	background-color:	#dde;
}
form.search {
	padding:		0 0 0 8px;
	margin:			0;
	color:			#fff;
}
form.search input.text {
	width:			110px;
}

form.titles {
	color:			#fff;
}

form.titles input.text {
	width:			200px;
}
form.search input.big-text {
	width:			200px;
}

/* ------------------------------------------------------------------------ */
/*	Table styles
/* ------------------------------------------------------------------------ */
td.item-head {
/* A table header cell style.  The <td> element is not styled so as not to		*/
/* cause unpredictable results with hard-coded tables from GNUMP3d's modules.	*/
	font-size:		1.2em;
	font-weight:		bold;
	color:			#000;
	background-color:	#0c0;
	padding:		2px 8px;
}

td.underline-links a {
	text-decoration:	underline;
}
td.right {
	text-align:		right;
	font-size:		0.9em;
	width:			80px;
}
td.right a {
	text-decoration:	none;
}
td.right a:hover {
	text-decoration:	underline;
}
td.item-body {
	padding:		8px 46px;
}
td.item-info {
	padding:		6px 18px;
}
table.items {
/* This table class is used for most generic tables in the site.	*/
	width:			100%;
	font-size:		1.2em;
	border:			2px solid #0c0;
	background-color:	#000;
	color:			#fff;
	margin-bottom:		10px;
	border-collapse:	collapse;
}
table.items tr.item:hover {
	background-color:	#070;
}
/*table.items td {
	padding:		2px 8px;
}*/
table.items a {
	color:			#ccc;
	text-decoration:	underline;
}

.item-head > a {
	color:			#000!important;
}

table.results {
/* A table style used for the search results page, where much of the	*/
/* table's internal html is predetermined by GNUMP3d, so cells cannot	*/
/* be assigned their own CSS class.										*/
	width:			100%;
	font-size:		1.0em;
	border:			2px solid #0c0;
	background-color:	#000;
	margin-bottom:		10px;
	border-collapse:	collapse;
}
table.results tr:hover {
	background-color:	#070;
}
table.results tr.plain:hover {
	background-color:	#000;
}
table.results td {
	padding:		2px 8px;
}
table.results a {
	color:			#fff;
	text-decoration:	none;
}

table.items-bar {
/* A table style with similar purpose to "table.results" above.	*/
	width:			100%;
	font-size:		1.0em;
	border:			2px solid #0c0;
	background-color:	#000;
	margin-bottom:		10px;
	border-collapse:	collapse;
}
table.items-bar tr:hover {
	background-color:	#070;
}
table.items-bar td {
	padding:		2px 8px;
}
table.items-bar a {
	color:			#fff;
	text-decoration:	none;
	border-left:		4px solid #0c0;
	padding-left:		4px;
}
table.items-bar a:hover {
	border-left:		4px solid #222;
}