/* Globals
=================================== */
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


* { margin: 0; padding: 0; }

body {background:url('./images/bg.gif') repeat #231510; padding: 35px 0 0 0; font-family: "Lucida Grande", Lucida Sans Unicode, Arial, Verdana, sans-serif; color: #999999;  }
.top_image {background:url('images/main-top-curve.png') no-repeat top left; width: 666px; height: 20px;}
.bottom_image {background:url('images/main-bottom-curve.png') no-repeat bottom left; width: 666px; height: 22px; clear: both; }
#main_content {float: left; width: 666px; font-size: 0.8em;  }
#main_content_area {float: left; background:#2b0202; width: 618px; padding: 20px 24px 0 24px; }
span.hidden {display: none;}
h1 {padding: 0 0 10px 0;}

a { color: #cd9729; text-decoration:none; }
a:hover {text-decoration: underline;}

.alt { background-color: #361415; }

pre, code { font: 1.0em Monaco, 'Courier New', monospace; }

p { margin-bottom: 1.0em; }

.left { float: left; }

.right { float: right; }

.delete:hover {
	background-color: #c00;
	color: #fff;
}

h1 { font-size: 1em; }

h2 { font-size: 0.9em; font-weight:bold; }

fieldset {
	border-width: 0;
	padding: 0;
	margin: 0;
}

img.avatar { border: 1px solid #ddd; }

.bozo { background-color: #eeee88; }

.alt.bozo { background-color: #ffff99; }

.deleted { background-color: #ee8888; }

.alt.deleted { background-color: #ff9999; }

/* Structure
=================================== */

#wrapper {
    margin: 0 auto; width: 978px; min-height: 500px;
}

#header {
	background: #1e0000; /* Remove to get rid of bb emblem. */
	margin: 0 auto 0px;
	width: 618px;
	height: 115px;
	padding: 0 24px;
	position: relative;
    border-bottom: 1px solid #402727;
    }

#header h1 {
	font-style: italic;
	overflow: auto;
	position: absolute;
	display: block;
	color: #999999;
	text-align: right;
	letter-spacing: -1px;
	right: 53px;
	bottom: 26px;
	padding: 6px;
	z-index: 2;
}

#header p.description {
	font-style: italic;
	overflow: auto;
	position: absolute;
	display: block;
	color: #666;
	text-align: right;
	right: 53px;
	bottom: 13px;
	padding: 6px;
	z-index: 2;
}

#header p { margin-bottom: 0; }

#header h1 a { color: #555; text-decoration: none; }
#header h1 a:hover, #header h1 a:visited { color: #999; }

#main {
	width: 618px;
	margin: 0 auto 25px;
	position: relative;
	background: #2b0202;
}

.bbcrumb {
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 1px;
	padding: 5px 0 20px;
}

/* RIGHT NAVIGATION CONTENT */
#navigational_content {background: #190000;}
.logo {text-align: center; padding: 80px 0 40px 0; }
#navigation {width:286px; height: 73px; background:url('images/nav-bg.gif') top no-repeat; font-size: 16px; text-align: center; padding: 40px 0 0 0}

#navigationul {margin: 0px 19px 0px; height:25px;}
#naviagtionul2 {margin: 0px 17px 0px;} /*padding: 10px 15px 10px 18px; */ 

#navigation li {float: left; text-align: center; color: #cd9729; #padding: 0 2px;}
#navigation li.nav_seperator {position: relative; background:url('images/nav-sep.gif') no-repeat; width: 4px; height: 5px; top: 10px; margin: 0 4px; }

.nav_news_tab {background:url('images/nav-tab-bg.gif') repeat-x; width: 100%; height:95px;}
.nav_news_tab a { color:#999999 }
.nav_news_tab .imgholder {float: left; width: 80px; padding: 30px 0 0 11px;}
.nav_news_tab p {float: left; width: 170px; color: #856f70; font-style: italic; padding: 25px 0 0 20px; font-size: 0.9em; }
.nav_news_tab_bottom {background:url('images/nav-tab-bottom.gif') repeat-x; width: 284px; height:29px;}
#nav_content {background: #190000; font-size: 0.8em;}
.inside_mien, .mien_loves {float: left; width: 264px;  border-bottom: 1px solid #3b292b; padding: 15px 11px 15px 11px;  background: #190000; }
#search {float: left; width: 264px; padding: 15px 11px 15px 11px;}
#search input {width: 145px; border: 1px solid #442626; background:url('images/search_glass.gif') no-repeat top left #190000; color:#876464; font-size: 12px; padding: 4px 1px 5px 25px; #padding: 5px 1px 5px 25px; }
#search input.button {width: 80px; padding: 3px 1px 4px 0; color:#cd9729; cursor: pointer; background:none; }
.inside_mien img {padding: 15px 0px 0 0;}
.mien_loves ul {float: left; width: 264px; }
.mien_loves li {float: left; width: 50%; padding: 2px 0;}

/* FOOTER CONTENT */
#footer {float: left; width: 100%; height: 280px; margin: 40px 0 0 0; background:url('images/footer-bg.gif') repeat-x bottom;}
.footer_container {margin: 0 auto; width: 978px; padding: 47px 0 0 0;}
.footer_container a {color: #cccccc;}
.footer_container div.footer_logo {float: left; margin: 3px 110px 0 0;  }
.footer_container div.contribute{float: left; width: 260px; padding: 0 40px 0 0; line-height: 19px; }
.footer_container div.subscriptions {float: left; width: 340px; padding: 0 40px 0 0; line-height: 19px;}
.footer_container div.information {float: left; width: 320px; text-align: left; font-size: 0.8em; line-height: 19px; }
.footer_container div.contribute p, div.information p, div.subscriptions p {text-align: left; font-size: 0.8em; padding: 0 0 10px 0; color:#999999;}
.footer_container p {text-align: center; color: #594d4d; font-size: 9px; float: left; width: 100%; }#

.notice {
	border: 2px solid #4c9545;
	background-color: #abd8a2;
	color: #4c9545;
	font-weight: bold;
	padding: 10px 15px;
	margin: 0 0 1.1em;
}

.notice p { margin-bottom: 0; }

/* Login Form
=================================== */

.login {
	bottom: 31px;
	left: 0;
	font-weight: normal;
	color: #999;
	width:580px;
	z-index: 1;
	font-size: 12px;
	padding: 10px 0px;
}

form.login {
	bottom: 15px;
}

.login p { padding: 0 0 4px; }

.login label {
	display: block;
	float: left;
	padding-right: 10px;
	line-height: 14px;
	color: #999999;
}

form.login input {
	border: 1px solid #999;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 5px 0 0 0;
}

form.login input#submit {
	float: left;
	display: block;
	margin: 20px 0 -10px 0;
}

input {border: 1px solid #442626; background: #1e0000; padding: 2px;}
form.login input {width: 150px; border: 1px solid #442626; background: #1e0000; color:#876464; font-size: 12px; padding: 2px 1px 3px 3px; #padding: 3px 1px 3px 3px; }
form.login input#submit {width: 80px; margin-left: 7px; padding: 2px 1px 2px 0; color:#cd9729; cursor: pointer; background:#3f2223; border: 1px solid #523c3e; }
input#submit {width: 80px; margin-left: 7px; padding: 2px 1px 2px 0; color:#cd9729; cursor: pointer; background:#2b0202; border: 1px solid #523c3e; }
.remember label span {position: relative; #top: 4px; left: 10px;}

div.remember label {
	clear: both;
	padding: 0;
	margin: 6px 0 0 0;
	float: left;


}

form.login input#remember {
    width: 18px;
    float: left;
	border-width: 0;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
}

/* Front Page
=================================== */

#front-page #hottags {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	overflow: hidden;
}

#front-page #discussions {
	margin-left: 170px;
	width: 447px;
}

.frontpageheatmap {
	font-weight: normal;
	line-height: 30px;
	padding-bottom: 10px;
}

#front-page #main h2, #forum-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register {
	color: #999999;
	margin: 0 0 10px;
	padding: 0 0 5px;
}

#front-page #discussions ul { padding: 0 0 0 14px; }

.sticky { background-color: #a1d29a; }

/* Topic Page
=================================== */

.infobox {
	padding: 1em;
	background:#1e0000;
}

.infobox ul {
	margin: 10px 0 10px 12px;
	padding: 0;
}

.infobox ul li { padding-bottom: 3px; }

#topic-info {
	float: left;
	padding: 0 1em 0 0;
}

input#topic, input#tags-input {background: #2b0202; border: 1px solid #432022; color: #999999; padding: 2px;}

#topic-tags {
	float: right;
	padding: 0 0 0 1em;
}

.nav {
	margin: 15px 0;
	padding: 12px 0;
}

.nav span { font-weight: bold; }

.nav span, .nav a { padding: 6px; }

#thread {
	list-style: none;
	margin: 0;
	padding: 0;
}

#thread li {
	line-height: 1.5em;
	clear: both;
	/* Hack to force padding on .threadauthor on IE */
	border-top: 1px solid #432022;
}

#thread li ol, #thread li ul { margin-left: 40px; }

#thread li ol li, #thread li ul li { padding: 0; }

.threadauthor {
	float: left;
	padding: 1em 1em 0 1em;
	width: 120px;
}

.threadauthor p { margin: 0; }

.threadauthor small { font-size: 11px; }

.threadpost {
	padding: 1.5em 1em;
	margin-left: 140px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#thread li.alt .threadpost { background-color: transparent; }

#thread li.deleted { background-color: transparent; }

#thread li.deleted .threadpost { background-color: #ee8888; }

#thread li.alt.deleted .threadpost { background-color: #ff9999; }

#thread .post {
	_height: 90px; /* Hack to fix broken .alt coloring in IE6 */
}

#thread .post blockquote {
	margin: 0 0 0 4ex;
	padding: 0 0 0 1ex;
	border-left: 5px solid #ccc;
}

.poststuff {
	clear:both;
	_clear: none; /* Hack to fix broken .alt coloring in IE6 */
	border-top: 1px dotted #4f2223;
	margin: 10px 0 0;
	padding: 5px 0 0;
	font-size: 10px;
	text-transform: uppercase;
}

.num, #forumlist small {
	font-size: 11px;
	text-align: center;
}

.postform {
	background-color: #1e0000;
	padding: 1em;
	margin-bottom: 1em;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.postform textarea {
	height: 12em;
	margin: 5px 0;
	padding: 5px;
	width: 578px;
	display: block;
	background: #2b0202;
	border: 1px solid #432022;
	color: #999999;
}

.postform label { display: block; }
input#postformsub {width: 100px; margin-left: 7px; padding: 3px 1px 3px 0; color:#cd9729; cursor: pointer; background:#1e0000; border: 1px solid #523c3e; }
fieldset input {color: #999999;}

#manage-tags {
	margin: 10px 0;
	list-style: none;
}

#manage-tags li {
	float: left;
	width: 200px;
	padding-bottom: 10px;
}

p.submit input { padding: 3px 1px 4px 0; color:#cd9729; cursor: pointer; }


.topiclink { display: block; }

.topictitle {
	font-weight: normal;
	display: inline;
}

.rss-link {
	display: block;
	padding: 6px 0;
	text-indent: 20px;
	background-image: url('images/feed-icon-16x16.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#topic-move { margin-top: 1em; }

/* Other
=================================== */

#content .frontpageheatmap a {
	font-weight: normal;
	text-decoration: none;
}

#content .infobox li { margin-bottom: 2px; }

#content .nav a {
	border: 1px solid #ccc;
	font-weight: normal;
}
#content .nav a:hover {
	border: 1px solid #999;
}
#content a:visited {
	font-weight: normal;
}

#front-search {
	float: right;
	margin-top: -8px;
}

#latest td, #forumlist td, #favorites td { padding: 5px 10px; }

#forumlist tr td div.nest {
	padding-left: 2.5ex;
}


#latest th, #forumlist th, #favorites th {
	border: 1px solid #432122;
	background-color: #1e0000;
	padding: 5px 10px;
	text-transform: uppercase;
}

#latest, #forumlist, #favorites {
	background-color: #1e0000;
	margin-bottom: 2em;
	width: 100%;
}

#viewdiv {font-size: 0.9em;}

/* Profile Page
=================================== */

#profile-menu {
	list-style: none;
	float: right;
	width: 100%;
	text-align:right;

}

#profile-menu li {

    display: inline;
	margin-left: 3px;
}

#profile-menu li a {
	background-color: #1e0000;
	padding: 4px 7px;
	position: relative;

}

#profile-menu li.current a {
	background-color: #3e2021;
}


#useravatar { margin-bottom: 1em; }

#useravatar img { display: block; border-width: 3px; border-style: double; }

#userinfo { margin-top: 10px; }

#userinfo dt { font-weight: bold; }

#userinfo dd { margin: 0 0 5px; }

#useractivity { margin: 15px 0 5px; }

.user-recent { margin: 0 0 10px; }

.user-recent ol { margin: 5px 0 0 28px; }

.user-recent ol li { margin: 0 0 3px; }

/* Login, Register, Profile Edit
=================================== */

#login-page fieldset,
#register-page fieldset,
#profile-page fieldset {
	padding: 10px 0 10px 0px;
	margin-bottom: 15px;
}

#login-page legend,
#register-page legend,
#profile-page legend {
	font-weight: bold;
	color: #999999;
	position: relative;
	left: -8px;
}

#login-page fieldset table,
#register-page fieldset table,
#profile-page fieldset table {
	text-align: left;
	width: 95%;
	border-collapse: collapse;
}

#login-page fieldset table th,
#register-page fieldset table th,
#profile-page fieldset table th {
	padding: 5px;
	text-align: right;
	width: 20%;
	vertical-align: top;
	padding-right: 1em;
}

#login-page fieldset table td,
#register-page fieldset table td,
#profile-page fieldset table td {
	padding: 5px;
}

#login-page fieldset table td p,
#register-page fieldset table td p,
#profile-page fieldset table td p{
	margin: 5px 0;
}

#login-page fieldset p,
#register-page fieldset p,
#profile-page fieldset p {
	font-size: 11px;
	margin: 10px 0px;
}

#login-page sup.required,
#register-page sup.required,
#profile-page sup.required {
	color: red;
}

.register_btn {}
input.register_btn {width: 80px; margin-left: 7px; padding: 3px 1px 4px 0; color:#cd9729; cursor: pointer; background:#3f2223; border: 1px solid #523c3e; }

.form-invalid {
	background-color: #ffebe8 !important;
}

.form-invalid input {
	border-color: #c00 !important;
}

.form-table input, .form-table textarea {
	border-color: #c6d9e9;
}