/*
Theme Name: My Illegitimate Child
Theme URI: http://www.myillegitimatechild.com
Description: Some flowers, some green and pink
Version: 1.0
Author: Jon Aldinger
Author URI: http://www.jonaldinger.com

*/

/*---------------------------------/
	MY ILLEGITIMATE CHILD
	CSS: Screen Styles
---------------------------------*/
* { margin: 0; padding: 0; }
body { font: 62.5% Georgia, Times, "Times New Roman", Serif; color: #2a2a2a; background: #eff3d9 url(img/bg_body.jpg) 0 0 repeat; }


/*---------------------------------/
	STRUCTURE
---------------------------------*/
#header { margin-bottom: 65px; width: 100%; height: 224px; background: #eff3d9 url(img/bg_header.gif) 0 0 repeat-x; }
#container { margin: 0 auto; width: 808px; }
#primary { margin: 0 16px 3em 0; width: 567px; float: left; }
#secondary { margin: 2px 0 3em; width: 225px; float: left; }


/*---------------------------------/
	GENERAL SELECTORS
---------------------------------*/
#header h1 { margin: 0 auto; padding-top: 26px; width: 808px; }
h1#logo a { margin-left: 67px; width: 500px; height: 200px; display: block; text-indent: -4100px; border: none; background: transparent url(img/logo_my-illegitimate-child.gif) 0 0 no-repeat; }

p { margin-bottom: 1.2em; line-height: 1.667em; }
p.meta { font: 0.846em Arial, Verdana, Helvetica, Sans-serif; }

ul { list-style: none; }
li { margin-bottom: 1em; padding-left: 14px; background: transparent url(img/bullet_disc.gif) 0 3px no-repeat; }

a,
a:visited { overflow: hidden; color: #2a2a2a; text-decoration: none; border-bottom: 1px solid #999; }

h1 a,
h1 a:visited { color: #6a782c; border: none; }

a img { margin: 0 auto; padding: 5px; display: block; background-color: #fff; border: 1px solid #999; }
a:hover img { background-color: #dce0c9; }


/*---------------------------------/
	NAVIGATION
---------------------------------*/
ul.relative-nav { margin-left: 67px; float: left; display: inline; }
	ul.relative-nav li { margin-bottom: 0.4em; padding: 0; background: none; }
	ul.relative-nav li a,
	ul.relative-nav li a:visited { font: 1.1em Verdana, Arial, Helvetica, Sans-serif; color: #666; border: none; }
	ul.relative-nav li.prev { float: left; }
	ul.relative-nav li.next { float: right; }
	
ul#pages-nav { padding: 1em 0; border-top: 3px double #999; border-bottom: 3px double #999; }
/*---------------------------------/
	POSTS
---------------------------------*/
.post { clear: both; position: relative; }
/* h1 uses padding to avoid an IE6 positioning bug */
.post h1 { padding: 0.667em 14px 0.3em 81px; font-size: 2.4em; font-weight: normal; letter-spacing: 1px; color: #6a782c; background: transparent url(img/bg_post-title.gif) 67px 0 no-repeat; }
.post h2 { padding: 12px 0 0 3px; width: 54px; height: 54px; position: absolute; left: 0; top: 1px; font: normal 1.1em Arial, Verdana, Helvetica, Sans-serif; letter-spacing: 2px; text-transform: uppercase; text-align: center; color: #4a4a4a; background: transparent url(img/bg_date.gif) 0 0 no-repeat; }
	.post h2 span { display: block; width: 54px; font-size: 1.818em; }
.content { margin-left: 67px; margin-bottom: 4em; padding: 1.231em 14px 0; font-size: 1.3em; background: transparent url(img/bg_post-content.gif) 0 0 no-repeat; }

.section { margin-bottom: 4em; padding: 2px 0 0 24px; font-size: 1.1em; background: transparent url(img/bg_section.gif) 0 0 no-repeat; }
.section h2 { margin-bottom: 12px; font-size: 1px; text-indent: -4100px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
	h2#where-am-i { width: 103px; height: 15px; background-image: url(img/hdr_where-am-i.gif); }
	h2#recent-posts { width: 105px; height: 16px; background-image: url(img/hdr_recent-posts.gif); }
	h2#recent-comments { width: 147px; height: 13px; background-image: url(img/hdr_recent-comments.gif); }
	h2#archives { width: 69px; height: 14px; background-image: url(img/hdr_archives.gif); }
	h2#categories { width: 88px; height: 17px; background-image: url(img/hdr_categories.gif); }
	h2#search { width: 56px; height: 14px; background-image: url(img/hdr_search.gif); }

#comments { margin-left: 67px; margin-bottom: 4em;  }
	#comments h3 { margin-bottom: 1em; padding: 0.6em 14px 0; font-size: 2.4em; font-weight: normal; letter-spacing: 1px; color: #734f20; background: transparent url(img/bg_post-content.gif) 0 0 no-repeat;}
	#comments form { padding: 0 14px; font-size: 1.3em; }
		#comments form dl { margin-bottom: 2em; }
		#comments form dt { margin-bottom: 0.3em; padding-left: 6px; font-size: 1.1em; font-weight: normal; color: #4a4a4a; }
		#comments form dd { margin-bottom: 1.4em; }
		#comments form dd input { padding: 0.3em; /*font-family: Arial, Verdana, Helvetica, Sans-serif;*/ width: 350px; color: #4a4a4a; border: 3px double #ccc; }
		#comments form dd textarea { padding: 0.3em; font-size: 1em; font-family: Arial, Verdana, Helvetica, Sans-serif; width: 450px; height: 200px; color: #4a4a4a; border: 3px double #ccc; }
		#comments form p.submit input { margin-left: 5px; }

ul.commentlist { }
	ul.commentlist li { margin-bottom: 1em; padding: 1em 14px 0; font: normal 1.2em Arial, Verdana, Helvetica, Sans-serif; color: #4a4a4a; border-top: 1px dotted #ccc; background: none; }
	#comments ul.commentlist h4 { margin-bottom: 1em; font-size: 1.1em; font-weight: normal; /*color: #734f20;*/ color: #926429; }


/*---------------------------------/
	ARCHIVES
---------------------------------*/
h2.page-title { margin: -30px 0 14px 67px; font-size: 1.4em; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #e42685; }
h2.page-title span { text-transform: lowercase; font-style: italic; }


/*---------------------------------/
	SEARCH
---------------------------------*/
#searchform input { margin-right: 5px; padding: 0.2em 6px; width: 140px; vertical-align: middle; background-color: #f9faf3; border: 1px solid #999; } 
#searchform input.submit { margin: 0; padding: 0; width: auto; background: none; border: none; }

/*---------------------------------/
	ERROR
---------------------------------*/
#error { margin-bottom: 6em; padding: 1em 20px 3em; text-align: center; border: 1px dashed #999; }
#error h2 { padding-bottom: 0.2em; margin-bottom: 0.8em; font-size: 3.6em; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; color: #e42685; border-bottom: 1px solid #999; }
#error h2 span { text-transform: lowercase; font-style: italic; }
#error p { font-size: 1.6em; }

/*---------------------------------/
	FOOTER
---------------------------------*/
#footer { margin: 0 auto; padding: 3em 0 5em 81px; width: 727px; clear: both; background: transparent url(img/bg_footer.gif) 0 0 no-repeat; }
#footer p { font: 1em Arial, Verdana, Helvetica, Sans-serif; color: #666; }