/* a bunch of common elements first */

body {
	background-color: #e2e2e2;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	color: black;
	margin: 0px;
	font-size: 13px;
}

img {
	border-width: 0px;
}

a {
	color: #467ac6;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #295ab4;
	text-decoration: none;
}

a:hover {
	color: #295ab4;
	text-decoration: underline;
}

hr {
	border-width: 0px;
	border-bottom: 1px solid #d2d2d2;
	padding: 0px;
	margin:  12px 0px 0px 0px;
}

h1 {
	color: #646464;
	font-size: 22px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: 0px;
	margin-bottom: 6px;
	padding-bottom: 3px;
	border-bottom: 7px solid #e1e1e1;
	overflow: hidden;
	width: 440px;
}

h2 {
	color: #646464;
	font-size: 21px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: 0px;
	margin-top: 6px;
	padding-bottom: 3px;
	overflow: hidden;
}

h3, label.big {
	color: #646464;
	font-size: 18px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: 0px;
	margin-top: 12px;
	padding-bottom: 3px;
	overflow: hidden;
}

h2 a {
	font-weight: normal;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	color: #646464;
	margin-top: 10px;
}

p {
	margin: 5px 0px 10px 0px;
	text-align: justify;
	font-size: 13px;
}


/* Form stuff */

form {
	margin: 6px 0px 16px 0px;
	padding: 0px;
}

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

input[type=text], input[type=password], textarea {
	font-family: Verdana, Arial, sans-serif;
	color: black;
	font-size: 13px;
	border: 1px solid #bbb;
}

div.field {
	padding: 5px;
	border-bottom: 1px solid #dfdfdf;
	clear: both;
	min-height: 20px;
}

div.buttons {
	text-align: center;
	clear: both;
}

input.text {
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 3px;
	border: 1px solid #bbb;
	padding: 2px;
	width: 50%;
}

input.checkbox {
	float: right;
	position: relative;
	top: -2px;
}

input.button {
	background-color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 3px;
	border: 1px solid #bbb;
	padding: 3px 10px 3px 10px;
}

select, input[type=file] {
	margin-top: 4px;
	margin-bottom: 3px;
}

/* for the required field "*" */

span.required {
	font-weight: bold;
	color: #cd1800;
}


/* some for specific customisations */

form#form_register div.field label,
form#form_reset_password div.field label,
form#form_forgot_password div.field label,
form#form_startpoll2 div.field label,
form#form_contact div.field label,
form#form_change_password div.field label,
form#form_edit_profile div.field label,
form#form_settings div.field label {
	width: 35%;
	float: left;
	text-align: right;
	padding: 6px 14px 6px 0px;
	color: #494949;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	margin: 0px;
}

form#form_edit_profile div.field label {
	width: 25%;
}

form#form_register div.field div.captcha label {
	float: none;
	text-align: left;
}

form#form_login div.field label {
	color: #494949;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	margin: 0px;
}

form#form_login div.field {
	border-width: 0px;
}

form#form_register div.field {
	padding-top: 3px;
	padding-bottom: 3px;
	border-width: 0px;
}

form#form_register input#f_username,
form#form_register input#f_password,
form#form_register input#f_password2 {
	width: 180px;
}


/* other misc styles and stuff */

span.field_hint, span.hint, span.small {
	color: #303030;
	font-size: 11px;
}

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

span.search_description {
	color: #505050;
	font-size: 11px;
}

span.description {
	color: #505050;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

span.error {
	color: #dd3030;
	font-weight: bold;
}

.success {
	color: #1aa024;
	font-weight: bold;
}

.ajax_submitting {
	color: #dd3030;
	font-weight: bold;
	display: none;
}


div.error {
	background-color: #ffc0c0;
}

div.success {
	background-color: #b5ffb7;
}

/* curves! */

.nw_curve {
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	top: -1px;
	left: -1px;
	font-size: 1px;
}

.ne_curve {
	background-position: top right;
	background-repeat: no-repeat;
	position: absolute;
	top: -1px;
	right: -1px;
	font-size: 1px;
}

.se_curve {
	background-position: bottom right;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -1px;
	right: -1px;
	font-size: 1px;
}

.sw_curve {
	background-position: bottom left;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -1px;
	left: -1px;
	font-size: 1px;
}

/* main page elements ... */

div#page {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #96a0aa;
	background-color: white;
}

/* the header */

div#header {
	background-image: url("../img/header_bg.png");
	background-repeat: repeat-x;
	border-bottom: 1px solid #96a0aa;
	height: 80px;
	position: relative;
}

div#header div.nw_curve {
	height: 20px;
	width: 20px;
	background-image: url("../img/header_nw_curve.png");
}

div#header div.ne_curve {
	height: 20px;
	width: 20px;
	background-image: url("../img/header_ne_curve.png");
}

div#header img#logo {
	position: relative;
	left: 25px;
	top: 14px;
}

div#header div#links {
	position: absolute;
	font-family: "Trebuchet MS", Arial, sans-serif;
	right: 30px;
	bottom: 10px;
	width: 300px;
	text-align: right;
	color: #e1e1e1;
	font-size: 13px;
	font-weight: bold;
}

div#header div#links ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#header div#links ul li {
	display: inline;
}

div#header div#links ul li a {
	color: #e1e1e1;
	text-decoration: none;
}

div#header div#links ul li a:hover {
	color: #c7c7c7;
}

/* the top menu */

div#menu {
	background-color: #ebeced;
	border-bottom: 1px solid #bebebe;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 38px;
}

div#menu ul li {
	display: inline;
}

div#menu ul li a {
	float: left;
	border-right: 1px solid #bebebe;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	color: #646464;
	font-size: 13px;
	font-weight: bold;
}

div#menu ul li a span {
	float: left;
	height: 38px;
	line-height: 38px;
	padding: 0px 18px 0px 18px;
	cursor: pointer;
}

div#menu ul li a span:hover {
	background-color: #dcdfe2;
}


/* Blurb */
div#blurb {
	margin: 3px 3px -6px 3px;
	background-color: #c3d9f1;
	border: 1px solid #78a1c6;
	padding: 2px;
	text-align: center;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}


/* the top navbar */

div#navbar {
	height: 40px;
	position: relative;
}

div#navbar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#navbar ul li {
	display: inline;
}

div#navbar ul li a {
	background-image: url("../img/bullet.png");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 0px 7px 0px 10px;
	float: left;
	position: relative;
	left: 10px;
	top: 10px;
}

div#navbar div#search {
	position: absolute;
	right: 14px;
	top: 0px;
	width: 300px;
	text-align: right;
}

div#navbar div#search input.button {
	padding-top: 1px;
	padding-bottom: 2px;
}

/* the main chunk (contains all 3 columns) */

div#main {
	background-image: url("../img/leftbar_bg.png");
	background-repeat: repeat-y;
}

/* the left menu bar */

div#leftbar {
	float: left;
	width: 200px;
}


div#leftbar h2 {
	background-color: #1a5fa3;
	background-image: url("../img/nav_curve.png");
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 1px 0px 2px 18px;
	border-bottom: 1px solid #bebebe;
}

div#leftbar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#leftbar ul li {
	display: inline;
}

div#leftbar ul li a {
	float: left;
	width: 171px;
	border-bottom: 1px solid #bebebe;
	padding: 5px 10px 5px 18px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
	background-color: #ebeced;
}

div#leftbar ul li a.sub {
	float: left;
	width: 165px;
	border-bottom: 1px solid #bebebe;
	padding: 4px 10px 4px 24px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
	background-color: #ebeced;
}

div#leftbar ul li.selected a {
	font-weight: bold;
	background-color: #9fbad2;
}

div#leftbar ul li a:hover {
	background-color: #dcdfe2;
}

/* the centre column (where all the main page content goes) */

div#center {
	float: left;
	width: 440px;
}

div#main.two_column div#center {
	width: 660px;
}

/* the right column */

div#rightbar {
	float: right;
	width: 220px;
}

div#main.two_column div#rightbar {
	display: none;
}

div#main_ad {
	float: right;
	margin-right: 14px;
	display: inline;
}

/* footer */

div#footer {
	background-color: #ebeced;
	border-top: 1px solid #bebebe;
	color: #7d7d7d;
	padding: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

div#footer a {
	color: #7d7d7d;
	text-decoration: underline;
}

div#footer a:visited {
	color: black;
	text-decoration: underline;
}

div#footer a:hover {
	color: black;
	text-decoration: none;
}

/* an inner element for the main content, hides overflow and stuff */

div#content {
	padding-left: 20px;
	width: 440px;
}

div#main.two_column div#content {
	padding-left: 20px;
	width: 660px;
}

/* the boxes that float at the right (eg. login) */

div.floatbox {
	background-color: #ebebeb;
	width: 184px;
	border: 1px solid #bebebe;
	position: relative;
	float: right;
	clear: right;
	margin-right: 14px;
	margin-bottom: 14px;
	display: inline;
	color: #666;
	font-size: 11px;
}

div.floatbox form {
	margin: 0px;
}

div.floatbox fieldset {
	padding: 5px;
}
div.floatbox input.text {
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 3px;
	border: 1px solid #bbb;
	padding: 2px;
}

div.floatbox input#f_email,
div.floatbox input#f_password {
	width: 166px;
}

div.floatbox h2 {
	background-color: #1a5fa3;
	margin: 0px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0px 3px 8px;
	border-bottom: 1px solid #bebebe;
}

div.floatbox .ne_curve {
	height: 10px;
	width: 10px;
	background-image: url("../img/heading_ne_curve.png");
}

div.floatbox .nw_curve {
	height: 7px;
	width: 7px;
	background-image: url("../img/heading_nw_curve.png");
}

div.floatbox ol {
	margin: 4px 5px 6px 0px;
	list-style-position: outside;
	padding-left: 30px;
}

/* for when you just want to clear! */

div.clear {
	clear: both;
}


/* startpoll */

div.poll_preview {
	margin-top: 8px;
}


/* search */

span.url {
	color: #008000;
}


/* Hide "js_option" stuff --- this will be shown using js */
.js_option, .js_data {
	display: none;
}


/* Start Poll Form fields */

form#form_contact div.field label {
	width: 110px;
}
form#form_contact textarea#f_message {
	width: 290px;
}

form#form_startpoll2 div.field label {
	width: 60px;
}

form#form_startpoll1 input#f_question {
	width: 350px;
}
form#form_startpoll1 textarea#f_description {
	width: 300px;
}

form#form_startpoll2 input.text {
	width: 280px;
}


form#form_edit_profile textarea#f_about_me {
	width: 290px;
}



/* Comment styles */

div.comment_container {
	margin-left: 25px;
	font-size: 10px;
}


.show_below_threshold.indent-0 {
	margin-left: 0px;
}

div.comment_container hr {
	border-bottom: 2px #d0d0d0 solid;
	margin: 0px 0px 8px 0px;
	padding-top: 8px;
	width: 100%;
}

div.comment_container.indent-0 {
	margin-left: 0px;
}

div.comment_info {
	width: 160px;
	float: left;
	display: inline;
}

div.comment_box {
	border: 2px solid #e2e2e2;
	border-right-width: 0px;
	background-image: url("../img/comment_e.gif");
	background-position: top right;
	background-repeat: repeat-y;
	position: relative;
	font-size: 11px;
	height: auto !important;
	height: 0px;
}

div.comment_container div.comment_box {
	margin-left: 170px;
}

div.comment_box .nw_curve {
	height: 8px;
	width: 8px;
	background-image: url("../img/comment_nw.gif");
	left: -2px;
	top: -2px;
}
div.comment_box .ne_curve {
	height: 10px;
	width: 14px;
	background-image: url("../img/comment_ne.gif");
	right: 0px !important;
	right: -1px;
	top: -2px;
}
div.comment_box .se_curve {
	height: 11px;
	width: 12px;
	background-image: url("../img/comment_se.gif");
	right: 0px !important;
	right: -1px;
	bottom: -2px;
}
div.comment_box .sw_curve {
	height: 12px;
	width: 12px;
	background-image: url("../img/comment_sw.gif");
	left: -2px;
	bottom: -2px;
}
div.comment_box .s_border {
	position: absolute;
	height: 7px;
	width: 100%;
	background-image: url("../img/comment_s.gif");
	background-repeat: repeat-x;
	left: 0px;
	bottom: -2px;
	font-size: 1px;
}
/* I HATE IE6!! DIEEEEEEEEE!!!
div.comment_box .e_border {
	position: absolute;
	width: 5px;
	background-image: url("../img/comment_e.gif");
	background-repeat: repeat-y;
	top: 0px;
	bottom: 0px;
	right: -2px !important;
	right: -3px;
	font-size: 1px;
}
*/

div.comment_text {
	padding: 4px 8px 12px 6px;
	overflow: hidden;
}

a.boost, a.boost:visited, a.boost:active, a.boost:hover {
	color: #22AA22;
}

a.veto, a.veto:visited, a.veto:active, a.veto:hover, .reported {
	color: #EE3333;
}

.reported, .reporting {
	font-weight: bold;
}

div.fetch_more_comments {
	margin-top: 10px;
}

div.fetch_more_comments hr {
	border-bottom: 2px #d0d0d0 solid;
	margin: 8px 0px 8px 0px;
}

div#report_comment_template {
	display: none;
}

div#comment_post_template {
	display: none;
}





/* bbCode helpbox */

div#bbCodeHelpBox {
	padding: 1px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 420px;
	display: none;
	background-color: #eee;
	border: 1px solid #aaa;
	font-size: 11px;
}

div#bbCodeHelpBox table {
	background-color: #ffffff;
	font-size: 9px;
	width: 100%;
	margin: 0px;
}

div#bbCodeHelpBox td {
	padding: 4px;
	height: 0px;
	background-color: #ddd;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
}



/* Poll */
div.poll_results {
	position: relative;
}


/* Link this poll page */

input.auto-select {
	font-size: 11px;
	width: 420px;
}


.sub_cat_arrow {
	position: relative;
	top: -4px;
}