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

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	It is a widget-ready theme.Get Sidebar Widgets at:
	http://automattic.com/code/widgets/
	
	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:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
html, body { margin:0px; padding:0px; font-family:verdana, tahoma, sans-serif; font-size:12px; color:#333; text-align:left; 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 { margin:20px; padding-left:10px; border-left:5px solid #ddd;} 
cite { text-decoration:none; }
code { font-family:'Courier New', Courier, sans-serif; font-size:14px; }
hr { display:none; }
small { font-family:Arial, Helvetica, Sans-Serif; 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.pagetitle { margin-top:30px; text-align:center; }
h3 { margin:30px 0 0; padding:0; font-size:14px; }
h4 { font-size:12px; }

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

/* Config Structure Divs */
/* Header */
.description { padding:5px; font-size:12px; text-align:center; color:#fff; }
.nav { width:100%; height:34px; margin:5px auto; padding:15px 0 0; background:url(images/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:verdana, tahoma, sans-serif; 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; }
.page_item a, .page_item a:link, .page_item a:visited { padding:2px 5px; color:#fff; text-decoration:none; }
.page_item a:hover { color:#fff; background:none; border-bottom:3px dashed #fff; }
.page_item.current_page_item { padding:2px 5px; color:#fff; color:#fff; background:none; border-bottom:3px dashed #fff; }
.page_item.current_page_item a:hover { padding:2px 5px; color:#fff; border:none; background:none; }

/* 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; }
.date-header { margin:0; font-size:11px; font-weight:bold; padding:0 5px 0 5px; text-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; } 
.entry-header a,.entry-header a:link {　font-size:14px;　}
.entry-footer { margin:0 0 20px 0; padding:4px 2px 2px; color:#666; font-size:10px; text-align:right; background:url(images/bg_entry_footer.png) no-repeat top right; }

/* 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; color:#fff; list-style:none; }
#sidebar li { width:100%; margin:0; padding:0; }
#sidebar ul ul { margin:0; padding:0 0 10px; }
#sidebar ul ul li { width:165px; margin:0 10px 1px 10px; padding:2px 5px; border-bottom:1px solid #8eb0a7; border-right:1px solid #8eb0a7; background:#ADE75B; }

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

/* Calendar Widget */
#calendar { width:180px; margin:0 auto; padding:0; color:#fff; line-height:100%; text-align:center; }
#wp-calendar { margin:0 auto; padding:0; }
#calendar caption { margin:0; padding:5px; text-align:center; font-weight:bold; }
#calendar th { text-align:center; padding:2px 4px; font-weight:bold; }
#calendar td { text-align:center; padding:2px 4px; font-size:10px; }

/* Search Forms*/
li#search { margin:2px 5px 2px 10px;width:180px; }
#searchform { margin:0; padding:10px 0 10px; color:#fff; line-height:100%; font-size:11px; }
#searchform br { display:none; }
#searchform .searchbutton { margin-left:4px; padding:0 2px; border:1px solid #3377E3; width:50px;color:#fff; font-size:12px; background:#ADE75B; overflow:hidden; }
#searchform .searchbutton:hover { background:#3377E3; }

/* Sidebar Search Widget Hack for IE 6.0 */
#searchform input { margin:2px 4px; padding:0; border:none; color:#fff; background-color:#ADE75B; }
#searchform input#s { margin:5px 0 2px; padding:0; width:110px; height:16px; border:1px solid #ADE75B; color:#666; background:url(images/bg_text.png) repeat-x top left #fff; }
/* Sidebar Search Widget Hack for Firefox */
#searchform input[type=text] { margin:5px 0 2px; padding:0; width:110px; height:16px; border:1px solid #ADE75B; color:#666; background:url(images/bg_text.png) repeat-x top left #fff; }
#searchform input[type=submit] { margin-left:1px; padding:0 2px; border:1px solid #3377E3; width:52px;color:#fff; font-size:12px; background:#ADE75B; overflow:hidden; }
#searchform input[type=submit]:hover { color:#fff; background:#3377E3; }

/* Comment Forms */
#comments { margin:40px 0 0; padding:30px 0 0; height:50px; text-align:center; color:#ddd; text-transform:uppercase; }
#commentform { margin:15px 10px; padding:10px 15px; background:#fff; border:1px solid #4986e3; }
input#author, input#email, input#url, textarea#comment { background:#fff; border:1px solid #3377E3; font-size:12px; padding:1px; background:url(images/bg_text.png) repeat-x top left #fff; }
#commentform input:focus, #commentform textarea:focus { color:#3377E3; border:1px solid #ADE75B; }
#submit { margin-left:4px; padding:0 2px; border:1px solid #3377E3; color:#fff; font-size:12px; background:#ADE75B; overflow:hidden; }
#submit:hover { background:#4986e3; }
.counter { display:none; }
.comment-header { margin:0; padding:0; font-size:18px; color:#ddd; }
.comment-header a, .comment-header a:active, .comment-header a:visited, .comment-header a:link { font-size:18px; color:#ddd; background:none; text-decoration:none; }
.comment-header a:hover { font-size:18px; color:#ddd; background:none; text-decoration:underline; }

.commentlist, .pinglist { margin:10px 0; list-style-type:none; }
.commentlist li { width:95%; padding:5px; list-style:none; }
.commentlist p { margin:10px; }
.class_comment1 { margin-left:10px;border-left:4px solid #ADE75B;background:#fff; }
.class_comment2 { margin-left:10px;border-left:4px solid #3377E3;background:#fff; }
.comment-footer { margin:4px 0; padding:0; font-size:10px; text-align:right; }
.pinglist li { width:95%; margin-left:10px; border-left:4px solid #ddd; background:#fff; list-style:none; }
.pinglist p { padding:15px; text-align:left; }
.item { text-align:right; }

/* Classes */
.navigation { display:block; text-align:center; padding:15px 0; }
.metarss { margin-left:100px; padding:1px 1px 1px 18px; text-align:center; background:url(images/rss.gif) left no-repeat; }
.metatrackback { margin-left:5px ;padding:1px 1px 1px 18px; text-align:center; background:url(images/trackback.gif) left no-repeat; }
.feedlink{width:176px;height:48px;margin:5px;padding:0;text-align:right;background:url(images/feedlink.png) center top no-repeat;}
.feedlink a,.feedlink a:link,.feedlink a:hover{margin:0;line-height:48px;padding:5px 20px 5px 15px;color:#fff;font-size:24px;background:none;}

/* Images */
img { border:none; }
p img { margin:0; padding:2px; border:none; max-width:100%; }
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; }

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