#page4     { font-size: 1.3em; background-image: url("img_layout/images/page_bg.jpg"); background-repeat: repeat-y; text-align: left; margin: 0 auto; padding: 0; width: 770px; border-width: 0 }
body    { color: #333; font-size: 65%; font-family: Garamond, Georgia, "Times New Roman", Times, serif; background-color: white; background-image: url("img_layout/images/body_bg.jpg"); background-repeat: repeat-y; background-position: center; text-align: center; margin: 0; padding: 0 }
.hdr_img         { background-image: url("img_layout/images/erikmoe_hdr.jpg"); background-repeat: no-repeat; margin-left: 20px; width: 725px; height: 130px }
.sm_hdr_img  { margin-left: 20px; padding: 0; width: 725px }
.blog_hdr_img   { background-image: url("img_layout/images/erik_moe_blog_hdr.jpg"); background-repeat: no-repeat; margin-left: 20px; width: 725px; height: 130px }
.hdr_img p { color: #ccc; font-size: 1.1em; margin-left: 475px; padding-top: 75px; }
.sm_hdr_img p     { color: #ccc; font-size: 1.1em; margin-left: 375px; padding-top: 32px }
.blog_hdr_img p  { margin-left: 25px; padding-top: 15px }
.blendred { color: #900 }
.flash_banner   { margin-top: 5px; margin-bottom: 5px; position: relative; left: 7px; width: 755px }
.threecol      { background-image: url("img_layout/images/3col_bg.jpg"); background-repeat: repeat-y; background-position: center 0; text-align: right; width: 770px }
.threecolfooter { color: white; font-size: 0.2em; line-height: 0.2em; clear: both }
.threecolhead { color: white; font-size: 0.2em; line-height: 0.2em; background-image: url("img_layout/images/3col_hdr.jpg"); width: 770px; height: 12px }
.col1       { text-align: left; display: inline; margin-top: 10px; margin-bottom: 4px; margin-left: 27px; padding-right: 4px; width: 240px; float: left; clear: left }
.divider_wide  { background-image: url("design/layout/divider-wide.jpg"); background-repeat: no-repeat; margin: 0 0 0 22px; padding: 0; width: 730px; height: 24px; float: left; clear: left }
.col1of1 { margin: 0 0 0 22px; padding: 0; width: 730px }
.col1of2  { text-align: left; display: inline; margin: 10px 0 0 27px; padding: 0 5px 7px 0; width: 350px; float: left }
.col2       { text-align: left; display: inline; margin: 10px 0 0; padding: 0 9px; width: 220px; float: left; border-style: dashed; border-width: 0 1px; border-color: #666 }
.col2of2 { text-align: left; display: inline; margin-left: 9px; padding-top: 10px; width: 350px; float: left }
.col3      { text-align: left; display: inline; margin-left: 9px; padding-top: 10px; width: 227px; float: left }
#footer4 { background-image: url("img_layout/images/footer_bg.jpg"); background-repeat: no-repeat; width: 770px; height: 69px; clear: both }
#footer4 p       { color: #ccc; font-size: 0.85em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; padding-top: 18px }
#footer4 p a  { color: #ccc; text-decoration: none }
#footer4 p a:hover { text-decoration: underline }
h2   { color: #333; font-size: 1.6em; line-height: 1.4em; margin: 0 }
h2 a { color: #333; text-decoration: none }
h2 a:hover { text-decoration: underline }
h3 { color: #600; font-size: 1.1em; line-height: 1.1em; text-transform: uppercase; margin: 0 }
.feedburnerFeedBlock ul li .headline { color: #600; font-size: 1.1em; font-weight: 700; line-height: 1.1em; text-transform: uppercase; margin: 0; width: 100%; float: left; clear: both }
.feedburnerFeedBlock ul li .date { font-size: 0.8em; margin: 2px 5px 0 0; padding: 0 5px 0 0; float: left; clear: both; border-style: solid; border-width: 0 3px 0 0; border-color: #ccc }
.feedburnerFeedBlock ul li div { font-size: 1.05em }
#creditfooter { visibility: hidden; float: right }
.feedburnerFeedBlock ul li { list-style: none inherit; display: block; margin: 0 0 10px; padding: 0 }
.feedburnerFeedBlock ul { list-style: none inherit; display: block; margin: 0; padding: 0 }
h3 a { 
	color: #600; 
	text-decoration: none; 
	}
.feedburnerFeedBlock ul li .headline a { color: #600; font-weight: 700; text-decoration: none }
h3 a:hover { 
	text-decoration: underline; 
	}
.feedburnerFeedBlock ul li .headline a:hover { font-weight: 700; text-decoration: underline }
p   { font-size: 1.05em; margin: 0 0 5px }
img { border-width: 0 }
p a    { color: #36f; text-decoration: none }
p a:hover { text-decoration: underline }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright { margin: 0 0 2px 7px; padding: 4px }
img.alignleft  { margin: 0 7px 2px 0; padding: 4px }
.alignright { margin: 0 0 2px 7px; padding: 4px; float: right }
.aligncenter { text-align: center }
.alignleft  { margin: 0 7px 2px 0; padding: 4px; float: left }
.slight   { margin: 5px 0 5px 10px; padding: 0 0 0 0; border-width: 0 }
.slight li { margin-left: 10px }
/* End Images */
.credits, .credits a { color: #ddd; font-size: 0.8em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none }