/*
Theme Name: Clean Blue
Description: Just blue,just clean.Designed by <a href="http://hugege.com/">Hugege</a>.
Version: 2.0.2
Author: Hugege
Author URI: http://hugege.com/
Tags: blue, fixed-width, two-columns, right-sidebar

	CleanBlue v2.0.2
	 http://hugege.com/themes/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Begin Typography & Colors */
* {
margin:0;
padding:0;
}
body {
font-family:Arial,Helvetica,sans-serif;
font-size: 80%;
line-height: 25px;
margin:0;
padding:15px 0;
text-align:center;
background:#ffffff;
}
#siderbar li{font-size:14px}
a {
color:#145CA6;
cursor:pointer;
text-decoration:none;
}
a:hover {
color:#6EA315;
cursor:pointer;
text-decoration:underline;
}
h1 {
line-height:1.5;
font-size:1.5em;
}
h2,#comments,.random h3 {
background:#DBEEFF none repeat scroll 0 0;
color:#6D6D6D;
/*border-bottom:1px solid #FFFFFF;*/
font-size:14px;
height:24px;
line-height: 25px;
padding-left:8px;
text-align:left;
clear:both;
}
#respond{
float:left;
width:98%;
}
li {
list-style-type:none;
}
.commentlist {
margin:14px 0 10px 26px;
width:634px;
}
.post {
border-bottom:1px dotted #D0DFE4;
overflow:hidden;
}
.entry p {
margin:10px 2px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:medium;
line-height: 26px;
text-align: justify;
}

.entry span {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:medium;
line-height: 26px;
text-align: justify;
}

.entry {
padding:0 10px;
}
.avatar {
border:2px solid #DBEEFF;
}
.fixed {
clear:both;
}
.postmetadata a {
color:#6EA315;
}
.entry img {
border:1px solid #E1E1E1;
padding:2px;
}
.random li {
background:transparent url(images/icon.gif) no-repeat scroll 0 -267px;
margin-left:10px;
padding-left:16px;
width:500px;
}
#sidebar ul li ul li {
background:transparent url(images/icon.gif) no-repeat scroll 0 -227px;
margin-left:8px;
padding-left:14px;
}
#sidebar ul li ul li:hover {
background-color:#E3F3FE;
}
#headerimg {
background:transparent url(images/wp.gif) no-repeat scroll 0 6px;
height:49px;
padding-left:48px;
}
/* End Typography & Colors */


/* Begin Structure */
#page {
margin:0 auto;
width:950px;
text-align:left;
}
#header {
text-align:left;
clear:both;
height:74px;
}
#content {
clear:left;
float:left;
margin-bottom:10px;
text-align:left;
width:680px;
overflow:hidden;
}
#sidebar {
float:right;
width:260px;
overflow:hidden;
}
#footer {
background:transparent url(images/wp.gif) no-repeat scroll 0 2px;
clear:both;
padding-left:46px;
}
/* End Structure */


/*	Begin Headers */
#menu {
width:950px;
text-transform:uppercase;
}
#menu li a {
background:transparent url(images/corner_bottom_right.gif) no-repeat scroll right bottom;
border-right:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
font-weight:bold;
height:19px;
padding:2px 0;
text-align:center;
width:103px;
}
#menu ul {
background:transparent url(images/corner_top_left.gif) no-repeat scroll left top;
}
#menu .current_page_item a,#menu .current-cat a,#menu li a:hover {
background:#6EA316 url(images/corner_top_left.gif) no-repeat scroll left top;
}
#menu ul li{
float:left;
background:#145CA7 url(images/corner_top_left.gif) no-repeat scroll left top;
}
/* End Headers */


/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
float:right;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
float:left;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* End Images */


/* Begin Lists */
.widget,.categories,.linkcat {
background:#F5FBFF url(images/widgetbottom.gif) no-repeat scroll bottom center;
margin:10px 5px;
padding-bottom:15px;
overflow:hidden;
}
.widgettitle,.linkcat h2 {
background:transparent url(images/widgettop.gif) no-repeat scroll top center;
padding:15px 0 5px 8px;
color:#6D6D6D;
font-size:14px;
line-height:20px;
}
.widget ul li,.linkcat ul li,.categories ul li {
li.cat-item{width:25%;float:left;list-style:none;line-height:23px;margin:0; }
.widget_categories ul{overflow: hidden; }
padding-left:15px;
width:225px;
}
#calendar_wrap {
margin:0 60px 8px;
text-align:center;
}
/* End Entry Lists */


/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 130px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
margin:0 0 10px 44px;
text-align:center;
width:160px;
}
input#author, input#email, input#url, textarea#comment,input#s {
background:#FCFCFC url(images/textfield.gif) repeat-x scroll center top;
border:1px solid #B0C8E4;
padding:2px 1px;
}
input#author:focus,input#email:focus,input#url:focus,textarea#comment:focus,input#s:focus {
border: 1px dotted #CCCCCC;
}
/* End Form Elements */


/* Begin Comments*/
#commentform {
clear:both;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 5px;
}
#commentform textarea {
margin-left:5px;
margin-top:5px;
padding:2px;
width:98%;
}
#commentform #submit {
margin: 0;
float: right;
clear:left;
}
.form_row {
margin-left:10px;
}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote,pre {
background-color:#F5FBFF;
margin:10px;
overflow:auto;
padding:4px 16px;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
height:30px;
}


/* End Various Tags & Classes*/
.commentlist li{
margin-top:10px;
clear:both;
}
.commentlist li .info {
background:#E0F3FF url(images/commenttop.gif) no-repeat scroll center top;
float:left;
margin-bottom:5px;
padding:10px 15px 0;
width:494px;
overflow:hidden;
}
.fixed, .clear {
clear:both;
}
/*
.commentlist li .author {
float:left;
text-align:center;
width:81px;
}
.commentlist li .name {
font-weight:bolder;
overflow:hidden;
padding-right:14px;
width:67px;
height:40px;
}
.commentlist li .pic {
background:transparent url(images/commentpoint.png) no-repeat scroll right center;
margin-top:10px;
padding-right:14px;
}
.commentlist li .author {
float:left;
text-align:center;
width:81px;
}
.commentlist li .commentmetadata {
float:left;
font-size:10px;
}
.commentlist li .content {
background:transparent url(images/commentbottom.gif) no-repeat scroll center bottom;
line-height:145%;
margin:0 -15px;
padding:0 15px 15px;
}
.commentlist li .content p {
margin-top:6px;
}
*/
.navigation .alignright,.navigation .alignleft,.writer,.edit,.tags,.trackback,.response,.feed,.category,.time{
background:transparent url(images/icon.gif) no-repeat scroll 0 0;
height:16px;
line-height:16px;
padding-left:16px;
}
.time {
background-position:0 -18px;
}
.navigation .alignright {
background-position:right -74px;
float:right;
padding-right:16px;
}
.navigation .alignleft {
float:left;
background-position:0 -90px;
}
.edit {
background-position:0 -186px;
}
.tags {
background-position:0 -36px;
}
.trackback {
background-position:0 -210px;
}
.response {
background-position:0 -160px;
}
.feed {
background-position:0 -124px;
}
.category {
background-position:0 -56px;
}
.act {
float:right;
font-size:10px;
}
#contactform {
margin:0 10px;
}
#contactform label{
display:block;
}
.contactpage p{
margin:0 10px;
}
.postmetadata {
clear:both;
}
.entry-content .linkcat ul li{width:670px;}
#sidebar .widget_categories .cat-item{
width:61.3px;
float:left;
}
#sidebar ul li {_float:none;}
.rc_item {float:left;display:inline;}
.ddsg-wrapper{margin-top:10px;}
/*------------thread comments-------------------
.parent{
margin: 5px 2px 2px 4px;
padding: 4px 2px 2px 4px;
}
.children{
border: 1px solid #999;
margin: 5px 2px 2px 4px;
padding: 4px 2px 2px 4px;
background-color: #e2e2e2;
}*/
/*---------------------Links Page-----------------------*/
.linkpage ul{margin:0;padding:5px 6px;list-style-type:none;overflow:auto;}
.linkpage img{float:left;height:16px;width:16px;padding:3px 0 3px 3px;}
* html .linkpage ul{height:1%;}
.linkpage ul li{color:#333;margin-bottom:5px;font-size:12px;}
.linkpage ul li ul li{float:left;width:121px;_width:119px;text-align:center;margin:3px;line-height:180%;background-color:#FFF;border:1px solid #dadada;}
.linkpage ul li ul li a{color:gray;display:block;}
.linkpage ul li ul li a:hover{background-color:gray;color:#FFF;font-weight:700;}
.linkpost{display:inline;float:left;margin:0;padding:0 10px;width:680px;}
#linkcontent{margin-top:8px;width:700px;float:left;}
/*----------------PageNavi------------------------*/
.wp-pagenavi a:hover{border:1px solid #000;color:#000;background-color:#FFF;}
.wp-pagenavi span.pages{color:#000;border:1px solid #000;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi span.current{font-weight:700;border:1px solid #000;color:#000;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi span.extend{border:1px solid #000;color:#000;background-color:#FFF;margin:2px;padding:2px 4px;}
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active{text-decoration:none;border:1px solid #06c;color:#06c;background-color:#FFF;margin:2px;padding:2px 4px;}
/*------------------CommentsNavi------------------------*/
.comments-navi{float:left;font-size:12px;line-height:22px;width:100%;text-align:center;}
.comments-navi a{text-decoration:none;border:1px solid #ccc;color:#555;margin:2px;padding:2px 4px;}
.comments-navi a:hover{border:1px solid #ccc;color:#ccc;background:#555;}
.comments-navi span.current{font-weight:700;border:1px solid #ccc;color:#555;background:#F6F6F6;margin:2px;padding:2px 4px;}
/*---------------Quotes Collection----------------------*/
.quotescollection_randomquote{border:1px dashed #145CA6;background:#F5FBFF url(http://i960.photobucket.com/albums/ae90/yggcwx/LOGO/notice.gif) no-repeat 10px 8px;margin:10px 0;padding:5px;}
.quotescollection_randomquote q {display:-moz-box;}

/* zwwooooo add */
/* comments list style */
.commentlist{margin:15px 15px 15px 5px;width:auto;}
ol.commentlist li{position:relative;list-style:none;height:1%;margin:0 0 20px 10px;padding:0;border:2px solid #dbeeff;background:#fafafa;}
ol.commentlist li div.comment-author{}
ol.commentlist li div.vcard img.avatar{position:absolute;left:0;top:0;width:40px;height:40px;background:#fff;padding:2px;border:none;border-right:1px solid #dbeeff;border-bottom:1px solid #dbeeff;}
ol.commentlist li div.vcard cite.fn{margin-left:55px;font-style:normal;font-size:14px;font-weight:bold;}
ol.commentlist li div.vcard cite.fn a.url{color:#047;}
ol.commentlist li div.vcard cite.fn a.url:hover{color:#aaa;}
ol.commentlist li div.comment-meta{font-size:10px;margin-left:55px;}
ol.commentlist li p,ol.commentlist li blockquote{margin:0 0 0 55px;padding-bottom:10px;}
ol.commentlist li blockquote{padding:5px;border:1px dashed #dfdfdf;color:#999;background:#fafafa;}
ol.commentlist li blockquote p,ol.commentlist li code p{margin-left:0;}
ol.commentlist li code{margin-bottom:10px;padding:2px;background:#777;color:#dfdfdf;}
ol.commentlist li div.reply{position:absolute;right:10px;top:10px;}
ol.commentlist li div.reply a{display:block;color:#999;padding:0 7px;background:#dbeeff;border:1px solid #dfdfdf}
ol.commentlist li div.reply a:hover{text-decoration:none;color:#fff;background:#dbdbff;}
ol.commentlist li ul.children li{margin:0 0 0 20px;border:none;border-top:1px solid #ccc;}
ol.commentlist li ul.children li.odd{background:#efefef;}
ol.commentlist li ul.children li.even{background:#fafafa;}
ol.commentlist li ul.children li.depth-2{margin:0 0 0 46px;background:#efefef;}
ol.commentlist li ul.children li.depth-3,
ol.commentlist li ul.children li.depth-5,
ol.commentlist li ul.children li.depth-7{background:#fafafa;}
ol.commentlist li ul.children li.depth-4,
ol.commentlist li ul.children li.depth-6{background:#efefef;}
ol.commentlist li ul.children li div.comment-author{}
ol.commentlist li ul.children li img.avatar{left:5px;top:5px;width:26px;height:26px;border:1px solid #ddd;}
ol.commentlist li ul.children li div.vcard cite.fn{margin-left:45px;}
ol.commentlist li ul.children li div.comment-meta{margin-left:45px;}
ol.commentlist li ul.children li p,ol.commentlist li ul.children li blockquote{margin:0 0 0 45px;padding-bottom:10px;}

.rc_item .rc_avatar {
	line-height:1px;
}
.rc_item .rc_avatar img {
	background:#FFF;
	padding:1px;
	border:1px solid #333;
	margin-top:5px;
}
.rc_item .rc_left {
	display:inline;
	float:left;
	padding-right:7px !important;
	padding-right:4px;
}
.rc_item .rc_right {
	display:inline;
	float:right;
	padding-left:7px !important;
	padding-left:4px;
}
.rc_item .rc_info .author_name {
	font-weight:bold;
}
#rc_newest {
	float:left;
	padding-right:10px;
}
#rc_newer {
	float:left;
}
#rc_older {
	float:right;
}
.rc_fixed {
	clear:both;
}
.rc_label {
	font-weight:bolder;
}
.rc_back {
	float:left;
}
.rc_datetime {
	float:right;
}