/*  ===================================================================
Theme Name: Our Community
Theme URI: http://themetation.com/
Description: A simple, clean and fresh community site.
Date: 24th Julai 2008
Version: 2.0
Author: kailoon
Author URI: http://kailoon.com/
Tags: Community style, custom admin panel, right sidebar, 2 column.


======================================================================*/

@import "wordpress.css";
@import "formatting.css";
/* global=============================================================*/

* { /*--reset all to 0--*/
	margin: 0; 
	padding: 0; 
}

body {
	background: #f3f3f3 url(images/bg.png) repeat-x top left;
	color: #3a2f27;
	font: 400 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #e54d02;
	outline: none;
}

a:hover {
	color: red;
}

a img {
	border: 0;
}

.box {
	border: 1px solid #e0e0e0;
	background: #fff url(images/input.jpg) repeat-x top left;
}

.box2 {
	background-color: #e8e8e8;
	border: 1px solid #d8d4d4;
}

/* container =============================================================*/
#wrapper {
	width: 960px;
	margin: 0 auto;	
}

#header {
	width: 960px;
	height: 126px;
	float: left;
	background: url(images/header.png) no-repeat top left;
}

#content {
	width: 960px;
	float: left;
	margin-top: 20px;
}

#content #left-col {
	width: 645px;
	float: left;
	padding-right: 15px;
}

#content #right-col {
	width: 300px;
	float: left;
}

#footer {
	width: 100%;
	float: left;
	background: url(images/footer.png) repeat-x top left;
	height: 37px;
	color: #c1b0a2;
	margin-top: 20px;
}

/* #header =============================================================*/

.section {
	float: left;
	width: 960px;
}

.left-box {
	float: left;
	width: 600px;
}

.right-box {
	float: left;
	width: 360px;
	height: 24px;
}

ul#menu {
	float: left;
	list-style: none;
	font-size: 10px;
	width: 600px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

ul#menu li.page_item, ul#menu li {
	float: left;
}

ul#menu li.page_item a, ul#menu li a {
	color: #c1b0a2;
	margin: 0 15px 0 0;
}

ul#menu li.page_item a:hover, ul#menu li.current_page_item a, ul#menu li a.current {
	color: #fff;
}

a#register {
	font-size: 11px;
	padding-top: 3px;
	color: #C1B0A2;
}

.admin a {
	color: #C1B0A2;	
}

.admin {
	font-size: 10px;
	float: right;
	padding-top: 3px;
	width: 360px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}

a#register:hover , .admin a:hover {
	color: #fff;
}

form#loginform {
	float: left;
	font-size: 11px;
}

form#loginform label {
	float: left;
	padding: 2px 5px 0 0;
}

form#loginform input {
	border: 0;
	color: #999;
	font-size: 10px;
}

form#loginform label input.text {
	height: 12px;
	background-color: #000;
	padding: 2px;
	border: 1px solid #403939;
	width: 60px;
}

form#loginform input#my-submit {
	background: url(images/login.png) no-repeat top left;
	width: 17px;
	height: 22px;
	cursor: pointer;
}

h1 a#logo {
	float: left;
	width: 370px;
	height: 60px;
	background: url(images/logo.png) no-repeat top left;
	text-indent: -99999em;
}

#searchform {
	float: left;
	background: url(images/search.png) no-repeat top left;
	width: 209px;
	height: 17px;
	margin: 15px 0 0 60px;
	display: inline;
	padding: 3px;
}

#searchform input {
	border: 0;
	color: #999;
	float: left;
}

#searchform input#s {
	background-color: #171515;
	width: 184px;
}

#searchform input#searchsubmit {
	background: url(images/search-button.png) no-repeat top left;
	cursor: pointer;
	width: 21px;
	height: 18px;
	margin: -1px 0 0 2px;
}

#navigation {
	position: relative;
	height: 33px;
	float: left;
	padding-top: 5px;
}

a#home {
	position: relative;
	height: 33px;
	float: left;
	padding-top: 5px;
	width: 80px;
	text-indent: -9999em;
}

#navigation li {
	float: left;
	line-height: 33px;
}
#navigation li a {
	color: #333333;
	display: block;
	margin: 0 1px 0 0;
	padding: 0 15px;
}

#navigation li a:hover,#topmenu li.active a { 
	color: #fff; 
	text-decoration: none;
}

#navigation li ul li a:hover,#topmenu li.active a {
	color: #e54d02;
	text-decoration: none;
}

#nav, #nav ul{
	padding: 0;
	float:left;
	list-style: none;
	position: relative;
}
#nav {
	padding: 1px 0 0 0;
	width: 760px;
}
#nav a {
	display: block;
}
#nav li {
	float: left;
	line-height: 35px;	
}
#nav li a:hover {
	background: none;
}
#nav li ul {
	position: absolute;
	width: 13em;
	left: -999em;
	margin-top: -3px;
	border-top: 1px solid #c3b2a5;

}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index: 1000;	
}
#nav li ul li {
    background: #fff url(images/input.jpg) repeat-x top;			
	line-height: 28px;
	border: 1px solid #c3b2a5;
	width: 13em;
	border-top: 0;
	position: relative;
	
}
#nav li ul ul {
	margin: -29px 0 0 13em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#navigation li.current-cat a {
	color: #fff;
	background: url(images/nav.png) repeat-x top left;
}

#nav li.current-cat ul li a {
	background: none;
	color: #333;
}

#nav li ul li.current-cat a, #nav li ul li.current-cat a {
	background: none;
	color: #333;
}

#navigation ul li ul li.current-cat a:hover, #navigation ul li ul li.current-cat a:hover {
	color: #e54d02;
}

#rss {
	float: left;
	text-align: right;
	width: 90px;
	padding: 6px 10px 4px 0;
}

#rss a {
	color: #0d0c0c;
	font: 900 22px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

/* .content=============================================================*/

.featured {
	float: left;
	width: 605px;
	padding: 19px;
}

.featured .f-photo {
	clear: left;
	width: 605px;
	height: 220px;
	margin-bottom: 10px;
	overflow: hidden;
}

.featured .f-photo a {
	float: left;
}

.featured .f-photo h2 a {
	float: left;
	position: absolute;
	color: #fff;
	background: url(images/title-bg.png) repeat;
	display: block;
	top: 300px;
	padding: 10px;
	font: 400 18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	width: 400px;
}

.featured .f-author {
	float: left;
	width: 80px;
	padding-right: 10px;
	text-align: center;
	font-size: 10px;
	letter-spacing: -1px;
}

.featured .f-author img {
	float: left;
	border: 1px solid #e8e8e8;
}

.featured .f-excerpt {
	float: left;
	width: 515px;
	padding-bottom: 10px;
}

.featured .f-excerpt p {
	float: left;
}

.f-bottom {
	float: left;
	width: 605px;
	padding-left: 14px;
	margin-top: -15px;
	margin-bottom: 20px;
}

.f-bottom a.f-read {
	float: left;
	background: url(images/f-read.png) no-repeat top left;
	width: 125px;
	height: 26px;
	color: #fff;
	padding: 4px 0 0 6px;
	font-size: 11px;
}

.f-bottom .f-comment {
	float: right;
	margin-top: -10px;
	position: relative;
}

/* .post=============================================================*/

#left-post-col h3, #right-post-col h3 {
	float: left;
	padding: 5px 14px;
	color: #333;
	width: 287px;
	background-color: #e0e0e0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
	margin-bottom: 10px;
}

#left-post-col h3 a, #right-post-col h3 a {
	color: #666;
}

#left-post-col h3 a:hover, #right-post-col h3 a:hover {
	color: #333;
}

#left-post-col {
	float: left;
	width: 315px;
	padding-right: 15px;
}

#right-post-col {
	float: left;
	width: 315px;
}

.post {
	float: left;
	width: 315px;
	margin-bottom: 10px;
}

.post h2 {
	padding: 0 0 4px 0;
}

.post h2 a {
	color: #111;
	font-size: 20px;
}

.post h2 a:hover {
	color: #e54d02;
}

.post .comment {
	float: right;
	background: url(images/comment.png) no-repeat top left;
	width: 38px;
	height: 24px;
	text-align: center;
	margin-right: 4px;
	position: relative;
	padding: 4px 5px 0 0;
	display: inline;
}

.post .comment a {
}

.post .post-sum {
	float: left;
	width: 283px;
	padding: 15px;
	margin-top: -14px;
}

.post .post-sum .date {
	font-size: 11px;
	font-style: italic;
	font-size: 10px;
	color: #666;
}

.post .post-sum img {
	float: left;
	margin: 5px 8px 0 0;
}

.read-more {
	float: left;
	background: url(images/read.png) no-repeat top right;
	width: 23px;
	height: 23px;
	text-indent: -9999em;
	margin: -12px 0 0 14px;
}

/* #right-col=============================================================*/

#right-col #ad {
	float: left;
	width: 288px;
	padding: 5px;
	margin: 0 0 5px 0;
}

#right-col #ad div {
	float: left;
	margin: 4px;
	display: inline;
	padding: 4px;
}

#right-col #ad div a img {

}

#right-col .tab-box {
	float: left;
	width: 298px;
	margin: 10px 0 5px 0;
}

#right-col .tab-box ul#tab-toolbar, #right-col .tab-box ul#recent-toolbar {
	float: left;
	list-style: none;
	width: 300px;
	margin-bottom: -1px;
}

#right-col .tab-box ul#tab-toolbar li, #right-col .tab-box ul#recent-toolbar li {
	float: left;
	display: inline;
}

#right-col .tab-box ul#tab-toolbar li a, #right-col .tab-box ul#recent-toolbar li a {
	float: left;
	font-weight: 900;
	color: #979090;
	height: 25px;
	padding: 5px 0 0 0;
	text-align: center;
	width: 73px;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	margin-bottom: -1px;
	position: relative;
}

#right-col .tab-box ul#recent-toolbar li a {
	width: 148px;
}

#right-col .tab-box ul#tab-toolbar li a:hover, #right-col .tab-box ul#recent-toolbar li a:hover {
	color: #3a2f27;
}

#right-col .tab-box ul#tab-toolbar li a.current, #right-col .tab-box ul#recent-toolbar li a.current {
	color: #3a2f27;
	background: #fff url(images/input.jpg) repeat-x top left;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	position: relative;
}

#right-col .tab-box .simpletab-container {
	border: 1px solid #e0e0e0;
	float: left;
	width: 298px;
	background-color: #fff;
	padding: 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#right-col .tab-box .simpletab-container ul {
	float: left;
	width: 280px;
	list-style: none;
	padding: 9px;
	font-size: 12px;
}

#right-col .tab-box .simpletab-container ul li {
	float: left;
	width: 280px;
	font-size: 12px;
}

#right-col .tab-box .simpletab-container ul li a {
	float: left;
	width: 280px;
	padding: 4px 0;
	color: #666;
	border-bottom: 1px solid #f3f3f3;
}

#right-col .tab-box .simpletab-container ul li a:hover {
	color: #e54d02;
}

#right-col .tab-box .simpletab-container ul li ul {
	width: 255px;
	padding: 0 0 0 25px;
}

#right-col .tab-box .simpletab-container ul li ul li ul {
	width: 230px;
	padding: 0 0 0 25px;
}

#right-col .tab-box .simpletab-container ul li ul li ul li {
	width: 230px;
}

#right-col .tab-box .simpletab-container ul li ul li ul li a {
	width: 230px;
}

#right-col .tab-box .simpletab-container ul li ul li {
	width: 255px;
}

#right-col .tab-box .simpletab-container ul li ul li a {
	width: 255px;
	font: 400 12px Arial, Helvetica, sans-serif;
	font-style: italic;
}

#right-col .tab-box .simpletab-container #tab-tags {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;
	font-style: italic;
}

#right-col .tab-box .simpletab-container #tab-tags a {
	padding: 6px;
	color: #666;
}

#right-col .tab-box .simpletab-container #tab-tags a:hover {
	color: #e54d02;
}

#right-col .tab-box .simpletab-hidden {
    display: none;
}

#right-col .tab-box .simpletab-active {
    display: block;
}

/* #sidebar =============================================================*/
#sidebar {
	float: left;
	width: 300px;
	font-size: 12px;
}

#sidebar #sidebar1 {
	float: left;
	width: 300px;
}

#sidebar ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 300px;
	list-style: none;
}

#sidebar ul li {
	margin: 5px 0;
}

#sidebar ul li a {
	color: #666;
	font-style: italic;
}

#sidebar ul li a:hover {
	color: #e54d02;
}

#sidebar ul li ul {
	background-color: #fff;
	padding: 4px 8px;
	border: 1px solid #e0e0e0;
	width: 282px;
	background: #fff url(images/input.jpg) repeat-x top left;
	margin: 5px 0 10px 0;
}

#sidebar ul li ul li {
	margin: 0;
	padding: 4px 8px;
}


#sidebar ul li ul li a {

}

#related {
	padding: 4px 8px;
	width: 282px;
	background: #fff url(images/input.jpg) repeat-x top left;
	margin: 5px 0 10px 0;
	list-style: none;	
}

#related li {
	margin: 5px 0;
	padding: 2px 0;
	border-bottom: 1px solid #f3f3f3;
}

#related li a {
	color: #666;
	font-style: italic;
}

#related li a:hover {
	color: #e54d02;
}
/* .single =============================================================*/
.single {
	float: left;
	width: 605px;
	padding: 19px;
	margin-bottom: 5px;
}

.single h2 {
	padding: 0 0 4px 0;
	font-size: 22px;
	font-style: normal;
}

.single span.date {
	padding: 0 0 10px 0;
	display: block;
	font-size: 11px;
	font-style: italic;
	color: #999;
}

.single p {
	padding: 0 0 15px 0;
}

em.tag {
	clear: both;
	display: block;
	padding-top: 10px;
}

#author-intro {
	float: left;
	width: 100%;
	margin: 10px 0;
}

#author-intro h3 {
	font-style: normal;
	padding-bottom: 5px;
	font: 400 9px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#author-intro .desc {
	float: left;
	width: 500px;
	padding: 0 0 0 10px;
	color: #666;
	font-style: italic;
	font-size: 11px;
}

#author-intro .author-img {
	float: left;
	width: 100px;
	text-align: center;
}

#author-intro .author-img img {
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.navigation {
	float: left;
	width: 645px;
	margin: 5px 0;
}

.navigation .alignleft a {
	float: left;
}

.navigation .alignright a {
	float: right;
}

/* .#comment-area=============================================================*/

#comment-area {
	float: left;
	width: 627px;
	padding: 8px;
	margin: 5px 0;
}

#comment-title, #reply h3 {
	background-color:#E7E7E7;
	border:1px solid #D7D7D7;
	float: left;
	width: 617px;
	color: #666666;
	margin-bottom: 10px;
	padding: 3px 4px;
}

#comment-area h3 {
	float: left;
}

#comment-area span a {
	float: right;
	font-size: 11px;
}

.trackback {
	float: left;
	width: 627px;
	padding: 0 8px;
	margin: 5px 0;
}

.trackback h3 {
	color: #666666;	
	clear: left;
	margin-bottom: 10px;
	padding: 3px 4px;
}

.trackback ol {
	list-style-position: inside;
}

#comment-area ol {
	float: left;
	width: 627px;
	list-style: none;
}

#comment-area ol li {
	float: left;
	width: 627px;
	margin: 5px 0;
}

#comment-area ol li .left-comment {
	float: left;
	width: 120px;
	padding-right: 10px;
	text-align: right;
	font-size: 11px;
}

#comment-area ol li .left-comment img {
	padding: 4px;
	border: 1px solid #e7e7e7;
	background-color: #fff;
}

#comment-area ol li .right-comment {
	float: left;
	width: 475px;
	border: 1px solid #e0e0e0;
	padding: 10px;
	background-color: #f3f3f3;
	min-height: 150px;
}

#comment-area ol li.alt .right-comment {
	border: 1px solid #e7dcbc;
	background-color: #fff;
}

/* #reply=============================================================*/

#reply {
	float: left;
	width: 627px;
	padding: 8px;
	margin: 5px 0;
}

#reply form {
	float: left;
	width: 627px;
	font: 400 12px Arial, Helvetica, sans-serif;
}

#reply form input, #reply form textarea {
	border: 1px solid #e0e0e0;
	background: url(images/input.jpg) repeat-x top left;
	padding: 4px;
	font: 400 12px trebuchet MS;
	color: #666;
}

#reply form label {
	float: left;
	width: 200px;
	padding: 5px 10px 0 0;
	text-align: right;
}

#reply form p {
	padding: 0 0 10px 0;
}

#reply form input#submit {
	float: right;
}

/* #footer=============================================================*/

#footer p {
	margin: 0 auto;
	padding: 13px 0 0 0;
	width: 960px;
	clear: left;
}

#footer p a {
	margin: 0 2px;
}

#footer p span {
	width: 400px;
	float: left;
}

#footer p em {
	width: 560px;
	float: left;
	text-align: right;
	font-style: normal;
}

/* .archives=============================================================*/
.archives {
	float: left;
	width: 623px;
	padding: 10px;
	margin-bottom: 25px;
}

.archives .date {
	font-size: 10px;
	color: #666;
	font-style: italic;
}

.archives .data {
	font-size: 11px;
	color: #434343;
	font-style: italic;
}

.archives p {
	padding: 0 0 15px 0;
}

.archives img {
	float: right;
	background-color:#fff;
	padding: 4px;
	border: 1px solid #e0e0e0;
	margin: 0 0 5px 5px;
}

.archives h2 a {
	padding: 5px 0 8px 0;
	float: left;
	width: 100%;
	font-style: normal;
}

h2.pagetitle {
	font: 400 12px Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	padding: 5px 0 10px 0;
	color: #999;
}

h2.pagetitle a {
	font-style: italic;
	padding: 1px 4px;
}

h2.pagetitle a:hover {
	color: red;
}

h2.pagetitle2 {
	font: 400 12px Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	padding: 5px 0 10px 0;
	color: #666;
}

h2.pagetitle2 strong {
	font-size: 14px;
	color: #333;
}

/* #author-details=============================================================*/

#author-details {
	float: left;
	padding: 5px;
	margin: -25px 8px 5px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 80px;
	position: relative;
}

.author-right {
	float: left;
	width: 490px;
	color: #666;
}

.author-right h2 {
	font-style: italic;
	padding-bottom: 10px;
	color: #333;
}


h3.author-title {
	float: left;
	width: 100%;
	padding: 13px 0 6px 0;
	letter-spacing: -1px;
}

.author-post {
	float: left;
	width: 628px;
	margin-bottom: 10px;
}

.author-post h2 {
	padding: 0 0 4px 0;
}

.author-post h2 a {
	color: #3a2f27;
}

.author-post h2 a:hover {
	color: #e54d02;
}

.author-post .comment {
	float: right;
	background: url(images/comment.png) no-repeat top left;
	width: 38px;
	height: 24px;
	text-align: center;
	margin-right: 4px;
	position: relative;
	padding: 4px 5px 0 0;
	display: inline;
}

.archives .comment {
	float: right;
	background: url(images/comment.png) no-repeat top left;
	width: 38px;
	height: 24px;
	text-align: center;
	margin-right: 4px;
	position: relative;
	padding: 4px 5px 0 0;
	display: inline;
	margin-top: -23px;
}

.author-post .comment a {
}

.author-post .post-sum {
	float: left;
	width: 598px;
	padding: 15px;
	margin-top: -14px;
}

.author-post .post-sum .date {
	font-size: 11px;
	font-style: italic;
}

.author-post .post-sum img {
	float: left;
	margin: 5px 8px 0 0;
}

.author-read-more {
	float: right;
	background: url(images/read.png) no-repeat top right;
	width: 23px;
	height: 23px;
	text-indent: -9999em;
	margin: -12px 14px 0 0;
}

.read-more2 {
	float: right;
	background: url(images/read.png) no-repeat top right;
	width: 23px;
	height: 23px;
	text-indent: -9999em;
	margin: -38px 14px 0 0;
}
/* archives=============================================================*/

.archives2 {
	float: left;
	width: 287px;
	margin: 0 15px 0 0;
	display: inline;
	padding: 9px;
}

.archives2 h2 {
	padding: 2px 0 7px 0;
	font-style: normal;	
}
	

.archives2 ul {
	clear: left;
	list-style: none;
	font-style: italic;
	color: #999;
}

.archives2 ul li {
	padding: 3px 0;
	border-bottom: 1px solid #f3f3f3;
}

.archives2 ul li a {
	color: #434343;
	font-style: normal;
}

.archives2 ul li a:hover {
	color: #e54d02;
}

.archives2 ul li ul li {
	padding: 3px 0 3px 20px;
	border-bottom: 0;
}

#bookmarks {
	background-color: #f3f3f3;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	clear: both;
	color: #ccc;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: italic;
	padding: 3px 15px;
	text-align: center;
}