/*
 * Global CSS settings
 */
body {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	background: #FFFFFF repeat-x fixed left top;
}

a{
	text-decoration: none;
	color: #0096BC;
}

a:hover {
	text-decoration: underline;
	color: #00657E;
}

input, textarea
{
	background: #FFFFFF;
	border: 1px solid #0096BC;
	color: #0096BC;
}

.clear {
    clear:both;
}  

/*
 * Layout container CSS
 */
#container {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	color: #0096BC;
}

#content {
	border-left: 1px solid #0096BC;
	border-right: 1px solid #0096BC;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
}


#mainColumn {
    padding-bottom:10px;
}

#leftSidebar {
	background-color: transparent;
	overflow: hidden;
}
#leftSidebar a{
	text-decoration: none;
	color: #0096BC;
}
#leftSidebar a:hover {
	text-decoration: underline;
	color: #00657E;
}

#rightSidebar {
	background-color: transparent;
	overflow: hidden;
}
#rightSidebar a{
	color: #0096BC;
}
#rightSidebar a:hover {
	color: #00657E;
}

#footerSidebar {
	background-color: transparent;
	overflow: hidden;
}
#footerSidebar a{
	color: #0096BC;
}
#footerSidebar a:hover {
	color: #00657E;
}

.sidebarContent{
	width: 224px;
	margin: 0 auto;
}
.sidebarContentCenter{
	width: 500px;
	margin: 0 auto;
}

/*
 * Top bar related CSS
 */

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

    color: #0096BC;
}

a.topbarLeftText, a.topbarRightText {
	color: #0096BC;
}

a.topbarLeftText:hover, a.topbarRightText:hover  {
	color: #00657E;
}

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

/*
 * Header related CSS
 */
#header {
	height: 314px;
	border-bottom: 0px solid #0096BC;
	border-top: 1px solid #0096BC;
	border-right: 1px solid #0096BC;
	border-left: 1px solid #0096BC;
	background-color: #FFFFFF;
	background-image: url(./images/top.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#blogName {
	margin: 0px;
	padding-top: 30px;
	padding-left: 30px;
	font: bold normal 15px Arial, sans-serif;
	text-decoration: none;
	display: block;
	height: 250px;
}

#blogName a {
	text-decoration: none;
	color: #ffffff;
}

#blogName a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#navigator {
	height: 34px;
	border-right: 1px solid #0096BC;
	border-left: 1px solid #0096BC;
	padding: 0px;
	color: #0096BC;
	background-position: bottom;
	background-color: #FFFFFF;
}

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

#navigatorLinks a {
	color: #0096BC;
}

#navigatorLinks a:hover {
	color: #00657E;
}

#search {
	margin: 0px;
	padding-right: 20px;
	padding-top: 5px;
	float: right;
	display: inline-block;
}

/*
 * Widget related CSS
 */
.widget {} 
.widgetTitle {
	margin: 0px;
	padding: 8px 10px 0px 10px;
	height: 21px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #0096BC;
	background:  url(./images/left-1.gif) no-repeat;
}

.widgetContent {
	border-left: 1px solid #0096BC;
	border-right: 1px solid #0096BC;
	font-weight: normal;
	padding: 5px 10px 5px 10px;
	background-color: #ffffff ;
	overflow: hidden;
	width: 200px;
}

.widgetContent ul {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: square;
}

.widgetFooter {
	height: 13px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background:  url(./images/left-5.gif) no-repeat;
}

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

/*
 * Post related CSS
 */
.post {
	padding: 5px;
	margin: 5px;
	color: #666666;
}

.postHeader{
}

.postTitle{
	font-family:Georgia, Arial, Serif;
	font-size:14px;
	margin:0;
	color: #666666;
	font-weight:bold;   
}

.postTitle a{
	color: #0096BC;
}

.postTitle a:hover{
	color: #00657E;
}

.postInfo {
	font-size:12px;
	font-family: Verdana, Arial, Sans-Serif;
	margin:0;
	padding: 5px 0px;
	color:#666666;

    width:420px;
	float: left;
}

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

.postText {
	padding:5px 0;
	margin:5px 0;
	border-top: #666666 1px dashed;
	font-family: Georgia, Verdana, Arial, serif;
	font-size:13px;
	line-height: 140%;
}
.postText img {}

.postFooter {
    /*height: 10px;*/
    padding-bottom: 15px;
    background: transparent url("./images/divider.gif") center no-repeat;
}

.postNavigator {
	text-align: right;
}

/*
 * for album.template, albums.template, friends.template, links.template, resource.template, sidebar.*.template
 *
.post2 {
	padding: 0;
	margin: 10px 0px 5px 6px;
	color: #000;
}
.postHeader2 {}
.postTitle2 {
	float: none;
	color: #000;
	border: 0px;
	font-size: 18px;
	font-weight: bold;
	font-family:Arial, serif;
	text-align: left;
	line-height:1.3em;
	margin:0px;
	padding:0px 0px 0px 45px;
	height: 28px;
	border-bottom:dotted 1px #000;
	background:url(./images/pb.gif) center left no-repeat;
}
.postTitle2 a { color: #333; }
.postTitle2 a:hover { color: #333; }
.postInfo2 {
	font-size:12px;
	font-family: Verdana, Arial, Sans-Serif;
	margin:0;
	padding: 0px;
	color:#000;
}
.postDate2 {}
.postDate2 a { color: #333; }
.postDate2 a:hover { color: #333; }
.postText2 {}
.postFooter2 {
    padding-top:10px;
    height: 10px;
    background: transparent url("./images/divider.gif") center no-repeat;
}
.postNavigator2 { 
    text-align: right; 
}
*/

/*
 * Comment related CSS
 */
.comment {
	padding-bottom: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: #0096BC 1px solid;
}

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

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

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

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

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

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

.commentText textarea {
    width : 90%;
}

.commentText input {
    width : 60%;
}

.commentText .button {
	width: auto;
}

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

.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 {
	color: #ffffff;
	padding: 20px 0px;
	margin: 0px;
	border-top: 0px solid #0096BC;
	text-align: center;
	background: #0096BC;
	border-right: 1px solid #0096BC;
	border-bottom: 1px solid #0096BC;
	border-left: 1px solid #0096BC;
}

#footer a {
	color: #ffffff;
}

#copyrightMessage {
	color: #ffffff;
}

/*
 * Profile related CSS
 */
#AboutMyself {}

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

.calMonthDay {
	width: 20px;
}

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

.calMonthToday {
	color: #0096BC;
	border: 1px #0096BC 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;
}

/*
 * Locations
 */
#locationSidebar {
	width: 222px;
	margin-left: 10px !important;
	margin-left: 5px;
	float: left;
	background-color: transparent;
	overflow: hidden;
}

#locationMainColumn {
	width: 530px;
	margin-right: 10px;
	float: right;
	display: inline;
	overflow: hidden;
}


/*
 * 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 #0096BC;
    text-decoration: none;
    color: #0096BC;
}

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

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


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

/* 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; }

/* plugin gtranslator */
#plguin_gtranslator_panel {
    margin: 5px 0;
    color: #0096BC;
}