/*

Theme Name: Clean Blue

Theme URI: http://wordpress.org/

Description: Just blue,just clean.Designed by <a href="http://hugege.com/">Hugege</a>.

Version: 2.0

Author: Hugege

Author URI: http://hugege.com/

Tags: blue, fixed width, two columns, widgets,validate CSS,validate Xhtml



	CleanBlue v2.0

	 http://hugege.com/themes/



	This theme was designed and built by Hugege,

	whose blog you will find at http://hugege.com/



	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:1.6em;

margin:0;

padding:15px 0;

text-align:center;

}

a {

color:#145CA6;

cursor:pointer;

text-decoration:none;

}

a:hover {

color:#6EA315;

cursor:pointer;

text-decoration:underline;

}

h1 {

line-height:1;

font-size:1em;

}

h2,#comments,#respond,.random h3 {

background:#DBEEFF none repeat scroll 0 0;

color:#6D6D6D;

border-bottom:1px solid #FFFFFF;

font-size:14px;

height:24px;

line-height:24px;

padding-left:8px;

text-align:left;

clear:both;

}

li {

list-style-type:none;

}

.commentlist {

margin:20px;

width:634px;

}

.post {

border-bottom:1px dotted #D0DFE4;

}

.post p {

margin:10px 2px;

}

.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;

text-align:left;

}

#sidebar ul li ul li:hover {

background-color:#E3F3FE;

}

#headerimg {

background:transparent url(images/wp.gif) no-repeat scroll 0 6px;

padding-left:48px;

}

#bk {

border:1px solid #808080;

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

}

#sidebar {

float:right;

width:260px;

clear:right;

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:96px;

}

#menu ul {

background:transparent url(images/corner_top_left.gif) no-repeat scroll left top;

}

#menu .current_page_item 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.centered {

display: block;

margin-left: auto;

margin-right: auto;

}

img.alignright {

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}

img.alignleft {

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}

/* End Images */





/* Begin Lists */

.widget,.categories,.linkcat {

background:#F5FBFF url(images/widgetbottom.gif) no-repeat scroll bottom center;

margin:10px 5px;

padding-bottom:15px;

}

.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 {

padding-left:15px;

width:225px;

}

#calendar_wrap {

margin:0 10px 8px 15px;

}

/* 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 {

width: 130px;

}

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;

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 {

margin: 15px 30px 0 10px;

padding-left: 20px;

background-color:#F5FBFF;

}

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:15px;

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 10px;

}

.commentlist li .content p {

margin-top:10px;

}

.alignright,.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;

}

.alignright {

background-position:right -74px;

float:right;

padding-right:16px;

}

.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;

}

/*下面这些是调整侧边栏为两列的格式的，如果你希望你的友情链接或分类是两列的话将这里的注释给去掉，但你还需要调整下面height的高度，因为这里无法自适应高度的不同变化*/

/*.linkcat ul li, .categories ul li,.widget_links ul li,.widget_categories{

float:left;

width:100px;

display:inline;

}

.widget_links {

height:310px;

}

.widget_categories {

height:150px;

}

*/