textarea { padding: 3px; font-family: Verdana,sans-serif; font-size: 12px; line-height: 20px; } 

body { 
	margin: 0;
	background-position: 170px 0px; 
	font-family: Verdana,sans-serif;  
	background: #a7cef5;
}

blockquote { border-left: 5px solid #fff; padding: 0px 0px 0px 10px; margin: 0px 10px 0px 20px; }

form { 
	margin: 0; padding: 0;
}

p { margin: 0px 0px 10px 0px; padding: 0px; }

a { color: #ff0000; }
a:hover { text-decoration: underline; color: #771111; }
a img { border: 0; margin: 0; padding: 0; }

.shirt_linkage a { color: #fff; }

.clear { display: block; clear: both; visibility: hidden; }

#logo {	margin: 5px 0 0 7px; }

/* BLOG */
.footer { display: block; margin-left: 150px; margin-top: 200px; padding: 10px; background: #fff; font-size: 10px; }

.blog .columnA { width: 320px; float: left; margin: 10px 0 0 12px; }
.blog .columnB { width: 470px; float: left; margin: 52px 0 0 0; }

.blog .year_label { color: #ffe6f1; float: left; width: 75px; font-weight: bold; font-size: 30px; }
.blog .month_picker { margin: 10px; float: left; width: 220px;  }
.blog .month_picker a { float: left; margin-left: 3px; }
.blog .current_month_label { font-size: 30px; font-weight: bold; }

.blog_timestamp { color: #12508e; width: 33px; float: left; font-size: 20px; font-weight: bold; }


.main_illustration { margin: 10px 0 5px 0; }
.main_illustration h1 { font-size: 18px; }
.illustration_picker { margin: 10px 0 0 0; }
.illustration_entry { float: left; margin: 0 0px 10px 10px; font-size: 12px; line-height: 20px; }
.illustration_title { font-size: 20px; font-weight: bold; color: #296c23; }
.illustration .year_label { background: url(art/year_divider_bg.gif); margin: 0 10px 5px 10px; font-size: 10px; font-weight: bold;  }
.illustration .shirt { float: left; margin-right: 5px; }
.illustration .shirt_linkage { width: 300px; float: left; font-size: 12px; line-height: 20px; }
.illustration .shirt_linkage a { font-weight: bold; }

.illustration .columnA { width: 332px; float: left; }
.illustration .columnB { width: 480px; float: left; }
.illustration .nav_arrows { padding-top: 5px; }

.patterns .columnA { width: 810px; float: left; }
.patterns .holder { display: block; height: 400px; margin: 0 10px 0 10px; }
.patterns .gallery { background: #f5b859; border-bottom: 8px solid #fff; margin-bottom: 10px; }

.pattern_entry { float: left; margin: 10px 0 10px 10px; }

.pattern { margin-bottom: 7px; }

ul.main_menu { list-style: none; padding: 0; margin: 0; }
ul.main_menu li { margin: 0 0 5px 5px; list-style-type: none; }


.content { 	padding: 0 8px; }

/*------------------------*/
/*       QUICK NOTE       */
/*------------------------*/
#quick_note { font-size: 10px; color: #24436e; }
#quick_note textarea { width: 144px; height: 100px; }
#quick_note .math_problem { color: #fff; font-size: 15px; font-weight: normal; }
#quick_note .math_problem input { text-align: center; }

.error { color: #d53a3a; font-size: 14px; }
.success { color: #5bd53a; font-size: 14px; }



.menuColumn { float: left; width: 170px; color: #fff; font-size: 20px; font-weight: bold; }

.recent_work .columnB { 
	background: #ffe6f1;
	float: left;
	width: 420px;
	height: 100%;
	font-size: 10px; 
	border-left: 8px solid #fff;
}

.recent_work .columnC { 
	background: #cef5a7; 
	float: left;
	width: 150px;
	height: 100%;
	color: #fff; 
	font-size: 10px; 
	font-weight: bold;
	border-left: 8px solid #fff;
}

.recent_work .columnD { 
	background: #f5b859; 
	float: left;
	width: 150px;
	height: 100%;
	color: #fff; 
	font-size: 10px; 
	font-weight: bold;
	border-left: 8px solid #fff;
}

#sitemap { width: 800px; float: left; border-left: 10px solid #fff; padding-left: 20px; padding-bottom: 200px;   }
#sitemap .section { float: left; width: 130px; margin-right: 10px; }
#sitemap h2 { font-size: 12px; }
#sitemap p { margin: 0px; padding: 0px; font-size: 10px;}

.blog_entry { width: 370px; float: left; margin-bottom: 30px; font-size: 12px; line-height: 20px; }
.blog_entry .subject { color: #782e35; font-size: 16px; font-weight: bold; margin: 0px 0 5px 0; }
.blog_entry img { margin-bottom: 5px; }
.blog_entry p { }