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

html, body {
	height:          100%;
}
body {	
	background: #FFF url(cells.jpg) 29px -4px;
	font-family:     Calibri, Trebuchet MS, Arial, Verdana, sans-serif;
	color:           #000000;
	line-height:     13px;
}

/* 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 {
	margin-bottom:   1em;
}

h2 {
	font-size:       1.5em;
	font-weight:     bold;
}
h3 {
	font-size:       1.3em;
	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;
}

blockquote {
	margin:          0;
	padding:         6px 6px 7px 6px;
	background:      #EEE;
	color: #555;
	border:          1px solid #DEDCD4;
	border-left:     2px solid #555;
}
/* Posted by.. inside blockquotes */
blockquote cite {
	display:         block;
	color:           #555;
	border-bottom:   1px solid #999;
	padding-bottom:  5px;
	margin-bottom:   10px;
	margin-top:      -5px;
}

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

label {
	display:         block;
	font-size:       1.1em;
	font-weight:     bold;
	margin-bottom:   0.2em;
}
label .description {
	font-weight:     normal;
	color:           #555;
}

a, a:visited {
	text-decoration: none;
	color:           #222;
}
a:hover {
	color:           #460000;
}
a.create, a.create:visited {
	color:           #888;
}
a.create:hover {
	color:           #222;
}

/* 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 {
	background: #FFF;
	height: 25px;
	font-size:       1.5em;
	float:           right;
	padding: 0px 8px;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	margin-top: 1px;
}

.functions a {
	line-height: 25px;
}




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

/* Top heading/breadcrumbs with line */
h2.section {
	height: 25px;
	border-bottom:   1px solid #E2DCBF;
	margin-bottom: 0;
	margin-top: 1px;
}

h2.section a {
	background: #FFF;
	font-weight: normal;
	color: #888;
	padding: 1px 5px 1px 5px;
	border-right: 1px solid #CECECE;
	line-height: 25px;
}

h2.section a:hover {
	color: #222;
}

/* Header block (the background is set on the body) */
#header {
	background: url(banner.jpg) top left no-repeat;
	height:          138px;
	color:           #fff;
	position:        fixed;
	top:             0;
	left:            0;
	right:           0;
	text-align: center;
	z-index: 1000;
}
#header h1 {
	display:         none;
}
#search {
	position:        absolute;
	left:             578px;
	top:           53px;
}
#search input {
	display: none;
}
#search input#q {
	display: block;
	height: 12px;
	width: 108px;
}
#account {
	position:        absolute;
	bottom:          43px;
	right:           20px;
	font-size:       1.2em;
	color:           #222;
}
#account a, #account a:visited {
	font-weight:     bold;
	text-decoration: underline;
	color:           #222;
}
#navigation {
	width: 700px;
	position: relative;
	top: 83px;
	left: 505px;
	font-size:       1.2em;
	line-height:     1;
	padding-bottom:  0.7px; /* Yeah, that's right.. Fixes inconsistencies between FF/Safari */
}
#navigation li {
	display:         inline;
	margin:          0 0 0 0;
	float:           left;
}
#navigation li a, #navigation li a:visited {
	margin:          0;
	text-decoration: none;
	padding:         2px 10px 2px 10px;
	color:           #222;
}
#navigation li a:hover {
	text-decoration: underline;
}
#navigation li.current a, #navigation li.current a:visited {
	font-weight:     bold;
}
#navigation li.current a:hover {
}
#navigation li.new_messages a, #navigation li.new_messages a:visited {
	background:      #d14b40 url(/images/themes/default/tab_new_messages_bg.gif) repeat-x;
	color:           #fff;
	border:          1px solid #c24236;
	border-bottom:   1px solid #c98175;
	padding-left:    22px;
}
#navigation li.new_messages a:hover {
	background:      #d14b40 url(/images/themes/default/tab_new_messages_hover_bg.gif) repeat-x;
}

/* Errors and other notices */
.notice {
	background: url(../excel-mac/nsfw.gif);
	color:           #800;
	padding:         6px 30px 7px 5px;
	font-size:       1.2em;
	font-weight:     bold;
}

#content {
	background: url(numbers.jpg) 0px 0px repeat-y;
	position:        absolute;
	top:             138px;
	left:            0px;
	right:           30px;
	font-size:       1.2em;
	padding-bottom:  30px;
	padding-left: 29px;
}
#content td, #content th {
}



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

table.discussions {
	border-collapse: collapse;
	width:           100%;
	border-bottom: 1px solid #CECECE;
}
table.discussions td {
	white-space:     nowrap;	
	color: #555;
}
table.discussions tr {
	height: 26px;
	border-top: 1px solid #cecece;
	line-height: 25px;
}
table.discussions td.name {
	font-size:       1.3em;
	padding-top: 13px;
}
table.discussions td.name a {
	background: #FFF;
	padding: 3px 5px 2px 5px;
	border-right: 1px solid #cecece;
}
table.discussions span.labels {
	display: block;
	background: #FFF;
	float: left;
	padding: 0px 5px;
	border-right: 1px solid #cecece;	
}
td.category, td.started_by, td.last_post, td.last_active, td.post_count {
	background: #FFF;
	padding-left: 5px;
	border-right: 1px solid #cecece;
}
table.discussions td.last {
	width:           100%;
}
td.new_posts {
	background: url(new-post-back.jpg) repeat-y;
	padding-left: 5px;
	border-right: none;
}
table.discussions tr.new_posts td.new_posts strong {
}
td.post_count, td.last_active {
	padding-right: 5px;
}
table.discussions tr.new_posts td.name a {
	background: #FFF url(new.gif);
}
table.discussions tr.nsfw td.name a {
	background: url(nsfw.gif);
}
table.discussions tr.closed td.name a, table.discussions tr.closed td.name a:visited {
	color:           #666;
}
table.discussions tr.closed td.name a:hover {
	color:           #333;
}

.userinfo {
	margin-bottom:   1em;
}



#categories .name .count {
	color:           #aaa;
}


.new_discussion input.text, .new_discussion textarea, .edit_discussion input.text, .edit_discussion textarea {
	width:           100%;
}


.pagination {
	background: #FFF;
	font-size:       11px;
	color:           #888;
	padding-left: 5px;
	height: 12px;
}
.pagination .links {
	float:           right;
}



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

.posts {
	margin-bottom:   20px;
}
/* Small block between posts that say "2 days later..." */
.posts .post_distance {
	background:      #f8f7f1;
	color:           #84806d;
}

.post {
	margin-top: 12px;
}
.post .post_functions {
	background: #FFF;
		line-height: 25px;
	color:           #888;
	float:           right;
	padding: 0 8px;
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
}

.post .post_info {
	line-height: 25px;
	color:           #888;
}
.post .post_info .avatar {
	display: block;
	width:           32px;
	height:          25px;
	margin-right:    13px;
	float: left;
}
.username, .date, .permalink {
	display: block;
	height: 25px;
	float: left;
	padding: 0 5px;
	background: #FFF;
		border-top: 1px solid #CECECE;
}
.post .post_info .avatar img {
	display: none;
	vertical-align:  top;
}
.post .post_info .username {
	font-weight:     bold;
	border-left: 1px solid #CECECE;
}
.permalink {
	border-right: 1px solid #CECECE;
}
.post .post_info .permalink a, .post .post_info .permalink a:visited {
	color:           #888;
}
.post .post_info .permalink a:hover {
	color:           #333;
}

.post .body {
	clear:           both;
	background: #FFF;
	max-width:       600px;
	margin-left:     45px;
	border: 1px solid #CECECE;
	padding: 5px 5px 7px 5px;
}
.post .body .edited {
	color:           #888;
}
.post .body p {
}

.post .body a {
	line-height: 13px;
	color:           #005794;
	text-decoration: underline;
}
.post .body a:visited {
	color:           #3900a2;
}
.post .body a:hover {
	color:           #001d32;
}

.bottomlinks {
	font-size:       1.3em;
	height: 15px;
	background: #FFF;
	font-weight:     bold;
	border-top:      1px solid #E2DCBF;
	padding:         5px 0;
}

.compose {
	border-top:      1px solid #E2DCBF;
	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;
}