/*  



Theme Name: Heartland



Theme URI: http://www.intuitivedesigns.net/free-wordpress-theme-heartland/



Description: Heartland, a clean and playful land of hearts, pink, and fun brought to you by <a href="http://www.intuitivedesigns.net/">Intuitive Designs</a>. 



Version: 1.1



Author: Intuitive Designs



Author URI: http://www.intuitivedesigns.net/



Tags: pink, two-columns, right-sidebar, fixed-width







*/



/*----Global Reset Courtesy of Eric Meyer----*/



html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, em, font, img, ins, kbd, q, s, samp,



small, strike, strong, sub, sup, tt, var,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	font-weight: inherit;



	font-style: inherit;



	font-size: 100%;



	font-family: inherit;



	vertical-align: baseline;



}



:focus {



	outline: 0;



	background: #ffc;



}



body {



	line-height: 1;



	color: #666;



	background: #777;



	text-align: center;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 87.5%;



}



ol, ul {



	list-style: none;



}



table {



	border-collapse: separate;



	border-spacing: 0;



}



caption, th, td {



	text-align: left;



	font-weight: normal;



}



blockquote:before, blockquote:after,



q:before, q:after {



	content: "";



}



blockquote, q {



	quotes: "" "";



}



p, tr, td, h1, h2, h3, h4, span, div {



	font-size: 1em;



}



/*----Layout----*/



#wrapper {



	width: 960px;



	background: #e7e7e7;



	margin: 0 auto;



	text-align: left;



	padding-bottom: 20px;



}



#header {



	height: 200px;



	position: relative;



	overflow: hidden;



}



	#site-name {



		position: absolute;



		z-index: 1;



		text-align: center;



		left: 0;



		top: 0;



	}



		#site-name h1 {



			color: #e2e2e2;



			width: 100%;



			font-size: 245px;



			display: block;



			letter-spacing: -10px;



			margin: -20px 0 0 -15px;



		}



	#logo {



		position: absolute;



		top: 20px;



		left: 20px;



		z-index: 2;



	}



	#header-image {



		position: absolute;



		top: 16px;



		right: 0;



		z-index: 2;



	}



#categories {



	background: #e50780;



	overflow: auto;



	z-index: 3;



}



	#categories ul {



	  float: left;



	  width: 100%;



	  margin: 0;



	  padding: 0;



	  list-style: none;



	}



 



		#categories li {



		  float: left;



		  width: 320px;



		  margin: 0;



		  padding: 0;



		  height: 38px;



		  border-top: 1px solid #ff088f;



		  border-bottom: 1px solid #d20775;



		  list-style: none;



		}



			#categories li a {



			display: block;



			color: #e2e2e2;



			font-size: 22px;



			text-decoration: none;



			line-height: 38px;



			padding-left: 45px;



			background: url(images/category-heart.gif) no-repeat 20px center;



			}



			#categories li a:hover {



			background: url(images/category-heart-hover.gif) no-repeat 20px center;



			}



#content {



	float: left;



	width: 627px;



	padding: 20px 0;



}



#right {



	float: right;



	margin: 20px;



	width: 273px;



}



#footer {



	clear: both;



	background: #f3f3f3 url(images/menu-heart.gif) no-repeat center center;



	padding: 20px;



	margin: 0 20px;



	line-height: 70px;



}



/*----Typography----*/



h1 {



	font-size: 2.5em;



	margin-bottom: 20px;



	font-weight: normal;



}



h2 {



	font-size: 2em;



	margin-bottom: 20px;



	font-weight: normal;



}



h3 {



	font-size: 1.5em;



	margin-bottom: 20px;



	font-weight: normal;



}



h4 {



	font-size: 1.2em;



	margin-bottom: 20px;



	font-weight: normal;



}



p {



	line-height: 1.428em;



	margin-bottom: 1.428em;



}



.post h2 {



	display: block;



	background: #f3f3f3 url(images/title-right-corners.gif) no-repeat right;



	font-size: 2.571em;



	letter-spacing: -2px;



	height: 45px;



	padding: 0 50px;



	line-height: 45px;



	margin-bottom: 0;



}



	.post h2 a {



		color: #666;



		text-decoration: none;



	}



.post h3 {



	display: block;



	background: #f3f3f3 url(images/title-right-corners.gif) no-repeat right;



	font-size: 2em;



	letter-spacing: -2px;



	height: 45px;



	padding: 0 50px;



	line-height: 45px;



	margin-bottom: 0;



}



	.post h3 a {



		color: #666;



		text-decoration: none;



	}



.entry h3, .entry h2 {



	background: none;



	height: inherit;



	padding: 0;



	line-height: inherit;



}



h2.pagetitle {



	display: block;



	background: #f3f3f3 url(images/title-right-corners.gif) no-repeat right;



	font-size: 2.571em;



	letter-spacing: -2px;



	height: 45px;



	padding: 0 20px;



	line-height: 45px;



}



	h2.pagetitle a {



		color: #666;



		text-decoration: none;



	}



.box h2 {



	display: block;



	font-size: 2.083em;



	letter-spacing: -1px;



	margin-bottom: 10px;



}



a {



	color: #0036d3;



	text-decoration: none;



}



a:hover {



	color: #e50780;



	text-decoration: none;



}



small {



	font-size: .9em;



}



blockquote, q {



	line-height: 1.5em;



	margin: 1em 3em;



	quotes: "\201C" "\201D";



}



blockquote:before, q:before {



	content: open-quote;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-weight: bold;



	font-size: 3em;



	color: #ccc;



}



q:after {



	content: close-quote;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-weight: bold;



	font-size: 3em;



	color: #ccc;



	margin-bottom: -10px;



}



ul, ol, dl {



	margin-bottom: 1.5em;



	padding-left: 1.5em;



}



ul li {



	list-style: disc;



}



ol li {



	list-style: upper-roman;



}



dt {



	font-weight: bold;



	font-size: 1.2em;



}



dd {



	margin: 0 0 1.5em 1.5em;



}



.copyright {



	float: left;



	margin: 0;



}



.credit {



	float: right;



	margin: 0;



}



.attention {



	float: right;



	width: 272px;



	background: #e50780;



	color: #e2e2e2;



	padding: 10px;



	margin: 0 0 20px 20px;



}



/*----Forms----*/



#search {



	background: #f3f3f3;



	padding: 0 20px;



	margin-bottom: 20px;



	



}



	#search #s {



	background: #f3f3f3;



	border: 1px solid #f3f3f3;



	height: 35px;



	line-height: 35px;



	padding-top: 10px;



	width: 175px;



	}



	input#searchsubmit {



	margin-left: 10px;



	background: url(images/magnifier.gif) no-repeat right bottom;



	width: 35px;



	height: 35px;



	border: none;



	color: #666;



	cursor: pointer;



	}



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



h3#comments  {



	display: block;



	background: #f3f3f3 url(images/title-right-corners.gif) no-repeat right;



	font-size: 2em;



	letter-spacing: -2px;



	height: 45px;



	padding: 0 20px;



	line-height: 45px;



}



.commentlist {



	padding: 20px;



}



	.commentlist .box {



		margin: 20px 0 30px 0;



		clear: both;



	}



	cite {



		font-weight: bold;



		line-height: 25px;



	}



	.comment-author img {



		float: left;



		margin: 0 10px 10px 10px;



	}



	.commentmetadata {



		margin-top: 0;



	}



ol.commentlist, ol.commentlist li {



	list-style: none;



}



.comment-form {



	padding: 20px;



	border-top: 1px solid #eee;



}



	.comment-form input, .comment-form textarea {



	background: #f3f3f3;



	border: 1px solid #ccc;



	}



#respond {



	padding: 20px;



}



/*----Menus----*/



#right .box ul {



 	margin-bottom: 10px;



	padding-left: 0;



	



}



	#right .box li {



		line-height: 1.5em;



		list-style: none;



		margin: 0;



		padding: 0;



	}



	#right .box li a {



		background: url(images/menu-heart.gif) no-repeat left;	



		padding-left: 25px;	



	}



	#right .box li a:hover {



			background: url(images/menu-heart-hover.gif) no-repeat left;	



	}



/*----Search Page----*/



.search-results h2 { /*Search Results Page*/



	margin: 20px 0 20px 0;



}



.search-results #search { /*Search Results Page*/



	margin: 20px;



	width: 200px;



}



/*----Other Styles----*/



.date {



	margin: -36px 0 0 10px;



	width: 20px;



	text-transform: uppercase;



	height: 45px;



	text-align: center;



}



.post {



	position: relative;



	clear: both;



}



.title-tab {



	background: url(images/title-tab.gif) no-repeat left;



	height: 45px;



	width: 20px;



	position: absolute;



	left: -15px;



	top: 0;



}



.entry, .postmetadata, .navigation {



	padding: 20px 0 20px 20px;



}



.postmetadata, .navigation {



	padding: 0 0 20px 20px;



}



.box {



	background: #f3f3f3;



	padding: 20px;



	margin-bottom: 20px;



}



.nothing h2 { /*404 Page*/



	padding: 0 20px;



}



.archives { /*Archives Page*/



	padding: 20px 0 20px 20px;



}



.links { /*Links Page*/



	padding: 20px 0 20px 20px;



}



.comments {



	background: url(images/comment.gif) no-repeat right center;	



	padding-right: 20px;



}



.tags {



	background: url(images/tag.gif) no-repeat right center;	



	padding-right: 25px;



}



.navigation {



	display: block;



	text-align: center;



	margin: 20px 0;



}



/*Floats*/



.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.alignleft {



	float: left;



}







.alignright {



	float: right;



}







img.alignright {



	margin: 0 0 20px 20px;



	display: inline;



	}







img.alignleft {



	margin: 0 20px 20px 0;



	display: inline;



	}



.clr {



	clear: both;



}