@import url(../reset.css);

html, body {
	height:          100%;
}
body {
	background:      #fff url(../../images/themes/default/header_bg.jpg) top left no-repeat;
	color:           #666;
	line-height:     1.3;
}

/* Set 1em == 10px */
body{ font-family: "Courier New", Courier, Monaco, monospace; font-size: 10px; } * html{ font-size: 125%; } * html body{ font-size: 50%; } 

#search {position:absolute; top: 35px; left: 595px;}


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

h2, h3, h4, h5, h6, p, ul, ol, pre {
	margin-bottom:   1em;
}

h2 {
	font-size:       1.25em;
	font-weight:     bold;
}
h3 {
	font-size:       .9em;
	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.7em;
	color:           #444;
}

blockquote {
	margin:          0;
	padding:         10px 10px;
	background:      #F3F1E9;
	color:           #3C392C;
	border:          1px solid #DEDCD4;
	border-left:     5px solid #CCC9BC;
}
/* Posted by.. inside blockquotes */
blockquote cite {
	display:         block;
	color:           #7E7B70;
	border-bottom:   1px solid #CCC9BC;
	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:           #9f0000;
}
a:hover {
	color:           #460000;
}
a.create, a.create:visited {
	color:           #bf5500;
	font-size:		.8em;
}
a.create:hover {
	color:           #600707;
}

/* 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 {
	font-size:       1.25em;
	float:           right;
	font-weight:     bold;
}




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

/* Top heading/breadcrumbs with line */
h2.section {
	padding-bottom:  7px;
	border-bottom:   1px solid #E2DCBF;
}

/* Header block (the background is set on the body) */
#header {
	height:          96px;
	color:           #fff;
	position:        absolute;
	top:             0;
	left:            0;
	right:           0;
}
#header h1 {
	display:         none;
}
#account {
	position:        absolute;
	bottom:          2px;
	top: 				70px;
	right:           20px;
	font-size:       1em;
	color:           #9f0000;
}
#account a, #account a:visited {
	font-weight:     bold;
	text-decoration: underline;
}
#navigation {
	margin:          0;
	position:        absolute;
	bottom:          3px;
	top:			 70px;
	left:            -15px;
	font-size:       1em;
	line-height:     1;
	padding-bottom:  0.7px; /* Yeah, that's right.. Fixes inconsistencies between FF/Safari */
}
#navigation li {
	display:         inline;
	margin:          0 3px 0 0;
	float:           left;
}
#navigation li a, #navigation li a:visited {
	margin:          0;
	text-decoration: none;
	padding:         3px 3px 3px 3px;
	color:           #666;
}
#navigation li a:hover {
	background:      #666;
	color:           #fff;
}
#navigation li.current a, #navigation li.current a:visited {
	background:      #000;
	padding-top:     2px;
	color:           #fff;
	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:      #82c9fe;
	margin:          -20px -30px 20px -30px;
	padding:         10px 30px;
	font-size:       1em;
	font-weight:     bold;
}

#content {
	font-size:       1em;
}
#content td, #content th {
	padding-right:   20px;
}



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

table.discussions {
	border-collapse: collapse;
	border-top:      1px solid #E2DCBF;
	width:           100%;
	margin-bottom:   20px;
}
table.discussions td {
	padding:         3px 20px 7px 0;
	border-bottom:   1px solid #E2DCBF;
	white-space:     nowrap;
	color:           #6f5a43;
}
table.discussions td.name {
	font-size:       1.2em;
	font-weight:     normal;
	padding-bottom:  0;
	padding-top:     7px;
	border-bottom:   0;
}
table.discussions td.name a {
	color:#333;
}
table.discussions td.last {
	width:           100%;
}

table.discussions tr.nsfw {
	background:      #ffeeee;
}
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 {
	font-size:       .9em;
	font-weight:     normal;
	color:           #888;
	margin-top:      -1em;
	margin-bottom:   5px;
}
.pagination .links {
	float:           right;
}



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

.posts {
	border-top:      1px dotted #E2DCBF;
	margin-bottom:   20px;
}
/* Small block between posts that say "2 days later..." */
.posts .post_distance {
	border-bottom:   1px solid #E2DCBF;
	padding:         2px 0 2px 45px;
	background:      #f8f7f1;
	color:           #84806d;
}

.post {
	padding-top:     15px;
	padding-bottom:  15px;
	border-bottom:   1px solid #E2DCBF;
}
.post .post_functions {
	line-height:     1;
	color:           #888;
	float:           right;
}

.post .post_info {
	line-height:     1;
	color:           #888;
	margin-bottom:   -8px;
}
.post .post_info .avatar {
	width:           16px;
	height:          16px;
	margin-right:    4px;
}
.post .post_info .avatar img {
	vertical-align:  top;
}
.post .post_info .username {
	font-size:       1em;
	font-weight:     bold;
	color:			 #333;
	margin-right:    5px;
}
.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;
	font-size:       1em;
	max-width:       600px;
	margin-left:     45px;
}
.post .body .edited {
	color:           #888;
	font-size:       0.9em;
	margin-top:      1em;
}
.post .body p {
	margin-bottom:   0.8em;
}

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

.compose {
	border-top:      1px solid #E2DCBF;
	padding-top:     15px;
}




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

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

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