/*
- Copyright (c) 2010, Koombea, Inc All rights reserved.
- Version: 1.5


----- Table of Contents -----

1. General Classes
2. Body
4. Header
5. Content
6. Footer

-------------------------------
*/


/* General Classes
============================================================ */
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clear {
	display:block;
}

.fleft{
	float:left;
}
.fright{
	float:right;
}

/* Body
============================================================ */
body{
	background: url('../images/backgrounds/black_bg.png') repeat-x;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

/* Header
============================================================ */
#header{
	color: #FFFFFF;
	height: 81px;
	margin-left: 50px;
	padding-top: 10px;
	width: 90%;
}

#header h1{
	float: left;
	font-size: 1.8em;
}

#header span.session{
	color: #333333;
	float: right;
	font-size: 1.1em;
	margin-top: 5px;
}

#header a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

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

#header ul#navigation{
	/*    border: 1px solid red;*/
	float: left;
	height: 39px;
	margin-top: 10px;
	padding-top: 7px;
}
#header ul#navigation li{
	float: left;
	margin-right: 10px;
}
#header ul#navigation .btn{
	display:block;
	height:34px;
	text-indent:-9000px;
}

#discussions_btn{
	background:url("../images/buttons/btn_nav_discussions.jpg") left top no-repeat;
	width:120px;
}
#discussions_btn:hover{
	background-position:left bottom;
}

#members{
	background:url("../images/buttons/btn_nav_members.jpg") left top no-repeat;
	width:120px;
}
#members:hover{
	background-position:left bottom;
}

#header ul#navigation .active{
	background-position:left bottom;
}

#header div#search{
	float: right;
	height: 39px;
	margin-top: 10px;
	padding-top: 7px;
}

#header div#search input#searchbox{
	background:url('../images/backgrounds/searchbox_bg.jpg') no-repeat;
	border: none;
	color: #FFF;
	float: left;
	height: 29px;
	width: 149px;
	padding-left: 10px;
	padding-top: 10px;
}

#header div#search input#searchsubmit{
	border: none;
	display:block;
	float:left;
	height:34px;
	text-indent:-9000px;
	background:url("../images/buttons/btn_search.jpg") left top no-repeat;
	width:44px;
}

#header div#search input#searchsubmit:active{
	background-position:left bottom;
}


/* Buttons
============================================================ */

ul#buttons{
	margin-top: 15px;
}

a.joinforum{
	border: none;
	display:block;
	float:left;
	height:42px;
	text-indent:-9000px;
	background:url("../images/buttons/btn_join_forum.jpg") left top no-repeat;
	width:188px;
}

a.joinforum:active{
	background-position:left bottom;
}

.btnsave{
	border: none;
	display:block;
	float:left;
	height:43px;
	text-indent:-9000px;
	background:url("../images/buttons/btn_save.jpg") left top no-repeat;
	width:108px;
}

.btnsave:active{
	background-position:left bottom;
}

.btnlogin{
	border: none;
	display:block;
	float:left;
	height:43px;
	text-indent:-9000px;
	background:url("../images/buttons/btn_login.jpg") left top no-repeat;
	width:108px;
}

.btnlogin:active{
	background-position:left bottom;
}

.btnopenclose{
	border: none;
	display:block;
	float:left;
	height:43px;
	text-indent:-9000px;
	background:url("../images/buttons/btn_open_close.jpg") left top no-repeat;
	width:154px;
}

.btnopenclose.closed{
	background-position:left bottom;
}

.btndeleteit{
	border: none;
	display:block;
	float:left;
	height:42px;
	text-indent:-9000px;
	background:url("../images/buttons/btn_delete_it.jpg") left top no-repeat;
	width:154px;
}

.btndeleteit:active{
	background-position:left bottom;
}

.btnstartdiscussion{
	border: none;
	display:block;
	float:left;
	height:42px;
	text-indent:-9000px;
	background:url("../images/buttons/btn_start_discussion.jpg") left top no-repeat;
	width:228px;
}

.btnstartdiscussion:active{
	background-position:left bottom;
}


/* Content
============================================================ */
#content{
	margin-left: 50px;
	width: 990px;
}

#content #container{
	background-color: #FFF;
	border: 4px solid #E8E8E8;
	float: left;
	margin-top: 15px;
	padding: 1px;
}

#content .smaller{
	width: 750px;
}

#content #container div#head{
	height: 40px;
	border-bottom: 1px solid #E8E8E8;
	padding: 20px;
}

#content #container div#first_comment{
	border-bottom: 1px solid #E8E8E8;
	padding: 20px;
}
#content #container div#head h2,
#content #container div#first_comment h2{
	font-size: 2.8em;
	font-weight: bold;
}


#content #container div#head h3{
	font-size: 2.2em;
	font-weight: bold;
}

#content #container div#first_comment h3{
	font-size: 1.8em;
	font-weight: bold;
}

#content #container div#first_comment img.avatar{
	height: 40px;
	float: left;
	margin-right: 20px;
	width: 40px;
}

#content #container div#first_comment span.meta{
	color: #999999;
}

#content #container div.comment_body{
	color: #666666;
	font-size: 1.3em;
	margin-top: 15px;
}

#content #container div.comment_body p{
	line-height: 24px;
	margin-bottom: 15px;
}

#content #container div.comment_body p.smaller{
	font-size: 0.8em;
	font-style: italic;
}

#content #container ul#comments{}

#content #container ul#comments li{
	border-bottom: 1px solid #E8E8E8;
	height: auto;
	overflow:hidden;
}

#content #container ul#comments li.odd{
	background: url('../images/backgrounds/comment_list_odd.jpg') left repeat-y;
}

#content #container ul#comments li.even{
	background: url('../images/backgrounds/comment_list_even.jpg') left repeat-y;
}

#content #container ul#comments li div.side{
	float: left;
	height: inherit;
	text-align: center;
	padding: 20px;
	width: 60px;
}

#content #container ul#comments li div.side img.avatar{
	margin-bottom: 10px;
}

#content #container ul#comments li div.side div.time{
	color: #999999;
	font-size: 0.9em;
}

#content #container ul#comments li div.side div.user{
	color: #999999;
	font-size: 1em;
	line-height: 18px;
}

#content #container ul#comments li div.comment_body{
	color: #666666;
	float: left;
	font-size: 1.2em;
	margin-top: 15px;
	padding: 0px 10px 0px 20px;
	width: 600px;
}

#content #container a, #footer a{
	color: #72B123;
}

#content #container a:hover, #footer a:hover{
	color: #517E18;
	text-decoration: underline;
}

div#replybox{
	padding: 30px 0px 30px 30px;
}

div#replybox h3{
	font-size: 1.4em;
	font-weight: bold;
}

#content #container table#discussions{
	border-collapse: collapse;
	width: 990px;
}

#content #container table#discussions tr th{
	background:url("../images/backgrounds/table_header_bg.jpg") bottom repeat-x;
	border-bottom: 1px solid #CFCFCF;
	color: #999999;
	font-size: 1.3em;
	font-weight: bold;
	height: 20px;
	letter-spacing: -1px;
	padding: 10px;
	text-shadow: 1px 1px #FFF;
}

#content #container table#discussions tr th#replies{
	text-align: center;
}

#content #container table#discussions tr th#date{
	text-align: center;
}

#content #container table#discussions tr td{
	background-color: #F5F5F5;
	border-bottom: 1px solid #CFCFCF;
	color: #999999;
	height: 70px;
	padding: 10px;
}

#content #container table#discussions tr img.avatar{
	height: 40px;
	float: left;
	margin-right: 15px;
	width: 40px;
}

#content #container table#discussions tr.odd td{
	background-color: #FFF;
}

#content #container table#discussions tr.unread td{
	background-color: #FFF9D7;
}

#content #container table#discussions tr td#name h2{
	font-size: 1.8em;
	font-weight: bold;
}

#content #container table#discussions tr td#replies{
	font-size: 3.5em;
	font-weight: bold;
	letter-spacing: -4px;
	text-align: center;
}

#content #container table#discussions tr td#date{
	text-align: center;
}

#content #container ul.pagination{
	background:url("../images/backgrounds/table_header_bg.jpg") repeat-x;
	border-top: 1px solid #CFCFCF;
	color: #999999;
	font-size: 1.3em;
	font-weight: bold;
	height: 40px;
	margin-top: 40px;
}

#content #container ul.pagination li a,
#content #container ul.pagination li.previous a,
#content #container ul.pagination li.previous span,
#content #container ul.pagination li.next a,
#content #container ul.pagination li.next span,
#content #container ul.pagination li.current{
	border-right: 1px solid #CFCFCF;
	color: #999999;
	float: left;
	padding: 11px 20px;
	text-decoration: none;
}

#content #container ul.pagination li a:hover,
#content #container ul.pagination li.current{
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	margin-top: -1px;
}

#content div#bottombreadcrumb{
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 1.6em;
	font-weight: bold;
}

#content div#breadcrumb{
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 1.6em;
	font-weight: bold;
}

#content div#breadcrumb a,
#content div#bottombreadcrumb a{
	color: #72B123;
}

#content div#breadcrumb a:hover,
#content div#bottombreadcrumb a:hover{
	color: #517E18;
}

#content ul#sidebar{
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	width: 154px;
}

#content ul#sidebar li{
	margin-bottom: 20px;
}

#content ul#sidebar li ul li{
	margin: 0;
}

#content ul#sidebar h3{
	font-size: 1.4em;
	font-weight: bold;
}


/* Forms
============================================================ */

form#form{
	padding: 30px;
}

form#form ul li{
	margin-bottom: 20px;
}

form#form label{
	color: #5C5C5C;
	font-size: 1.6em;
	font-weight: bold;
}

form#form .field{
	border: 2px solid #E1E1E1;
	color: #666666;
	font-size: 1.5em;
	height:18px;
	margin-top: 10px;
	padding: 14px;
	width: 600px;
}

form#form .largefield{
	border: 2px solid #E1E1E1;
	color: #666666;
	font-size: 1.5em;
	height:180px;
	margin-top: 10px;
	padding: 14px;
	width: 600px;
}

form#form li p{
	color: #666666;
	font-weight: bold;
}

/* Flashes & Errors
============================================================ */

#flash{
	font-size: 1.2em;
}

.note,
.error,
.success{
	margin-bottom:10px;
	margin-top:10px;
	padding:20px 20px 20px 45px;
}
.note{
	border:1px solid #FDD526;
	background: #FEF09B url("../images/icons/note.png") 20px 20px no-repeat;
}
.error{
	border:1px solid #FD2F2F;
	background: #FFB4B7 url("../images/icons/exclamation.png") 20px 20px no-repeat;
}
.success{
	border:1px solid #21FD31;
	background: #B1FEB0 url("../images/icons/accept.png") 20px 20px no-repeat;
}

.formError{
	color: red;
	font-size: 1.2em;
	margin-top: 10px;
}

/* Members page
============================================================ */

ul#member_list{
	padding: 20px;
	overflow: hidden;
}

ul#member_list li{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: center;
	width: 80px;
}

ul#member_list li img{
	padding-bottom: 5px;
}

/* Footer
============================================================ */
#footer{
	color: #999999;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 40px;
}


/* RedCloth formating
============================================================ */

div.comment_body strong{
	font-weight: bold;
}

div.comment_body em{
	font-style: italic;
}

div.comment_body del{
	text-decoration: line-through;
}

div.comment_body h1{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

div.comment_body ul{
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 20px;
}

div.comment_body ol{
	list-style-position: inside;
	margin-bottom: 20px;
}

div.comment_body ol li{
	list-style-position:inside;
}