/*  
Theme Name: TechKnack
Theme URI: http://www.techknack.net
Description: Custom WP theme for TechKnack.net
Version: 1.0
Author: eternicode
Author URI: http://techknack.net

*/


/* Standard reset rules */
* {margin:0; padding:0;}
a img {border:none;}
a {text-decoration:none;}

/* LAYOUT */

body {font-size:14px; width:100%; max-width:1000px; min-width:400px; margin:0 auto;}

#header {float:left; padding:.75em 3em .75em 4em; margin-bottom:.5em;}
#header h1 {text-indent:-1em;}
#header h2 {white-space:nowrap; line-height:1.2em; overflow:visible;}

#nav {background:#FFF; height:5em; display:block;}
#nav ul {list-style:none; overflow:hidden;}
#nav ul li {float:left; overflow:hidden;}
#nav ul li a {padding:.5em 1em; display:block; text-decoration:none;}

#site_search {float:right; margin:10px;}
/* #site_search input {float:left; border:#000 solid 1px; padding:2px 3px;} */
#site_search label {float:left; padding-left:24px; height:24px;}
#site_search #s {margin:0; height:16px; width:160px; overflow:visible; padding:4px 0px 4px 4px; margin:0; border:0;}
#site_search #searchsubmit {border:0; font-size:0; height:24px; width:48px; margin:0; padding:0; text-align:right; color:#fff;}
#search {display:none;}
/*#search {position:fixed; top:0px; right:0px; z-index:1000; margin:10px;}
#search #searchsubmit {border:0; font-size:0; height:24px; width:48px; margin:0; padding:0}
#search input {float:left;}
#search #s {margin:0; height:16px; width:160px; overflow:visible; padding:4px 0px 4px 24px; margin:0; border:0;}
#sidebar #search {border:none;}*/

/* #sidebar .widget max-width: (#sidebar.max-width/2)-20px */
#main {clear:both; padding-top:.5em; margin-top:.5em; padding-bottom:0;}
#main a:hover {border-bottom:0; padding-bottom:1px;}
#content {width:64%; max-width:640px; min-width:400px; float:left; padding-top:10px;}
.post, #content .postnav {padding:0 1em 1.5em;}
#content .post h2 a, #content .post h2 a:hover {padding-bottom:.1em; margin-bottom:.1em; display:block;}
.entry {margin:.5em 0;}
.entry p {text-indent:1.5em; padding-bottom:1em;}
.entry pre {padding-bottom:1em; overflow:auto;}
.entry ol, .entry ul {margin:0 4em; padding-bottom:1em;}
.entry li {margin-bottom:.1em;}
.entry .alignleft, .entry .alignright, .entry .aligncenter {padding:5px;}
.entry .alignleft {float:left; margin:0 5px 5px 0;}
.entry .alignright {float:right; margin:0 0 5px 5px;}
.entry .aligncenter {display:block; margin:5px auto;}
.commentline {display:block; text-align:right; padding-bottom:.5em;}

#comments {margin-top:1em;}
#comments h3 {font-size:1.1em; font-weight:normal; font-style:italic; margin:1em 0;}
#comments ol {margin:0 2em;}
#comments ol li {margin-bottom:1em; padding:.5em; overflow:hidden; clear:both; width:100%;}
#comments .commentlist li p {margin-bottom:1em;}
#comments .commentlist .edit {display:block; text-align:right; font-weight:bold; font-size:.8em; clear:both;}
#comments .commentlist .date {font-size:.8em; font-weight:bold; display:block; text-align:center; clear:both;}
#comments .commentmetadata {margin-bottom:1em; float:left; width:20%;}
#comments .comment_text {float:left; width:78%; overflow:hidden; padding:0 1%;}

#comments .pingbacklist {font-size:1em;}
#comments .pingbacklist .date a {font-size:.8em; font-weight:bold;}

#commentform {width:75%;}
#commentform p {margin-bottom:1em;}
#commentform input, #commentform textarea {border:#000 solid 1px; background:#FFF; width:100%; padding:2px 3px;}
#commentform input, #commentform #submit {width:50%;}

.postnav {overflow:hidden;}
.postnav .prevpost {float:left;}
.postnav .nextpost {float:right;}

#sidebar {width:35%; max-width:350px; min-width:215px; float:right; padding-top:10px;}
/* Generic widget styles */
#sidebar .widget {overflow:hidden; margin-bottom:1em;}
#sidebar .widget h2 {margin-bottom:.5em; padding:5px 10px;}
#sidebar .widget a {border:0;}
#sidebar .widget a:hover {padding:0;}
#sidebar .widget ul {list-style:none; padding:10px;}
#sidebar .widget ul li a:hover,
#sidebar .widget ul li a {display:block; padding:.5em; padding-left:2.5em; text-indent:-2em;}
#sidebar .widget ol {margin-left:1em;}

#footer {clear:both; padding:2em 0; overflow:hidden; position:absolute; left:0; width:100%;}
#footer .widget {width:30%; float:left; overflow:hidden; margin:0 1.6%; padding-bottom:1em;}
#footer .widget h2 {margin-bottom:.5em; padding:5px 10px;}
#footer .widget a {border:0;}
#footer .widget a:hover {padding:0;}
#footer .widget ul {list-style:none; padding:10px;}
#footer .widget ul li {}
#footer .widget ul li a:hover,
#footer .widget ul li a {display:block; padding:.5em; padding-left:2.5em; text-indent:-2em;}
#footer .widget ol {margin-left:1em;}
#footer .widget ul li.cat-item {width:33%; float:left; padding-left:0; text-indent:0;}
/* Yes.  I've sinned.  I've added a wrapping div that functions solely as a CSS hook, with no
	semantic value whatsoever.  Forgive me, Father, for what I've done. */
#footer .fwrap {width:100%; max-width:1000px; margin:0 auto; overflow:hidden; clear:both; margin-bottom:2em;}
#footer .fullwidth .widget {width:97%;}
#footer .fullwidth .widget ul li {width:20%; float:left; padding-left:0; text-indent:0;}
#footer .fullwidth p {font-size:.8em; font-weight:bold; text-align:center;}

/* Specific widget styles */
.widget.widget_tag_cloud {padding:.5em; text-align:center;}
.widget.widget_tag_cloud h2 {margin: -.5em -.5em .5em; text-align:left;}
.widget.widget_categories .cat-item {width:33%; float:left; padding-left:0; text-indent:0; white-space:nowrap; font-size:.75em}
.widget.widget_categories .cat-item a {float:left; font-size:1.33em;}
.widget.widget_text .textwidget {padding:.5em;}
.widget.widget_calendar #wp-calendar {margin:0 auto;}
.widget.widget_recent_comments .recentcomments {margin-bottom:.5em;}
#sidebar .widget_recent_comments .recentcomments a,
#sidebar .widget_recent_comments .recentcomments a:hover,
#footer .widget_recent_comments .recentcomments a,
#footer .widget_recent_comments .recentcomments a:hover {display:inline; padding:0; text-indent:0; margin:0;}


/* COLOR */
/*
Color scheme:
	Cool Grays Lavender by julievonderropp kuler.adobe.com
Dark blue to white:
#33313A
#888A9E
#C0BECC
#E1DAE3
#FFF7FA
*/
body {background:#FFF;}
#header h1 a {color:#000;}
/*#nav, #header {background:#33313A; color:#FFF;}*/
#nav ul {border-left:#E1DAE3 solid 1px;}
#nav ul li a {background:#FFF; color:#33313A; border-right:#E1DAE3 solid 1px;}
#nav ul li a:hover {color:#FFF; background:#33313A;}
#site_search label {color:#888A9E}
#main {border-top:#CCC solid 1px; overflow:hidden; color:#222;}
#main a {color:#000; border-bottom:#999 dotted 1px;}
#main a:link {color:#000;}
#main a:hover {color:#888A9E;}
.post .commentline {border-bottom:#888A9E solid 1px;}
#content .post h2 a {border-bottom:#888A9E solid 1px; color:#33313A;}
#content .post h2 a:hover {color:#000; border-bottom:#888A9E solid 1px;}
.entry pre {background:#F8F8F8;}
.entry .alignleft, .entry .alignright, .entry .aligncenter {border:#33313A solid 1px;}
#comments .commentlist li.author {border-color:#888A9E; border-color:#888A9E;}
#comments ol li.odd {background:#F8F8F8;}
#comments ol li {border:#E1DAE3 solid; border-width:1px 0;}
#sidebar {color:#33313A;}
#sidebar ul li a:hover {color:#FFF; background:#888A9E;}
#sidebar .widget {border:#999 solid 1px;}
#sidebar .widget h2 {background:#C0BECC; color:#33313A}
#footer {background-color:#888A9E; color:#FFF;}
#footer .widget h2 {background:#00010A;}
#footer a {color:#FFF}
#footer li a:hover {background:#FFF; color:#33313A;}

/* IMAGES */
#footer {background-image:url(images/footbg.png); background-repeat:repeat-x; background-position:top left;}
#sidebar .widget {background:url(images/widgbg.png) repeat-x left 2em;}
#footer .widget {background:url(images/widgbg2.png) repeat-x left 2em;}
#site_search input {background:url(images/sbbg.png) no-repeat right center;}
#site_search #s {background:transparent url(images/sfbg.png) no-repeat -24px center;}
#site_search label {background:transparent url(images/sfbg.png) no-repeat left center;}
#comments .commentlist li.author {background-image:url(images/authcomment.png); background-position:left top; background-repeat:repeat-x;}
#commentform input, #commentform textarea {background-image:url(images/authcomment.png); background-position:left top; background-repeat:repeat-x;}

/* FONT */
body {font-family:Arial, helvetica, sans-serif;}
#header h1 {font-size:2em; font-weight:normal;}
#header h2 {font-size:1em; font-weight:normal;}
#site_search input {float:left; border:#000 solid 1px; padding:2px 3px; font-size:.8em;}
#site_search label {line-height:1.5em;}
.post h2 {font-size:1.4em; letter-spacing:.15em; font-weight:normal; font-family:"Times New Roman", Times, serif;}
.post .byline {font-size:.8em; font-weight:bold; letter-spacing:.05em}
.post .entry {margin:.5em 0; letter-spacing:.05em;}
.commentline {font-size:.8em; font-weight:bold; letter-spacing:.1em;}
.postnav {font-size:.8em; font-weight:bold; text-align:center;}
.widget h2 {font-size:1.2em; letter-spacing:.15em; font-family:Impact, Arial, sans-serif; font-weight:normal;}


/* IE6 fixes */
*html #site_search label {display:none;}
*html #site_search #s {padding:3px 4px; border:#000 solid 1px;}
*html #site_search #searchsubmit {font-size:1em; border:#000 solid 1px; padding:2px 3px; width:auto; margin-left:.5em;}
*html .entry pre {width:100%;}
*html #footer .widget,
*html #site_search input,
*html #site_search #s,
*html #site_search label,
*html #sidebar .widget,
*html #comments .commentlist li.author,
*html #commentform input,
*html #commentform textarea {background-image:none;}