/*
	COLORS
	-------------------------------------------------
	cream: 					#fdfde7
	orange: 				#B5352A
	blue:					#00ddff
	
	dirty orange:			#b9b92e
	lt green:				#4ce469


	SIZE
	-------------------------------------------------
	post: h1: 30px
	right gutter: h2: 18px

*/
body{background: transparent url(/assets/images/hula-tile.jpg) center top repeat; border-top: 10px solid #B5352A; font-family: "News Gothic MT","Myriad Pro", Tahoma, sans-serif; font-size: 100%; padding: 0; }
body.photog{background: #000; border-top: 10px solid #21895e; font-family: "News Gothic MT","Myriad Pro", Tahoma, sans-serif; font-size: 100%; padding: 0; }

#tophat{height: 24px; margin: 0; padding: 10px 0 10px 0; width: 100% !important; }
#logo{cursor: pointer; height: 170px; margin: 20px auto; overflow: hidden; width: 166px; }
#logo a{background: transparent url(../images/flower-logo.gif) 0 0 no-repeat; display: block; height: 170px; text-indent: -9000px; width: 166px; }
#breadcrumb{background: none; clear: both; color: #21895e; font-size: .8em; height: 24px; margin: 0 0 1em 0; padding: 3px 0 0 1em; }
a{color: #B5352A; text-decoration: none; }
a:hover{text-decoration: none; color: #B5352A;}
pre{font-family: Verdana, Geneva, sans-serif; font-size: .7em; }
.f{font-size: 14px; letter-spacing: 1px; }
h1{color: #B5352A;font-size: 30px; font-weight: 100; letter-spacing: 1px; text-transform: uppercase; }
h1 a{color: #B5352A;}
h2{font-family: Rockwell,Georgia, serif; font-size: 24px; }
h3{font-family: Rockwell,Georgia, serif; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
/* h4{font-family: "Hoefler Text",Georgia, serif; font-size: 14px; font-style: italic; letter-spacing: 1px; } */
p,blockquote,li,dt,dd,label{font-size: 0.8em; }
em{font-family: "Hoefler Text",Georgia, serif; font-style: italic; letter-spacing: 1px; }
h4,blockquote,blockquote p,pre{color: #00ddff; font-weight: 100; }
blockquote{background: #000025 url(../images/blockquote.gif) 0 2em no-repeat; border-bottom: 1px solid #000; border-top: 1px solid #000; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.08em; padding: 2em 2em 2em 5em; }
blockquote p{font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em; }
h2,h3,p,li,label{color: #A9AFBF; font-weight: 100; }
.featureShmeature{background: #000025; clear: both; min-height: 100px; padding: 20px 0; }
.featureShmeature .inner{padding-top: 40px; }
.look-here{background: #A9AFBF; color: #B5352A;font-size: 150%; padding: 20px 10px; }
span.enormigous{color: #00ddff; font-family: "Hoefler Text",Georgia, serif; font-size: 124px; font-weight: 100; margin-bottom: -2em; margin-top: -2em; }
.allmannerof{background: transparent url(../images/modximus.gif) 0 0 no-repeat; height: 85px; margin: 40px 0 40px 0; text-indent: -9999px; }
.allworkandnoplay{background: transparent url(../images/banner-all-work-and-no-play.gif) 0 -210px no-repeat; cursor: pointer; height: 210px; margin: 40px 0 20px 10px; text-indent: -9999px; }
.allworkandnoplay:hover{background-position: 0 0; }
.post{background: #000025; margin: 0; padding: 0; }
.post .wrapper{background: #000025;; padding: 15px 0 0 0; }
.post .inner{background: #000025; padding: 0 20px; }
.post h1{margin-bottom: -20px; }
div.post h1 a{color: #B5352A;text-decoration: none; }
.post h2.leadin{line-height: 1em; }
.post small,.post .who{clear: both; color: #B5352A;display: block; font-size: 0.6em; letter-spacing: 0.2em; margin-bottom: 2em; text-transform: uppercase; }
.post .who{float: right; margin: 1em 0 1em 0; }
.post small a{color: #4ce469; }
.post img{clear: both; display: block; margin: 0 auto; width: 460px;}

.work-nav{background:#000025; margin: 0 0 2em 0; padding: 0; position: relative; }
.work-nav .wrapper{background: #000025; padding: 14px 0; }
.work-nav .inner{background: #000025; padding: 20px 10px; }
.work-nav h2,.left-gutter h2, .featureShmeature h2{color: #B5352A;font-family: "News Gothic MT","Trebuchet MS", Tahoma, sans-serif; font-size: 18px; font-weight: 100; letter-spacing: 1px; text-transform: uppercase; }
.work-nav ul{list-style: none; list-style-position: outside; padding-left: 10px; }
.work-nav li{font-size: 0.7em; letter-spacing: 1px; line-height: 1.5em; margin: 0; padding: 0; text-transform: none;}
.work-nav p small{font-size: 0.7em; letter-spacing: .15em; margin: 0; padding: 0; text-transform: none; color: #00ddff; font-family: Arial, sans-serif;}
.left-gutter ul{list-style: circle; list-style-position: outside; padding-left: 10px; }
.left-gutter li{font-size: 0.7em; letter-spacing: 1px; line-height: 1.5em; margin: 0 0 .9em 0; padding: 0; text-transform: none; }
h1,h2,h3,h4,.left-gutter h2,h3,h4, .post h1, .post h2, .post h3, .post h4{margin-bottom: 0; }
.left-gutter{background: #000025; position: relative;}
.left-gutter .wrapper{#000025; padding: 20px 20px 10px 0; }
.left-gutter .inner{background: #000025; padding: 20px 10px 20px 20px; }
.left-gutter ul#smallnav{background: #000025; margin: 10px 0 16px 10px; padding: 10px 0 16px 10px; width: 224px; }
.left-gutter ul#smallnav li{display: inline; font-family: "News Gothic MT","Trebuchet MS", Tahoma, sans-serif; font-size: 12px; letter-spacing: 1px; list-style: none; margin: 0 8px 0 0; padding: 0; text-transform: uppercase; }
.left-gutter ul#socialist{list-style: none; list-style-position: outside; padding-left: 10px; }
.left-gutter ul#socialist li{font-family: Rockwell,Georgia, serif; font-size: 14px; letter-spacing: 1px; line-height: 1.5em; list-style: none; margin: 0; padding: 0; text-align: right; text-transform: lowercase; }
#worknav-left,#worknav-right{position: relative; }
#godFather{min-height: 100%; position: relative; }
#godFather:after{content: '.'; height: 1%; visibility: hidden; }
.clearFix{clear: both; display: block; height: 1px; visibility: hidden; }
#content{background:#000025;}
body.portfolio .post img{margin-bottom: 1em; max-width: 500px; }
.highlight{margin-bottom: 20px; }
div#blog div.btm-spacer{height: 10em; display: block; clear: both; float: none; border-top: 1px dotted #000025;}

/* photog section */
div#photog img{max-width: 915px; margin: 2em auto;}
div#photog div.post{width: 950px; background: #000; padding: 10px;}
div#photog .post{background: none; margin: 7px 0 1em 0; padding: 0; }
div#photog .post .wrapper{background:none; padding: 15px 0 10px 0; }
div#photog .post .inner{background: #000; padding: 40px 20px; }






div#blog{border-left: 1px solid #000; margin-left: -1px;}
div.listed-posts{padding-bottom: .5em; padding-top: 1em; border-bottom: 1px solid #000; float: left;}
div.listed-posts-last{padding-bottom: .5em; padding-top: 1em; border-bottom: none; float: left;}
div#readmore{margin: 4em 0 1em 0; padding: 1em 0; border-top: 1px solid #000;}
div#footer{ border-top: 1px solid #000; margin-bottom: 2em;}
	div#footer div.inner{padding:2em;}

/* typekit */
		div.post h1{font-family: "adelle-1","adelle-2",serif; font-weight: bold; text-transform: none;}
		div.post p,div.post li{font-family: "gesta-1","gesta-2", Arial, sans-serif; font-size: 1.05em; }
		div.left-gutter p,div.left-gutter li, div#footer p{font-family: "gesta-1","gesta-2", Arial, sans-serif; font-size: 0.75em; letter-spacing: 0.08em;}
		div.post h4,div.left-gutter h4{font-family: "gesta-1","gesta-2", Arial, sans-serif; font-style: italic; font-size: .9em;}
		h2,h3,div.left-gutter h2,div.work-nav h2{font-family: "gesta-1","gesta-2", 'Trebuchet MS', Arial, sans-serif; color: #B5352A; text-transform: uppercase; font-weight: normal; letter-spacing: 0.125em; font-size: 18px;}
	     h3,div.post h3{text-transform: none; font-size: 16px;}
	     h4{font-family: "adelle-1","adelle-2", serif; font-style: italic; color: #A9AFBF;}
		div#footer h4{font-style: italic; font-size: .9em;}


/* hula tile colors 

		lt blue					#A9AFBF
		drk blue					#000025
		red						#B5352A

*/