/*
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:Verdana,Arial,Helvetica,sans-serif;
     font-size:80%;
     margin:0;
     padding:15px 0;
     text-align:center;
}

p {
     font-size:11pt;
}

.footertext {
     font-size:9pt;
}

a {
     color:#145CA6;
     cursor:pointer;
     text-decoration:none;
}

a:hover {
     color:#391f6c;
     cursor:pointer;
     text-decoration:underline;
}

h1 {
     line-height:2.2;
     font-size:24pt;
}

h2,#comments,#respond,.random h3 {
     background:#ccffff none repeat scroll 0 0;
     color:#145ca7;
     border-bottom:1px solid #FFFFFF;
     font-size:14pt;
     line-height:24px;
     padding-left:8px;
     text-align:left;
     clear:both;
}

h2 a {
     color:#145ca7;
}


li {
     list-style-type:none;
}

.commentlist {
     margin:14px 0 10px 26px;
     width:634px;
}

.post {
     margin-bottom:0;
}

.entry p {
     margin:18px 2px;
}

.entry {
     padding:0 10px;
}
.entry li{
	margin-left:25px;
	list-style-position: outside;
	list-style-type: disc;
}

.avatar {
     border:2px solid #b197e1;
}

.fixed {
     clear:both;
}

.postmetadata a {
     color:#7f4eb9;
     margin-bottom:18px;
}

.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/banner2.jpg) no-repeat scroll 0 6px;
     height:150px;
     padding-left:165px;
     margin-bottom:6px;
}

.description {
     font-size:12pt;
     color:#7f51ab;
     font-weight:bold;
}

/* End Typography & Colors */



/* Begin Structure */

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

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

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

#sidebar {
     float:right;
     width:300px;
     clear:right;
     overflow:hidden;
}

#footer {
     clear:both;
}

/* End Structure */



/*	Begin Navigation */

#menu {
     width:900px;
     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:24px;
     padding:2px 8px;
     text-align:center;
}

#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:#FF6600 url(images/corner_top_left.gif) no-repeat scroll left top;
}

#menu ul li{
     float:left;
     background:#23b6db; url(images/corner_top_left.gif) no-repeat scroll left top;
}

/* End Navigation */



/* 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:#FCFCFC 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:#8c6cd1;
     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:#CCFFFF;
     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:#dccafd 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,.edit,.tags,.trackback,.response,.feed,.category,{
     background:transparent url(images/icon.gif) no-repeat scroll 0 0;
     height:16px;
     line-height:16px;
     padding-left:16px;
     margin-top:12px;
}

.writer,.time{
     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:12px -186px;
}

.tags {
     background-position:0 -36px;
     margin-bottom:24px;
}

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

#sidebar #freebie {
        margin:10px auto;
        width:300px;
        text-align:center;
}

#sidebar .freebiebox {
	padding: 4px;
	border: thin solid #8a2be2;
	background-color: #FFF;
	width: 300px;
}

.titlea {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:12pt;
        color:#8a2be2;
        font-weight:bold;
}

.titleb {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11pt;
        color:#000;
        font-weight:bold;
        line-height:24px;
}

.titlec {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:10pt;
        color:#8a2be2;
        font-weight:bold;
}

.para {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:10pt;
}

.privacy {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:8pt;
}

.follow {
	border: thin solid #DBEEFF;
	padding: 4px;
}

.sidebartitles {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:10pt;
        color:#FFFFFF;
        font-weight:bold;
	background-color:#23b6db;
        padding:4px;
}

/* BEGIN OPT-IN BOX STYLES */
      
#freebiebox .freebiebox {
	padding: 4px;
	border: thin solid #9461c8;
	background-color: #ffffff;
	width: 300px;
        margin-top:12px;
}
#freebiebox .title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	color: #7657ba;
	font-weight:bold;
        margin-bottom: 12px;
}
#freebiebox .subtitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.0em;
	color: #7657ba;
	font-weight:bold;
        margin-bottom: 12px;
}
#freebiebox .freebietext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
	color: #7657ba;
	line-height:1.0;
        margin-bottom: 12px;
}
#freebiebox .freebieprivacy {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #7657ba;
	line-height:1.0;
}
#freebiebox .formtext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #7657ba;
	line-height:1.2;
}

/* END OPT-IN BOX STYLES */


#heart blockquote {
     background-color:#fcfaca;
     color:#000;
     font-weight:bold;
     font-style:italic;
     margin:10px;
     overflow:auto;
     padding:4px 16px;
}
#heart blockquote .highlight {
     background-color:#fcfaca;
     color:#000;
     margin:10px;
     overflow:auto;
     padding:4px 16px;
}
#heart h2 {
     background:#fcfaca none repeat scroll 0 0;
     color:#8a2be2;
     border-bottom:1px solid #FFFFFF;
     font-size:14pt;
     line-height:24px;
     padding:24px;
     text-align:left;
     clear:both;
}