/*
	Theme Name: A House Full of Moxie
	Theme URI: http://www.ahousefullofmoxie.com
	Description: 
	Version: 1.0
	Author: Lisa Bacon
	Author URI: http://www.themoxiepear.com
	HTML & CSS: Simon Foust, http://www.simonfoust.com
*/

/* LAST UPDATED 03.09.2010 */

/*

	Table of Contents

	I.    DEFAULTS
	II.   STRUCTURE & TYPOGRAPHY
	III.  TABLES
	IV.   FORMS
	V.    HEADINGS
	VI.   COMMENTS

*/

/* -----------------------------------------------------------
		I. DEFAULTS
----------------------------------------------------------- */

body {
	margin: 0;
	padding: 27px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6e7175;
	line-height: 1.5em;
	background: url('http://moxiepear.com/images/moxie-blog/blog-back.gif');
}

p, ul, ol, h1, h2, h3, h4 {
	margin: 0;
	padding: 0 0 16px;
}

a {
	color: #64d1ce;
	text-decoration: none;
}

a:hover { color: #6e7175; }

em {
	font-style: italic;
	font-weight: normal;
	color: #6e7175;
}

a.image-link, a.image-link:hover, a img { border: 0; }

.alignleft {
	float: left;
	margin: 4px 16px 2px 0;
}

.alignright {
	float: right;
	margin: 4px 0 2px 16px;
}

a:focus { outline: none; }

ul, ol { margin: 0 0 0 28px; }

hr {
	clear: both;
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

/* -----------------------------------------------------------
		II. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	position: relative;
	margin: 0 auto;
	width: 925px;
	padding: 190px 0 0;
	border: 0px #64d1ce solid;
	background: #fff;
}

	#featured {
		position: relative;
		margin-bottom: 16px;
		padding: 13px 20px 0 212px;
		min-height: 268px;
		background-color: #97d8da;
	}

		#featured p { padding-bottom: 7px; }

		.date {
			font-family: QuickType, Arial, Helvetica, sans-serif;
                        text-transform: uppercase;
			font-size: 17px;
                        color: #64d1ce;
		}

		.readLink { text-align: right; }

		.readLink a {
			font-family: "Cocktail Script", "Monotype Corsiva", Georgia, Serif;
			font-size: 22px;
			color: #fd8b91;
			border: 0;
			text-transform: lowercase;
		}

		a.commentLink {
			position: absolute;
			top: 30px;
			right: 20px;
			display: block;
			padding: 12px 0 0 0;
			width: 47px;
			height: 54px;
			text-align: center;
			font-family: Arial, Helvetica;
			font-weight: normal;
			font-size: 19px;
			color: #fff;
			border: 0;
			cursor: pointer;
			background: url('http://moxiepear.com/Images/moxie-blog/bg-commentBubble.gif') no-repeat;
		}

		a.commentLink:hover { border: 0; }

		#moxieLady {
			position: absolute;
			bottom: 0;
			left: 12px;
		}

	#content {
		width: 100%;
		overflow: hidden;
	}

		#mainContent, #latest, #partners {
			float: left;
			margin-left: 16px;
		}

		#mainContent {
			width: 575px;
			margin: 40px 0px 20px 20px;
		}

			.post {
				position: relative;
				margin-bottom: 20px;
				padding: 15px 20px 5px;
                                background:url('http://moxiepear.com/Images/moxie-blog/blog-divider.png');
                                background-repeat:no-repeat;
                                background-position:bottom center;
                                
			}

				#single .post { margin-bottom: 0; }

			.post a.commentLink {
				top: 10px;
				right: 20px;
                                bottom: 50px;
			}

			.meta {
				float: left;
				color: #ffd64e;
			}

			.ast {
				float: left;
				padding: 25px 10px 0 20px;
				height: 16px;
				background: url('http://moxiepear.com/Images/moxie-blog/asterisk.gif') 0 26px no-repeat;
			}

		#latest { width: 281px; }

			#latest .post {
				margin-bottom: 16px;
				padding: 4px 7px 0;
				font-size: 12px;
				background-color: #97d8da;
			}

				#latest .post p { padding-bottom: 4px; }

			#latest a.commentLink {
				top: 10px;
				right: 7px;
				font-size: 15px;
				padding: 5px 0 0 0;
				width: 35px;
				height: 24px;
				background: url('images/bg-commentBubbleSmall.gif') no-repeat;
			}

		#partners {
			padding: 10px 0 0 13px;
			width: 276px;
			color: #6fb6b9;
			background-color: #fff;
		}

			#partners img {
				float: left;
				margin: 0 13px 13px 0;
			}

		#sidebar {
			float: right;
			margin: 40px 40px 20px 0;
			padding-bottom: 16px;
			width: 245px;
			background-color: none;
		}

			#sidebar a {
				color: #64d1ce;
				border-bottom: 0;
			}

			#sidebar a:hover { color: #6e7175; }

			#sidebar ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#sidebar li.widget { clear: both;
                               
}

				#sidebar li { padding: 5px 12px 0;}

				#sidebar li#text-3, #sidebar li#text-6 { padding: 0; }
				#sidebar li#text-3 h2, #sidebar li#text-6 h2 { background: none; color: #fca900; padding: 6px 12px 0; margin: 0 0 0px; }
				#sidebar li#text-3 .textwidget, #sidebar li#text-6 .textwidget { padding: 0 12px; }
				#sidebar li#text-3 img { margin-right: 10px; }

				#sidebar li#text-5 { padding: 10px 0; }
				#sidebar li#text-5 h2 {
					text-indent: -4440px;
					font-family: Arial, Helvetica, Sans-serif;
					font-size: 10px;
					margin: 0;
					padding: 0;
				}

				#sidebar li#linkcat-2, #sidebar li#categories-3 { padding: 0; }
				#sidebar li#linkcat-2 h2, #sidebar li#categories-3 h2 { background: none; color: #fca900; padding: 6px 12px 0; margin: 14px 0 8px; }
				#sidebar li#linkcat-2 a { font-size: 11px; color: #64d1ce; }
				#sidebar li#linkcat-2 a:hover { color: #fca900; }
				#sidebar li#linkcat-2 ul { list-style: none; margin: 0px 0 0px; padding: 0; }
				#sidebar li#linkcat-2 ul li { float: left; width: 45%; margin: 0 0 4px 12px; padding: 0; }

				#sidebar li#text-6 { padding-top: 3px; }

				#sidebar li#categories-3 ul { margin: 0 0 0px 12px; }


			#sidebar li li { padding: 0; }

	#homeLink {
		position: absolute;
		top: 34px;
                left: 15px;
		display: block;
		width: 895px;
		height: 179px;
		border: 0;
	}

/* -----------------------------------------------------------
		III. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 7px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0 7px 7px 0;
}

/* -----------------------------------------------------------
		IV. FORMS
----------------------------------------------------------- */

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
        color: #6e7175;
	font-size: 16px;
	text-transform: none;
}

.subscribe input, .subscribe img { vertical-align: middle; }

.subscribe .textBox {
	background-color: #e6e8ea;
	border: 0;
	padding: 5px;
	width: 130px;
}

.subscribe .textBox:focus { background-color: #e6e8ea; }

/* -----------------------------------------------------------
		V. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4 {
	font-weight: normal;
	line-height: 1.1em;
}

h1 a, h2 a, h3 a, h4 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: none;
	border-bottom: none;
}

h1 { font-size: 30px; }

	h1 {
		font-family: QuickType, Helvetica, Arial, sans-serif;
		color: #fca900;
		padding-bottom: 0;
	}

	h1 a { color: #fca900; }

	#archive h1, #archive h1 a {
		color: #64d1ce;
		margin-bottom: 20px;
		padding: 15px 20px 5px;
		background-color: none;
	}

h2 { font-size: 20px; }

	.post h2 {
		font-family: QuickType, Arial, Helvetica, sans-serif;
                font-size: 24px;
		color: #64d1ce;
		padding: 0 30px 10px 0; 
                width: 445px;
                text-transform: uppercase;
	}

	.post h2 a { color: #fca900; }

	#latest .post h2 { font-size: 22px; }

	#partners h2, #sidebar h2 {
		font-family: QuickType, Arial, Helvetica, sans-serif;
                text-transform: uppercase;
		font-size: 20px;
		padding: 0 0 5px;
	}

	#sidebar h2 { color: #fca900; }

h3 { font-size: 22px; }

h4 { 
     font-size: 16px; 
     color: #64d1ce;}

/* -----------------------------------------------------------
		VI. COMMENTS
----------------------------------------------------------- */

#comments {
	clear: both;
	padding: 20px;
	background: none;
}

#comments a { color: #64d1ce; }

#comments a:hover { text-decoration: underline; }

#comments ul, #comments ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#comments li {
	margin: 0 0 10px;
	padding: 0;
}

#comments ol.commentlist ul { padding-left: 75px; }

#comments ul.children {
	padding-top: 15px;
	background: none 0 0 no-repeat;
}

.comment-body {
	position: relative;
	background-color: #f4f4f5;
	margin: 0;
	padding: 10px 10px 0px 76px;
	min-height: 61px;
}

#comments .alt, #comments .alt .comment-body { background-color: #e6e8ea; }

#comments div.reply {
	position: absolute;
	top: 10px;
	right: 10px;
	border: 0;
}

#comments img.avatar {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 57px;
	height: 61px;
	background: url('http://moxiepear.com/Images/moxie-blog/comment-avatar.png') top left no-repeat;
}

#comments div.comment-meta { display: none; }

#comments cite { font-style: normal; }

#comments .cancel-comment-reply a { margin-bottom: 24px; }

#commentform textarea {
        background: #f4f4f5;
	width: 510px;
	height: 175px;
	padding: 5px;
	border: 0px;
        border-style:solid;
        border-color: #a8a5a3;
}

#comments #respond {
	clear: both;
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
}