/*
---------------------------------------------------------------------------------

	Half Pint Ice Cream
	global screen styles

	created: july '08
	updated: ---
	
	design and code by:
	matthew brown / www.thingsthatarebrown.com

---------------------------------------------------------------------------------
*/


body { background: url('../img/bg.jpg') }
#wrapper { background: white; font-family: georgia; color: #444 } 

em { font-style: italic }

#address { font-family: "Times New Roman"; font-size: 20px; letter-spacing: -0.25px; font-style: italic; margin: 0 0 0 330px; padding: 30px 0 0 0; }
#address span { padding: 0 5px; }
#address a { color: #c14323; text-decoration: none; }
#address a:hover { color: #000; text-decoration: underline; }

a.blog-link { color: #c14323 }

#callout { background: url('../img/callout-bg.png') no-repeat top right; margin: 10px -18px 0 0; position: relative; }
#callout #logo { margin: -60px 0 0 -90px; position: relative; }
#callout h1 { width: 560px; position: absolute; right: 75px; top: 35px; }

#main-pitch { position: relative; height: 550px }
#main-pitch #awning, #main-pitch #farmers-market, #main-pitch #serving,	#main-pitch #blurb { position: absolute }

#main-pitch #awning { top:-70px; right: 0px; z-index:99; }
#main-pitch #farmers-market { top: -10px; left: 40px; }
#main-pitch #serving { top: 85px; right: 50px; border: 1px solid #999; }

#main-pitch #blurb { width: 284px; left: 50px; bottom: 0px; padding-top: 15px; border-top: 1px solid #ccc; }
#main-pitch #blurb p.lead { font-size: 18px; line-height: 24px; padding-right: 0.75em; }
#main-pitch #blurb p span { color: #c14323; }
#main-pitch #blurb a { text-decoration: none; }
#main-pitch #blurb a:hover { text-decoration: underline; }

#maps-press { padding: 0 4em }
#maps-press .yui-u div { padding: 1em 0; position: relative; }
#maps-press .yui-u div img { border: 1px solid #999; }
#maps-press .yui-u div .details { display: block; width: 80%; position: absolute; bottom: 40px; left: -10px; padding: 1em; background: #000; color: #efefef; opacity: 0.85;  }
#maps-press .yui-u div .details a { display: block; color: #c14323 ; }

#flickr-feed { text-align: center; }
#flickr-feed a img { border: 6px solid #ccc; margin: 1.25em 0.8em; }
#flickr-feed a:hover img  { border-color: #333 }

#blog { padding: 0 4em; margin: 2em 0; }
#blog .yui-u div { padding: 1em 0; position: relative; }
#blog h2 { font-size: 22px; color: #444; }
#blog h3 a { font-size: 18px; color: #c14323; }
#blog h3 a:hover { text-decoration: none; }
#archives { margin: 1em 0 0 0; }
#archives h3 { font-size: 18px; margin-bottom: 0.25em; }
#archives li{ padding: 0.5em 0; border-bottom: 1px solid #ccc; }

#blog-single { padding: 0 4em; margin: 0; }
#blog-single .yui-u div { padding: 1em 0; position: relative; }
#blog-single h2 { color: #333; font-size: 24px; margin: 0 0 0.5em 0; }
#sidebar { margin-right: 4em; }
#sidebar img { border: 1px solid #666; margin: 0 0 2.5em 0; }
#sidebar h2 { font-size: 22px; color: #444; margin-bottom: 0.75em; padding-bottom: 0.5em; border-bottom: 1px solid #ccc; }
#sidebar p { font-size: 12px; line-height: 16px; }


#comments-list { margin: 4em 0 0 0 }
h3#comments-header { padding-bottom: 0.5em; border-bottom: 3px solid #ccc }
.comment { margin: 1em 0; padding: 1em 0; border-bottom: 1px dotted #ccc; }
.comment-author-admin { background: #efefef; border: 1px dotted #ccc; padding: 1em; }
.comment-author { font-size: 18px; margin-bottom: 0.5em; }
.comment-meta { font-size: 12px; line-height: 15px }
input { margin: 0.25em 0 1.25em 0 }
label { font-size: 14px }
.form-submit input { margin: 1em 0 0 0 }

#current-flavors { position: relative; }
#current-flavors .innerwrap { background: #804d2b; padding: 5em 4em 2em 4em; margin: 4em 0 2em 0; color: #efefef }
#current-flavors h2 { font-size: 26px; background: #532e16; padding: 0.75em 0 0.5em 50px; position: absolute; width: 900px; top: -20px; }
#current-flavors h2 span { font-size: 12px; padding-left: 10px; color: #ab8064; font-style: italic; }
#current-flavors h3 { font-size: 22px; line-height: 26px; color: white; margin: 0 0 0.4em 0; }
#current-flavors h3, p { padding-right: 1.5em; }

#press h2 { color: #333; font-size: 18px; margin-bottom: 0.5em; }
#press a { color: #c14323 }
#press li { padding: 0.5em 1em 0.5em 0em; border-bottom: 1px solid #ccc; }

#ft { margin: 4em 4em 0 4em; padding: 1em 0 5em 0; border-top: 1px solid #ccc; position: relative; }
#ft p { font-size: 11px; color: #666; margin: 0; }
#ft img { margin-bottom: -14px; margin-left: 5px }
#ft #copyright { position: absolute; left: 0; }
#ft #design-credit { position: absolute; right: -20px }
#ft #design-credit img { position: relative }
#ft #design-credit a { color: #666; }
#ft #design-credit a:hover { text-decoration: none; }

h1 { font-size: 20px; line-height: 28px; color: white; font-family: georgia; }
h2 { font-size: 16px; line-height: 22px; color: white; font-family: georgia; }
p { margin: 0 0 1em 0 }
a { color: #c14323 }
strong { font-weight: bold; }
textarea { width: 90%;}

.line { margin: 1em 4em 0.5em 4em; border-bottom: 1px dotted #c14323 }