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

Version: 2.0.1
Author: Hugege
Author URI: http://hugege.com/
Tags: blue, fixed-width, two-columns, right-sidebar

CleanBlue v2.0.1
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: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.5;
font-size:1.5em;
}

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

#sidebar ul li ul li:hover
{
background-color:#E3F3FE;
}

#headerimg
{
background:transparent url(http://topseo-tools.com/wp-content/uploads/2009/01/seotargettopblue.png) no-repeat scroll 0 6px; /* url(images/wp.gif)*/

padding-top:8px;
padding-left:56px;
padding-bottom:20px;
}

/* End Typography & Colors */





/* Begin Structure */

#page
{
margin:0 auto;
width:950px;
text-align:left;
}

#header
{
text-align:left;
clear:both;
height:74px;
}

#adcontent
{
position: relative;
margin-bottom:10px;
margin-left: 0px;
margin-right: auto;
width:728px;
overflow: hidden;
}

#adcontent2
{
position: relative;
float: right;
margin-bottom:10px;
margin-left: 0px;
margin-right: auto;
width:150px;
overflow: hidden;
}

.textwidget
{
text-align: center;
}

.textwidget img
{
margin: 5px;
}

.bottomtextwidget
{
text-align: left;
}

.bottomtextwidget a
{
text-decoration: none;
}

.bottomtextwidget img
{
margin-top: 2px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 2px;
}

#content
{
clear:left;
float:left;
margin-bottom:10px;
text-align:left;
width:580px;
}

#sidebar
{
clear:right;
float:right;
width:360px;
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.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;

}

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

}

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