/*
	Theme Name: Simple Kids
	Theme URI: http://www.simplekids.net
	Description: Hand-crafted for Tsh Oxenreider.
	Author: Brian Gardner
	Author URI: http://www.briangardner.com/
	Version: 1.8
	Template: genesis
*/

/* Import Fonts
------------------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Trocchi);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic,700italic);


/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #333333;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	line-height: 32px;
	margin: 0 0 24px;
}

blockquote,
input,
select,
textarea,
.author-box,
.breadcrumb,
.wp-caption {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}

input,
label,
select,
textarea {
	color: #2f2f2f;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
}


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

ol li {
	list-style-type: decimal;
}


/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited {
	color: #2361a1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}


/* Body
------------------------------------------------------------ */

body {
	background-color: #fff;
}

::-moz-selection {
	background-color: #363636;
	color: #fff;
}

::selection {
	background-color: #363636;
	color: #fff;
}


/* Wrap
------------------------------------------------------------ */

.wrap {
	margin: 0 auto;
	width: 960px;
}


/* Header
------------------------------------------------------------ */

#header {
	border-bottom: 3px solid #ae0816;
	margin: 0 auto;
	min-height: 180px;
	overflow: hidden;
	width: 100%;
}

#title-area {
	background: url(images/logo.png) no-repeat left;
	float: left;
	overflow: hidden;
	width: 200px;
}

#title {
	margin: 0;
}

#description {
	font-size: 14px;
	padding: 0 0 0 20px;
}

#header .widget-area {
	float: right;
	padding: 20px 0 0;
	width: 728px;
}


/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area,
.header-image #title,
.header-image #title a {
	display: block;
	float: left;
	height: 180px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 200px;
}

.header-image #description {
	display: block;
	overflow: hidden;
}


/* Header / Primary / Secondary Navigation
------------------------------------------------------------ */

#header .menu {
	clear: both;
	font-size: 14px;
	line-height: 1.4;
	margin: 0 auto 10px;
	overflow: hidden;
	width: 100%;
}

#header .menu ul {
	float: left;
	width: 100%;
}

#header .menu li {
	float: left;
	list-style-type: none;
}

#header .menu a {
	color: #727272;
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 8px 15px 10px;
	position: relative;
	text-decoration: none;
}

#header .menu li a:active,
#header .menu li a:hover,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
	color: #363636;
}

#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
	background-color: #eee;
	color: #727272;
	font-size: 14px;
	padding: 8px 10px;
	position: relative;
	text-transform: none;
	width: 158px;
}

#header .menu li li a:active,
#header .menu li li a:hover {
	color: #363636;
}

#header .menu li ul {
	height: auto;
	left: -9999px;
	position: absolute;
	width: 180px;
	z-index: 9999;
}

#header .menu li ul a {
	width: 160px;
}

#header .menu li ul ul {
	margin: -36px 0 0 179px;
}

.menu li:hover ul ul,
.menu li.sfHover ul ul {
	left: -9999px;
}

.menu li:hover,
.menu li.sfHover {
	position: static;
}

ul.menu li:hover>ul,
ul.menu li.sfHover ul,
#header .menu li:hover>ul,
#header .menu li.sfHover ul {
	left: auto;
}

.menu li a .sf-sub-indicator,
.menu li li a .sf-sub-indicator,
.menu li li li a .sf-sub-indicator {
	position: absolute;
	text-indent: -9999px;
}


/* Header Icons
------------------------------------------------------------ */

#header ul li.social-twitter a,
#header ul li.social-twitter a:hover,
#header ul li.social-facebook a,
#header ul li.social-facebook a:hover,
#header ul li.social-pinterest a,
#header ul li.social-pinterest a:hover,
#header ul li.social-rss a,
#header ul li.social-rss a:hover,
#header ul li.social-email a,
#header ul li.social-email a:hover {
	background: url(images/social-icons.png);
	display: block;
	height: 40px;
	margin: 0 0 0 10px;
	padding: 0;
	text-indent: -9999px;
	width: 40px;
}

#header ul li.social-twitter a {
	background-position: 0 0;
	margin: 0 0 0 80px;
}

#header ul li.social-twitter a:hover {
	background-position: 0 -40px;
	margin: 0 0 0 80px;
}

#header ul li.social-facebook a {
	background-position: -40px 0;
}

#header ul li.social-facebook a:hover {
	background-position: -40px -40px;
}

#header ul li.social-pinterest a {
	background-position: -80px 0;
}

#header ul li.social-pinterest a:hover {
	background-position: -80px -40px;
}

#header ul li.social-rss a {
	background-position: -120px 0;
}

#header ul li.social-rss a:hover {
	background-position: -120px -40px;
}

#header ul li.social-email a {
	background-position: -160px 0;
}

#header ul li.social-email a:hover {
	background-position: -160px -40px;
}


/* Inner
------------------------------------------------------------ */

#inner {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0;
}


/* Content
------------------------------------------------------------ */

#content-sidebar-wrap {
	float: left;
	width: 100%;
}

#content {
	float: left;
	padding: 15px 0 0;
	width: 540px;
}

.post {
	border-bottom: 1px solid #363636;
	margin: 0 0 25px;
}

.single .post {
	border: none;
	margin: 0 0 25px;
}

.post.genesis-feature {
	border: none;
}

.entry-content {
	overflow: hidden;
}

.entry-content a,
.entry-content a:visited {
	text-decoration: underline;
}

.entry-content a:hover {
	text-decoration: none;
}

.entry-content p {
	margin: 0 0 25px;
}

blockquote {
	background: url(images/blockquote.png) no-repeat;
	border: none;
	margin: 5px 5px 20px;
	padding: 25px 30px 5px 70px;
}

blockquote p {
	color: #999;
	font-style: italic;
}

p.subscribe-to-comments {
	padding: 20px 0 10px;
}

p.alert  {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ffffa0;
	border: 1px solid #e5e597;
	margin: 0 0 30px;
	padding: 8px 12px;
}

p.center {
	text-align: center;
}

p.note {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	margin: 0 0 30px;
	padding: 8px 12px;
}

.image-credit {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.bio_box {
	border-top: 1px dotted #363636;
	margin: 0 0 20px;
	padding: 10px;
}

.drop_cap {
	font-family: 'Trocchi', serif;
	color: #363636;
	float: left;
	font-size: 60px;
	line-height: 1;
	margin: 0 10px 0 0;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.clear {
	clear: both;
}

.archive-page,
.archive-page-monthly {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 15px;
}

.breadcrumb {
	display: none;
}


/* Headlines
------------------------------------------------------------ */

h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6 {
	color: #727272;
	font-family: 'Trocchi', serif;
	font-weight: normal;
	line-height: 1.25;
	margin: 0 0 10px;
}


h1,
h2,
h2 a,
h2 a:visited {
	font-size: 30px;
}

h2 a,
h2 a:visited {
	color: #727272;
	font-family: 'Trocchi', serif;
}


h2 a:hover {
	color: #363636;
	text-decoration: none;
}

h3 {
	font-size: 28px;
}

#comments h3,
#respond h3 {
	color: #363636;
}

h4 {
	color: #363636;
	font-size: 22px;
}

#after-post-right h4 {
	color: #363636;
	font-size: 20px;
}

#sidebar h4 {
	color: #727272;
	font-family: 'Trocchi', serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

#footer-widgets .widget-area h4 {
	color: #363636;
}

#rss-3 h4.widgettitle,
#rssimport-3 h4.widgettitle {
	background: url(images/rss-simple-bites.jpg) no-repeat left;
	height: 135px;
	text-indent: -9999px;
	width: 175px;
}

#rss-7 h4.widgettitle,
#rssimport-7 h4.widgettitle {
	background: url(images/rss-simple-design.jpg) no-repeat left;
	height: 128px;
	text-indent: -9999px;
	width: 175px;
}

#rss-5 h4.widgettitle,
#rssimport-5 h4.widgettitle {
	background: url(images/rss-simple-mom.jpg) no-repeat left;
	height: 128px;
	text-indent: -9999px;
	width: 175px;
}

#rss-4 h4.widgettitle,
#rssimport-4 h4.widgettitle {
	background: url(images/rss-simple-homeschool.jpg) no-repeat left;
	height: 128px;
	text-indent: -9999px;
	width: 175px;
}

#rss-6 h4.widgettitle,
#rssimport-6 h4.widgettitle {
	background: url(images/rss-simple-homemade.jpg) no-repeat left;
	height: 128px;
	text-indent: -9999px;
	width: 175px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}


/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 25px;
}

.archive-page ul li,
.entry-content ul li {
	list-style-type: square;
	margin: 0 0 0 30px;
	padding: 0;
}

.archive-page ul li {
	float: left;
	width: 40%;
}

.entry-content ol li {
	margin: 0 0 0 35px;
}

.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
	padding: 0;
}


/* Post Info
------------------------------------------------------------ */

.post-info {
	color: #727272;
	font-size: 10px;
	margin: 0 0 15px;
	text-transform: uppercase;
}

.post-info a,
.post-info a:visited {
	color: #727272;
}

.post-info a:hover {
	color: #363636;
}

.small {
	font-style: italic;
	text-transform: lowercase;
}


/* Post Meta
------------------------------------------------------------ */

.post-meta {
	border-top: 1px solid #ddd;
	clear: both;
	font-size: 14px;
	padding: 5px 0 0;
}


/* Author Box
------------------------------------------------------------ */

.author-box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e1dfd6;
	border: 1px solid #cAc8c0;
	border-radius: 5px;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 15px;
}

.author-box p {
	font-size: 13px;
}


/* Newsletter
------------------------------------------------------------ */

.newsletter {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #fffbcc;
	border: 1px solid #e6db55;
	border-radius: 5px;
	margin: 0 0 40px;
	overflow: hidden;
	padding: 15px;
}

.newsletter p {
	font-size: 13px;
}


/* After Post
------------------------------------------------------------ */

#after-post {
	clear: both;
	overflow: hidden;
	padding: 0 0 40px;
}

#after-post-left {
	float: left;
	width: 320px;
}

#after-post-right {
	float: right;
	width: 210px;
}

#after-post-right p {
	font-size: 13px;
	line-height: 1.2;
	margin: 0 0 15px;
	overflow: hidden;
}


/* Featured Post Grid
------------------------------------------------------------ */

.genesis-grid {
	border-bottom: 1px solid #363636;
	margin: 0 0 25px;
	padding: 0;
}

.genesis-grid-1 {
	background: url(images/still-fresh.png) no-repeat top left;
	padding: 80px 0 0;
}

.paged .genesis-grid-1 {
	background: none;
	padding: 0;
}


/* Images
------------------------------------------------------------ */

img {
	height: auto;
	max-width: 100%;
}

img.featured-image {
	margin: 0 0 25px;
}

.avatar,
.post-image {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 9px;
}

.author-box .avatar {
	border: 8px solid #fff;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

.post-image {
	margin: 0 20px 10px 0;
}

.comment-list li .avatar {
	background-color: #fff;
	float: right;
	margin: 5px 0 0 10px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft,
.wp-caption.alignleft {
	display: inline;
	margin: 0 15px 10px 0;
}

img.alignright,
.wp-caption.alignright {
	display: inline;
	margin: 0 0 10px 15px;
}

.wp-caption {
	padding: 10px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 14px;
	margin: 5px 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}


/* Post Navigation
------------------------------------------------------------ */

.navigation {
	font-size: 14px;
	overflow: hidden;
	padding: 5px 0 20px;
	width: 100%;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
	background-color: #363636;
	color: #fff;
	padding: 5px 8px;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #2361a1;
	text-decoration: none;
}


/* Sidebars
------------------------------------------------------------ */

.sidebar {
	display: inline;
	float: right;
	font-size: 13px;
	padding: 5px 0 0;
	width: 380px;
}

#sidebar-bottom {
	clear: both;
}

#sidebar-left {
	display: inline;
	float: left;
	width: 160px;
}

#sidebar-right {
	display: inline;
	float: right;
	width: 190px;
}

.sidebar p {
	font-size: inherit;
}

.sidebar .widget {
	margin: 0 0 20px;
}

.sidebar .rssimport,
.sidebar .widget_rss {
	margin: 0 0 30px;
}

.sidebar.widget-area ul li {
	list-style-type: none;
	line-height: 1.4;
	margin: 0 0 10px;
	word-wrap: break-word;
}

.sidebar.widget-area ul li a,
.sidebar.widget-area ul li a:visited {
	color: #363636;
}

.sidebar.widget-area ul li a:hover {
	color: #2361a1;
}

div.adblock {
	margin: 0 0 20px;
}

#sidebar-left iframe {
	margin: 0 0 10px !important;
}

div.adblock a img {
	border: 3px solid #e6e4db;
	margin: 0 0 20px;
}

div.adblock a:hover img {
	border: 3px solid #d5d2c6;
}

#twitter_div {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #d7e389;
	padding: 10px;
}

#twitter_div a,
#twitter_div a:visited {
	color: #2361a1;
}


/* Reach Boxes
------------------------------------------------------------ */

div.reach_h3 {
	color: #727272;
	float: left; 
	font-size: 12px;
	font-family: 'Cantarell', sans-serif;
	margin: 12px 5px 0 0;
	position: relative; 
	text-transform: uppercase; 
}

div.reach_count {
	color: #363636;
	float: right;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 2px 0 0 5px;
	position: relative;
}

div.reach_divider {
	color: #ddd;
	float: left;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
}

.reach_box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
	padding: 10px 12px;
}


/* Buttons
------------------------------------------------------------ */

input[type="button"],
input[type="submit"] {
	background: url(images/gradient.png) 0 0;
	border: 1px solid #ccc;
	cursor: pointer;
	line-height: 19px;
	padding: 7px 10px;
	text-decoration: none;
}

input:hover[type="button"],
input:hover[type="submit"] {
	background: url(images/gradient.png) 0 -33px;
	text-decoration: none;
}


/* Search Form
------------------------------------------------------------ */

.searchform {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
	padding: 15px;
}

.error404 .searchform,
.page-template-page_archive-php .searchform {
	margin: 0 0 25px;
}

.s {
	background-color: #fff;
	color: #727272;
	margin: 0 -7px 0 0;
	padding: 8px 8px 9px;
	width: 250px;
}

.error404 .entry-content .s,
.page-template-page_archive-php .entry-content .s {
	width: 400px;
}


/* Footer Widgets
------------------------------------------------------------ */

#footer-widgets {
	background-color: #eee;
	border-top: 1px solid #bbbbdd;
	clear: both;
	font-size: 14px;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0 10px;
	width: 100%;
}

#footer-widgets .widget {
	background: none;
	border: none;
	margin: 0 0 20px;
	padding: 0;
}

#footer-widgets p {
	font-size: inherit;
	margin: 0 0 10px;
}

#footer-widgets ul {
	margin: 0;
}

#footer-widgets ul li {
	margin: 0 0 0 20px;
}

.footer-widgets-1 {
	float: left;
	margin: 0 30px 0 0;
	width: 280px;
}

.footer-widgets-2 {
	float: left;
	text-align: center;
	width: 320px;
}

.footer-widgets-3 {
	float: right;
	width: 300px;
}


/* Footer
------------------------------------------------------------ */

#footer {
	background-color: #eee;
	clear: both;
	color: #727272;
	font-size: 12px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

#footer .wrap {
	border-top: double #ccc;
	overflow: hidden;
	padding: 30px 0 0;
}

#footer p {
	color: inherit;
	font-size: inherit;
	margin: 0 0 20px;
}

#footer a,
#footer a:visited {
	color: #727272;
}

#footer a:hover {
	color: #363636;
}


/* Comments
------------------------------------------------------------ */

#comments,
#respond {
	margin: 0 0 15px;
	overflow: hidden;
}

#author,
#comment,
#email,
#url {
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 250px;
}

#comment {
	height: 150px;
	margin: 10px 0;
	width: 97%;
}

.ping-list {
	margin: 0 0 40px;
}

.comment-list ol,
.ping-list ol {
	padding: 10px;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
	margin: 15px 0 5px;
	padding: 10px 15px;
}

.comment-list li ul li {
	list-style-type: none;
	margin-right: -16px;
}

.comment-content p {
	font-size: 14px;
	margin: 0 0 20px;
}

.comment-list cite,
.ping-list cite {
	font-style: normal;
}

.commentmetadata {
	font-size: 12px;
	margin: 0 0 5px;
}

.reply {
	font-size: 14px;
	font-weight: 300;
}

.nocomments {
	text-align: center;
}

#comments .navigation {
	display: block;
}

.bypostauthor {
}

.thread-alt,
.thread-even {
	background-color: #f5f5f5;
}

.alt,
.depth-1,
.even {
	border: 1px solid #ddd;
}

.cluv {
	border: none !important;
	padding: 10px 0 0 !important;
}

#commentluv {
	margin: 0 0 15px;
}


/* Responsive Design
------------------------------------------------------------ */

@media only screen and (max-width: 800px) {

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.header-image #title-area,
	.header-image #title,
	.header-image #title a,
	.sidebar,
	.wrap,
	#after-post-left,
	#after-post-right,
	#content,
	#header .widget-area {
		width: 100%;
	}

	#title-area {
		background: url(images/logo.png) no-repeat center;
	}

	#header .widget-area {
		padding: 0 0 10px;
	}

	#header ul.menu {
		float: none;
		text-align: center;
		width: 100%;
	}

	#header ul.menu li {
		display: inline-block;
		float: none;
	}

	#header .menu a {
		padding: 10px;
	}

	.menu li li {
		text-align: left;
	 }

	#header ul li.social-twitter a,
	#header ul li.social-twitter a:hover,
	#header ul li.social-facebook a,
	#header ul li.social-facebook a:hover,
	#header ul li.social-pinterest a,
	#header ul li.social-pinterest a:hover,
	#header ul li.social-rss a,
	#header ul li.social-rss a:hover,
	#header ul li.social-email a,
	#header ul li.social-email a:hover {
		margin: 0 5px;
	}

	#header ul li.menu-item-home,
	#header ul li.social-twitter a,
	#header ul li.social-facebook a,
	#header ul li.social-pinterest a,
	#header ul li.social-rss a,
	#header ul li.social-email a,
	#header #text-205476400 {
		display: none;
	}

	#content {
		box-sizing: border-box;
		padding: 20px;
	}

	#after-post-right {
		padding: 20px 0 0;
	}

	#sidebar {
		display: none;
	}

	#footer-widgets .widget-area h4 {
		text-align: center;
	}

	#footer-widgets .textwidget {
		padding: 0 10px;
		text-align: center;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		clear: both;
		margin: 0;
	}

}