@import url(http://www.butt3rscotch.org/stylesheets/reset.css);

html, body {
	height:          100%;
}
body {
	font-family:     Monaco, Consolas, Courier, monospace;
	color:           #000099;
	line-height:     1.3;
	margin: 0;
	padding: 0;
	background: url(background.jpg) 0px 62px repeat-y;
}

/* Set 1em == 10px */
body{ font-size: 10px; } * html{ font-size: 125%; } * html body{ font-size: 50%; } 




/* -----------------------------------------------------------------------
   GENERAL
   ----------------------------------------------------------------------- */

h2, h3, h4, h5, h6, p, ul, ol, pre {
}

h1 {
	display: none;
	font-size: 1em;
}
h2 {
	font-size:       1em;
	font-weight:     bold;
}
h3 {
	font-size:       1em;
	font-weight:     bold;
	margin-bottom:   0em;
}
h2 em {
	font-weight:     normal;
	font-style:      normal;
	color:           #555;
}

strong {
	font-weight:     bold;
}
em {
	font-style:      italic;
}
small {
	font-size:       0.8em;
	color:           #444;
}
img {
	display: none;
}
blockquote {
	margin: 0;
	padding: 10px 10px 10px 15px;
	color: #000099;
}
blockquote:before {
	content: "<blockquote>";
}
blockquote:after {
	content: "</blockquote>";
}
/* Posted by.. inside blockquotes */
blockquote cite {
	display:         block;
	padding-bottom:  5px;
	margin-bottom:   10px;
}

code, pre {
	font-family:     Monaco, Consolas, Courier, monospace;
	font-size:       0.9em;
}
code {
	display:         block;
	white-space:     pre;
}

label {
	display:         block;
	font-weight:     bold;
}
label .description {
	font-weight:     normal;
}

a, a:visited {
	color: #0000ff;
	text-decoration: none;
}
a:hover {
}
a.create, a.create:visited {
}
a.create:hover {
}

/* Tables */
th {
	font-weight:     bold;
}
table.list {
	border-collapse: collapse;
	border-top:      1px solid #E2DCBF;
	width:           100%;
}
table.list td, table.list th {
	padding:         7px 20px 7px 0;
	border-bottom:   1px solid #E2DCBF;
	white-space:     nowrap;
}
table.list th {
	color:           #321;
	background:      #F5F1E0;
}
table.list td {
	color:           #6f5a43;
}

.functions {
	color: #999;
	margin-bottom: 7px;
}
.functions:before {
	content: "/* ";
}
.functions:after {
	content: " */";
}
.functions a {
	color: #999;
}



/* -----------------------------------------------------------------------
   LAYOUT
   ----------------------------------------------------------------------- */

/* Top heading/breadcrumbs with line */
h2.section {
	color: #009999;
	margin-top: 0px;
}
h2.section a {
	color: #009999;
}
h2.section:before {
	content: "@import url(";
}
h2.section:after {
	content: ".css);";
}

/* Header block (the background is set on the body) */
#header {
	background: url(header-dw.jpg);
	height: 61px;
	position: fixed;
	width: 100%;
}
#header h1 {
}
#search {
	position: relative;
	left: 226px;
	top: 32px;
}
#search input {
	display: none;
}
#search input#q {
	display: block;
	height: 15px;
	width: 152px;
	border: 1px solid #e0e0e0;
}
#account {
	position: absolute;
	left: 690px;
	top: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#account a, #account a:visited {
	color: #000;
}
#navigation {
	position: absolute;
		top: 2px;
		left: 3px;
		margin: 0;
		padding: 0;
}
#navigation li {
	display:         inline;
	float:           left;
	font-size: 9px;
}
#navigation li a, #navigation li a:visited {
	line-height: 19px;
	display: block;
	height: 19px;
	margin:          0;
	text-decoration: none;
	padding: 0px 5px;
	color:           #000;
	padding-top: 1px;
}
#navigation li a:after {
	content: ".html";
}
#navigation li a:hover {
	color:           #666;
}
#navigation li.current a, #navigation li.current a:visited {
	color:           #000;
	padding-left: 20px;
	background: #e8e8e8 url(nav-button-x.jpg) left no-repeat;
	border: 1px solid #666666;
	border-bottom: 1px solid #e8e8e8;
}
#navigation li.current a:hover {
}
#navigation li.new_messages a, #navigation li.new_messages a:visited {
	color:           #fff;
}
#navigation li.new_messages a:hover {
}

/* Errors and other notices */
.notice {
	font-weight:     bold;
}

#content {
	background: url(controls.jpg) left top fixed no-repeat;
		padding: 62px 0 10px 68px;
}
#content td, #content th {
}



/* -----------------------------------------------------------------------
   THREADS LIST
   ----------------------------------------------------------------------- */

table.discussions {
	border-collapse: collapse;
}
table.discussions td {
	white-space:     nowrap;
}
table.discussions td.name {
}
table.discussions td.name a {
	color: #ff00ff;
}
tr.nsfw, tr.nsfw a, tr.nsfw td.name a {
	color: #999999;
}
table.discussions td.name a:before {
	content: "div.";
}
table.discussions tr.sticky td.name a:before {
	content: "div#Sticky div.";
}
table.discussions tr.nsfw td.name a:before {
	content: "/* div#NSFW div.";
}
table.discussions tr.closed td.name a:before {
	content: "div#Closed div.";
}
table.discussions td.name a:after {
	content: " {";
}
table.discussions tr.new_posts td.name a:after {
	content: " {";
}
table.discussions td.last {
	width:           100%;
}
table.discussions tr.new_posts td.new_posts strong {
}
table.discussions tr.nsfw {
}
table.discussions tr.closed td.name a, table.discussions tr.closed td.name a:visited {
}
table.discussions tr.closed td.name a:hover {
}
.userinfo {
}
#categories .name .count {
}
.new_discussion input.text, .new_discussion textarea, .edit_discussion input.text, .edit_discussion textarea {
	width:           100%;
}
.pagination {
	height: 12px;
	overflow: hidden;
	color: #999999;
	margin-bottom: 10px;
}
.pagination a {
	color: #999999;
}
.pagination .links:before {
	content: "/* --- ";
}
.pagination .links:after {
	content: " --- */";
}
td.category, td.started_by, td.last_post, td.last_active, td.post_count {
	float: left;
	clear: both;
	margin-left: 20px;
}
td.category:after {
	content: ";";
}
td.started_by:after {
	content: ";";
}
td.last_post:after {
	content: ";";
}
td.last_active:after {
	content: ";";
}
td.post_count:after {
	content: ";";
}
td.new_posts {
	background: url(brace-right.jpg) bottom left no-repeat;
	float: left;
	clear: both;
	padding: 0 0 10px 20px;
	margin-bottom: 10px;
	color: #FF0000;
}
tr.nsfw td.new_posts {
	color: #999999;
	background: url(brace-right-gray.jpg) bottom left no-repeat;
}
span.labels {
	display: none;
}



/* -----------------------------------------------------------------------
   DISCUSSION VIEW
   ----------------------------------------------------------------------- */

.posts {
	margin-bottom:   10px;
}
/* Small block between posts that say "2 days later..." */
.posts .post_distance {
	padding:         2px 0 2px 45px;
}

.post {
	padding-top:     15px;
	padding-bottom:  15px;
	background: url(close-div.jpg) bottom left no-repeat;
}
.post:before {
	content: "<div>";
}
.post:after {
}
.post .post_functions {
	margin-left: 10px;
	text-transform: lowercase;
	color: #999;
}
.post .post_functions a {
	color: #999;
}
.post .post_functions:before {
	content: "<!--";
}
.post .post_functions:after {
	content: "-->";
}
.post .post_functions a {
}

.post .post_info {
}
.post .post_info .avatar {
	margin-right:    10px;
	display: none;
}
.post .post_info .avatar img {
	vertical-align:  top;
	display: none;	
}
.post .post_info .username {
	margin-left: 10px;
	color: #990099;
}
.post .post_info .username a {
}
.post .post_info .date {
	color: #990099;
}
.post .post_info .date:before {
	content: "class='";
}
.post .post_info .date:after {
	content: "' />";
}
.post .post_info .username:before {
	content: "<img src='";
}
.post .post_info .username:after {
	content: "'";
}
.post .post_info .permalink a, .post .post_info .permalink a:visited {
	color:           #888;
}
.post .post_info .permalink a:hover {
	color:           #333;
}
.post .body {
	max-width:       600px;
	min-height: 12px;
	margin: 10px 0 5px 45px;
	color: #000;
}	
.post .body:after {
}
.post .body img {
	display: block;
	border: 0;
	height: 4px !important;
	width: 4px !important;
}
.post .body img:hover {
	height: auto !important;
	width: auto !important;
}
.post .body .edited {
	color: #000099;
	margin-top:      1em;
}
.post .body .edited:before {
	content: "<span>";
}
.post .body .edited:after {
	content: "</span>";
}
.post .body p {
	margin-bottom:   0.8em;
}
.post .body a {
	
}
.post .body a:visited {

}
.post .body a:hover {

}
.bottomlinks {
	padding:         5px 0;
	color: #990000;
}
.bottomlinks:before {
	content: "<object ";
}
.bottomlinks:after {
	content: ">";
}
.bottomlinks a:before {
	
}
.compose {
	padding-top:     15px;
}




/* -----------------------------------------------------------------------
   USERS
   ----------------------------------------------------------------------- */

.users_list .username {
	font-weight:     bold;
	font-size:       1.2em;
}
.users_list .status {
}

.banned {
	color:           #d00;
	font-weight:     bold;
}
.admin {
	color:           #062;
}