/*
Theme Name: Kanuck.net
Theme URI: http://kanuck.net/
Description: The theme underpinning the almighty <a href="http://kanuck.net/" title="Kanuck.net">Kanuck.net</a>.
Version: 1.0
Author: Aaron Adams
Author URI: http://kanuck.net/

This stylesheet (style-screen.css) consists of screen styling rules.

*/

/*
// General styling
*/

body {
	color: #1b1512;
	background: #3b2a22 url('images/page-background.png');
	margin: 0;
}

a,
a:link {
	text-decoration: none;
	border-bottom: 1px solid #00e;
}

a:visited {
	text-decoration: none;
	border-bottom: 1px solid #707;
}

a:focus,
a:hover,
a:active {
	border-bottom: 2px solid #c00;
}

ol, ul {
	margin: 1em 0;
	padding: 0 0 0 2.5em;
}

li {
	margin: 0.125em 0;
	padding: 0;
}

ol ol, ul ul, ol ul, ul ol {
	margin: 0;
}

abbr {
	border-bottom: 1px dotted #404028;
}

abbr:hover {
	cursor: help;
}

blockquote {
	background: #efefde;
	border-left: 0.25em solid #cdcdbd;
	margin: 1em 0;
	padding: 0.5em 0.5em;
}

blockquote p,
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4 {
	margin: 0.5em 0;
	padding: 0;
}

blockquote blockquote {
	background: #dedece;
	border-color: #bcbbac;
	margin: 0.75em 0.5em;
}

blockquote blockquote blockquote {
	background: #cdcdbd;
	border-color: #aaaa9b;
}

blockquote blockquote blockquote blockquote {
	background: #bcbbac;
	border-color: #999989;
}

blockquote blockquote blockquote blockquote blockquote {
	border: 1px solid #999989;
	border-left: 0.25em solid #999989;
}

cite {
	font-style: normal;
}

h1 {
	font-size: 2em;
	font-weight: bold;
	margin: 0.5em 0;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0.667em 0;
}

h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 0.8em 0;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
}

hr {
	height: 1px;
	background: #cdcdbd;
	border: 0;
	color: #cdcdbd;
	padding: 0;
	margin: 1em 0.5em;
}

img {
	border: 0;
}

p {
	margin: 1em 0;
}

pre {
	background: #efefde;
	border-left: 0.2857em solid #cdcdbd;
	font-family: Consolas, Monaco, "Lucida Console", monospace;
	font-size: 0.875em;
	line-height: 1.25em;
	margin: 1.1429em 0;
	padding: 1.1429em 0.5714em;
	overflow: auto;
	max-height: 22em;
}

small {
	font-size: 0.875em;
}

table {
	border-collapse: collapse;
	border-top: 0.25em solid #999989;
	border-bottom: 0.25em solid #999989;
	border-left: 0.0625em solid #cdcdbd;
	border-right: 0.0625em solid #cdcdbd;
	text-align: center;
	margin: 0.125em 0;
}

caption {
	padding: 0 0 0.5em 0;
	text-align: left;
	font-weight: bold;
}

tr:hover {
	background: #efefde;
}

th, td {
	border-top: 0.0625em solid #cdcdbd;
	border-bottom: 0.0625em solid #cdcdbd;
}

th,
thead td,
tfoot td {
	background: #efefde;
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: bold;
	padding: 0.5em 0.75em 0.375em;
}

td {
	padding: 0.5em 0.5em 0.375em;
}

/*
// Global classes
*/

/* Clearing divs, a necessary evil */
	.clearboth {
		display: block;
		clear: both;
	}

/* Text and links blend with the foreground */
	.quietly a:link,
	.quietly a:visited {
		border-bottom: none;
		color: black;
	}
	
	.quietly a:focus,
	.quietly a:hover,
	.quietly a:active {
		color: #c00;
		border-bottom: 2px solid #c00;
	}

/* Text and links blend with the background */
	.softly {
		color: #999989;
	}
	
	.softly a:link,
	.softly a:visited {
		border-bottom: none;
		color: #999989;
	}
	
	.softly a:focus,
	.softly a:hover,
	.softly a:active {
		color: #c00;
		border-bottom: 2px solid #c00;
	}
	
/* Don't underline image links */
	a.imagelink,
	#fancy_wrap a {
		border-bottom: none;
	}

/*
// Text-only features
*/

#skip,
#header hr,
#sidebar hr,
#bottombar hr,
#footer hr {
	display: none;
}

/*
// Calendar
*/

#wp-calendar {
	width: 100%;
}

#wp-calendar a {
	font-weight: bold;
}

#wp-calendar td.pad {
	
}

#wp-calendar #today {
	background: #efefde;
	font-weight: bold;
	border-left: 0.0625em solid #cdcdbd;
	border-right: 0.0625em solid #cdcdbd;
}

#wp-calendar tr:hover {
	background: inherit;
}

/*
// Tag cloud
*/

div.widget_tag_cloud {
	line-height: inherit;
}

div.widget_tag_cloud a {
	line-height: 1.375em;
}

/*
// Search form
*/

#sidebar form.search input.term,
#bottombar form.search input.term {
	width: 66%;
}

.infobox form.search input.term {
	width: 50%;
}

form.search small {
	font-size: 0.875em;
	display: block;
	margin: 0.5em 0;
}

form.search small input {
	margin: 0;
	display: inline;
}

form.search small label {
	margin-right: 0.5em;
}

/*
// Page container
*/

#page {
	background: #fff;
	min-width: 50em;
	max-width: 60em;
	margin: 0 auto;
	padding: 0.5em 1.25em 0;
	border-color: #1b1512;
	border-style: solid;
	border-width: 0 0.1875em 0.1875em;
}

/*
// Header
*/

#header {
	background: #202014 url('images/header-dashboard.jpg');
	text-transform: lowercase;
}

#header h1 {
	font-size: 2.5em;
	margin: 0.25em 0 0 0.25em;
	padding: 0;
	font-weight: normal;
	float: left;
	display: block;
}

#header h1 a,
#header h1 a:link,
#header h1 a:visited {
	border-bottom: 0;
	color: #efefde;
	opacity: 0.6;
}

#header h1 a:focus,
#header h1 a:hover,
#header h1 a:active {
	border-bottom: 0.125em solid #efefde;
	opacity: 0.8;
}

#header div.description {
	float: right;
}

#header div.description p {
	color: #efefde;
	margin: 0.5em 0.5em 1em;
	font-size: 0.875em;
	opacity: 0.4;
}

#header div.navigation {
	float: right;
	clear: right;
}

#header div.navigation ul {
	padding: 0 0.125em 0 0;
	margin: 0;
}

#header div.navigation li {
	display: block;
	margin: 0;
	float: left;
}

#header div.navigation a {
	display: block;
	float: left;
	background: #efefde;
	color: #000;
	text-decoration: none;
	border: #cdcdbd solid;
	border-width: 0.125em 0.125em 0;
	padding: 0.25em 0.625em;
	margin: 0.125em 0 0 0.125em;
}

#header div.navigation a:link,
#header div.navigation a:visited {
	opacity: 0.4;
}

#header div.navigation a:focus,
#header div.navigation a:hover,
#header div.navigation a:active {
	opacity: 0.6;
}

#header div.navigation li.current_page_item a:link,
#header div.navigation li.current_page_item a:visited,
#header div.navigation li.current_page_ancestor a:link,
#header div.navigation li.current_page_ancestor a:visited {
	opacity: 1;
	font-weight: bold;
	background-color: white;
	border-color: #cdcdbc;
}

#header div.search {
	display: none;
}

/*
// Page content
*/

#content {
	width: 65%;
	float: left;
	margin: 0 3% 0 0;
	line-height: 1.375em;
}

#content.no-sidebar {
	width: 100%;
	float: none;
	margin: 0;
}

#content .infobox {
	margin: 1em 0;
	padding: 0.25em 1em 0.25em 1em;
	background: #efefde;
}

#content .infobox h2 {
	line-height: 1.0em;
	text-transform: lowercase;
	border-bottom: 1px solid black;
}

#content .infobox h2 a {
	border-bottom: none;
}

#content h2 {
/* Inherited from style.css:
	margin-bottom: 0;
*/
	line-height: 1.125em;
	border-bottom: 1px solid black;
}

#content h2 a:link,
#content h2 a:visited {
	border-bottom: none;
	color: black;
}

#content h2 a:focus,
#content h2 a:hover,
#content h2 a:active {
	color: #c00;
}

#content .navigation {
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em 0;
}

#content .navigation .back {
	float: left;
}

#content .navigation .forward {
	float: right;
}

#content .post {
	margin: 1em 0 3em;
	padding: 0;
}
	
#content .header .date {
	display: block;
	margin: 0.25em 0;
/*	font-size: 0.875em;*/
	float: left;
}

#content .header .comments {
	display: block;
	margin: 0.25em 0 0.25em 2em;
/*	font-size: 0.875em;*/
	font-weight: bold;
	float: right;
}

#content .footer {
	border-top: 1px solid #cdcdbd;
	margin-top: 1.25em;
}

#content .header br,
#content .footer br {
	display: none;
}

#content .footer .comments {
	display: block;
	margin: 0.25em 2em 0.5em 0;
/*	font-size: 0.875em;*/
	font-weight: bold;
	float: left;
}

#content .footer .tags {
	display: block;
	margin: 0.25em 0;
/*	font-size: 0.875em;*/
	float: right;
	/* Tried playing with line height here to tighten the tags
	** when they appear on multiple lines. Unfortunately this
	** caused Internet Explorer 6 to cut off the bottom border
	** on the hyperlinks. */
}

#content .entry {
	margin: 1em 0;
	background: #fff;
}

/*
// Comments
*/

ol.commentlist {
	display: block;
	margin-left: 0;
	padding-left: 0;
	border-top: 1px solid #cdcdbd;
}

ol.commentlist li {
	display: block;
	border-bottom: 1px solid #cdcdbd;
	margin: 0;
	padding: 1em 0.75em 0;
}

ol.commentlist li.byadmin {
	background: #efefde;
}

ol.commentlist li.byadmin blockquote,
ol.commentlist li.byadmin pre {
	background: #dedece;
	border-color: #bcbbac;
}

ol.commentlist li.byadmin blockquote blockquote {
	background: #cdcdbd;
	border-color: #aaaa9b;
}

ol.commentlist li.byadmin blockquote blockquote blockquote {
	background: #bcbbac;
	border-color: #999989;
}

ol.commentlist h4 {
	display: inline;
}

ol.commentlist .date {
/*	font-size: 0.875em;*/
}

/*
// Sidebar, bottombar
*/

#sidebar {
	width: 31%;
	float: right;
}

#bottombar {
	background: #dedece;
	clear: both;
	padding: 0em 0.75em;
}

#bottombar div.column1 {
	width: 32%;
	float: left;
}

#bottombar div.column2 {
	width: 32%;
	float: left;
	margin: 0 2%;
}

#bottombar div.column3 {
	width: 32%;
	float: left;
}

#sidebar .infobox {
	margin: 1em 0;
	padding: 0.25em 1em 0.25em 1em;
	background: #efefde;
	font-size: 0.875em;
	line-height: 1.375em;
}

#sidebar div.widget,
#bottombar div.widget {
	margin-bottom: 1.5em;
	line-height: 1.375em;
}

#sidebar h2,
#bottombar h2 {
	line-height: 1.0em;
	text-transform: lowercase;
	border-bottom: 1px solid black;
}

#sidebar h2 a,
#bottombar h2 a {
	border-bottom: none;
}

#sidebar ul,
#bottombar ul {
	padding-left: 1.5em;
	padding-right: 0.5em;
}

#sidebar li.current_page_item > a {
	font-weight: bold;
}

/*
// Footer
*/

#footer {
	clear: both;
	font-size: 0.875em;
	line-height: 1.375em;
	text-align: center;
	padding: 1em;
	background: white;
}

#footer p {
	font-weight: bold;
	margin: 0;
}

/*
// Images and captions
*/

.wp-caption.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.875em;
	line-height: 1.375em;
}

.wp-caption.alignleft {
	float: left;
	margin-right: 0.75em;
	font-size: 0.75em;
	line-height: 1.375em;
}

.wp-caption.alignright {
	float: right;
	margin-left: 0.75em;
	font-size: 0.75em;
	line-height: 1.375em;
}

.wp-caption {
	text-align: center;
	background-color: #efefde;
	padding: 0.75em;
	margin-bottom: 1em;
}

.wp-caption a,
.wp-caption a:link,
.wp-caption a:visited {
	display: block;
	margin: 0;
	padding: 0;
	border: 2px solid #efefde;
}

.wp-caption a:focus,
.wp-caption a:hover,
.wp-caption a:active {
	border: 2px solid #c00;
}

.wp-caption a img {
	display: block;
	margin: 0;
	padding: 0;
}

.wp-caption p {
	margin: 0;
}

.wp-caption p.wp-caption-text {
	margin: 0.5em 2px 0;
}

/*
// Images gallery
*/

.wp-gallery /* div */ {
	margin: 1em auto;
	clear: both;
}

.wp-gallery-item /* div */ {
	width: 154px;
	text-align: center;
	background-color: #efefde;
	padding: 0.75em;
	margin: 0 auto;
}

.wp-gallery a,
.wp-gallery a:link,
.wp-gallery a:visited {
	display: block;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 2px solid #efefde;
}

.wp-gallery a:focus,
.wp-gallery a:hover,
.wp-gallery a:active {
	border: 2px solid #c00;
}

.wp-gallery a img {
	display: block;
	margin: 0;
	padding: 0;
}

.wp-gallery-icon /* p */ {
	width: 154px;
	margin: 0 auto;
}

.wp-gallery-caption /* p */ {
	width: 154px;
	margin: 0.5em auto 0;
	font-size: 0.75em;
	line-height: 1.375em;
}

/*
// Twitter widget
*/
.widget_twitter .entry-meta {
	font-size: 0.75em;
}