/* 
Theme Name: ChinaSpot 
Theme URL: http://ChinaSpot.com/
Description: A blank theme for you to draw on.
Author: Shellex Y
Author URI: http://ChinaSpot.com
Version: 0.1

/*
Here is a list of all the <DIV>s in Whiteboard.
*/



body {
    background-color: #F1F1F1;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a {
    text-decoration: none;
    color: #cc0000;
}

textarea {
    width: 90%;
}

input[type="text"] {
    border: #ccc solid 1px;
}
p {
    display: block;
    margin: 1em 0px;
}
#container{
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    width: 960px;
}

#header {
    width: 960px;
    padding-bottom: 2px;
}

#header-top {
    background: #fff url(imgs/block-bg.gif)  repeat-x 0% 0%;
    padding: 10px 10px;
    height: 80px;
}

#header-top .logo {
    float: left;
}

#header-top .ad {
    float: right;
    height:60px;
    width: 470px;
    background: #fff;
    display: block;
    
}

#search-bar {
    float:right;
    margin-top: -30px;
    color: #fff;
}

#nav {
    background: transparent url(imgs/panel-bg.png) repeat-x 50% 50%;
}

#nav ul {
    margin: 0;
    padding: 0;
    font-size: 12px;
    height: 30px;
    overflow: hidden;
    width: 738px;
}

#nav .nav-item {
    cursor: pointer;
    display: inline;
    float: left;
    height: 30px;
    margin: 0px;
    padding: 0px 2px 0px 1px;
}

#nav .nav-item {
    background: transparent url(imgs/nav-item-sep.png) no-repeat 100% 0px;
}


#nav .nav-item a {
    background: none;
    color: #fff;
    float: left;
    font-size: 11px;
    margin: 0px;
    padding: 9px 15px;
    text-transform: uppercase;
}

#nav .nav-item a:hover {
    background: transparent url(imgs/nav-item-hover.gif) repeat-x;
}

#content {
    float: left;
    width: 550px;
    margin-top: 10px;
}

div.navigation {
    height: 30px;
}

div.navigation div{
    padding: 10px 0;
}

div.post{ 
    padding: 15px;
    margin-bottom: 10px;
}

h3.post-title {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 16px;
}

h3.post-title a {
    color: #cc0000;
}
div.post-info ,div.comment-info {
    font-size: 10px;
}

div.excerpt-ctrl {
}

a.excerpt-more {
    padding: 2px 5px;
    text-align: center;
    background: #cc0000;
    color: white;
    float: right;
}

div.tags{
    font-size: 10px;
    margin: 10px 0 0 0;
}

div.post-hr {
    border-top: 1px #ccc solid;
    width: 500px;
    margin-left: 20px
}


.postnavigation{}
#searchform{}

#searchform #s {
    width: 160px;
}

#sidebar{
    float: right;
    width: 400px;
    margin-top: 10px;
}

#rss-btn {
    display: block;
    height: 48px;
    width: 48px;
    padding-left: 50px;
    line-height: 48px;
    font-size: 16px;
    background: transparent url(imgs/rss.png) no-repeat;
}

div.sidebar-panel {
    width: 190px;
}

div.sidebar-panel h3 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 15px;
}

div.sidebar-panel ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.sidebar-panel .sidebar-block {
    padding: 10px;
    margin-bottom: 10px;
}

div.sidebar-panel ul li ul li {
    padding: 5px;
    border-top: #ccc dotted 1px;
    font-size: 10px;
}
div.sidebar-panel ul li ul li a {
    color: #222;
}
div.sidebar-panel ul li ul li a:hover {
    font-size: 10px;
    color: #cc0000;
}

#comments {
    padding: 10px;
}

#comments h3 {
    margin: 0 0 10px 0;
}

#comments ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#comments ol li {
    border-top: #ccc dotted 1px;
    padding: 5px 0;
}

div.avatar {
    float: left;
    padding: 5px;
}


.comments_navigation{}
.comments_navigation{}
.comments_reply{
    width: 528px;
    padding: 10px;
    margin: 10px 0;
}
.comments_text{}
.comments-meta{}

#footer {
    margin-top: 10px;
    padding: 10px;
}

.block {
    background: #fff url(imgs/block-bg.gif)  repeat-x 0% 0%;
    border-left: #ddd solid 1px;
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
}

.fixed {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.wp-caption {
    padding: 2px;
    border: 1px #ccc solid;
    background: #F1F1F1;
    border-radius: 3px;
    margin: 10px auto;
}

.wp-caption p {
    margin: 2px;
    text-align: center;
}


