/*  ===================================================================
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 "wallpapers.css";
@import "formatting.css";
/* global=============================================================*/




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

div.series_toc {
    margin:250px 1px 1px;
    width:500px;
}

li.series_item {
    background: #eeffcc;
    padding: 3px 1px 1px 10px;
    margin: 1px;
}

li.series_item_selected {
    background: #aaccaa;
    padding: 3px 1px 1px 10px;
    margin: 1px;
}


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: #5fa201;
        outline:none;
}

a:hover {
        color: #aa0000;
}

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: 20em;
        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;
        margin:0px 0px 15px 0px;
}

.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: 100%;
        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: 90%;
        padding-right: 15px;
}

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

.post {
        float: left;
        width: 100%;
        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: 100%;
        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 20px 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, #right-col .tab-box ul#mysites-toolbar {
        float: left;
        list-style: none;
        width: 300px;
        margin-bottom: -1px;
        padding:0px;
}

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

#right-col .tab-box ul#tab-toolbar li a, #right-col .tab-box ul#recent-toolbar li a, #right-col .tab-box ul#mysites-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#mysites-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, #right-col .tab-box ul#mysites-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, #right-col .tab-box ul#mysites-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: 230px;
        padding: 4px 5px;
        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;
        padding:0;
}

#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: 610px;
        margin: 5px 0;
}

.highlight {
        background:#e4eeff;
        padding: 10px 0;
}

#comment-area ol li .left-comment {
        float: left;
        width: 130px;
        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: 440px;
        border: 1px solid #e0e0e0;
        padding: 10px;
        background-color: #f3f3f3;
        min-height: 130px;
}

#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: 5px;
}

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

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

.archives p {
        padding: 5px 0 10px 0;
}


.archives img {
}

.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;
}

.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: -18px 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;
}

/** franto's stuff */
.readmoreposts
{
 font-size:24px;
 float:right;
 width:100%;
 
}

.quickLink
{
  padding:5px;
  margin:5px;
  background:#eeeeee;
  border:1px dotted #dddddd;
  float:left;
  
}