/*  
 Theme Name: Spring
 Theme URI: http://iqwolf.org/theme3/
 Description: Spring is a pleasant, two column WordPress theme which mainly uses blue and green.The theme supports the Sidebar Widgets plugin. 
 Version: 0.51beta
 Author: iqwolf
 Author URI: http://iqwolf.org/

 The CSS, XHTML and design is released under GPL:
 http://www.opensource.org/licenses/gpl-license.php
 
 I get the AJAX commenting, rolling archive and live search code from K2 by Michael, Chris and Zeo.
 You can get K2 here:
 http://getk2.com/
 
 I use Docking Boxes to create animated drag 'n' drop, snap-to-grid and show/hide-contents effects:
 http://www.brothercake.com/site/resources/scripts/dbx/
 
 This Theme also uses Fam Fam Fam Silk Icons:
 http://www.famfamfam.com/lab/icons/silk/
 
 Feel free to contact me if you have questions, my email:iqwolf@gmail.com.
*/

/* General */
* {margin:0;padding:0;font-family:Tahoma, sans-serif;font-size:12px;}
html, body {margin:0px;padding:0px;font-family:Tahoma, sans-serif;font-size:12px;color:#333;text-align:center;background:#F0F2F3;}

a,a:link,a:active,a:visited  {color:#3478E3;text-decoration:none;}
a:hover {color:#fff;background:#3478E3;}

form, input, select {margin:0;padding:0;}
select {border:none;}

p {margin:0 0 10px 0;line-height:140%;}
ul, ol, dl {margin:0;padding:0;}
ul ul, ol ol, p ul, p dl, p ol {margin-bottom:0;}
li, dd {margin:0;}
ol li {list-style:decimal outside;}

acronym, abbr, span.caps {cursor:help;font-size:10px;letter-spacing:.07em;}
acronym, abbr {border-bottom:1px dashed #999;}
blockquote {border-left:5px solid #ddd;margin:20px;padding-left: 10px;}
cite {text-decoration:none;}
code {font-family:'Tahoma', Courier, sans-serif;font-size:14px;}
hr {display:none;}
small {font-family:Tahoma;font-size:10px;color:#777;}

/* Headers */
h1, h2, h3 ,h4{margin:0;padding:0;font-family:"Trebuchet MS", "Times New Roman", times, serif;font-weight:bold;}
h1 {padding:35px 0 0;font-size:32px;text-align:center;color:#fff;}
h1 a, h1 a:link, h1 a:active, h1 a:hover, h1 a:visited {font-size:32px;text-decoration:none;color:#fff;}
h2 {margin:5px 0 5px 0;font-size:14px;}
h2.description {padding:5px;font-size:12px;text-align:center;color:#fff;}
h2.pagetitle {margin-top:30px;text-align:center;}
h3 {margin:30px 0 0;padding:0;font-size:14px;}
h4 {font-size:12px;}

h2.section-title { text-align: left; color: #ADE75B; font-weight: bold; font-size: 14px; }
h2.section-title span {float: right;}

/* Structure Divs */
#header {margin:0 auto;width:800px;height:116px;background:url(http://www.blogcs.com/img/goal/top2.png) #fff center no-repeat;}
#container {margin:0 auto;padding:0;width:800px;background:url(http://www.blogcs.com/img/goal/bg_content_main.png) #fff repeat-y;}
#content {background:#fff;overflow:hidden;}
#footer {clear:both;margin:0 auto;padding:0 0 5px;width:800px;text-align:center;background:url(http://www.blogcs.com/img/goal/bg_footer.png) #fff bottom no-repeat;}
#sidebar {float:left;margin:20px 0 20px 40px;padding:0;width:200px;font-size:12px;background:url(http://www.blogcs.com/img/goal/bg_sidebar.jpg) #99ccff top no-repeat;overflow:hidden;}

/* Config Structure Divs */
/* Header */
.nav {width:100%;height:34px;margin:5px auto;padding:15px 0 0;background:url(http://www.blogcs.com/img/goal/bg_menu.png) bottom no-repeat;overflow:hidden;}
.nav ul {width:100%;margin:0;padding:8px 0 0;list-style-type:none;text-align:center;}
.nav li {position:relative;padding:0;display:inline;font-family:Tahoma;font-size:12px;letter-spacing:0.20em;text-transform:uppercase;}
.nav a, .nav a:link, .nav a:visited {padding:2px 5px;color:#fff;text-decoration:none;}
.nav a:hover {color:#fff;background:none;border-bottom:3px dashed #fff;}

/* Content */
.narrowcolumn {float:left;margin:20px 0 10px 20px;padding:0;width:500px;}
.widecolumn {width:500px;margin:5px auto 0 auto;}
.entry {margin:0;padding:20px 0 20px 10px;text-align:left;}
.widecolumn .entry {margin:0;}
.entry ul {margin:0 0 0 40px;padding:0;}
.entry ol {margin:0 0 0 40px;padding:0;}
.entry li {margin:0;padding-bottom:8px;}
.postmetadata {padding:4px 0;}

/* Footer */
#footer p {margin:0;padding:5px;font-size:10px;text-align:center;line-height:18px;}

/* Sidebar Elements*/
#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited  {color:#fff;text-decoration:none;}
#sidebar a:hover {color:#fff;text-decoration:underline;}
#sidebar a:hover {color:#fff;text-decoration:underline;}
#sidebar h2 {width:180px;margin:15px 2px 0 2px;padding:2px 0;font-size:12px;color:#fff;letter-spacing:.2em;text-align:center;}	
#sidebar ul {margin:0;padding:0 0 10px;color:#fff;list-style:none;}
#sidebar li {width:165px;margin:0 10px 1px 10px;padding:2px 5px;border-bottom:1px solid #8eb0a7;border-right:1px solid #8eb0a7;background:#ADE75B;}

#sidebar li:hover {color:#fff;background:#3478E3;}
#sidebar li a, #sidebar li a:link, #sidebar li a:visited {width:165px;padding:2px 5px;color:#fff;background:none;text-decoration:none;}
#sidebar li a:hover {color:#fff;background:none;text-decoration:none;}

/* Search Forms*/
#searchform {margin:0;padding:10px 0 10px;line-height:100%;font-size:12px;}
#searchform #search {margin:5px 0 0;padding:0;width:120px;height:16px;border:1px solid #ADE75B;background:url(http://www.blogcs.com/img/goal/bg_text.png) repeat-x top left #fff;}
#searchform #submit {margin-left:4px;padding:0 2px;border:1px solid #99ccff;width:40px;height:18px;color:#fff;letter-spacing:.2em;font-size:12px;background:#ADE75B;overflow:hidden;}

/* Login Form */
div.login { width: 165px; margin:0 10px 1px 10px; padding: 2px 5px; padding-top: 10px; border-bottom: 1px solid #8eb0a7; border-right: 1px solid #8eb0a7; background: #ade75b; }
div.login form {display:inline;}
div.login label {display:block; width:50px; text-align: right; float: left; font-weight: bold; color: white;}
div.login input.input-box {width:100px;padding:0 2px;border:1px solid #99ccff;background:url(http://www.blogcs.com/img/goal/bg_text.png) repeat-x top left #fff;}
div.login input.input-submit {margin-left:4px;padding:0 2px;border:1px solid #99ccff;width:40px;height:18px;color:#fff;letter-spacing:.2em;font-size:12px;background:#ADE75B;overflow:hidden;}
div.login input.input-button {margin-left:4px;padding:0 2px;border:1px solid #99ccff;width:70px;height:18px;color:#fff;letter-spacing:.2em;font-size:12px;background:#ADE75B;overflow:hidden;}
/* Images */
img {border:none;}
p img {margin:0;padding:2px;border:none;max-width:100%;}
p img.contact {padding:1px;border:none;}
img.center {display:block;margin:auto;}
img.alignright {float:right;padding:2px;margin:0 0 2px 7px;display:inline;}
img.alignleft {float:left;padding:2px;margin:0 7px 2px 0;display:inline;}

/* Images */
img {border:none;}
p img {margin:0;padding:2px;border:none;max-width:100%;}
p img.contact {padding:1px;border:none;}
img.center {display:block;margin:auto;}
img.alignright {float:right;padding:2px;margin:0 0 2px 7px;display:inline;}
img.alignleft {float:left;padding:2px;margin:0 7px 2px 0;display:inline;}

/* Comment Forms */
input#comment-author,input#comment-email, input#comment-url {width:200px;height:16px;border:1px solid #3377E3;background:url(http://www.blogcs.com/img/goal/bg_text.png) repeat-x top left #fff;}
textarea {width:400px;border:1px solid #3377E3;}
input#comment-author:focus,input#comment-email:focus, input#comment-url:focus {width:200px;border:1px solid #ADE75B;}
textarea {width:400px;border:1px solid #3377E3;background:url(http://www.blogcs.com/img/goal/bg_text.png) repeat-x top left #fff;}
textarea:focus {width:400px;border:1px solid #ADE75B;}
input#comment-bake-cookie {border:none;}
.comments-open-footer input {color:#3377E3;width:50px;letter-spacing:.2em;border:1px solid #3377E3;background:#fff;}
.comments-open-footer input:focus {color:#3377E3;width:50px;letter-spacing:.2em;border:1px solid #ADE75B;background:#fff;}

/* Calendar */
.calendar {margin:5px auto;padding:5px;width:160px;color:#fff;font-size:10px;}
.calendar table {color:#fff;font-size:10px;border-collapse:collapse;width:100%;}
.calendar th, .calendar td {font-size:10px;width:14%;text-align:center;}
.calendar td {height:14px;vertical-align:top;}
.calendar .cal-day {margin:0;}
.calendar .cal-title {margin:0;}
.calendar .cal-title a {text-decoration:none;}
.calendar a,.calendar a:link,.calendar a:active,.calendar a:visited  {font-size:10px;color:#fff;background:#ADE75B;text-decoration:none;}
.calendar a:hover {font-size:10px;color:#fff;text-decoration:underline;}

/* Classes */
.navigation {display:block;text-align:center;padding:15px 0;}
.date-header {margin:0;font-size:11px;font-weight:bold;padding:0 5px 0 5px;ext-transform:uppercase;border-left:4px solid #3377E3;}
.entry-header {margin:0 0 10px;border-left:4px solid #ADE75B;padding:0 5px 0 5px;color:#666;font-size:14px;}
.entry-footer,.comment-footer,.trackback-footer {margin:0 0 20px 0;padding:2px;color:#666;font-size:10px;text-align:right;background:url(http://www.blogcs.com/img/goal/bg_entry_footer.png) no-repeat top right;}
.commenter-profile img {vertical-align:middle;}
.comments-open-footer {margin:10px 0;}
.comment-content,.trackback-content,.entry-footer,.comment-footer,.trackback-footer {margin:5px 0;padding:5px 0;}
.comment-content,.trackback-content {margin:0;line-height:150%;}

#trackbacks-info {margin:5px 0;border:1px dashed #ADE75B;padding:8px 10px;color:#292e33;font-size:11px;text-align:center;}
.trackbacks-header,.comments-header,.comments-open-header {/* ie win (5, 5.5, 6) bugfix */
   p\osition:relative;width:100%;w\idth:auto;margin:0;border-left:5px solid #ADE75B;padding:5px;color:#fff;background:#3377E3;font-size:12px;font-weight:bold;line-height:100%;text-transform:uppercase;}

.trackbacks-header a,.trackbacks-header a:hover,.comments-header a,.comments-header a:hover,.comments-open-header a,.comments-open-header a:hover {color:#fff;padding:2px;font-size:12px;}

/* Text align */
.center {text-align:center;}
.alignright {text-align:right;}
.alignleft {text-align:left;}

/* Float */
div.floatleft {float:left;}
div.floatright {float:right;}
.clear {clear:both;}


/* MT Default Search Hack */
#banner {margin:0 auto;width:800px;height:116px;background:url(http://www.blogcs.com/img/goal/header.jpg) #fff center no-repeat;}
#banner-inner {color:#fff;}
#pagebody {margin:0 auto;padding:0 0 20px;width:800px;text-align:center;background:url(http://www.blogcs.com/img/goal/bg_footer.png) #fff bottom no-repeat;}

#alpha {width:500px;margin:5px auto 0 auto;padding:10px 0 20px 0;text-align:left;}
#pagebody-inner {margin:0 auto;padding:0;width:800px;background:url(http://www.blogcs.com/img/goal/bg_content_main.png) #fff repeat-y;}