/*
Theme Name: Parenting Concerns
Theme URI: http://wordpress.org/
Description: WordPress theme for Parenting Concerns.
Version: 1.0
Author: Jordan Hilario
Author URI: http://72dpicreative.net/
Tags: parenting, clean, 2 column

	This theme was designed and built by Jordan Hilario,
	whose portfolio you will find at http://72dpicreative.net/

*/



/*==========================CSS CORE DOCUMENT==========================*/

* { margin: 0; padding: 0; }

body, html {
	height: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	background: #fff url(images/bg.gif) repeat-x;
	line-height: 21px;
}
a { 
	color: #e55505; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #000;
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: normal;
}
h1 a {
	color: #000;
}
h1 a:hover {
	color: #e55505; 
	text-decoration: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #021927;	
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: normal;
}
h3.featured {
	color: #434b15;
	padding: 50px 0 0 0;
	margin: 0;
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0;
	text-indent: -6000px;
	background: url(images/title-featured-article.gif) no-repeat center;
}
h3.parenting {
	color: #434b15;
	padding: 50px 0 0 0;
	margin: 0;
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0;
	text-indent: -6000px;
	background: url(images/title-parenting-book.gif) no-repeat center;
}
h3.ebook {
	color: #434b15;
	padding: 50px 0 0 0;
	margin: 0;
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0;
	text-indent: -6000px;
	background: url(images/title-featured-ebook.gif) no-repeat center;
}
h3.categories {
	color: #434b15;
	padding: 40px 0 0 0;
	margin: 0;
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0;
	text-indent: -6000px;
	background: url(images/title-categories.gif) no-repeat center;
}
h3.sponsored {
	color: #434b15;
	padding: 40px 0 0 0;
	margin: 0;
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0;
	text-indent: -6000px;
	background: url(images/title-sponsored-links.gif) no-repeat center;
}
h3.reading {
	color: #434b15;
	padding: 40px 0 0 0;
	margin: 0;
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0;
	text-indent: -6000px;
	background: url(images/title-reading.gif) no-repeat center;
}
p { padding-bottom: 8px; }
ul {
	margin: 0 0 20px 30px;
}
a img {
	border: 0;
}


/*==========================REUSABLE==========================*/
.splitLeft { 
	float: left; 
}
.splitRight { 
	float: right; 
}
.clear { 
	clear: both; 
	font-size: 1px; 
	line-height: 0px; 
	height: 0px; 
}
a.more {
	width: 81px;
	height: 29px;
	text-indent: -5000px;
	background: url(images/btn-more.gif) no-repeat;
	display: block;
}


/*==========================LIST==========================*/
#social {
	margin: 0 0 20px 0;
	padding: 0;
}
#social li {
	list-style-type: none;
}
#social li.fb {
	list-style-type: none;
	line-height: 24px;
	background: url(../images/icon-facebook.gif) no-repeat left center;
	padding: 0 0 0 23px;
}
#social li.tw {
	list-style-type: none;
	line-height: 24px;
	background: url(../images/icon-twitter.gif) no-repeat left center;
	padding: 0 0 0 23px;
}
#social li.yt {
	list-style-type: none;
	line-height: 24px;
	background: url(../images/icon-youtube.gif) no-repeat left center;
	padding: 0 0 0 23px;
}
#social li.rss {
	list-style-type: none;
	line-height: 24px;
	background: url(../images/icon-feed.gif) no-repeat left center;
	padding: 0 0 0 23px;
}


/*==========================BOX==========================*/
.boxLeft {
	width: 211px;
	height: 315px;
	float: left;
	margin: 0 10px 0 0;
	background: url(images/bg-box-left.jpg) no-repeat;
	padding: 0 30px 0 30px;
	color: #767676;
}
.boxMiddle {
	width: 214px;
	height: 315px;
	float: left;
	margin: 0 9px 0 0;
	background: url(images/bg-box-middle.jpg) no-repeat;
	color: #767676;
	padding: 0 30px 0 30px;
}
.boxRight {
	width: 214px;
	height: 315px;
	float: left;
	background: url(images/bg-box-right.jpg) no-repeat;
	color: #767676;
	padding: 0 30px 0 30px;
}
.boxRightInside {
	width: 204px;
	float: left;
	margin: 0 9px 30px 0;
	background: url(images/bg-right-box.gif) no-repeat;
	color: #767676;
	padding: 0 40px 0 30px;
}
.boxRightInsideSponsored {
	width: 204px;
	float: left;
	margin: 0 9px 30px 0;
	background: url(images/bg-right-box-sponsored.gif) no-repeat;
	color: #767676;
	padding: 0 40px 0 30px;
}
.boxMiddle img, .boxRight img, .boxRightInside img {
	float: left;
	padding: 0 10px 0 0;
}



/* Main CSS Document */

@import url("core.css");


/*==========================HEADER==========================*/
#header {
	width: 940px;
	margin: 0 auto;
}
#header ul {
	margin: 0;
	padding: 28px 0 0 0;
	text-align: center;
}
#header li {
	display: inline;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 12px 0 12px;
}
#header li a {
	color: #acacac;
	text-decoration: none;
}
#header li a:hover {
	color: #e55505;
}


/*==========================MIDDLE==========================*/
#middle {
	width: 940px;
	margin: 0 auto;
}


/*==========================CONTENT==========================*/
#contentHome {
	width: 890px;
	margin: 0 auto;
	background: url(images/bg-content-home.gif) no-repeat;
	padding: 0 0 0 50px;
}
#contentInside {
	width: 890px;
	margin: 0 auto;
	padding: 0 0 0 50px;
}


/*==========================LEFT==========================*/
.left {
	width: 500px;
	float: left;
	padding: 30px 0 0 0;
}
.date {
	font-size: 11px;
	text-transform: uppercase;
	color: #999;
}
.date a {
	color: #999;
	text-decoration: underline;
}


/*==========================RIGHT==========================*/
.right {
	width: 325px;
	float: right;	
	font-size: 12px;
}
.right ul {
	margin: 0;
	padding: 0;
}
.right li {
	list-style-type: none;
	padding: 3px 0 3px 0;
	border-bottom: 1px dotted #d4d4d4;
}
.searchBox {
	width: 255px;
	padding: 0 0 20px 7px;
}
input.field {
	width: 200px;
	height: 38px !important;
	height: 28px;
	background: url(images/bg-form.gif) no-repeat;
	border: 0;
	float: left;
	padding: 0 0 0 17px !important;
	padding: 10px 0 0 17px;
}


/*==========================FOOTER==========================*/
#footer {
	width: 940px;
	color: #848484;
	text-align: center;
	padding: 50px 0 20px 0;
	background: url(images/bg-footer.gif) no-repeat;
	height: 51px;
	font-size: 12px;
	margin: 0 auto;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer li {
	list-style-type: none;
	display: inline;
	margin: 0 4px 0 4px;
}
#footer a {
	color: #848484;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}