/*
Theme Name: Still Unpunched
Theme URI: http://www.stillunpunched.com/
Description: A colorful, widget-ready, 3-column design.
Version: 1.0
Author: Oliver Harrison
Author URI: http://www.positivebias.com
Thanks to: Justin Tadlock at http://www.justintadlock.com; Blogging Simply was the basis of this theme.
*/

html {
   height: 100%;
}

body {
    height: 100%;
    color: #000;
    margin: 0;
    padding: 0;
    font: 62.5% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
    background: #2c4a69 url(images/bg_top.jpg) repeat-x top;
}

img {
    border: 0;
    padding: 0;
    margin: 0;
}

/* CONTAINS ENTIRE PAGE */
#fullwrap {
    height: auto;
}

*html #fullwrap {
    height: 100%;
}
#body-container {
	width: 960px;
    _width: 968px;
	margin: 0 auto;
    padding: 0;
    height: 100%;
    font-size: 1.3em;
}

/* HEADER */
#header a, #header a img {
   padding: 0;
   margin: 0;
   display: block;
}
#header h1 { margin: 5px 0 0 0; }
#header h1 a { color: #ffffff; }
#header h1 a:hover { color: #5e5f5e; }

/* CONTAINS CONTENT & SIDEBAR */
#container { width: 100%; /*margin-bottom: 40px;*/}

/* CONTENT */
#contentwrap {
    float: left;
    background: url(images/bg_main.png) no-repeat bottom;
    padding-bottom: 100px;
    _background: url(images/bg_main_ie.png) no-repeat bottom;
}
#content {
	float: left;
	width: 600px;
    color: #333;
	padding: 0;
    background: #fff;
}

/* HEADERS */
h1, h2, h3, h4, h5, h6 { color: #3e6995; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* POSTS & PAGES */
.post { width: 600px; margin: 20px 0; float: left; }
.post .titletime { width: 580px; padding: 0 10px; float: left; margin: 0; position: relative; }
.post .titletime h2.post-title, .post .titletime h2.post-title a { font-size: 1.2em; display: inline; margin: 0; padding: 0; float: left; }
/* only for responding to comments */
.post h2.post-title, .post p.post-time {
    padding-left: 15px;
}
.post .titletime p.post-time { color: #666; font-size: .9em; margin: 0; padding: 0; display: inline; position: absolute; bottom: 0; right: 10px; /* left: 390px; */ }
.entry { width: 540px; float: left; margin: 0; background: #f9f9f9; padding: 15px 30px; position: relative; }

/* blockquotes */
blockquote { color: #5e5f5e; }
blockquote blockquote { color: #858785; }

/* links */
a { 
	color: #3e6995;
	text-decoration: none;
}
a:hover { color: #d17105; }

/* images */
.post a img, .post img { border: 5px solid #ccdbec; padding: 1px; margin: 0 5px; }
.post a img:hover {
   border: 5px solid #9dbad7;
}
/* lists */
h2.post-title {
    padding: 0 15px;
}

.post ul { list-style-type: none; margin: 0; padding: 15px; }
.post ul li { 
	margin: 0;
	padding: 0 0 0 15px;
	background: url(images/bullet.gif) no-repeat 0 .4em;
}
.post ol { margin: 0; padding: 0 0 0 25px; }
.post ol li { margin: 1px 0; padding: 0; }

/* postmetadata */
.postmetadata {
	width: 580px;
	float: left;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0 20px 0 0;
    background: #edf2f8;
    position: relative;
}
.postmetadata p.category {
   position: absolute;
   bottom: 3px;
   left: 15px;
}
.postmetadata p.comments {
    float: right;
}
.postmetadata p.comments a {  }
.postmetadata p.comments .num { font-size: 1.8em; color: #9dbad7; font-weight:bold; }
.postmetadata p.comments .word { font-size: 1.6em; color: #bfd2e8; font-weight:bold; }
.postmetadata p.comments a.num:hover, .postmetadata p.comments a.word:hover { color: #3e6995; }
/* tables */
.post table { border: none; background: #ffffff; }
.post tr, .post td { border: 1px solid #809595; background: #e9f0e8; }

/* other basics & typography */
small { font-size: .9em; }

/* navigation & left, right, center alignment */
.navigation { width: 570px; padding: 25px 15px; border: 0; background: #fff; }
.navigation .previous, .navigation .previous:hover { float: left; width: 240px; border: 0; background: #fff;  }
.left, .alignleft { float: left; margin: 0 15px 15px 0; }
.navigation .next, .navigation .next:hover { float: right; width: 240px; border: 0; background: #fff; }
.right, .alignleft { float: right; margin: 0 0 15px 15px; }
.center { text-align: center; margin: 0 auto; display: block; }
.clear { clear: both; }

/* COMMENTS */
h3 #respond {
    margin-top: 20px;
}
#comments-template { width: 570px; padding: 15px; margin-top: 15px; }
#comments-template ol { list-style-type: none; margin: 0; padding: 0; }
#comments-template ol li { position: relative; margin: 20px 0; padding: 10px 15px; background: #edf2f8; }
#comments-template ol li.alt { background: #f0f7d0; }
#comments-template ol li p, #comments-template ol li.alt p {
    padding: 0 60px 0 20px;
}
#comments-template fieldset { border: none; }
#comments-template legend { border: none; }
#comments-template textarea { width: 500px; padding: 10px 20px; border: 1px solid #9dbad7; background: #fff; color: #3e6995; }
#comments-template input { width: 40%; border: 1px solid #9dbad7; background: #fff; color: #3e6995; }
#comments-template input.submitcomment, #comments-template input.resetcomment { width: 100px; }
#comments-template h3 {
    padding: 10px 0;
}
#commentform {
    background: #edf2f8;
    border: 1px solid #9dbad7;
    padding: 15px;
}
.count { /* numbers */
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #fff;
    font-size: 5em;
    font-weight: bold;
}
/* SIDEBAR */
#sidebar, #sidebar2 {
	font-size: .9em;
	float: left;
	width: 176px;
	margin: 0 0 0 4px;
	padding: 0 0 20px 0;
	border: 0;
	}
#sidebar {
    background: url(images/bg_sidebar.png) no-repeat bottom;
    color: #f8fbf0;
    padding-bottom: 100px;
    _background: url(images/bg_sidebar_ie.png) no-repeat bottom;
}
#sidebar2 {
    background: url(images/bg_sidebar2.png) no-repeat bottom;
    color: #fcf3e4;
    padding-bottom: 100px;
    _background: url(images/bg_sidebar2_ie.png) no-repeat bottom;
}
#sidebar .sidewrap {
    position: relative;
    height: 100%;
    background: #8ea72c;
}
#sidebar2 .sidewrap {
    position: relative;
    height: 100%;
    background: #bd7b1a;
}
#sidebar h2.menu-header, #sidebar2 h2.menu-header { margin: 0 0 15px 0; }
#sidebar .menu h2.menu-header, #sidebar h2, #sidebar .menu h2 {
    display: block;
    width: 166px;
    background: #404912;
    background-color: #404912;
    color: #8ea72c;
    padding: 0 0 0 10px;
}
#sidebar2 .menu h2.menu-header, #sidebar2 h2, #sidebar2 .menu h2 {
    display: block;
    width: 166px;
    background: #593a0d;
    background-color: #593a0d;
    color: #bd7b1a;
    padding: 0 0 0 10px;
}
#sidebar ul, #sidebar2 ul {
   list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0;
	}
#sidebar ul li, #sidebar2 ul li {
    width: 176px;
    padding: 0;
	margin: 0;
}
#sidebar ul li, #sidebar ul li a, #sidebar .textwidget {
	color: #f8fbf0;
}
#sidebar2 ul li, #sidebar2 ul li a, #sidebar2 .textwidget, .menu .catcloud a {
	color: #fcf3e4;
}
.menu .catcloud a:hover {
    background: #eab566;
    color: #593a0d;
    text-decoration: none;
}
.menu .textwidget {
    margin-bottom: 10px;
}
#sidebar ul li a, #sidebar2 ul li a {
	width: 156px;
	padding: 0 10px;
	display: block;
	text-decoration: none;
	}
#sidebar ul li a:hover {
	text-indent: 5px;
    background: #c7db77;
    color: #404912;
	text-decoration: none;
	}
#sidebar2 ul li a:hover {
	text-indent: 5px;
    background: #eab566;
    color: #593a0d;
    text-decoration: none;
}
#sidebar ul li ul { margin: 0; padding: 0; border: none; }
#sidebar ul li ul li a, #sidebar2 ul li ul li a { text-indent: 20px; }
#sidebar ul li ul li a:hover, #sidebar2 ul li ul li a:hover { text-indent: 25px; }

/* sidebar feed */
#sidebar ul.feed, #sidebar2 ul.feed { background: transparent; border: none; }
#sidebar ul.feed li, #sidebar2 ul.feed li {
	background: transparent url(images/feed.gif) no-repeat left top;
	border: none;
	}
#sidebar ul.feed li a, #sidebar2 ul.feed li a {
	text-indent: 25px;
	display: block;
	height: 16px;
	}
#sidebar ul.feed li a:hover, #sidebar2 ul.feed li a:hover { 
	background: transparent;
	text-decoration: underline;
	text-indent: 25px;
}
/* search */
#sidebar input#s { width: 160px; border: 1px solid #333; padding: 5px; }
#searchform {
    margin-bottom: 15px;
}

/* wp-calendar */
table#wp-calendar { width: 80%; margin: 0 auto; }
table#wp-calendar a {
    color: #593a0d;
}

/* SIDEBAR WIDGET STYLES */
/* blogroll widget */
li#linkcat-2 { list-style-type: none; margin: 0; padding: 0; }
/* flickr widget & other images in the sidebar */
#sidebar a img, #sidebar img { margin: 3px; border: 5px solid #404912; }
#sidebar a:hover img, #sidebar img:hover { border: 5px solid #c7db77; }
#sidebar2 a img, #sidebar2 img { margin: 3px; border: 5px solid #593a0d; }
#sidebar2 a:hover img, #sidebar2 img:hover { border: 5px solid #eab566; }
/* recent comments widget */
ul#recentcomments li a, ul#recentcomments li a:hover { border: none; background: transparent; }
#recentcomments .recentcomments, .menu .textwidget, .menu .catcloud {
    width: 156px;
    padding: 0 10px;
    text-indent: 0;
}

/* FOOTER */
#footer {
	margin: 0;
	padding: 5px 15px;
}
#footer p { margin: 2px 0; }
#footer a:hover { text-decoration: underline; }

/* RATINGS */
.post-ratings {
    color: #bbb;
}
/* mail form */
.ddfmwrap, .entry .ddfmwrap {
    float: left;
    padding: 0;
    margin: 0 0 0 -60px;
    width: 560px;
}
/* email and print links */
.emailprint a {
    font-size: 0.8em;
    color: #bbb;
}
.emailprint a:hover {
    color: #bd7b1a;
}