/*
Theme Name: Gravel bbForum
Theme URI: http://www.noonnoo.com/things/
Description: -
Version: 1.1 Final
Author: Melle Wynia
Author URI: http://www.noonnoo.com/things/about/
*/


/* Login Form
=================================== */

.login {
	margin:0 0 0 600px; padding:40px 10px 0 10px; top:0;
	width:228px; height:60px;
	position:absolute;
	background:#464646;
	color:#999; font:12px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-khtml-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;	
}

form.login {
	padding:0 10px 0 10px;
	height:100px;
}

.login a,
.administrative a {
	color:#ccc;
}

.login a:hover,
.administrative a:hover  {
	color:#fff;
}

.login p {
	margin:10px 0 5px 0; padding:0;
}

.login div label {
	width:112px;
	display:block;
	font-size:11px;
}

.login div label, #submit {
	float:left;
}

#user_login, #password {
	margin:2px 0 0 0; padding:2px;
	width:96px;
	border:none;
	font:10px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

#submit, #discussions .edit a, .edit input, #postformsub, .threadpost .edit a, #othertags .edit a {
	margin:8px 0 0 0; padding:2px 8px;
	cursor:pointer; 
	background:#f2f2f2 url(images/white-grad.png) repeat-x scroll left top;
        border-color:#bbb; border-style:solid; border-width:1px; -moz-border-radius:11px; -moz-box-sizing:content-box; -khtml-border-radius:11px; border-radius:11px;
        color:#464646; font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-size:11px !important; text-decoration:none; text-shadow:0 1px 0 #fff; line-height:1.2em; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; text-decoration:none !important;
}

.newpost #postformsub {
	margin:8px 0 0 0;
}

#postformsub {
	margin:0 0 0 140px;
}

#discussions .edit a {
	margin:8px 0 0 8px; padding:4px 8px;
}

#submit:hover, #discussions .edit a:hover, .edit input:hover, .threadpost .edit a:hover, #othertags .edit a:hover {
	border-color:#666;
	background:#f2f2f2;
        color:#000;
}

form .remember label {
	margin:11px 0 0 15px;
	width:130px;
}

form .remember label #remember, #remember2 {
	margin:-1px 0 0 0;
	vertical-align:middle;
}



/* Login, Register, Profile Edit
=================================== */

#login-page h2,
#register-page h2,
#profile-page h2,
.administrative-h2,
h2.post-form,
h2.profile {
	margin:10px 0 0 0; padding:15px 0 15px 140px;
	width:665px;
	background:#464646;
	-moz-border-radius-topleft: 6px;
	-khtml-border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-khtml-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	color:#999; font:23px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.administrative p, #topic-move {
	margin:0; padding:0 0 15px 142px;
	clear:both;
}

#postform {
	margin:0; padding:0;
}

.administrative br {
	margin:3px 0 0 0;
}

.administrative th {
	padding:4px 10px 0 0;
	width:130px;
	text-align:right; vertical-align:top; font-weight:normal;
}

.administrative, #manage-tags {
	margin:-1px 0 25px 0; padding:0 0 15px 0;
	width:805px;
	background:#464646;
	color:#999; font:12px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-khtml-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.both {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.administrative td p {
	padding:2px 0 0 0;
	font-size:11px;
}

.text-small, select, textarea, .form-field input {
	margin:2px 0 0 0; padding:3px;
	width:160px;
	border:none;
	font:11px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

.reply label {
	padding:0 10px 0 0;
	width:130px;
	display:block; float:left;
	text-align:right;
}

.reply textarea {
	float:left;
}

select {
	width:auto;
	cursor:pointer;
}

textarea {
	width:600px;
}

.administrative table {
	padding:0; margin:0;
}

#remember2 {
	margin:0 0 0 10px;
	background:#fff;
}

.administrative .remember input {
	border:none;
	background:none;
}

#login-page legend,
#register-page legend,
#profile-page legend {
	margin:0; padding:0;
}

#login-page fieldset table,
#register-page fieldset table,
#profile-page fieldset table {
	margin:0; padding:0;
}

#login-page sup.required,
#register-page sup.required,
#profile-page sup.required {
	color: red;
}

.form-invalid {
	background-color: #ffebe8 !important;
}

.form-invalid input {
	border-color: #c00 !important;
}

.form-table input, .form-table textarea {
	border-color: #c6d9e9;
}

.hidden {
	display: none;
}




/* Globals 
=================================== */

body {
	margin:0; padding:0;
	background:#f0e6c4 url(images/body_bg.jpg);
}

pre, code { font: 1.0em Monaco, 'Courier New', monospace; }

p { margin-bottom: 1.0em; }

.left { float: left; }


.delete:hover {
	background-color: #c00;
	color: #fff;
}

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

img.avatar { border: 1px solid #ddd; }

.bozo { background-color: #eeee88; }

.deleted { background-color: #ee8888; }

.alt.deleted { background-color: #ff9999; }




/* Header
=================================== */


.header-container {
	height:136px;
	background:url(images/header-container_bg.jpg) repeat-x center top;
}


.header {
	margin:0 auto; padding:0 0 0 64px;
	width:904px; height:136px;
	background:#a32c28 url(images/header_bg.jpg) no-repeat;
}

.header h1 {
	margin:0; padding:10px 0;
	color:#fff; font:40px Georgia, sans-serif;
}

.header h1 a {
	padding:0 0 2px 0;
	background:url(images/header-h1-a_bg.gif) repeat-x bottom left;
	color:#fff; text-decoration:none;
}

.header h1 a:hover {
	background:url(images/header-h1-a_bg.gif) repeat-x bottom right;
}

.header h1 span {
	font-size:13px;
}

.back {
	padding:2px 0 0 34px;
}

.back a {
	padding:3px 5px 5px 12px;
	background:transparent url(images/header-back-a_bg.gif) no-repeat 0 -100px;
	color:#fff; text-decoration:none;
}

.back a:hover {
	padding:3px 4px 5px 13px;
	background:transparent url(images/header-back-a_bg.gif) no-repeat 0 6px;
}






/* RSS
=================================== */


#rss {
	margin:0 0 0 556px; padding:0;
	width:248px; height:23px;
	position:absolute;
	background:#D6956B url(images/rss_bg.gif);
}

#rss a {
	padding:5px 0 6px 21px;
	display:block;
	color:#fff; text-decoration:none; font:12px/1em Times New Roman, serif;
}

#rss a:hover {
	text-decoration:underline;
}





/* Structure
=================================== */


.content {
	margin:0 auto; padding:0 0 0 111px;
	width:865px;
	background:#fcf9ef url(images/content_bg.jpg);
}

.content-in {
	padding:13px 0 0 0;
	overflow:visible;
}

h2 {
	margin:0;
}

.bbcrumb {
	margin:0; padding:0 0 18px 15px;
	clear:both; 
	background:url(images/bbcrumb_bg.gif) no-repeat 0px 2px;
	color:#91a6d6; font:14px/1em Times New Roman, serif;
}

.bbcrumb a {
	color:#91a6d6;
}

#sidebar {
	margin:0 0 0 30px; padding:25px;
	width:198px;
	float:left;
	background:#bca875 url(images/sidebar_bg.jpg);
	color:#65694A; 
}

#sidebar h2 {
	margin:0; padding:0;
	width:auto;
	background:none;
	color:#A32C28; font:18px Georgia, serif; font-weight:bold;
}

#sidebar h4 {
	margin:25px 0 5px 0; padding:0;
	font:14px Georgia, serif; font-weight:bold;
}

#sidebar p {
	margin:0 0 25px 0; padding:0;
}

#sidebar ul {
	margin:0; padding:0;
	font:13px/1.2em Roman New Times, serif; 
}

#sidebar ul li {
	margin:0; padding:3px;
	list-style:none;
	border-bottom:1px dashed #B19E6E;
}

#sidebar a {
	background:url(images/sidebar-a_bg.gif) repeat-x left bottom;
	color:#65694A; text-decoration:none;
}

#sidebar a:hover {
	background:url(images/sidebar-a_bg.gif) repeat-x right bottom;
	color:#384030;
}


.discussions {
	width:526px;
}

.floatleft {
	float:left;
}




/* Table Frontpage
=================================== */

.discussions table {
	margin:0 0 50px 0;
	color:#65694A;
}

.discussions table a {
	color:#a32c28; font:16px/1em Georgia, serif; font-weight:bold;
}

.discussions .num a {
	color:#65694A; font:13px Times New Roman, serif;
}

.discussions h2, .topictitle {
	padding:10px 165px 10px 20px;
	clear:both;
	width:341px;
	background:#a32c28 url(images/discussions-h2_bg.jpg) repeat-x;
	color:#fff; font:21px/1em Georgia, serif;
}

.discussions h2 a {
	color:#fff;
}

.subforums {
	margin:30px 0 0 0;
}

.discussions thead tr {
	background:#f2efe5 url(images/table-thead_bg.jpg) repeat-x;
}

.discussions th {
	padding:6px;
	text-align:left;
}


.discussions tr td.num {
	padding:5px 0;
	text-align:center;
}

.discussions tr td {
	padding:5px 0 5px 5px;
}


.discussions tr {
	background:#fcf9ef;
}

.discussions tr td, .discussions small {
	font:13px Times New Roman, serif;
}

div #discussions .alt {
	background:#fff;
}

.themes {
	width:400px;
}

.topicname {
	width:280px;
}

.topics, .posts {
	width:50px;
}

.lastposter, .freshness {
	width:85px;
}

.discussions .nest {
	padding-left: 15px;
}






/* Searchform
=================================== */


#searchform label {
	display:none;
}

#searchform {
	margin:0; padding:10px 0 0 5px;
	width:181px; height:72px;
}

#searchform div {
	padding:3px 0;
	background:#fcf9ef url(images/searchform_bg.gif) no-repeat;
}

#searchform #s {
	margin:0 2px 0 5px; padding:0;
	width:105px;
	border:none;
	background:transparent;
	color:#666; font-family:Georgia, sans-serif;
}

#searchform #searchsubmit {
	margin:1px 0 0 0; padding:0;
	width:60px; height:20px;
	cursor:pointer;
	border:none;
	background:#a32c28 url(images/searchform_bg.gif) no-repeat 0px -50px;
	color:#fff; font-family:Georgia, sans-serif;
}

.searchtext {
	padding:0 0 7px 37px;
	width:228px;
	background:url(images/content-search_bg.gif) no-repeat 20px 6px;
	color:#555; font:15px/1.4em Georgia, sans-serif;
}

h3 {
	margin:30px 0 0 0; padding:0;
	width:auto;
	background:none;
	color:#A32C28; font:18px Georgia, serif; font-weight:bold;
}




/* Nav
=================================== */

.nav {
	margin:-20px 0 60px 0;
	clear:both;
	color:#bca875; font:14px Times New Roman, serif;
}

.distance {
	margin:20px 0 60px 0;
}

.nav .current {
	padding:9px;
	background:#a32c28 url(images/nav-current_bg.gif) top left;
	color:#fff; font-size:17px; font-weight:bold;
}

.nav a {
	padding:7px;
	background:#bca875 url(images/nav-a_bg.gif) top left;
	color:#fff; text-decoration:none;
}

.nav a:hover {
	background-position:top right;
	text-decoration:underline;
}






/* Footer
=================================== */

#footer {
	margin:0 auto; padding:0 0 0 111px;
	width:865px;
	background:url(images/content-bottom_bg.jpg) no-repeat;
	color:#7B8055; font:14px/1em Times New Roman, serif;
}

#footer a {
	color:#7B8055;
}

#footer span {
	margin:0 0 0 5px; padding:0 0 0 19px;
	background:url(images/footer-noonnoo.gif) no-repeat 0px 3px;
}

#footer p {
	margin:0 0 0 0; padding:38px 0 20px 0;
}









/* Post
=================================== */

dl#userinfo a {
	padding:0 0 2px 0;
	background:url(images/content-a_bg.gif) repeat-x bottom left;
	color:#a32c28; text-decoration:none;
}

dl#userinfo a:hover {
	background:url(images/content-a_bg.gif) repeat-x bottom right;
}





/* Front Page
=================================== */


.frontpageheatmap {
	font-weight: normal;
	line-height: 30px;
	padding-bottom: 10px;
}

#front-page #main h2, #forum-page #main h2, #userlogin, #currentfavorites, #register, #passwordrecovery {
	color: #333;
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px;
	padding: 0 0 5px;
}

.sticky { background-color: #a1d29a; }







/* Tags
=================================== */

#manage-tags {
	padding:15px 675px 15px 0;
	width:129px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	text-align:right;
}

#manage-tags input[type=text] {
	margin:2px 0 0 0; padding:3px;
	width:160px;
	border:none;
	font:11px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

#manage-tags input[type=submit] {
	margin:8px 0 0 0; padding:2px 8px;
	cursor:pointer; 
	background:#f2f2f2 url(images/white-grad.png) repeat-x scroll left top;
        border-color:#bbb; border-style:solid; border-width:1px; -moz-border-radius:11px; -moz-box-sizing:content-box; -khtml-border-radius:11px; border-radius:11px;
        color:#464646; font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-size:11px !important; text-decoration:none; text-shadow:0 1px 0 #fff; line-height:1.2em; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; text-decoration:none !important;
}


#manage-tags li {
	padding:0; margin:0 0 15px 0;
	list-style:none;
}

#manage-tags form {
	margin:-22px 0 0 0;
	padding-left:150px;
	position:absolute;
}






/* Topic Page
=================================== */

#gotolastreply {
	padding:0 0 7px 35px; margin:4px 0 0 561px;
	width:228px; position:absolute;
	background:url(images/content-down_bg.gif) no-repeat 20px 6px;
	color:#555; font:15px/1.4em Georgia, sans-serif;
}

#gotolastreply a {
	
}

#othertags {
	padding:0 0 7px 23px; margin:0;
	background:url(images/content-tags_bg.gif) no-repeat 0px 7px;
	color:#555; font:15px/1.4em Georgia, sans-serif;
}

#othertags span {
	padding:0 5px 0 0;
}

#thread {
	margin:0 61px 0 0; padding:0;
	list-style:none;
}

#thread li {
	margin:0; padding:0;
	clear:both;
}

.threadpost {
	padding:15px 25px; margin:0 0 20px 0;
	width:476px;
	float:right;
	background:#fff;
	color:#555; font:15px/1.4em Georgia, sans-serif;
}

.threadpost p a, #othertags a, #gotolastreply a {
	padding:0 0 2px 0;
	background:url(images/content-a_bg.gif) repeat-x bottom left;
	color:#a32c28; text-decoration:none;
}

.threadpost p a:hover, #othertags a:hover, #gotolastreply a:hover {
	background:url(images/content-a_bg.gif) repeat-x bottom right;
}

.threadauthor {
	margin:0 0 20px 30px;
	width:248px;
	float:right;
	background:#f2efe5 url(images/threadauthor_bg.jpg) repeat-y;
	color:#65694A; font:12px/1em Times New Roman, serif;
}

.threadauthor p {
	padding:25px;
}

.threadauthor a {
	color:#65694A;
}

.threadauthor a:hover {
	color:#384030;
}

.threadauthor strong {
	color:#a32c28; font:16px/1em Georgia, serif; font-weight:bold;
}

.threadauthor strong a, .threadauthor strong a:hover {
	color:#a32c28;
}

.alt .threadpost {
	background:#fcf9ef;
}



#thread li.deleted { background-color: transparent; }

#thread li.deleted .threadpost { background-color: #ee8888; }





/* Profile Page
=================================== */

#profile-page h2.profile {
	margin:40px 0 0 0;
}
 
#profile-menu {
	margin:61px 0 0 140px; padding:0;
	list-style: none;
	position:absolute;
	font:12px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
}

#profile-menu li {
	display: inline;
	margin-left: 3px;
}

#profile-menu li a {
	font-size: 1.1em;
	background-color: #ddd;
	padding: 5px 9px;
	position: relative;
	top: -10px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-khtml-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	text-decoration:none; color:#464646;
}

#profile-menu li.current a, #profile-menu li.current a:hover {
	background-color:#464646;
	color:#999;
}

#useravatar img {
	display: block; border-width: 3px; border-style: double;
}

dl#userinfo { 
	width:526px;
	float:left;
}

dt, dt a {
	margin:0; padding:0;
	color:#a32c28; font:16px/1em Georgia, serif; font-weight:bold;
}

dd {
	margin:0 0 10px 10px; padding:0;
	color:#555; font:15px/1.4em Georgia, serif;
}

#favorites {
	margin:0 0 0 140px;
}

#favorites th {
	padding:7px 0;
	border-bottom:1px solid #999;
	text-align:left;
}