/*
 * Global CSS settings
 */

body {
font-family: Arial,sans-serif;
margin: 0px;
padding: 0px;
font-size: 13px;
background: url(./images/bg.jpg) top repeat ;
color: #444422;
}

a{
text-decoration: none;
color: #333333;
}

a:hover {
text-decoration: none;
}

input, textarea
{
background: #ffffff;
color: #555533;
font-size: 12px;
margin: 0;
padding: 0;
}

/*
 * Layout container CSS
 */
#container {
margin: 0px auto;
padding: 0px;
text-align: left;
overflow: hidden;
background:#343321;
border:#333322 5px solid;
}

#content {
display: block;  /* 20080620 jase */
overflow: hidden;
background:#FFFFFF ;
}

#mainColumn {
background:#FBF9F4 ;
}

#leftSidebar {
color: #555533;
background: #FFFFFF;
overflow: hidden;
}

#leftSidebar a{
color: #555533;
}


#rightSidebar {
color: #555533;
background: #FFFFFF;
overflow: hidden;
}

#rightSidebar a{
color: #555533;
}

#footerSidebar {
	background-color: transparent;
	overflow: hidden;
}

.sidebarContent{
	margin: 0 auto;
}
.sidebarContentCenter{
	margin: 0 auto;
}

/*
 * Top bar related CSS
 */

#topbar {
background-color: #FFFFFF;
filter: alpha(opacity=80);
-moz-opacity: .85;
opacity: .85;
}

a.topbarLeftText, a.topbarRightText {
color: #0D004C;
}

a.topbarLeftText:hover, a.topbarRightText:hover  {
color: #0D004C;
}

/*
 * page bar related CSS
 */
#pagebar {
text-align: center;
}

/*
 * Header related CSS
 */
#header {
height: 280px;
width: 100%;
background:url(./images/top.jpg) bottom no-repeat;
}

#blogName {
width:100%;
background:#E2DED4;
padding: 10px 0 10px 20px;
border-bottom:#666633 2px solid;
border-top:#999966 1px solid;
font: bold Arial,sans-serif;
font-size: 24px;
display: block;
text-align: left;

}

#blogName a {
color:#664422;
}

#navigator {
width: 973px;
padding-top:7px;
height: 33px;
background:url(./images/3.gif) top repeat-x;
color: #555533;
border:#999966 1px solid;
}

#navigatorLinks {
padding-left: 20px;
padding-top: 5px;
color:#555533;
float: left;
}

#navigatorLinks a {
color: #555533;
}


#search {
margin: 0px;
padding-right: 20px;
padding-top: 5px;
float: right;
display: inline-block;
}
/*
 * Sidebar related CSS
 */

.widgetTitle{
margin: 30px 20px 0px 20px;
height: 15px;
color: #444422;
text-align: left;
font-size: 20px;
font-weight: bold;
}


.widgetContent {
font-weight: normal;
padding: 10px 20px 10px 20px;
overflow: hidden;
}

.widgetContent ul {
margin: 0px;
padding: 0px;
list-style: none;
}




#mylinks li {
padding-left: 10px;
}

/*
 * Post related CSS
 */
.post {
margin: 20px 20px 20px 20px;
}

.postHeader{
color:#444422;
}

.postHeader a{
color:#444422;
}

.postTitle{
font-family:Georgia, Arial, Serif;
font-size:26px;
margin:0;
font-weight:bold;
}



.postInfo {
font-size:12px;
font-family: Verdana, Arial, Sans-Serif;
padding: 5px 0px;
}

.postDate {
	float: left;
	color: #212121;
	border: #212121 1px solid;
	font-family: Georgia,'Lucida sans ms', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 10px 10px 0 0;
	padding: 8px 3px;
	width: 55px;
	line-height:1em;
}

.postText {
margin:30px 0;
font-family: Georgia, Verdana, Arial, serif;
font-size:12px;
letter-spacing: 2px;
line-height: 1.7;
color: #222222;
}

.postText a{
text-decoration: underline;
color: #664422;
padding: 2px;
}

.postText img{
padding: 5px;
}

.postFooter {
height: 0px;
}

.postNavigator {
text-align: center;
}

/*
 * Comment related CSS
 */
.comment {
font-size: 12px;
padding-bottom: 10px;
padding-top: 30px;
margin-right: 10px;
margin-bottom: 10px;
border: #A0A0A3 1px solid;
color: #333333;
}

.comment a{
border-bottom:#EEEEEE 1px dashed;
}

.commentFormTitle{
padding: 10px 10px 0px 25px;
font-size: 13px;
font-weight: bold;
}

.commentForm {
padding-bottom: 10px;
margin-bottom: 10px;
}

.commentHeader{
padding: 10px 10px 0px 10px;
font-size: 20px;
color:#333333;
font-weight: bold;
}

.commentHeader a{
font-weight: normal;
color:#333333;
}

.commentInfo{
padding: 0px 10px 0px 25px;
}

.commentText{
padding: 0px 10px 0px 25px;
}


.commentFooter {
padding: 0px 10px 0px 25px;
}

.commentText textarea {
    width : 70%;
}

.commentText input {
    width : 60%;
}

.commentText .button {
                border: 1px solid;
                width: auto;
}

/*
 * Trackback related CSS
 */
.trackback {
padding-bottom: 10px;
margin-right: 10px;
margin-bottom: 10px;
border: #A0A0A3 1px solid;
color: #333333;
}

.trackbackHeader{
padding: 10px 10px 0px 10px;
font-size: 13px;
font-weight: bold;
}

.trackbackInfo{
padding: 0px 10px 0px 25px;
}

.trackbackText{
padding: 0px 10px 0px 25px;
}

.trackbackFooter{
padding: 0px 10px 0px 25px;
}

/*
 *
 */
#footer {
width: 100%;
padding: 20px 0px;
text-align: center;
}

#copyrightMessage {
color: #FFFFFF;
font-size: 12px;
}

/*
 * Calendar related CSS
 */
.calMonth {
font-size: 10px;
}

.calMonthDay {
width: 20px;
}

.calMonthDay a {
font-weight: bold;
text-decoration: underline;
}

.calMonthToday {
color: #FFFFFF;
border-bottom: 1px #FFFFFF solid;
}

/*
 * Album related css
 */
a.photoLink {
text-decoration: none;
}

#album {
margin-top: 20px;
text-align: center;
}

#albumNav {
margin-top: 20px;
text-align: center;
}

/*
 * Recent resource and Recent Friends Resource related CSS
 */
#recentResources li, #recentFriendsResources li {
width: 100px;
height: 80px;
float: left;
display: inline-block;
}

#canvas0_0, #canvas0_1 {
background-color: #FFFFFF;
}

#canvas1_0, #canvas1_1 {
background-color: #FFFFFF;
}

/*
 * Others
 */
.upgrade {
display: none;
font-weight: bold;
}

.noDisplay {
display: none;
}

#recentPosts ul{

padding-left: 15px;
list-style: square;

}

#recentcomments ul{

padding-left: 15px;
list-style: square;

}

#recentTrackingLists ul{
padding-left: 15px;
list-style: square;

}

#recentPosts ul li{
	border-bottom: 1px dotted #BCBAAC;
	padding: 2px 0;
}

#recentcomments ul li{
	border-bottom: 1px dotted #BCBAAC;
	padding: 2px 0;
}

#recentTrackingLists ul li{
	border-bottom: 1px dotted #BCBAAC;
	padding: 2px 0;
}



 
.gallery, #gallery {
padding: 15px;
}

/*
 * Page
 * color get .a color
 */ 
.pager {
    font-size: 12px;
    padding: 3px;
    margin: 3px;
    text-align:center;
}

.pagerLink,
.pagerLinkPrevPage,
.pagerLinkNextPage {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #444422;
    text-decoration: none;
    color: #444422;
}

.pagerLink:hover,
.pagerLink:active,
.pagerLink:visited,
.pagerLinkPrevPage:hover,
.pagerLinkPrevPage:active,
.pagerLinkPrevPage:visited,
.pagerLinkNextPage:hover,
.pagerLinkNextPage:active,
.pagerLinkNextPage:visited {
    border: 1px solid #444422;
    color: #444422;
    text-decoration: none;
}

.pagerCurrent {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #444422;
    font-weight: bold;
    background-color: #444422;
    color: #FFFFFF;
}


/**
 * categories directory tree
 * color get .a color
 */
#categoriesTreeDiv a:active, 
#categoriesTreeDiv a:link {}
#categoriesTreeDiv a:hover {}
#categoriesTreeDiv a:focus, 
#categoriesTreeDiv a:visited {}


/* posttopic table mode style */
.posttopic_list          { width:100%; padding:5px; margin:5px; }
.posttopic_list th       { text-align:center; }
.posttopic_list_hit      { width:8%; }
.posttopic_list_reply    { width:8%; }
.posttopic_list_datetime { text-align:center; width:25%;}
.posttopic_list_hit      { text-align:center; }
.posttopic_list_reply    { text-align:center; }
.posttopic_list_view     { text-align:right; padding-top:5px; padding-bottom:5px; }
.posttopic_list td       { border-bottom:1px dashed gray; }