/* CSS Document */

body {
	background: black url(../images/bg_metal_panel.jpg) repeat-x top left;
	margin-bottom: 40px;
}


/* sizer ------------------ */
#sizer {
	background: white url(../images/bg_clouds.jpg) no-repeat top left;
}

/* outer divs (mostly for side rivet bg images) --- */
#outer_1 {
	background: url(../images/bg_rivets_v2.gif) repeat-y left top; /* left bg rivets */
	padding-left: 23px;
}

#outer_2 {
	background: url(../images/bg_rivets_v2rt.gif) repeat-y right -200px; /* right bg rivets */
	padding: 0px 23px 0px 0px;	
}

/* added due to firefox 1.0 */
#content {
	position: relative;
}

#wrapper
{
	float: none;
}

/* header ------------------ */
#header {
	padding-top: 30px;
}

/* branding ---------------- */
#branding {
	width: 308px;
	float: left;
}

#branding img {
	border: none;
}

#ad_top {
	float: right;
	width: 468px;
	margin: 67px 60px 0px 15px;
}

/* login ----------------------- */
#login {
	width: 136px;
	float: right;
	padding: 0px 50px;
	margin-top: -10px;
}

#login input {
	margin-bottom: 2px;
	width: 125px;
	font-size: 80%;
	padding: 2px 0px 2px 2px;
}

#login .btn_holder {
	text-align: right;
	width: 125px;
}

#login button {
	margin-right: 3px;
	font-size: 80%;
	padding: 1px;
	background: transparent;
}

#login input[type=checkbox] {
	border: none;
	margin: 0px 3px 0px 0px;
	font-size: 80%;
	background: transparent;
}

#login button:hover {
	color: red;
}

#login button.last {
	margin-right: 0px;
}

/* forms ------------------- */
input {
	border: 1px solid #554B40;
}

input[type=submit] {
	padding: 1px 6px 2px 6px;
	font-size: 12px;
	font-weight: bold;
	background-color: #EFEFEF;
	border: 1px solid #DFDFDF;
}

input[type=button] {
	padding: 1px 6px 2px 6px;
	font-size: 12px;
	font-weight: bold;
	background-color: #EFEFEF;
	border: 1px solid #DFDFDF;
}

input[type=checkbox] {
	padding: 0px;
	margin-bottom: 2px;
	border: 1px solid #C3C3C3;
}

textarea {
	font-size: 11px;
	font-family: Verdana;
	border: 1px solid #554B40;
}

/* columns ----------------- */
#block_1
{
	background: url(../images/bg_rivets.gif) repeat-y right top;
}

#block_2
{
	background: url(../images/bg_rivets.gif) repeat-y right top;
}

/********* Tools / Utilities *********** */
.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

/* easy clearing ------------------- */
#wrapper:after
{
	/*content: '[DO NOT LEAVE IT IS NOT REAL]'; */
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#wrapper
{
	display: inline-block;
}

/*\*/
#wrapper
{
	display: block;
}
/* end easy clearing */

/* start equal height columns, which does NOT work in mac ie 5 */
/* Start Mac IE5 filter \*/
#block_1, #block_2, #block_3
{
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
/* End Mac IE5 filter */

#wrapper {
	overflow: hidden;
}
/* end equal height columns */

/* generic --------------------- */
.padding {
	padding: 20px;
}

.divider {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(../images/bg_rivets_h.gif) repeat-x left bottom;
}

/* opera 8 hack for equal height columns,
in tutorial code this is put inside mac ie5 filter -
hack is not necessary for opera 9 beta */
@media all and (min-width: 0px) {
	#block_1, #block_2, #block_3 {
		padding-bottom: 0;
		margin-bottom: 0; 
	}

	#block_1:before, #block_2:before, #block_3:before {
		/*content: '[DO NOT LEAVE IT IS NOT REAL]';*/
		content: ' ';
		display: block;
		background: inherit;
		padding-top: 32767px;
		margin-bottom: -32767px;
		height: 0;
	}
}
/* end opera 8 hack */

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
	position: relative;
	z-index: 1000;
}

/* footer ---------------------------------- */
#footer {
	height: 146px;
	background: transparent url(../images/bg_footer.gif) no-repeat left bottom;
}
/* sidebar */

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}