/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

/* General font families for common tags */
font, th, td, p{
	font: 10px Verdana,Arial,Helvetica,sans-serif;
	color: #7BA2A2;
	text-decoration: none;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #7BA2A2;
	background: #A4ACB2 url(images/body.gif);
	font-size: 10px;
	margin: 0;
	padding: 0;
}

div#body { 
    background: url(images/body_top.gif) top left repeat-x; 
    padding: 5px;
}

/* Misc stuff */
img {
	border: none;
}

/* Header and logo */
#maintable {
	margin: 0 auto;
	background-color: #FFF;
	color: #7BA2A2;
}

#header, .row-left, .row-right { padding: 0; }

.row-left { width: 4px; overflow: hidden; background: url(images/row_left.gif) top left repeat-y; }
.row-right { width: 4px; overflow: hidden; background: url(images/row_right.gif) top right repeat-y; }

#logorow {
	background: url(images/logo_bg.gif) top left repeat-x;
	text-align: center;
	padding: 0;
}

#logo-left {
	background: url(images/logo_left.gif) top left no-repeat;
}

#logo-right {
	background: url(images/logo_right.gif) top right no-repeat;
	padding: 4px 15px 0 15px;
	text-align: left;
	overflow: hidden;
}

/* Navigation buttons */
.navrow {
	background: url(images/buttons.gif) top left repeat-x; 
	height: 40px;
	overflow: hidden;
	color: #A8AFB3;
	text-align: center;
	font-size: 11px;
	padding-top: 4px;
}

.navrow a, .navrow a:visited {
	color: #7BA2A2;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

.navrow a:hover { 
	color: #7BA2A2; 
	text-decoration: underline; 
}

/* footer */
.row-bottom { 
    padding: 0;
    overflow: hidden;
    background: url(images/bottom_bg.gif) top left repeat-x; 
    height: 10px;
}

* html .row-bottom { font-size: 1px; line-height: 1px; }
.row-bottom div {
    height: 10px;
    background: url(images/bottom_left.gif) top left no-repeat;
}
.row-bottom div div {
    background: url(images/bottom_right.gif) top right no-repeat;
}

/* Content and tables */
#contentrow {
	padding: 8px;
}

.tablebg {
	border: solid 1px #C6CACF; 
	background: #F0F3F4 url(images/cell.gif) top left repeat-x;
	color: #7BA2A2;
}

.block-start .tablebg { 
    border-top-width: 0; 
    border-bottom-width: 0; 
    border-color: #6E747A;
}

.row1, .row2, .row3, .legend, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
	border-left: solid 1px #fff;
	border-right: solid 1px #B4B9BF;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #B4B9BF;
	background: #F0F3F4 url(images/cell.gif) top left repeat-x;
	padding: 4px;
}

th {
	color: #7BA2A2; 
	font-size: 11px; 
	font-weight: bold;
	background: #F3F6F7 url(images/th.gif) top left repeat-x;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	height: 26px;
	border-left: solid 1px #fff;
	border-right: solid 1px #B4B9BF;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #B4B9BF;
}

th a, th a:visited {
	color: #7BA2A2 !important;
	text-decoration: underline;
}

th a:hover {
	color: #7BA2A2;
	text-decoration: underline;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.catdiv, .cat, .cathead {
	height: 24px;
	padding: 0 3px;
	border-left: solid 1px #ACB4B8;
	border-right: solid 1px #B4B9BF;
	border-top: solid 1px #7C8388;
	border-bottom: solid 1px #B4B9BF;
	background: #A9AFB4 url(images/cathead.gif) top left repeat-x;
	color: #EFF3F6;
}

.cat, .cathead {
	text-indent: 4px;
}

.catdiv a, .cathead a, .cat a {
    color: #EFF3F6;
    text-decoration: underline;
}
.catdiv a:hover, .cathead a:hover, .cat a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Table header */
caption, .cap-div { 
	margin: 0; 
	padding: 0;
	background: url(images/hdr_mid.gif) top left repeat-x;
	white-space: nowrap;
	height: 27px;
	text-align: left;
}
.cap-left {
	background: url(images/hdr_left.gif) top left no-repeat;
}
.cap-right {
	background: url(images/hdr_right.gif) top right no-repeat;
	padding-top: 6px;
	padding-left: 23px;
	height: 21px;
    color: #fff;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
	font-size: 12px;
	font-weight: bold;
    color: #fff;
}
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
	display: inline;
}
caption a, caption a:visited, .cap-div a, .cap-div a:visited {
    color: #fff;
	text-decoration: underline;
}
caption a:hover, .cap-div a:hover {
    color: #fff;
	text-decoration: underline;
}

.block-start { background: url(images/ftr_mid.gif) bottom left repeat-x; }
.block-end-left { background: url(images/ftr_left.gif) top left no-repeat; }
.block-end-right { background: url(images/ftr_right.gif) top right no-repeat; }
.block-end-left, .block-end-right { height: 4px; overflow: hidden; padding: 0; }

/* Footer */
#wrapfooter {
	text-align: center;
	color: #CCC;
	padding-top: 10px;
}

.copyright {
	color: #7BA2A2;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.2em;
}

.copyright a {
	text-decoration: none;
	color: #7BA2A2;
}

.copyright a:hover {
	color: #7BA2A2;
	text-decoration: underline;
}

/* Breadcrumbs */
.breadcrumb .row1 { 
    border-width: 1px 0 0 1px; 
    background: #F4F6F8;    
}

p.breadcrumbs {
	margin: 0;
	padding: 0;
	float: left;
	color: #7BA2A2;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}