/*


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: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:14px 0 10px 26px;


width:634px;


}


.post {


border-bottom:1px dotted #D0DFE4;


}


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



height:73px;


padding-left:10px;


}


/* 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:39px;


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


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;


}