/*  
Theme Name: ThemeSquirrel
Theme URI: http://www.themesquirrel.net/
Description: Squirrel's Home!
Version: 1.0
Author: Squirrel Himself
Author URI: http://www.themesquirrel.net 
*/

/* BASIC LAYOUT */
body {background: #E7E7E7 url(images/themesquirrel-background.jpg) repeat-x top left; line-height:120%}

#header-container {background: url(images/themesquirrel-header-back-tree-only.jpg) no-repeat top center; width:100%; min-width:960px; height:124px}
#header {width:960px; margin:0 auto; position:relative}

#twitter-logo {position:absolute; top:0px; right:23px}
#rss-feed {position:absolute; top:60px; right:28px}

#navigation {margin:0 auto; width:960px; height: 39px; position:relative;}

#search-form {position:absolute; top:8px; right:0; width:166px; height:23px; background: url(images/themesquirrel-searchbox.png) no-repeat}
#search-submit {display:none}
#search-input {background:none; border:0; padding:3px 5px; width:128px}
#search-button {display:block; width:28px; height:23px; float:right}

#main {width:960px; margin:0 auto; padding: 38px 0}

/* CONTENT */
#content {float:left}
.narrow {width:660px}
.content-box-container {border:1px solid #D8D8D8}
.content-box {border-top:1px solid #FFF; background: #FFF url(images/themesquirrel-contentbox-back.jpg) repeat-x top; padding: 10px 20px}
.content-box-bottom {border-top:1px solid #F7F6F6; margin-bottom:30px;}
.content-separator {border-top:1px solid #D8D8D8}

/* SIDEBAR */
#sidebar {float:right; width:255px; list-style:none; margin:0}
#sidebar li {margin-bottom:15px}
.sidebar-widget {border:1px solid #D8D8D8}
.sidebar-box {border-top:1px solid #FFF; background: #FFF url(images/themesquirrel-contentbox-back.jpg) repeat-x top;}
.sidebar-separator {border-top: 1px solid #D8D8D8; border-bottom:1px solid #FFF; padding:0 !important}

.sidebar-boxtop {border-top:1px solid #FFF; margin-top:1px; border-bottom:1px solid #D8D8D8; background-color: #F5F5F5; line-height:100%; width:100%}
.sidebar-boxtop .image {padding:10px 0 10px 15px; vertical-align:middle;}
.sidebar-boxtop .text {padding:10px 15px; vertical-align:middle}

#sidebar h4 {font-size:16px; margin:0; padding:1em 20px; color: #0098E0}
#sidebar h4 img {margin: 0 10px 10px 0; vertical-align:middle; position:relative; }

#sidebar h6 {font-size: 14px; font-style: italic}

.popularposts h6 a {color: #201E1E; text-decoration:none}
.popularposts h6 a:hover {text-decoration:underline}
.popularpost-commentcount {font-style:italic; color: #949494; margin-top:-0.8em; display:block;}
.popularposts-viewall {float:right; font-style:italic; color: #109EE1}

/* Individual widget styles */

#sidebar div.textwidget {padding: 1em 20px}

#sidebar #recentcomments, #sidebar .widget_pages ul {width:100%; margin:0; list-style:none}
#sidebar #recentcomments li.recentcomments, #sidebar .widget_pages ul li {margin:0; padding:1em 20px; border-bottom: 1px solid #D8D8D8; border-top:1px solid #FFF;}
#sidebar #recentcomments li.recentcomments:first-child, #sidebar .widget_pages ul li:first-child {border-top:none}
#sidebar #recentcomments li.recentcomments:last-child, #sidebar .widget_pages ul li:last-child {border-bottom:none}
#sidebar .widget_recent_comments h4 {background: url(images/icons/widget-recentcomments.png) no-repeat 20px center; padding-left:60px}

#sidebar .widget_pages h4 {background: url(images/icons/widget-pages.png) no-repeat 20px center; padding-left:60px}
#sidebar .widget_pages ul li a {display:block}

#sidebar .widget_tag_cloud h4 {background: url(images/icons/widget-tagcloud.png) no-repeat 20px center; padding-left:60px}
#sidebar .widget_tag_cloud .sidebar-box div {padding:10px 20px; margin:0}

#sidebar .post_notification_widget h4 {background: url(images/icons/widget-mailinglist.png) no-repeat 20px center; padding-left:60px}
#sidebar .post_notification_widget form#newsletter {padding:10px 20px}
#sidebar .post_notification_widget form#newsletter p {margin:0;}
#sidebar .post_notification_widget form#newsletter p input:first-child

.brown {color: #AA3407}
.blue {color: #0098E0}

#sidebar h4.ie6notice {color:#CC0000; background: url(images/icons/ie6warning.png) no-repeat 20px center; padding-left:60px}

/* TYPOGRAPHY */

body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #201E1E}

p {margin: 1em 0; line-height:140%}

h1 {font-size: 2em; font-weight:bold; margin:0.5em 0; padding-bottom: 0.5em; border-bottom: 1px solid #DFDFDF; line-height:1em;}
h2 {font-size: 2em; font-weight:bold; margin:0.5em 0; padding-bottom: 0.5em; border-bottom: 1px solid #DFDFDF; line-height:1em;}
h3 {font-size: 1.8em; font-weight:bold; margin: 1em 0; line-height:1em; clear:left}
h4 {font-size: 1.4em; font-weight:bold; margin: 1em 0; line-height:1em; clear:left}
h5 {font-size: 1.2em; font-weight:bold; margin: 1em 0; line-height:1em;}
h6 {font-size: 1.2em; font-weight:bold; margin: 1em 0; line-height:1em;}

h2 a, h1 a {color: #201E1E !important; text-decoration:none}

a {color: #0098E0}
a:hover, a:visited {color:#5C93AD}

ul, ol {margin: 1em 3em}
ul {list-style:disc}
ol {list-style:decimal}

pre {border: 1px solid #D8D8D8; background: #EFEFEF; padding:10px; width:585px; overflow:auto; margin: 1em 0}

/* MISC */
.button-wrapper {display:block; float:left; height:29px; overflow:hidden}
.hover-button:hover {margin-top:-30px}
.button-wrapper-small {display:block; float:left; height:27px; overflow:hidden}
.hover-button-small:hover {margin-top:-28px}

.align-left {float:left; margin: 0 5px 5px 0}

.clear {clear:both}


/* WIDGETS */
.textinput {border:1px solid #D7D7D7; background: #FFF; color: #C2C2C2; height:18px; padding: 4px; width:130px }

#scrolling-themes {list-style:none; margin:0}
.scrolling-preview {border:2px solid #FFF}

/* POSTS */
.post-comments {display:block; float:left; margin: 11px 0 0 18px; padding:2px 10px 4px 25px; background: url(images/themesquirrel-comments.png) no-repeat; font-style: italic; font-size: 12px; font-weight:bold; text-decoration: underline; color: #252525}
.post-date {display:block; float:left; margin: 11px 18px; padding:2px 0 2px 25px; background: url(images/themesquirrel-date.png) no-repeat; font-style: italic; font-size: 12px; color: #808080}
.post-readmore-back {background: url(images/themesquirrel-readmore-back.png); width:125px; height:42px; float:right}
.post-readmore-link-mask {height:29px; margin-top:7px; overflow:hidden}
.post-readmore-link:hover img {margin-top:-30px}
.post-excerpt {font-style:italic}
.post-metadata {border:1px solid #FFF; background: #E0E0E0 url(images/themesquirrel-post-meta-back.gif) bottom left; height:42px}
.post-metadata-fluid {border:1px solid #FFF; background: #E0E0E0 url(images/themesquirrel-post-meta-back.gif) repeat-x bottom left;}
.hasimage {margin-left:220px}

.postimage {float:left; margin: 10px 0; margin-right:20px; width:200px; height:200px}

.post-category {padding:2px 4px; background: #EBEBEB; color: #666; font-size: 13px; margin-right:5px}
.post-category a {text-decoration:none}
.post-tags {display:block; float:left; margin: 11px 18px; padding:2px 0 2px 20px; background: url(images/themesquirrel-tags.png) no-repeat 0 2px; font-style: italic; font-size: 12px; color: #808080}

/* COMMENTS */

.comments-container {padding: 20px;}
.commentlist {list-style:none; padding:0; margin:0;}
.commentlist li {margin:0 0 15px 0}
.addcomment {padding-left:22px; background: url(images/icons/addcomment.png) no-repeat}

.comment-text {width:588px; margin-top:10px; padding:15px; height:140px; border:1px solid #B8B8B8; font-family: Arial; font-size:14px; color: #9D9D9D; font-style:italic}
#author, #email, #url, .contact-text {margin-top:10px; width:583px; padding: 5px 5px 5px 30px; border:1px solid #B8B8B8; font-family: Arial; font-size:14px; color: #9D9D9D; font-style:italic; background: #FFF 7px 6px no-repeat;}
#author, .contact-name {background-image: url(images/icons/commentauthor.png)}
#email, .contact-email {background-image: url(images/icons/email.png)}
#url, .contact-url {background-image: url(images/icons/website.png)}

.commentsubmit {margin-top:10px; float:right}

.separator {border-top: 1px solid #FFF; border-bottom:1px solid #D8D8D8; margin: 1em 0}

.comment {margin-bottom:15px}

.comment-metadata {float:left; width:100px}
.comment-author {font-style:italic; font-size:12px; font-weight:bold; display:block; margin: 0.5em 0}
.comment-date {font-size:12px; color: #575757; display:block; margin: 0.5em 0}
.comment-body {float:right; width:480px; border: 1px solid #B8B8B8; background: #FFF; font-style:italic; position:relative;}
.comment-body p {margin:10px;}
.comment-arrow {position:absolute; left:-19px; top: 20px; width:19px; height:18px; background: url(images/themesquirrel-commentarrow.gif) no-repeat}
.comment-reply {padding: 10px; margin-top:60px}
.comment-edit-link {font-size:10px !important}

/* MENUS */

#mainmenu {list-style:none; margin:0}
#mainmenu li {float:left;}
#mainmenu li a {display:block; padding:12px 20px}
#mainmenu li a.first {padding-left:2px}
#mainmenu li a.important {background: url(images/themesquirrel-menu-important.png) no-repeat center 29px}

.button-container {height:15px; overflow:hidden; display:block;}
.nav-button {margin-top:0px; cursor: pointer;}
#mainmenu li a:hover .nav-button {margin-top:-15px;}

/* PAGING */

.paging {margin:0}
.paging-counter {font-style:italic; float:left; color: #7E7E7E}
.paging-list {float:right; list-style:none; margin:0}
.paging-list li {float:left; margin:0 3px}
.paging-list li a {display: block; padding: 3px 6px; border: 1px solid #D7D7D7; background: #FFF; color: #7E7E7E; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:12px}
.paging-list li a:hover {border-color:#999}
.paging-current-page {color:#CC5501 !important}

/* FOOTER */
#footer-container {background: url(images/themesquirrel-footer-back.jpg); height:309px}
#footer {width:960px; margin: 0 auto; color:#7E7E7E; padding:30px 0}
#footer h6 {color: #FFF}
#footer p {font-style:italic}

.footerbox-left {float:left; width:700px}
.footerbox-right {float:right; width:250px}

.smallnote {font-size: 14px; font-style:italic; margin-top:-1em; display:block;}

.theme-wrapper {float:left; width: 205px; margin-right:25px; margin-top:30px;}
.theme-preview {border:2px solid #FFF; margin-bottom:10px;}
.theme-description {font-style:italic; font-weight:bold; color: #44A5DA;}

#subfooter {width:960px; margin: 0 auto}

#bottomnote {width:960px; margin:10px auto; font-style:italic; color: #7E7E7E}

/* 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.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* SOCIABLE */

div.sociable_tagline {padding-bottom:10px !important}
div.post-excerpt div.sociable {display:none}

/* TUTORIAL STUFF */

.hover-image-container {display:block; height:15px; overflow:hidden}
.hover-image:hover {margin-top:-15px}
.hover-image-container:hover img {margin-top:-15px}