/* --------------------------------------------- *\
|             MikeGioia.com Stylesheet            |
|           Copyright 2008 - Mike Gioia           |
\* --------------------------------------------- */

/* ----- Global styles ----- */
* { padding:0; margin:0; }
html { width:100%; height:100%; }
body { background-color:#FFF; width:100%; height:100%; font-size:16px; 
	  font-family:"Palatino Linotype", Garamond, "Times New Roman", serif; }
h1 { font-size:24px; color:#CA1C24; font-weight:normal; line-height:120%; }
h2 { font-size:16px; color:#FFF; padding:3px 8px; margin-bottom:10px; }
h3 { font-size:16px; color:#819D6A; font-variant:small-caps; letter-spacing:1px; }

a { text-decoration:none; color:#000; }
p { line-height:150%; }
.button { padding:2px 5px; width:auto; font-family:Georgia, "Palatino Linotype", "Times New Roman", serif; }
.clear { clear:both !important; }
.field { background:#FFF url( ../images/bg-inputs.png ) no-repeat; border:1px solid #CCCCCC;
		font-family:"Palatino Linotype", Garamond, "Times New Roman", serif; font-size:16px; padding:1px 5px 3px; }
.left { float:left; }
.right { float:right; }

/* ----- Link styles ----- */
a.blue { color:#333; padding:1px 2px; background-color:#EAF1EE; border-bottom:1px solid #C5D9D0; }
a.blue:hover { color:#000; }
a.blue-hover { color:#333; padding:1px 2px; }
a.blue-hover:hover { color:#000; background-color:#EAF1EE; border-bottom:1px solid #C5D9D0; }

/* ----- Header styles ----- */
#header-container { width:100%; background:url( ../images/header-repeat.png ) 0 0 repeat-x; }
#header { width:1000px; margin:0 auto; }
	#header-top { background:url( ../images/header-top.png ) 0 0 no-repeat; height:108px; }
	#header-bottom { background:url( ../images/header-bottom.png ) 0 0 no-repeat; height:153px; }
		#lead { margin:0 0 0 54px; color:#F9F9F9; float:left; }
			#lead p { padding-top:8px; }
		
/* ---- Nav styles ----- */
#nav-container { width:100%; background-color:#594C3B; padding:7px 0; }
#nav { width:900px; margin:0 auto; }
	#nav a { padding:2px 7px; background-color:#6B5E51; color:#FFDC95; font-weight:bold; }
	#nav a:hover { background-color:#FFDC95; color:#594C3B; }
	#links { float:left; }
		#links ul { display:inline; }
		#links li { list-style-type:none; display:inline; margin-right:6px; }
	#show-hide { float:right; }

/* ----- Main styles ----- */
#main-container { width:100%; background:url( ../images/main-repeat.png ) 0 0 repeat-x; }
#main { width:1000px; margin:0 auto; background:url( ../images/main.png ) 0 0 no-repeat; min-height:432px; padding-top:44px; }
#page { width:744px; padding:24px 30px 0 26px; margin:0 auto;}
#content { width:415px; padding-right:28px; float:left; }
	#content h1 { padding-bottom:5px; }
		#content h1 a { color:#CA1C24; }
	#content .details { border-bottom:1px dashed #E1CFCA; padding-bottom:10px; text-align:left; }
		#content .details .date-cats { float:left; width:325px; }
		#content .details div.comments { float:right; width:90px; text-align:right; }
		#content em.date { font-size:11px; color:#594C3B; background-color:#C5D9D0; padding:2px 5px; font-weight:bold; margin-right:10px; }
		em.category { font-size:11px; color:#333; background-color:#FFF6E6; padding:2px 5px; font-weight:bold; }
		em.comments { font-size:11px; color:#333; background-color:#EAF1EE; padding:2px 5px; font-weight:bold; margin-right:5px; }
			em.category a, em.comments a { color:#333; }
			em.category a:hover, em.comments a:hover { color:#000; }
	.snippet { line-height:150%; padding-top:12px; }
		.cap { font-size:46px; float:left; padding-right:5px; line-height:100%; margin-top:2px; }
		.dropcap:first-letter { display:block; font-size:46px; float:left; padding-right:5px; line-height:100%; margin-top:9px; }
	.read-more { background-color:#EAF1EE; padding:2px 4px; margin:15px 0 20px; font-size:12px; 
						 border-bottom:1px solid #C5D9D0;}
		.read-more a { color:#8A766B; }
		.read-more a:hover { color:#594C3B; }
		.read-more .permalink { display:block; float:left; }
		.read-more .more { display:block; float:right; }
	.content_divider  { margin:0 auto 10px; width:60px; }
	
/* ----- Content styles (additional) ----- */
#content-wide { width:555px; padding-right:28px; float:left; }
	#content-wide .post-heading { border-bottom:1px dashed #E1CFCA; padding-bottom:10px; margin-bottom:15px; }
	#content-wide h1 { padding-bottom:5px; }
	#content-wide h1.sub { font-size:21px; }
		#content-wide h1 a { color:#CA1C24; }
	#content-wide .heading-left { float:left; width:500px; }
	#content-wide .post-date { float:right; padding:12px 0 0 10px; color:#FFF; width:42px; height:50px; background:url( ../images/date.png ) no-repeat;
								font-size:14px; line-height:14px; margin-bottom:-5px; }
		#content-wide .post-date span { font-size:18px; padding-left:2px; }
		#content-wide .post-date em { font-style:normal; display:block; float:left; height:20px; padding-top:3px; }
		#content-wide .post a { color:#CA1C24; }
		#content-wide .post a:hover { text-decoration:underline; } 
	#content-wide .post-details { background-color:#EAF1EE; border:1px dashed #C5D9D0; padding:10px; font-size:13px; color:#594C3B; margin-bottom:25px; }
		#content-wide .post-details ul { list-style-type:none; text-align:center; margin-top:10px; }
		#content-wide .post-details li { display:inline; margin:0 5px; }
		#content-wide .post-details a { color:#466F86; font-weight:bold; }
		#content-wide .post-details img { vertical-align:middle; border:none; }
	#content-wide p { margin-bottom:20px; }
	#content-wide code.inline { background-color:#E1CFCA; font-size:12px; padding:0 3px 1px; vertical-align:top; }
	#content-wide ol.code { border:1px solid #D1D1D1; list-style-position:inside; font-size:14px; color:#999; 
				   font-family:'courier',monospace; overflow:auto; }
		#content-wide ol.code li { background-color:#FFF; padding:4px 0 4px 5px; }
		#content-wide ol.code li.odd { background-color:#F1F1F1; }
		#content-wide ol.code code { font-size:12px; color:#594C3B; }
	#content-wide .image { margin-top:10px; text-align:center; }
	#content-wide .block { border:1px dashed #C5D9D0; padding:10px; background:#EAF1EE; }

	#comments {  }
		#comments .comment { padding:15px 0; color:#333; }
			#comments .comment .user-details { float:left; width:120px; }
				#comments .comment .user-details .ref { background:#FFF; position:relative; top:-13px; padding:0 5px; color:#8A766B; }
				#comments .comment .user-details .ref-img { background:#FFF; position:relative; top:-10px; }
				#comments .comment .user-details .avatar { display:block; padding:1px; border:1px solid #E0E0D6; margin:0 auto 10px; }
				#comments .comment .user-details .name { text-align:center; font-weight:bold; }
			#comments .comment .comment-main { float:right; width:410px; }
				#comments .comment .comment-main .ref { float:right; background:#FFF; position:relative; top:-11px; padding:0 0 3px 5px; color:#8A766B; font-size:13px; }
			#comments .comment span { display:block; border-top:1px solid #E1CFCA; }
			#comments .comment p { margin-bottom:10px; }
		#comments a { color:#CA1C24; }
		#comments a:hover { text-decoration:underline; } 
	#post-comment { background:url( ../images/divider-fade.png ) top repeat-x; padding-top:35px; }
		#post-comment form { background-color:#EAF1EE; border:1px dashed #C5D9D0; padding:20px 10px 10px; margin:10px 0 20px; }
			#post-comment form div { margin-bottom:10px; }
			#post-comment form label { display:block; float:left; width:105px; text-align:right; padding:4px 5px 0 0; color:#594C3B; font-size:13px; }
			#post-comment form .field { width:260px; }
			#post-comment form .textfield { width:400px; height:14em; font-size:14px; }
			#post-comment form .smallfield { width:100px; }
			#post-comment form .error { display:block; width:420px; float:left; margin-bottom:10px; color:#CA1C24; font-size:13px; }
			#post-comment form span { color:#594C3B; font-size:13px; }
			
/* ----- Sidebar styles ----- */
#left-column { width:140px; float:left; }
	#left-column h2.pink { background-color:#F04C32; }
	#left-column h2.grey { background-color:#8A766B; }
	#left-column .new-project-name { font-size:13px; text-align:center; margin-bottom:20px; line-height:120%; }
	#left-column .favor { margin-bottom:5px; }
	#left-column .last-favor { margin-bottom:15px; }
		#left-column .right { display:block; float:left; }
		#left-column .right-title { float:left; padding:7px 0 0 8px; }
		#left-column .left { display:block; float:right; }
		#left-column .left-title { float:right; padding:7px 8px 0 0; }
			#left-column .title a { padding:1px 5px; border-bottom:1px solid #FFDC95; background-color:#FFF6E6; position:relative; }
			#left-column .title a:hover { color:#594C3B; }

#right-column { width:140px; float:right; }
	#right-column h2.green { background-color:#B8B338; }
	#right-column h2.red { background-color:#CA1C24; }
	#right-column h2.brown { background-color:#594C3B; }
	.star-list { font-size:13px; margin-bottom:25px; }
		.star-list li { list-style-type:none; background:url( ../images/bullet_star.png ) 0 5px no-repeat; padding-left: 16px; 
						 border-bottom:1px dashed #E1CFCA; margin-bottom:5px; padding-bottom:5px; }
	.tag-cloud { text-align:center; }
		.tag-cloud a { padding:1px 3px; }
		.tag-cloud .s { font-size:12px; color:#666; }
		.tag-cloud .m { font-size:17px; color:#000; }
		.tag-cloud .l { font-size:22px; color:#000; font-weight:bold; }
	#search { width:128px; }

.cloud { margin:20px auto 0; width:116px; }
	
/* ----- Footer styles ----- */
#trailer { width:780px; margin:0 auto; padding:15px 10px 10px; font-size:10px; color:#AAA; text-align:center; }
#trailer:hover { color:#666; }
	#trailer a { color:#F04C32; }
#footer-container { width:100%; margin-top:-120px; background:url( ../images/footer-repeat.png ) 0 0 repeat-x; }
#footer { width:1000px; height:164px; margin:0 auto; background:url( ../images/footer.png ) no-repeat; }