@import url(../../rsc/comments.css);	/* Import default comment styles */

body { background: #333 url(img/bg.png) repeat 50% 0; color:#333; padding:0; margin:0; font-size:0.8em;}
a:link, a:visited {color: #003300;text-decoration: none;}
a:hover, a:active {color: #003300;text-decoration: underline;}
img:link, a img {border: 0; text-decoration: none;}

/* Header */
div#pageHeader {width: 780px; margin: 0 auto; padding: 0; font-weight: bold;}
#pageHeader a:link, #pageHeader a:visited {color:#fff;text-decoration: none;}
#pageHeader a:hover, #pageHeader a:active {color:#fff;text-decoration: underline;}
#topleft {float:left; width:593px; margin:0; padding:0; text-align:left; border:0;}
#topright {float:right; width:187px; margin:0; padding:0; text-align:center; background:transparent;}
#pageTitle {color:#fff; margin: 60px 0 0 60px; padding: 0;}
#pageTitle h1 {margin:0; padding:10px 0 10px 0;}
div.pageSubTitle {color:#fff; margin: 0 0 0 60px; padding: 0px 0px 10px 10px;}

/* Footer */
div#pageFooter {background:transparent; color:#003300; margin:0; padding: 20px 0px 40px 0px; text-align:left;}

/* Columns */
div#wrapper {background:url("img/bgheebee.gif") repeat-y; width: 780px; margin: 0 auto; padding: 0;}
#left {float:left; width:187px; margin:0; padding:0; overflow:hidden;}
#rightcontainer {float:right; width:593px;}
#right {float:right; width:187px; margin:0; padding:0; overflow:hidden;}
#middle {width:406px; float:left; margin:0; padding:0; overflow:hidden;}
.wipe {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}


/* Posts */
.bPosts {margin:2ex 0;}
.bPost, .bPostpublished {margin: 0 2.5ex 5ex 2.5ex; padding: 0;}
.bTitle {color: #333; padding:0; text-transform: uppercase;}
.bText { margin:0; padding:0;}
.bSmallPrint{margin: 1ex 0 3ex 0;}
.bText img {padding:5px}

/* Comments */
input.bComment, textarea.bComment {background:#fff; border: 1px solid #999; width:97%; padding:2px; margin:0;}
select.bComment { background: #fff; border: 1px solid #999; padding: 1px; margin: 0;}
div.bComment, form.bComment {margin: 2ex 0; padding: 2ex 1ex 0 1ex; border-top: 1px solid #999; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
div.bCommentTitle {margin: 1ex 0; padding:0; font-weight: bold;}
div.bCommentText {margin: 0; padding:0;}
div.bCommentSmallPrint {text-align:right; margin:0; padding: 5px 0;}

/* Styles for sidebars */
.bSideItem {margin: 2ex; padding: 0 0 2ex 0;}
.bSideItem ul {margin:0; padding: 0 0 1ex 2ex; list-style-type:none;}
.bSideItem form {margin:0;}
#search {text-align:center; padding: 0; margin:2ex 0 4ex 0;}
.bSideItem h3 {text-transform: uppercase;}

/* Input */
input.SearchField {background-color: #fff; color:#333; border-top: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; padding: 0.5ex 0 0.5ex 0.5ex; margin: 0;}
input.submit,input.reset {background-color: #fff; color:#333; border: 1px solid #999; padding: 0.4ex 0 0.3ex 0; margin: 0;}
input.submit:hover { color: #333; text-decoration: underline;}

/* Misc Style Elements */
blockquote { border: 2px dotted #333; background-color: #eee; margin: 1em 2em; padding: 0 1ex;}
div.error {padding: 0 1ex; margin: 1ex auto; border: 1px solid #d99; background: #fbf2ee; color: #e00;}
div.error ul, div.error ol {margin-bottom: 0ex;}
p.error, span.error {margin: 1ex; color: #e00; font-weight:bold;}
.dimmed {color: #aaa; font-size: 84%;}
.bMore {text-align: center;}
.bMore a {font-weight: bold;}

/* Shared Forms */
form {margin: 0; padding: 0;}
form.inline {margin: 0px; padding:0px; display: inline;}
fieldset.input {margin: 0; padding: 0; border: 0;}
fieldset span.notes {color: #333;}
input.large, textarea.large {width: 97%; margin-left: 0; margin-right: 0;}
label.radiooption {margin-right: 1em;}

/* 24/75% forms - Fast Forms */
form.fform fieldset { border: 1px solid #333; margin-bottom: 1ex; background-color: #fff; padding: 0}
form.fform fieldset fieldset {border: none; margin: 0; padding: 0;}
form.fform div.label {float: left; width: 24%; text-align: right; font-weight:bold; margin: 0; padding:0;}
form.fform div.input {margin: 0;}
form.fform fieldset.input{margin: 0;}
form.fform div.info {margin: 0; padding:0;}

/* 18/80% forms: comments and profile */
form.bComment fieldset { border: none; margin: 2ex 0ex; padding: 0;}
form.bComment fieldset label {font-weight: bold;}
form.bComment fieldset div.label { float: left; width: 18%; text-align: right; padding-top: .5ex; font-weight: bold;}
form.bComment fieldset div.input {margin: 0 0 0 20%;}
form.bComment fieldset.input {margin: 0;}
form.bComment fieldset div.info {margin: 0 0 0 20%; padding-top: .5ex;}
