/*   
Theme Name: Honestly Kid 2.0
Theme URI: http://www.honestlykid.com
Description: Theme for HonestlyKid.com
Author: Daniel Damkoehler
Author URI: http://www.honestlykid.com
Version: 1.0.1
.
Stylesheet Creative Commons license.
.
*/

/* Resetting styles across browsers */

@import url("reset.css");
@import url("sociablehk.css");

body {
	background: #A31200;
	font-size: 62.5%;
	color: #000;
	font-family: sans-serif;

}

* html body {
	f\ont-size: small;

/* other IE */
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 96em;
	background: #fff;
-moz-box-shadow: 0px 0px 14px #000;
-webkit-box-shadow: 0px 0px 14px #000;
box-shadow: 0px 0px 14px #000;

}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display: inline;
	float: left;
	margin-left: 1em;
	margin-right: 1em;
}

.container .grid_3 {
	width: 22em;
}

.container .grid_4 {
	width: 30em;
}

.container .grid_6 {
	width: 46em;
}

.container .grid_8 {
	width: 62em;
}

.container .grid_12 {
	width: 94em;
}

.container .prefix_1 {
	padding-left: 8em;
}

div.navigation {
	margin: 0;
	height: 2em;
}

div.alignleft {
	float: left;
}

div.alignright {
	float: right;
}



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* @group headmenu styles */

#headmenu {
	height: 1.3em;
}

#headmenu ul {
	float: right;
	margin: .8em 0;
	list-style: none;
	text-align: left;
	line-height: 1.2em;
	font-family: "Courier New", Courier, monospace;
	font-size: .9em;
	text-transform: lowercase;
	font-weight: normal;
}

#headmenu ul li {
	float: left;
	margin: 0;
	padding: 0 .8em;
	display: inline;
	color: #333;
	font-weight: normal;
	text-transform: lowercase;
	border-right: 1px solid #333;
}

#headmenu ul li a:link {
	color: #333;
	text-decoration: none;
}

#headmenu ul li a:visited {
	color: #333;
	text-decoration: none;
}

#headmenu ul li.page_item a:link, #headmenu ul li.page_item a:visited {
	color: #333;
	text-decoration: none;
}

#headmenu ul li.page_item a:hover, #headmenu ul li.page_item a:active, 
#headmenu li a:hover, #headmenu li a:active, #headmenu li a:hover:visited {
	color: #8D3838;
	text-decoration: none;
	border-bottom: none	;
}

#headmenu ul li.current_page_item a:link, #headmenu ul li.current_page_item a:visited {
	color: #999;
}

/* @end */
/* @group Home Column Section Styles */

div.storyexcerpt {
	margin: 0;
	padding: 0;
}

div.meta {
	margin: .4em 0 1.5em 0;
	padding:0;
	color: #666;
	text-align: right;
	/* font-family: "Courier New", Courier, mono; */
	font-size: 1em;
	line-height: 1.3;
	border-bottom: 1px solid #999;
}

/* @end */

/* @group Text Styles */

h1 {
	margin: .5em 0 0 0;
	text-align: left;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 3.2em;
	font-weight: normal;
	color: #333;
	letter-spacing: .1em;
	border: none;
}

h1 a:link, h1 a:hover, h1 a:visited, h1 a:active {
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	color: #333;
	letter-spacing: .1em;
	border: none;
}

h2 {
	margin: .25em 0 1.5em 0;
	text-align: left;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.3em;
	font-weight: normal;
	color: #333;
}

h3 {
	margin: .4em 0 1em 0;
	padding: 0;
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	letter-spacing: .1em;
	color: #666;
	font-size: 2.1em;
	text-align: left;
	border: none;
}

h3 a:link, h3 a:visited {
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	text-decoration: none;
	color: #666;
	border: none;
}

 h3 a:hover, h3 a:active {
	color: #000;
}

h3.CatHead, h3.CatHead a:link, h3.CatHead a:visited, h3.CatHead a:link:visited  {
	color: #333;
}

h3.respond {
	margin-top: 2em;
}

h4 {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 1.4em;
	letter-spacing: .1em;
	line-height: 1.8em;
	text-align: left;
	text-decoration: none;
	border: none;
	font-weight: bold !important ;
}

h4 a:link, h4 a:visited, h4 a:active, h4 a:hover {
	color: #000;
	text-decoration: none;
	border: none;
	font-weight: bold !important ;
}

#sidebar h4 {
	margin: 1em 0 0 0;
}

h5 {
	margin: 0 0 0 0;
	color: #666;
	font-family: "Courier New", Courier, mono;
	font-size: 1.4em;
	font-weight: normal;
}

h5.pf {
	padding:1.8em 0 0 6em;
	background: url(images/pf-icon.png) bottom left no-repeat;
}

h5.thoughts {
	padding:1.8em 0 0 6em;
	background: url(images/2nd-icon.png) bottom left no-repeat;	
}

h5 a, h5 a:link, h5 a:visited {
	color: #666;
	text-decoration: none;
	border: none;
	font-weight: normal;
}

h5 a:active, h5 a:hover {
	color: #000;
	text-decoration: none;
	border: none;
	font-weight: normal;
}

div.post h4 a:hover  { /* strange fix for Firefox hover issue - is this Junction font? */
	color:#666;

}

p {
	margin: .4em 0;
	color: #000;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.8em;
}

div.storyexcerpt p {
	margin: .1em 0;
	padding: 0;
        text-align: justify;
}

div.storyexcerpt p img {
display:none;
}

div.storyexcerpt blockquote {
	line-height: 1.4em;
	margin-top: 1em;
	padding: 0em 1em 1em 4.2em;
	font-family: sans-serif;
	background: url(images/blockquote-1.gif) top left no-repeat;
}

div.storyexcerpt ol, ol {
font-size: 1.2em;
line-height: 1.4em;
list-style:decimal;
padding-left: 3em;
}

ol li {
padding: 0 0 .5em 0;
}

blockquote {
	line-height: 1.4em;
        font-size:1.1em;
	margin-top: 1em;
	padding: 0.5em 3em .5em 4.2em;
	font-family: "Times New Roman", Times, Georgia, sans-serif;
}

div.entry p {
	font-size: 1.3em;
	margin: 1em 0;
line-height:2em;
}

div.entry p.post-meta {
	font-size: .9em;
	border-top:1px solid #999;
	padding: .5em 0;
	margin-top: 2em;
	color: #4c4c4c;
	line-height: 1.6em;
}

div.entry p.post-meta-datecat {
	margin: 0;
	border: none;
	font-size: .9em;
	color: #4c4c4c;
	line-height: 1.6em;
}

.post ul {
font-size: 1.3em;
	margin: 5px 0 5px 35px;
/* left margin expanded for IE issue */
line-height: 1.6em;
	list-style-position: inside;
	text-align: left;
}

.post ul li {
	margin: 0 0 0 5px;
	padding-bottom: 2px;
	text-align: left;
	list-style: disc;
}

/* @end */
/* @group Link Styles */
p a:link, p a, p a:visited,
ol.commentlist li a:link, ol.commentlist li a, ol.commentlist li a:visited,
div.storyexcerpt a:link, div.storyexcerpt a, div.storyexcerpt a:visited,
.post ul li a:link, .post ul li a, .post ul li a:visited {
	color: #8D3838;
	text-decoration: none;
        font-weight:bold;
}

p a:hover, p a:active, p a:visited:hover,
ol.commentlist li a:hover, ol.commentlist li a:active, ol.commentlist li a:visited:hover,
div.storyexcerpt a:hover, div.storyexcerpt a:active, div.storyexcerpt a:visited:hover,
.post ul li a:hover, .post ul li a:active, .post ul li a:visited:hover {
	color: #000000;
	text-decoration: none;
        font-weight:bold;
}

div.meta a, div.meta a:link, div.meta a:visited,
div.navigation a, div.navigation a:link, div.navigation a:visited	{
	text-decoration: none;
	color: #8D3838;
}

div.meta a:active, div.meta a:hover,
div.navigation a:active, div.navigation a:hover	{
	text-decoration: none;
	color: #fff;
	background: #8D3838;
	border-bottom: solid #8D3838 1px;
}

div.meta a.post-edit-link:link, div.meta a.post-edit-link, div.meta a.post-edit-link:visited  {
	color: #ffffff;
	background: #999;
	border:  none;
	text-decoration: none;
}

div.meta a.post-edit-link:active, div.meta a.post-edit-link:hover {
	color: #ffffff;
	background: #000000;
	border: none;
	text-decoration: none;
}

span.more {
	display: inline;
	margin: 0;
	padding: 0;
}

span.more a:link, span.more a, span.more a:visited {
	color: #8D3838;
	text-decoration: none;
	font-weight: bold;
}

span.more a:hover, span.more a:active, span.more a:active:visited, span.more a:hover:visited {
	color: #fff;
	text-decoration: none;
	background: #8D3838;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #8D3838;
   text-align: center;
   background-color: #fff;
   padding-top: 4px;
   margin: 15px 10px 10px 5px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   text-align:center;
}


/* @end */
/* Footer Styles */

#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 96em;
}

/* @group Sidebar */

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	font-size: 1.2em;
}

#sidebar li {
	margin: .2em 0 .2em 0;
	padding: 0;
	line-height: 1.7em;
	list-style-type: none;
	color: #000;
	font-weight: normal;
}

#sidebar li a:link, #sidebar li a:visited {
	font-weight: normal;
	color: #8D3838;
	text-decoration: none;
}

#sidebar li a:hover, #sidebar li a:active, #sidebar li a:hover:visited {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

#sidebar li.rss, #sidebar li.tweet {
	margin: .2em 0 .8em 0;	
}

#sidebar li.rss a, #sidebar li.rss a:link, #sidebar li.rss a:visited {
	padding: 0 0 0 1.7em;
	background:url(images/feed-icon-12x12-gray.gif) no-repeat left top;
}

#sidebar li.rss a:hover, #sidebar li.rss a:active, #sidebar li.rss a:hover:visited {
	padding: 0 0 0 1.7em;
	background:url(images/feed-icon-12x12-dkgray.gif) no-repeat left top;
}

#sidebar li.tweet a, #sidebar li.tweet a:link, #sidebar li.tweet a:visited {
	padding: 0 0 0 1.7em;
	background:url(images/t_mini-b.png) no-repeat left top;
}

#sidebar li.tweet a:hover, #sidebar li.tweet a:active, #sidebar li.tweet a:hover:visited {
	padding: 0 0 0 1.7em;
	background:url(images/t_mini-a.png) no-repeat left top;
}
.colophon {
	font-size: .8em;
	border:1px solid #999;
	padding: .5em 1em;
	margin-top: 2em;
margin-bottom:2em;
}

.colophon p {
	color: #4c4c4c;
	line-height: 1.8em;
}

/* @end */

/* @group Comments */
ol.commentlist {
	margin: 1em 0 1em 2em;
list-style-type:none;
}

ol.commentlist li {
	margin: 1em 0;
	padding: 1em;
	border: solid 1px #999;
}

ol.commentlist li.alt {
	background: none;
}

ol.commentlist li cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}

ol.commentlist li p {
	margin: 1em .5em;
font-size:1em;
}

#commentform {
	margin: 1em 0 1em 2em;
}

#commentform p {
	margin-bottom: 1em;
}

#commentform p.allowed {
	color: #4c4c4c;
	margin: .5em;
	width: 45em;
}

#commentform input {
	border: 1px solid #999;
}

#commentform div textarea {
	border: 1px solid #999;
	width: 45em;
}


/* @end */

/* Also Haves
.categories {...}
.cat-item {...}
.current-cat {...}
.current-cat-parent {...}
.pagenav {...}
.page_item {...}
.current_page_item {...}
.current_page_parent {...}
.widget {...}
.widget_text {...}
.blogroll {...}
.linkcat{...}
*/