/*  Globals
--------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }

hr { display: none; }

ul { list-style: none; }

* {margin:0; padding:0;}

a { color:#21449C; text-decoration: none; }
a:hover { color:#000000; }

#footer a { color:#8C836D;text-decoration: underline; }
#footer a:hover { color:#C2BAA7;  }

h2 { font-size: 14px; }
h3 { font-size: 12px; }


body {
	text-align: left;
	font: 12px/1 "Lucida Grande", Verdana, Arial, Helvetica, Sans-Serif;
	color:#57503E;
	position:relative;
	background: #D7D5D1 url(../gfx/topgrad.jpg) repeat-x 0 0;
	padding: 0;
	margin: 0;
}
#container {
	margin: 0 auto;
	width: 990px;
	position: relative;
}
#footer {
	clear: both;
	padding: 15px 0;
}
#header {
	height: 150px;
	width: 990px;
	background: url(../gfx/header_grunge.jpg) no-repeat 400px 0;
}
#header h1 {
	width: 500px;
	height: 150px;
	float: left;
	background: url(../gfx/dbforum_logo.jpg) no-repeat 0 0;
}
#header h1 a {
	display: block;
	width: 400px;
	height: 150px;
	text-indent: -9999px;
}
#header h3 {
	font-size: 14px;
	margin: 0 0 5px;
}
#header h3 a {
	font-size: 11px;
}
#page_login {
	float: right;
	width: 300px;
	background: #fff;
	border: 1px solid #BDB4A3;
	border-top: none;
	padding: 10px;
	margin: 0;
	line-height: 1.4em;
	font-size: 11px;
}
#page_login label {
	text-align: right;
	float: left;
	width: 80px;
	margin: 0 5px 0 0;
}
#page_login input.input {
	float: left;
	width: 100px;
	display: block;
	margin: 0 5px 0 0;
}
#page_login input.checkbox { 
	float: left; 
	margin: 0 5px 0 0;	
}
#page_login .field {
	clear:both;
}

#userquicklinks {
	clear: both;
	margin: 15px 0;
	padding: 15px;
	border-top: 1px solid #BDB4A3;
	border-bottom: 1px solid #BDB4A3;
	background: #D0CDC9;
}
#quicksearch {
	position: absolute;
	top: 130px;
	right: 0;
	width: 400px;
	text-align: right;
}
#quicksearch label { display: none; }

#breadcrumbs {
	margin: 0 0 15px;
	padding: 10px 15px;
	border-top:1px solid #BDB4A3;
	border-bottom:1px solid #BDB4A3;
	background: #D7D5D1 url(../gfx/topgrad.jpg) repeat-x 0 0;
}
.colA {
	float: left;
	width: 49%;
}
.colB {
	float: right;
	width: 49%;
}
.clear { clear: both; }

.sidebar {
	float: left;
	width: 30%;
}
.main {
	float: right;
	width: 68%;
}
.field {
	padding: 5px 0;
}

#quicklinks  {
	padding: 15px 0;
}

form fieldset {
	line-height: 1.4em;
	padding: 15px;
	border: none;
}
form fieldset input {
	margin: 0 0 15px;
}

/*  Tables (shudder)
--------------------------------------------------------------------------------------------------- */
table {
	margin:0 0 15px; padding:0;
	border-collapse:collapse;
}

html>body table {width:99%;}
body#default table { margin-top: 15px; }

tfoot { 
	text-align: center;
}
thead {
	border-top:3px solid  #BDB4A3;
	border-bottom:3px solid  #BDB4A3;
}
thead th,
tbody th,
.tableHeadingBG,
.profileHeadingBG {
	background-color:#21449C;
	color: #fff;
	padding:7px;
	text-align:left;
}
.tableHeadingBG a {
	color:#000;
}
.tableHeadingBG a:hover {
	color:#fff;
}
thead th {
	border:1px solid #BDB4A3;
}
tbody td {
	text-align:left;
	border:1px solid #BDB4A3;
	line-height: 1.4em;
}
.tableRowHeadingBold, .tableRowHeading {
	background: #ccc;
}
.tableRowHeading table td {
	border: none;
	background: #ccc;
}
tbody tr {
	background-color:#fff;
	color:#57503E;
}
tbody tr.odd {
	background-color:#C1BDB4;
}

td {
	padding:7px;
}
td.tableCellTwo {
	background: #eee;
}
#content table p { 
	text-align: left; 
	margin:0 0 5px 0; 
	padding:0; 
}
#colA table img { 
	border: 1px dotted #000; 
	padding: 2px;
	background:#fff;
}
#colA table p.right { float: none; }

dl {
	background: #fff;
	padding: 15px;
	border: 1px solid #BDB4A3;
}

dl dt {
	font-weight: bold;
	margin: 10px 0 5px;
}
dl dd {
	margin: 0 0 10px;
	line-height: 1.4em;
}
dl dd ul li {
	margin: 0;
	padding: 4px 12px;
	border-bottom: 1px solid #ccc;
}

/* --- buttons --- */
.buttonLarge { 
	font-weight: bold; 
	padding: 5px 10px; 
	border: 1px solid #fff;
	background: #21449C;
}
/*
    Button Formatting
	This controls the look of the various buttons, like
	the "NEW TOPIC" and "POST REPLY" buttons
------------------------------------------------------ */ 

.button { width:				96px; background-color: 	transparent; display: block; }
.lastTD { background: #21449C; border: 1px solid #C05D0C; width: 500px; margin: 0;  }
.button40 {
 width:				34px;
 background-color: 	transparent;
}
.button80 {
 width:				80px;
 background-color: 	transparent;
}
.button100 {
 width:				70px;
 background-color: 	transparent;
}
.button210 {
 width:				210px;
 background-color: 	transparent;
}
.buttonSpacer{
 margin:	0 0 0 6px;
}
.buttonLarge { text-transform:    uppercase; font-size:         10px; text-align:		center; color:				#fff; font-weight:		bold;  letter-spacing: 0.1em; padding:           4px 6px; margin:     		2px 0 4px; white-space: 		nowrap; cursor: pointer; 
background: #21449C; border: 1px solid #fff;
}
.buttonLargeHover { text-transform:    uppercase; font-size:         10px; text-align:		center; color:				white; font-weight:		bold; background-color: #BDB4A3; letter-spacing: 0.1em; padding:           4px 6px; margin:     		2px 0 4px; border: solid 1px #BDB4A3; white-space: 		nowrap; cursor: pointer; color:#57503E; }


.buttonSmall { font-size:         10px; font-weight:		bold; text-align:		center; color:				#6986a0; background-color: white; padding:           2px 3px; margin:     		0; border: solid 1px transparent; white-space: 		nowrap; cursor: pointer; }

.buttonSmallHover {
 background: 		#DCE0F6 url({path:image_url}nav_tab_bg_on.jpg) repeat-x left top;
 border-top:		#7B7EB4 1px solid;
 border-left:		#7B7EB4 1px solid;
 border-right:		#66699D 1px solid;
 border-bottom:		#66699D 1px solid;
 text-transform:    uppercase;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         10px;
 font-weight:		bold;
 text-align:		center;
 color:				#000;
 padding:           2px 2px 2px 3px;
 margin:     		0 3px 0 3px;
 white-space: 		nowrap;
 cursor: pointer;
}
td.button150 { width: 763px; height: 26px; overflow: hidden; padding-bottom: 20px; }
td.button150 img { float: right; margin-left: 10px; }


/* Footer
--------------------------------------------------------------------------------------------------- */
#footer ul {
	float: left;
	width: 400px;
}
#footer ul li { 
	display: inline;
	padding: 0 6px;
}
#vibe9 { float: right; width: 200px; text-align: right; }

/* Helpers
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }
img.right { float: right; margin: 0 0 10px 10px; }
img.left { float: left; margin: 0 10px 10px 0; }

.clearfix:after,
.fragment ul li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, .fragment ul li {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html .fragment ul li {height: 1%;}
.clearfix, .fragment ul li {display: block;}
/* End hide from IE-mac */