/*  
Theme Name: Amelia
Theme URI: http://www.spilledmilkdesigns.com/amelia/
Description: 
Author: Tim Holt for Spilled Milk Designs
Author URI: http://www.spilledmilkdesigns.com/
Version: 1.0
*/

* { margin: 0 0 -2px; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: georgia, serif; }
h1 { font-size: 18pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
p { font-size: 12pt; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { padding: 8px 0; }
#content p { padding: 8px 0; line-height: 1.3em; font-size: 10pt; line-height: 1.3em; }
#content ul, #content ol { padding: 5px 5px 5px 20px; font-size: 10pt; }

a { text-decoration: none; color: #910008; }
a:hover { text-decoration: underline; }

a img { border: none; }
.alignLeft { float: left; margin: 5px 10px 5px 0; }
.alignRight { float: right; margin: 5px 0 5px 10px; }
.alignCenter { margin: 5px auto; }
.clearfix { clear: both; }

span.gilder-levin { display: block; position: absolute; left: 0; top: 0; }
a span.gilder-levin:hover { cursor: pointer; }

body { position: relative; font-family: georgia, serif; font-size: 100%; text-align: center; background: #d5d5d5; color: #333; }
#wrapper { margin: 0 auto; width: 968px; text-align: left; }

#main { padding: 0 4px; width: 960px; background: url(images/main.png) left top repeat-y; }

#header { position: relative; width: 960px; height: 496px; background: url(images/nav.png) left top repeat-x; }
	
	#headerInner { height: 496px; background: url(images/header.jpg) left bottom no-repeat; }
	
		#header h1#siteTitle { position: relative; margin-left: 336px; padding: 0; width: 288px; height: 77px; line-height: 77px; }
		#header h1#siteTitle a { text-decoration: none; color: #000; }
		#header h1#siteTitle a:hover { text-decoration: underline; }
		#header h1#siteTitle a span.gilder-levin { width: 288px; height: 77px; background: url(images/logo.png); }
	
	ul#navbar1 { left: 22px; }
	ul#navbar2 { right: 22px; }
	ul.navbar { position: absolute; top: 34px; list-style: none; }
		ul.navbar li { float: left; padding: 0 22px; font-size: 9pt; }
		ul.navbar li a { text-decoration: none; color: #d5d5d5; }
		ul.navbar li a:hover { text-decoration: underline; }
	
#content { padding: 20px; width: 920px; background: #ebebeb; }
	#content .postUpper { margin: 10px auto; padding: 0 85px; width: 650px; text-align: center; /* background: url(images/postUpper.png) left top no-repeat; */ }
	#content h1.archiveTitle { padding: 0; line-height: 48px; font-size: 18pt; font-weight: normal; text-align: center; border-bottom: 1px solid #464646; }
	#content h1.postTitle { padding: 0; line-height: 48px; font-size: 18pt; font-weight: normal; }
	#content p.postMeta { padding: 3px 0; line-height: 1em; font-size: 9pt; }
	

#comments { margin: 10px 0; width: 920px; height: 195px; border: 1px solid #464646; background: #d5d5d5; }
	#comments #commentsMeta { float: left; padding: 8px 5px; width: 222px; height: 179px; overflow: hidden; border-right: 1px solid #464646; }
	#comments #commentsMeta p { margin: 0; padding: 5px 0; font-size: 9pt; text-align: center; }
	#comments #commentsMeta p.commentsNum { font-size: 10pt; }
	#comments #commentsMeta a { color: #333; }
	#comments .commentList { float: right; margin: 0 10px; padding: 25px 0; width: 663px; height: 145px; list-style: none; overflow: auto; }
	#comments .commentList li { padding-bottom: 25px; font-size: 9pt; border: none; }
	#respond { }
	
	#comments #commentsMeta ul.social { margin: 5px 0; padding: 0; list-style: none; }
	#comments #commentsMeta ul.social li { padding: 4px; text-align: center; font-size: 9pt; }
	#comments #commentsMeta ul.social li.socialFacebook a { /* padding-left: 18px; background: url(images/iconFacebook.png) left center no-repeat; */ }
	#comments #commentsMeta ul.social li.socialTwitter a { /* padding-left: 18px; background: url(images/iconTwitter.png) left center no-repeat; */}
	#comments #commentsMeta ul.social li a { display: inline-block; text-decoration: none; line-height: 16px; color: #910008; }
	#comments #commentsMeta ul.social li a:hover { /* text-decoration: underline; */}
	
	.black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; min-height: 1000px; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }	 
	.white_content { display: none; position: fixed; top: 25%; left: 25%; width: 50%; height: auto; z-index: 1002; overflow: auto; }
	.popupBottom { margin: 0 auto; padding-bottom: 15px; width: 484px; background: url(images/popupBottom.png) left bottom no-repeat; }
	.popupTop { width: 484px; padding-top: 15px; background: url(images/popupTop.png) left top no-repeat; }
	.popup { padding: 0 30px; width: 424px; background: url(images/popup.png) left top repeat-y; }
		h3#respond { font-size: 12pt; font-weight: normal; }
		.popup input { padding: 5px; width: 414px; height: 16px; line-height: 16px; background: #ebebeb; color: #424242; border: none; }
		.popup input#submit { float: right; width: auto; height: 26px; font-family: georgia, serif; font-size: 12pt; background: none; border: none; }
		.popup input#submit:hover { cursor: pointer; }
		.popup textarea { padding: 5px; background: #ebebeb; color: #424242; border: none; }

ul#newerOlder { margin: 10px 0; padding: 25px 0 0 0; width: 920px; font-size: 9pt; list-style: none; }
	ul#newerOlder li#newer { float: left; }
	ul#newerOlder li#newer a { display: inline-block; padding-left: 32px; background: url(images/newer.png) left center no-repeat;}
	ul#newerOlder li#older { float: right; }
	ul#newerOlder li#older a { display: inline-block; padding-right: 32px; background: url(images/older.png) right center no-repeat;}
	ul#newerOlder li a { color: #424242; }
	
#footer { padding: 20px; width: 920px; }
	
	#navArchives { position: relative; margin: 10px 0; padding: 5px 0 5px 100px; width: 815px; border-top: 1px solid #424242; border-bottom: 1px solid #424242; }
		#navArchives h4#archivesTitle { position: absolute; left: 0; top: 5px; padding: 5px 10px 5px 0; width: 90px; font-size: 9pt; font-weight: normal; text-align: right; background: url(images/separatorArchiveTitle.gif) right center no-repeat; }
		#navArchives h5.archiveTitle { clear: left; float: left; padding: 5px 5px 5px 0; width: 50px; font-size: 9pt; font-weight: normal; text-align: center; background: url(images/separatorArchiveTitle.gif) right center no-repeat; }
		#navArchives ul.archive { float: left; padding: 0; list-style: none; }
		#navArchives ul.archive li { float: left; padding: 5px 10px; font-size: 9pt; text-transform: uppercase; background: url(images/separatorArchive.gif) left center no-repeat; }
		#navArchives ul.archive li.first { background: none; }

	p#credit { padding: 12px 0; font-size: 9pt; text-align: center; }