/*
Theme Name: Homechicken
Theme URI: http://bogomip.net/blog/
Description: Single sidebar near-fullscreen theme with post icons
Author: A. Jacob Cord	
Author URI: http://bogomip.net/
Version: 1.17

This is my first attempt at creating a completely custom theme for my blog.

Pallet colors chosen: (dark to light)
#3c3e3f 
#515458
#6d7277
#a2a8ac
#c6cbcf
#dfe2e3
#eeefee

Originally created on 10 May 2006
Modified 11 May 2006
Modified 12 May 2006
Modified 26 Jun 2006
Modified 2 Aug 2006
Modified 5 Sep 2006 added code.inline
Modified 8 Nov 2006 to fix CSS warnings in W3C's validator
Modified 10 Nov 2006 to fix Calendar class links and spacing,
	removed code.inline (use pre instead - WP reformats code tags
Modified 14 Nov 2006 added textarea fix
Modified 17 Nov 2006 added RSS widget style
Modified 21 Nov 2006 added caption-right style
Modified 3 Jan 2007 added clear: both to handle images in articles
Modified 15 Feb 2007 added search.php and 404.php (haiku!)
Modified 18 Oct 2007 added Gravatar stuff
Modified 24 Oct 2007 added commentbar, reworked Gravatars
Modified 16 Sep 2008 added link icons, commented them out cause they look stupid
Modified 21 Nov 2008 added postdate coolness, removed post icons
Modified 15 Apr 2009 added widgettitle, aktt_* for Twitter plugin
Modified 2 Jun 2010 added max-width to #content to fix annoying stretching issue
*/

body {
	font-size: 12pt;
	font-family: sans-serif;
	font-style: normal;
	color: #000000;
	background-color: #dfe2e3;
	margin: 0px; /* top right bottom left */
}

#header {
	position: absolute;
	height: 200px;
	width: 100%;
	top: 0;
	bottom: auto;
/*	left: 5%; */
	color: #000000;
	background-color: #ffffff;
/*	background-color: #d2c372; */
	background-image: url("images/header.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: ridge 5px #515458;
}

/* footer formatting */
#footer {
	position: relative;
	height: 50px;
	width: 75%;
	top: auto;
	left: 5%;
	right: 20%;
	bottom: 0;
	text-align: center;
	color: #000000;
	background-color: #eeefee;
	border-top: ridge 5px #515458;
	display: none;
}

#header p {
	display: none;
}

#rightsidebar {
	z-index: 1;
	border: 3px #6d7277;
	border-style: groove; /* none hidden dotted dashed solid double groove ridge inset outset */
	color: #000000;
	background-color: #f6f6f6;
	position: absolute;
	left: 75%;
	right: 10px;
	margin: 220px 0px 0px 0px;
	padding: 3px 1em;
	min-width: 200px;
}

#content {
	border: 5px #eeefee;
	border-style: outset;
	position: absolute;
	color: #000000;
	background-color: #ffffff;
	margin-top: 5px;
	top: 200px;
	right: 20%;
	left: 5%;
	padding: 3px 75px 3px 1em;
	max-width: 1000px;
	
}

.alignright { float: right; }
.alignleft { float: left; }
.navigation {
	display: block;
	text-align: center;
	margin: 10px 0px 60px 0px;
}

#rightsidebar img {
	border: 0;
}

#rightsidebar.page_item {
	font-weight: normal;
}

#rightsidebar.current_page_item {
	font-weight: bold;
}

#rightsidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#rightsidebar ul li {
	margin: 0px;
}

#rightsidebar ul li h2 {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}

#rightsidebar ul li ul {
	margin: 0px;
}

#rightsidebar ul li ul li {
	margin-left: 5px;
}

#rightsidebar ul li ul li a {
	color: #515458;
	background-color: #f6f6f6;
}

#rightsidebar ul li ul li a:hover {
	color: blue;
	background-color: #f6f6f6;
}

#rightsidebar address {
	font-size: 60%;
}

/* Additions for Twitter plugin 15 Apr 2009
*/
.widgettitle {
	margin: 10px 0px 0px 0px;
}

.aktt_tweets ul {
	margin: 0px;
	padding: 0px;
}

.aktt_tweets ul li {
	font-size: 70%;
	padding-bottom: 5px;
	font-style: italic;
}

/* heading formatting */
h1,h2,h3,h4,h5,h6 {
	font-family: Times, serif;
	font-weight: normal;
	margin: 0px;
	text-align: left;
}
#content .article {
	font-family: Times, serif;
	text-align: left;
	font-size: 200%;
	font-weight: bold;
	border-bottom: solid 1px #000;
	margin-top: 1.5em;
	clear: both;
}

#content .article a:link {
	color: #000000;
	background-color: #ffffff;
}

#content .article a:visited {
	color: #000000;
	background-color: #ffffff;
}

#content .article a:hover {
	color: #6d7277;
	background-color: #ffffff;
}

#content .article .category {
	font-size: 40%;
	font-weight: normal;
	margin-left: 10%;
}

#content .article .category a {
	color: #000000;
	background-color: #ffffff;
}

#content .article .category a:visited {
	color: #000000;
	background-color: #ffffff;
}

#content .article .category a:hover {
	color: #6d7277;
	background-color: #ffffff;
}

#content .article img {
	display: block;
	float: left;
	margin-right: 5px;
	border: 0px;
}

.datetime {
	font-size: 80%;
	text-align: right;
}
/*
#.tags {
#	font-size: 80%;
#	font-family: serif;
#	text-align: right;
#}
*/
.closing {
	margin-left: 30%;
	width: 40%;
	text-align: center;
	border-top: solid 1px #6d7277;
	clear: both;
}

.closing a:link {
	color: #000000;
	background-color: #ffffff;
}

.closing a:visited {
	color: #000000;
	background-color: #ffffff;
}

.closing a:hover {
	color: #6d7277;
	background-color: #ffffff;
}

/* Anchor formatting
Nothing revolutionary here
*/
a {
	text-decoration: none;
}

a:link {
	color: blue;
	background-color: #ffffff;
}

a:visited {
	color: purple;
	background-color: #ffffff;
}

a:hover {
	color: #000000;
	background-color: #eeefee;
}

#rightsidebar a {
	color: blue;
	background-color: #f6f6f6;
}

#rightsidebar a:hover {
	color: #6d7277;
	background-color: #f6f6f6;
}

.widget_calendar {
	padding-top: 20px;
	text-align: center;
}

.widget_rss {
	padding-top: 20px;
}

.rsswidget {
	font-size: 70%;
}

.gravatar {
	float: left;
	padding: 3px;
	margin-bottom: 5px;
	background: #ffffff;
	color: #000000;
}

/* editorial section
Throw this in anywhere and it will display in a dotted box at the right of the
area you are in.
*/
#content .editorial {
	float: right;
	min-height: 2em;
	max-height: 5em;
	min-width: 5em;
	max-width: 10em;
	overflow: auto;
	border: dashed 1px #6d7277;
	padding: 5px;
	text-align: center;
	color: #3c3e3f;
	background-color: #eeefee;
}

/* Image formatting.
The default is to float to the right.
Classes "left" and "inline" do what they say.
*/
#content img {
	clear: both;
	border: 0px;
}
#content img.left {
	float: left;
	margin: 5px 10px 5px 0px;
}

#content img.right {
	float: right;
	margin: 5px 0px 5px 10px;
}

#content img.inline {
	float: none;
}

#content .caption-right {
	float: right;
	margin: 5px 0px 5px 10px;
	border: dashed 1px #6d7277;
	padding: 5px;
	text-align: center;
	color: #3c3e3f;
	background-color: #eeefee;
	clear: both;
}

#content .caption-left {
	float: left;
	margin: 5px 10px 5px 0px;
	border: dashed 1px #6d7277;
	padding: 5px;
	text-align: center;
	color: #3c3e3f;
	background-color: #eeefee;
	clear: both;
}

/* Paragraph formatting
the class "first" capitalizes the first letter
*/
#content p {
	text-indent: 1.5em;
	text-align: justify;
	quotes: '"' '"' "'" "'"; 
}

#content p.noindent {
	text-indent: 0;
}

#content p.clear {
	clear: left;
}

#content p.first {
	text-indent: 0em;
	clear: both;
}

#content p.first:first-letter {
	font-family: serif;
	font-size: 400%;
	float: left;
	margin-right: 3px;
}

/* blockquote formatting section
You have to use class="last" for the last paragraph for this to work
*/
#content blockquote {
	clear: both;
	padding: 0px 2em;
	border: solid 1px #6d7277;
}

#content blockquote p {
	text-indent: 0em;
}
/* This is cool, but it's annoying trying to remember to do class='last'...
#content blockquote p:before {
	content: open-quote;
}
#content blockquote p:after { content: no-close-quote; }
#content blockquote p.last:after {content: close-quote; }
*/

/* code formatting */
.command {
	font-family: monospace;
}
#content code {
	clear: none;
	margin: 0px;
	font-size: 100%;
	padding: 0px;
}

pre {
	clear: both;
	display: block;
	white-space: pre;
	font-family: monospace;
	margin: 10px;
	font-size: 85%;
	padding: 5px;
	border: dotted 1px #dfe2e3;
	overflow: auto;
}

/* miscellaneous formatting */
em {
	font-style: italic;
	font-weight: normal;
}

em em {
	font-weight: bold;
}

em em em {
	font-size: 110%;
	font-style: normal;
}

strong {
	font-style: normal;
	font-weight: bold;
}

strong strong {
	font-size: 120%;
}

dl {
	border: solid 3px #dfe2e3;
	text-indent: 1.5em;
	margin: 5%;
	padding: 5px;
	width: 90%;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1em;
}

textarea {
	top: 200px;
	right: 20%;
	left: 5%;
}

tr {
	vertical-align: top;
}

/*	Gallery code added to fix XHMTL Strict compliance
	Added 29 Aug 2008
*/
.gallery {
	margin: auto;
}

.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: auto;
}

.gallery img {
	border: 2px solid #cfcfcf;
}

.gallery-caption {
	margin-left: 0;
}
/*
#a[href $='.pdf'] {
#	padding-right: 24px;
#	background: transparent url("images/mimeicons/pdf.png") no-repeat center right;
#}

#p a[href ^='http://'] {
#	padding-right: 24px;
#	background: transparent url("images/mimeicons/html.png") no-repeat center right;
#}
*/

/* postdate stuff */
#content .article .postdate {
	background-color: #ffffff;
	color: #000000;
	background: url("images/sjpb_date.png") no-repeat top left;
	width: 40px;
	height: 40px;
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
}
#content .article .postdate small {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.5em;
/*	text-transform: uppercase; */
	display: block;
}

#content .article .postdate strong {
	font: bold 18px Times, serif;
	color: #ffffff;
	line-height: 1.3em;
	display: block;
}

#content .ender {
	font: italic 8pt Arial, Helvetica, sans-serif;
	line-height: 18px;
	display: block;
}

#content .ender a {
	text-decoration: none;
	color: #333333;
}

#content .tags {
	background: url("images/tag.png") no-repeat left;
	padding: 5px 0px 0px 25px; /* top right bottom left */
	display: inline;
	margin-right: 25px;
}

#content .tags a:hover {
	background-color: #dddddd;
}

#content .tags a:visited {
	color: #333333;
}

#content .permalink {
	background: url("images/anchor.png") no-repeat left;
	padding: 5px 0px 0px 25px;
	color: #333333;
	display: inline;
	margin-right: 25px;
}

#content .permalink a:hover {
	background-color: #dddddd;
}

#content .permalink a:visited {
	color: #333333;
}