/*
Theme Name: JAF Grunge
Theme URI: http://JulieFerwerda.com
Description: Julie's default grunge theme.
Author: Stephen Ferwerda
Version: 1.0
Tags: grunge, scroll
*/

/* basic reset */
html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { 	margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%;  font-weight: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; 	font-style: inherit; 	font-weight: inherit; }
a {outline: none; }
/* links */
a							{ color: #882C00; }
a:hover							{ text-decoration: none; }
/* structure */
html							{ background: #201611 url(images/bg-flagstone.jpg) 0 0 repeat-x; }
body							{ font-size: 14px; font-family: "Vollkorn", georgia, serif; color: #333; background: transparent url(images/bg-wrapper.png) center top no-repeat; }
#wrapper						{ margin: 0 auto; width: 986px; padding-bottom: 0px; }
#wrapper_inner						{ margin: 0 auto; }

#header							{ position: relative; width: 986px; height: 235px; }
#header h1						{text-indent: -9999px; }
.nav							{ position: absolute; top: 185px; width: 986px; margin-left: 80px; z-index: 10; }
.nav ul							{ }
.nav ul li						{float: left; padding: 4px 8px; position: relative; }
    .nav ul li a					{ display:block; z-index: 10; font: 16px "Vollkorn", georgia, serif; text-transform: uppercase; text-decoration: none; color: #FCEDD8; margin: 0 10px; text-shadow: 0 1px 0 #000; line-height: 1.7; }
    .nav ul li.last					{ background: none; }
    .nav ul li a:hover					{ color: #fff; }
    .nav ul li.current_page_item a			{ color: #CD6E40; }
    .nav ul li.current_page_item a:hover		{ color: #FFF; }
    
/* =Menu
-------------------------------------------------------------- */
.nav ul ul 						{ display:none; position:absolute; top:28px; left:0px; float:left; -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); box-shadow: 0px 3px 3px rgba(0,0,0,0.2); z-index: 99999; }
.nav ul ul ul 						{ left:100%; top:0; }
.nav ul ul a 						{ height:auto; font-size: 14px; line-height:1.2em; padding:4px 0px; width: 200px; }
.nav li:hover > a,
.nav ul ul :hover > a 					{ color:#fff; background:#9B4A09; }
.nav ul li:hover > a					{ background: none; }
.nav ul li:hover > ul 					{ display:block; background:#1a1a1a; opacity: 0.95; padding: 10px 0; z-index: 9999; }
.nav ul li ul li					{ padding: 0; }
.nav ul li ul li:hover					{ background: #6A2200; }

/* sub-nav */
#content #sub-nav					{ margin-bottom: 0; }
#content #sub-nav li					{ list-style: none; padding-left: 18px; background: url(images/bg-tri-nav-buttlet.png) no-repeat 0 50%; margin-bottom: 5px; }
#sub-nav li a						{ font-size: 16px; text-decoration: none; padding: 4px;}
#sub-nav li a:hover					{ color: #fff; background-color: #222; }
#sub-nav .current_page_item				{ }
#sub-nav .current_page_item a				{ color: #fff; background-color: #222; }

#paperclip						{ position:absolute; top:135px; left:-40px; }
#home-overlay						{ position:absolute; top:0; left: 85px; }
#content						{ overflow: auto; width: 946px; padding: 10px 20px 40px 20px; background: #F8F2DC; min-height: 500px; }
#content.home						{ background: #F8F2DC url(images/bg-content.jpg) 0px -5px no-repeat; padding-top: 0px; }
#content #col1						{ width: 620px; float: left; padding: 0 0 0 10px; overflow: hidden; }
#content #col2						{ width: 300px; float: right; overflow: hidden; }

p							{ padding-bottom: 20px; line-height: 1.4; font-size: 110%; }
span.highlight						{ background: #F4E759; }
.img-left						{ float: left; margin: 5px 15px 10px 0; }
.img-right						{ float: right; margin: 5px 0 10px 15px; }
.imgLeftBorder						{ float: left; margin: 5px 15px 10px 0; }
.imgRightBorder						{ float: right; margin: 5px 0 10px 15px; }
.left							{ display: block; float: left; }
.right							{ display: block; float: right; }
#content ul						{ margin: 5px 0 20px 20px; }
#content li						{ list-style: square; line-height: 1.4; font-size: 110%; }

#footer							{ clear: both; margin: 0 auto; width: 986px; background: transparent url(images/bg-footer.jpg) center top no-repeat; text-align: center; color: #fff; padding-top: 40px; }
#footer p						{  font: 12px "trebuchet ms", helvetica, sans-serif; padding-bottom: 10px; }
#footer a						{ color: #fff; }
#col1 .divider						{ font: 24px georgia, serif; color: #333; background: transparent url(images/bg-h2-underline.png) left bottom no-repeat; line-height: 24px; padding-bottom: 5px; margin-bottom: 20px; }
#col1 h2						{ font: 30px "Vollkorn","Trebuchet MS", serif;  color: #882C00; letter-spacing:1px; background: transparent url(images/bg-h2-underline.png) left bottom no-repeat; margin-bottom: 10px; }
.home #col1 h2						{ font-size: 30px; }
#col1 h3						{ color: #9B4A09; font-size: 20px;  font-weight: normal; }
#col1 h4						{ color: #882C00; font-size: 18px;  font-weight: normal; }
#col1 h5						{ color: #9B4A09; font-size: 16px; font-weight: normal; }
div.separator						{ clear:both; height: 7px; background: transparent url(images/bg-h2-underline.png) left bottom no-repeat; margin-bottom: 10px; }
.clearer						{ clear: both; height: 10px; margin-top: 10px; }
#col1 blockquote 					{ margin: 0px 20px 10px 20px; padding: 10px 15px 5px 15px; font-style: italic; font-size: 12px; background: #F3EBCE; }

#col1 blockquote.quote-small 				{ clear: both; background: url(images/bg-quote-small.png) no-repeat top left; }
#col1 blockquote.quote-large 				{ clear: both; padding-top: 20px; padding-left: 20px; background: url(images/bg-quote-large.png) no-repeat 0 5px; font-style: italic; border-top: 1px solid #D3CDB7; border-bottom: 1px solid #D3CDB7; border-left: none; font: 16px georgia, serif; font-style: italic; margin-bottom: 20px; color: #6A6240; overflow: hidden; }
#col1 blockquote.quote-large p 				{ margin-bottom: 10px; }
blockquote strong					{ color: #882C00; font-weight: normal; }
.blog-post, .type-post					{ position: relative; float: left; margin-bottom: 20px; padding-bottom: 20px; background: transparent url(images/bg-h2-underline.png) left bottom no-repeat; }
.home .blog-post					{ float: left; margin-bottom: 30px; padding-bottom: 0; }
.blog-post-date						{ width: 150px; height: 80px; background: transparent url(images/bg-date-tag.png) no-repeat 0 0; clear: both; }
.blog-post-date div					{ float:left; width: 100px; margin: 10px 0 0 39px; }
.blog-post-date span					{ float: left; width: 60px; color: #34150B; text-transform:uppercase; font: bold 16px georgia, serif; display:block; text-shadow: 0 1px 1px #F0C794; line-height: 18px; text-align:center; padding-top: 4px; }
.blog-post-date span label				{ clear: both; font-size: 20px; letter-spacing: 2px; }
.blog-post-date div strong				{ float: left; width: 30px; margin: 5px 0 0 2px; color:#FFF; font-size: 26px; text-shadow: 0 1px 0 #573B0A; text-align:center; display:block; }
.blog-post-date div strong a				{ color: #FFF; text-decoration: none; font-family: Vollkorn,georgia, serif; }
.blog-post-intro, .entry-content			{ clear: both; }
.blog-post-intro 					{ border: 1px solid #8A621C; padding: 10px; background: #DBB564; margin-bottom: 20px; }
.blog-post-intro p					{ font: 14px "trebuchet ms", arial, sans-serif; padding-bottom: 0; }
.entry-content>p:first-of-type:first-letter,
.teaser>p:first-of-type:first-letter			{ font-size: 40px; padding: 5px 10px 0px 0px; float: left; line-height: 1; }
.entry-content, .entry-summary				{ width: 620px; float: left; margin-top: 0; clear: both; }
.home .entry-content, .home .entry-summary		{ width: 430px; }
.blog-post img, .img-shadow-right, .img-shadow-left	{ border: 10px solid #FBF7EB !important; -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.3); }

.type-post						{ padding-top: 10px; }
.type-post .blog-post-date				{ margin-top: 40px; }
.type-post .teaser-col1 .blog-post-date			{ margin-top: 0; }

.img-shadow-left					{ float: left; margin: 5px 15px 10px 0; }
.img-shadow-right					{ float: right; margin: 5px 0 10px 15px; }
a.post-thumb						{ display: block; }
a.post-thumb img					{ border: none !important;}
.teaser-col1						{ float: left; clear: both; }
.teaser-col2						{ float: left; width: 400px; margin-left: 20px; }

#nav-below						{ clear: both; font-family: georgia, serif; }

#col1 .blog-post h2					{ float: left; background: none; line-height: 1;margin-bottom: 10px; }
.blog-post h2 a						{ text-decoration: none; color: #882C00; font-size: 26px; }
.entry-content p					{ text-align:left; }
.more-link						{ text-align: right; font-size: 18px; color: #57240B; text-decoration: none;}
.more-link:hover					{ color: #824A37; }
.img-caption						{ display:block; text-align: right; font: 11px arial, sans-serif;margin-top: 2px; }
.description-caption					{ font-size: 13px; text-align: left; margin-top: 5px; font-weight: bold; }

.julie_polaroid						{ width: 300px; height: 330px; padding: 33px 0 0 20px; margin-top: 20px; margin-bottom: 15px; }
.julie_polaroid img					{ margin-bottom: 20px; }
.julie_polaroid a					{ text-decoration: none; }
#col2 .julie_polaroid p					{ padding-right: 25px; font: normal 22px "Vollkorn","trebuchet ms"; color: #57240B; letter-spacing:1px; padding-bottom: 5px; }
#col2 h2						{ clear: both; font: 21px "Vollkorn", georgia, serif; color: #341100; text-shadow: 0 1px 1px #F0C794; }

#col2 .content-block					{ clear: both; margin-bottom: 10px; overflow: auto; padding: 0 2px; }
#col2 h2.narrow						{ clear: both; padding: 15px 0 0 30px; height: 40px; margin-bottom: 10px; text-align:left; letter-spacing:1px; }
#col2 h2.left						{ background: transparent url(images/bg-sidebar-h2.jpg) -4px 0 no-repeat; float: none; padding-left: 25px !important; }
#col2 h2.right						{ background: transparent url(images/bg2-sidebar-h2.jpg) 0 0 no-repeat; float: none; }
#col2 p, #col2 h3, #col2 h4, #col2 h5			{ font-family: "trebuchet ms", helvetica, sans-serif; }
#col2 h3						{ color: #9B4A09; font-size: 18px;  font-weight: normal; }
#col2 h4						{ color: #882C00; font-size: 17px;  font-weight: normal; }
#col2 h5						{ color: #9B4A09; font-size: 16px; font-weight: bold; margin-bottom: 5px; }
#col2 p							{ font-size: 14px; }

#col2 ul						{ margin-bottom: 5px; }
#col2 ul li						{ list-style: none; padding-left: 18px; background: url(images/bg-sidebar-bullet.png) no-repeat 0 3px; font-size: 13px; font-family: "Trebuchet MS", sans-serif; margin-bottom: 5px; }
/* homepage features */
#features           					{ position: relative; width: 550px; height: 321px; margin: 41px 0 110px 16px; background: #000; }
#features img						{ border: none; }
#features .features-wrapper         			{ position: absolute; width: 550px; overflow: auto; height: 321px; top: 0; left: 0; overflow:hidden; }
#features .features-wrapper ul      			{ width: 99999px; list-style: none; background: #C6C6C6; margin: 0; }
#features ul li                   			{ display: block;float:left; padding: 0; margin: 0;  background: #444; padding: 0; }
.arrow							{ position: absolute; top: 365px; z-index: 10; text-indent: -9999px; width: 17px; height: 26px; cursor: pointer; }
	.arrow.forward					{ right: 70px; background: transparent url(images/bg-features-arrow.png) -18px 0 no-repeat; }
	.arrow.back					{ left: 50px; background: transparent url(images/bg-features-arrow.png) 0 0 no-repeat; }
	.arrow.forward:hover				{ background-position: -18px -26px; }
	.arrow.back:hover				{ background-position: 0 -26px; }
#thumbNav						{ position:absolute; top: 352px; left: 70px; padding: 15px 10px 15px 10px; width: 600px; background: transparent; }
	#thumbNav a					{ color: #333; text-align: center; text-decoration: none; font: bold 13px "Trebuchet MS",helvetica, sans-serif; display: inline-block; float: left; width: 30px; padding: 3px 0 3px 0; margin: 0 8px; background: #DEC35C; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#thumbNav a.cur, #thumbNav a:hover		{ background: #B67C18; color:#FFF; }
#start-stop						{ display: none; position: absolute; top: 300px; right: 10px; background: transparent url(images/bg-feature-controls.png) no-repeat 0 -31px; padding-left: 18px; outline: none; color: #FFF; text-decoration: none; }
#start-stop:hover					{ background-position: 0 -47px; color: #DEC35C; }
#start-stop.playing                     		{ background-position: 0 2px; color: #FFF; }
#start-stop.playing:hover				{ background-position: 0 -14px; color: #DEC35C; }

#features li.cur a 					{ cursor: pointer; text-decoration: none; }
.features-content-wrapper				{ position: relative; height: 321px; width: 550px; }
#features .text-overlay 				{ position: absolute; top: -80px; left: 0px; width: 530px; height: 60px; padding: 5px 10px; background: #000; display: block; }
#features h3						{ position: absolute; top: -120px; left: 0px; width: 530px; height: 60px; margin: 0 0 0 20px; text-align: left; font: normal 20px/1.3 "trebuchet ms", serif; color: #FFF; text-decoration: inherit;
text-transform: uppercase; letter-spacing: 2px; }
#features .text-overlay h3 span 			{ color: #FFF; font-size: 16px; font-style: italic; }
#features li.cur {}

#social_icons 						{ width: 300px; height: 32px; margin-bottom: 10px; margin-top: 0px;  text-align: center; }
	#social_icons a					{ display: inline-block; margin: 0 8px; width: 32px; height: 32px; background: transparent url(images/bg-social-icons2.png) no-repeat 0 0; }
	#social_icons a:hover				{ opacity: 0.7; }
	#social_icons #subscribe_rss			{ background-position: -33px 0; }
	#social_icons #follow_twitter			{ background-position: -66px 0; }
	#social_icons #follow_facebook			{ background-position: -100px 0; }
	#social_icons #follow_linkedin			{ background-position: -134px 0; }

	
.alert { color: red; }
.highlight { background: yellow; }
p.verse 						{ clear: both; background: url(images/bg-quote-small.png) no-repeat top left; font-style: italic; color: maroon; padding: 10px 0 0 10px; margin: 10px 20px; font-size: 14px; }
.verse-inline						{ font-style: italic; color: maroon; font-size: 16px; }
a[href="http://"]					{ background:url("images/bg-external-link-icon-12px.gif") no-repeat scroll right bottom transparent; padding-right:16px; }
a[href^="http://localhost:8888/"]			{ background: none; padding-right: 0; }
.standardListing dt 					{ margin-top: 18px; font-weight: bold; color: #9B4A09; font-size: 120%; }
.standardListing dd 					{ margin-bottom: 5px; line-height: 1.5em; font-size: 110%; }
.standardListing dd.heading 				{ font-weight: bold; margin-top: 20px; margin-bottom: -5px; }
.standardListing dd p strong em 			{ color: #333; }

#content .blog-archives						{ margin-bottom: 20px; background: transparent url(images/bg-h2-underline.png) left bottom no-repeat; }
#content .blog-archives h3					{ margin-bottom: 10px; }
#content .blog-archives h3 a					{ text-decoration: none; }
#content .blog-archives ul					{ margin-bottom: 20px; }
#content .blog-archives li					{ list-style: none; padding-left: 18px; background: url(images/bg-sidebar-bullet.png) no-repeat 0 3px; font-size: 13px; font-family: "Trebuchet MS", sans-serif; margin-bottom: 5px; }

#greet_block							{ padding-bottom: 10px; }
.greet_text							{ font: 11px "trebuchet ms", arial, sans-serif; }
.fancy-quotes							{ background: pink; }
#col2 .widget_search						{ background: none; }
.widget_search label						{ display: none; }
#s								{ width: 190px; height: 24px; }
.alignleft						{ float: left; margin: 0 30px 0 0; }
.alignright						{ float: right; margin: 0 0 0 30px; }
.size-full                      { margin-bottom: 10px; }
p.wp-caption-text					{ font: 800 13px arial, sans-serif; margin-top: 5px; }

#idc-container div.idc-c-t-inner			{ font-size: 16px !important; }

.related_post_title					{ clear: both; padding-top: 20px; }
.facebook-like span iframe				{ height: 40px; }