﻿/* 
Theme Name: Clean Clear 
Theme URI: http://www.keephelp.com/
Description: Wordpress Themes Clean_Clear by <a href="http://www.keephelp.com/">Austin</a> 
Author: Austin
Author URI: http://www.keephelp.com/
The CSS,XHTML and design is released under GPL
http://www.opensource.org/licenses/gpl-license.php
*/


body {
font:12px/18px Arial, 宋体,Tahoma, Geneva,Verdana, sans-serif;
background:#fff url(img/bg.gif) top center repeat-x;
color:#000;
margin:0;
padding:30px 0 0;
}

img {
border:0 solid #fff;
}

p {
margin:0;
padding:0 0 15px;
}

h1 {
text-indent:-10000px;
margin:0;
padding:0;
}

h1 a {
display:block;
height:58px;
font-size:14px;
border:none;
}

h2 {
color:#2a53a6;
padding-top:2px;
padding-bottom:15px;
padding-left:5px;
font:bold 16px Arial, 宋体,Times New Roman, Helvetica, sans-serif;
background:transparent;
margin:0;
}

h2 a,h2 a:visited {
color:#2a53a6;
text-decoration:none;
}

h3 {
font:bold 14px Arial, 宋体, Tahoma;
color:#222;
background-image:url(img/dots.gif);
background-position:bottom left;
background-repeat:repeat-x;
margin:20px 0 5px;
}

h4 {
font:bold 14px Arial, 宋体,Trebuchet MS, Tahoma;
color:#222;
background-image:url(img/dots.gif);
background-position:bottom left;
background-repeat:repeat-x;
margin:20px 0 5px;
}

form {
margin:0;
padding:0;
}

#page {
width:100%;
background:url(img/bodybg.gif) no-repeat top center;
margin:0 auto;
}

#pagebody {
width:990px;
margin:0 auto;
}

#header {
background:url(img/logo.gif) top left no-repeat;
height:140px;
position:relative;
top:1px;
margin:0 7px;
}

#headerlogo {
position:relative;
height:60px;
padding:5px 0 0 15px;
}

#headerlogo .description {
position:absolute;
left:15px;
bottom:3px;
color:#fff;
text-indent:-10000px;
}

#google {
right:20px;
float:right;
position:absolute;
top:20px;
margin:0;
}

#nav {
list-style:none;
background:url(img/navbg.gif) repeat-x;
width:965px;
height:39px;
margin:20px 0 0;
padding:0;
}

#nav li {
float:left;
margin-left:1px;
padding:0;
}

#nav .page_item a {
color:#fff;
}

#nav .current_page_item a:visited {

background:url(img/green.gif) repeat-x;
}

#nav .page_item a,#nav .current_page_item a,#nav .page_item a:hover,#nav .current_page_item a:visited {
text-decoration:none;
font:12px Arial, 宋体, Verdana, Helvetica, sans-serif;
display:block;
border-right:1px solid #2b6484;
text-transform:uppercase;
padding:10px 15px 6px;
color:#fff;
}

#nav .current_page_item a,#nav .page_item a:hover {
background:url(img/dblue.gif) repeat-x;

}

#content {
float:left;
width:600px;
overflow:hidden;
border:none;
margin:0 0 5px;
padding:0 5px;
}

.post {
clear:both;
padding-top:10px;
}

.entry {
float:left;
width:590px;
line-height:150%;
font-size:14px;
background:url(img/line.gif) repeat-x bottom center;
}

.entrys {
float:left;
width:240px;
}

.blockquote {
background:transparent;
color:#0a3455;
border-bottom:1px solid #0b497b;
border-top:1px solid #0b497b;
margin:5px;
padding:5px;
}

.post-bottom {
background:transparent;
padding-left:7px;
padding-top:5px;
float:right;
font-size:12px;
color:#888;
}

.post-small {
padding-left:2px;
float:left;
font-size:12px;
color:#666;
}

.postmetadata {
color:#000;
font-size:12px;
height:18px;
padding:8px;
}

.postmetadatap {
color:#000;
font-size:14px;
background:#252525;
height:60px;
border:#000 1px solid;
padding:8px;
}

.postrss {
color:#666;
font-size:12px;
font-family:Arial,宋体, Helvetica, sans-serif;
border:#CCC dashed 1px;
background:#fefefe;
padding:3mm;
}

.post-comments {
background:#fff url(img/com.gif) no-repeat;
padding-left:20px;
float:right;
font-size:95%;
}

.post-calendar {
background:#fff;
padding-left:20px;
float:right;
font-size:95%;
color:#618024;
}

.similiar {
width:515px;
float:left;
color:#000;
text-align:justify;
margin:5px auto;
padding:5px 6px 10px;
}

.post-content {
clear:both;
font-size:14px;
color:#111;
line-height:200%;
padding:5px;
}

.post-contents {
clear:both;
color:#ccc;
font-size:10px;
border-bottom:1px solid #000;
padding:5px;
}

.navigation {
clear:both;
padding:10px 0;
}

.navigation a,.navigation a:visited {
color:#7a7f13;
}

.previous-entries a {
float:left;
padding-left:18px;
}

.next-entries a {
float:right;
padding-right:18px;
}

.related_post li {
padding:0 0 5px;
}

#comments,#respond {
clear:both;
padding:10px 0 5px;
}

.commentlist {
padding-left:5px;
line-height:130%;
margin:10px 0;
}

.commentlist li {
background:url(img/hi.gif) no-repeat right top #fefefe;
color:#555;
border:#ccc solid 1px;
list-style:none;
margin:0 20px 7px 0;
padding:10px 5px 5px;
}

.commentlist .alt {
background:url(img/hi_alt.gif) no-repeat right top #F4FBFF;
border:1px solid #9ADAFC;
color:#666;
}

.commentlist cite,.commentlist cite a,.commentlist cite a:visited {
font-style:normal;
font-size:12px;
color:#000;
}

.commentlist cite {
margin-left:10px;
}

.commentlist .avatar {
float:left;
margin-left:5px;
}

.commentlist span img {
border:1px solid #000;
padding:0;
}

.commentlist small,.commentlist small a,.commentlist small a:visited {
margin-bottom:5px;
font-size:95%;
margin-left:5px;
}

.commentlist li p {
font-size:12px;
importantline-height:150%;
clear:both;
padding:5px 12px;
}

#commentform {
margin-top:10px;
font:100% Arial, Helvetica, sans-serif;
}

#commentform p {
margin:0;
padding:6px 0;
}

#commentform label {
color:#7a7f13;
font-size:12px;
}

#commentform input {
width:200px;
background:#FFF;
border:1px solid #777;
margin-top:3px;
padding:3px;
}

#commentform textarea {
width:480px;
height:115px;
background:#FFF;
border:1px solid #777;
margin-top:3px;
padding:2px;
}

#commentform textarea:focus,#commentform input[type="text"]:focus {
background:#fff;
}

#commentform #submit {
background:#fffcf3;
font:bold 12px Arial, 宋体, Helvetica, sans-serif;
color:#7a7f13;
border:1px solid #666;
float:left;
width:144px;
height:28px;
cursor:pointer;
}

#sidebar {
float:right;
width:370px;
overflow:hidden;
background:transparent;
padding:0 2px 0 0;
}

#adsense {
width:156px;
height:368px;
font-size:11px;
background:url(img/adsense.gif);
float:left;
color:#111;
padding:0;
}

#sbarbg {
width:370px;
font-size:11px;
float:left;
overflow:hidden;
}

#left {
float:left;
width:162px;
border:1px solid #ccc;
background:#f5f5f5;
padding:0 10px 0 3px;
}



#right {
float:right;
width:180px;
border:2px dashed #b1d0f2;
padding:0 0 20px;
}

#sidebar h3,#sidebar .sidebartitle {
font:bold 14px Arial, 宋体,sans-serif, Geneva,sans-serif;
color:#666;
text-transform:uppercase;
background:#f5f5f5;
padding:10px 0 5px 3px;
margin:2px 0 0;
}

#sidebar h4.adsenseh {
font:bold 14px Arial, 宋体,sans-serif, Geneva,sans-serif;
color:#d3660d;
text-transform:uppercase;
background:transparent;
border:none;
padding-top:0;
padding-left:8px;
margin:0;
}

#sidebar a,#sidebar a:visited {
color:#444;
font:12px Arial, 宋体, Geneva, sans-serif;
text-decoration:none;
padding-left:0;
}

#sidebar a:hover {
color:#d3660d;
font:12px Arial, 宋体, Geneva,sans-serif;
text-decoration:underline;
}

#right a,#right a:visited {
color:#395b9f;
font:12px Arial, 宋体, Geneva, sans-serif;
text-decoration:none;
padding-left:0;
line-height:170%;
}

#right a:hover {
color:#d3660d;
font:12px Arial, 宋体, Geneva,sans-serif;
text-decoration:none;
line-height:170%;
}

#right li ul li {
color:#555;
padding:3px 8px 0 8px;
}

#left li ul li {
background:url(img/li.gif) no-repeat !important;
padding:0 0 2px 20px !important;
}

li.bar_calendar td {
padding:1px 7px;
}

.textbar {
padding-top:5px;
}

#searchform {
right:6px;
float:right;
position:absolute;
top:-28px;
margin:0;
}

#searchform br {
display:none;
}

#searchform #s {
width:161px;
height:16px;
border:1px solid #efefef;
margin-right:2px;
color:#000;
font-weight:400;
background:#f9f8ee;
padding:4px 5px 0;
}

#searchform input {
border:1px solid #efefef;
width:60px;
height:22px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000;
vertical-align:middle;
background:#f9f8ee;
}

#close {
clear:both;
background:#fff;
line-height:130%;
padding-bottom:0;
}

#footer {
background:url(img/footer.gif) repeat-x;
color:#333;
width:974px;
text-align:center;
font-size:12px;
clear:both;
margin:0 auto;
padding:5px 0 20px;
}

#footer a,#footer a:visited {
color:#555f2e;
text-decoration:none;
}

#footer a:hover {
color:#555f2e;
text-decoration:underline;
}

.center {
text-align:center;
}

img.center,img[align="center"] {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

img.alignleft,img[align="left"] {
float:left;
margin:2px 10px 5px 0;
}

.alignright {
float:right;
}

img.alignright,img[align="right"] {
float:right;
margin:2px 0 5px 10px;
}

.clear {
clear:both;
}

hr.clear {
clear:both;
visibility:hidden;
margin:0;
padding:0;
}

a,a:visited {
color:#3065ad;
text-decoration:underline;
}

a:hover,h2 a:hover {
color:#000;
text-decoration:none;
}

h3 a,h3 a:visited,h3 a:hover {
color:#222;
text-decoration:none;
}

* html #right {
margin-top:-15px;
}

*+html #right {
margin-top:-15px;
}

#sidebar #right ul,#sidebar #left ul{
list-style:none;
padding:0;
margin:0;
}

/*tab*/

div.demolayout {
	width: 100%;
	margin: 0 0 10px 0;
}

ul.demolayout {
list-style-type: none;
width: 100%;
float: left;
background: url(img/pixel.gif) bottom left repeat-x;
}

ul.demolayout li {
margin: 0 2px 0 0;
float: left;
font-size:14px;
font-family:Arial, 宋体, Helvetica, sans-serif
}

ul.demolayout li a{
float: left;
display: block;
padding: 4px 7px;
border: 1px solid #ff9900;
border-bottom: 0;
color: #ff9900 !important;
background: #fffaf2;
text-decoration: none !important;
font-weight: bold;
}

ul.demolayout li a:visited{
}

ul.demolayout a:hover {
text-decoration: none !important;
background: #fff;
}

ul.demolayout a.active {
text-decoration: none !important;
background: #fff;
padding-bottom: 5px;
color: #d3660d;
}

.tabs-container {
	clear: left;
	border: 1px solid #ff9900;
	border-top: 0;
	padding: 12px 8px 12px 8px;
}
.tabmain {
padding:0;
width:370px;
float:right;
}

.tabmain ul, .tabmain ol, .tabmain li, .tabmain pre {
margin:0;
padding:0;
color:#777;
list-style:none;
}

.tab-nested a:link, .tab-nested a:visited {
color: #333;
text-decoration: none;
font-weight: normal;
}

#rss {
padding:0 0 -10px 0;
background: url(img/rss.gif) bottom right no-repeat;

}

.tab-nested a:hover {
color: #d3660d;
text-decoration: underline;
}

.tab-nested li{
margin:1px 0 1px 0;
padding:0 0 0 20px;
background: url(img/li.gif) top left no-repeat;
line-height:170%;
border-bottom: 1px dashed #ccc;
}

.archives{color:#686868;line-height:30px;overflow:hidden;}
.archive_cat_list{border:1px solid #DEDEDE;overflow:hidden;display:inline-block;}
.archive_cat_list ul li {float:left;display:block;width:75px;text-align:center}
.archive_cat_list ul li a{display:block;}
.archives_cat {margin-top:20px;border:1px solid #DEDEDE;width:683px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
.archives_cat ul li{border-top:1px solid #F5F5F5;display:block; white-space: nowrap;overflow: hidden;}
.archives_list_sep{background:#FAFAFA}
.archives_cat ul li a{width:100%;display:block;color:#686868;padding: 0 15px;}
.archives_cat ul li a:hover {color:#FFF;background:#0086E3;}
.cat_title{width:100%;text-align:center;margin:30px 0 10px 0;}
.scroll_top{float:right}
.cat_title_link{color:#0086E3;font-size:16px;font-weight:bold}
.cat_title_link:hover{text-decoration:underline}