<style type="text/css">

	.null { }
	
	

/* --- basic structure --- */
	
	body { width: 960px; margin: 16px 20px 16px 20px; }
	
	#header, #main, #footer, #ads { width: 920px !important; }

	#header { margin-bottom: 32px; }

	#ads { margin-bottom: 42px; }

	#main { clear: both; margin: 0; padding: 0 0 36px 0; }
	
	#footer { margin-bottom: 32px; }


/* --- bolour --- */

	a { color: #060; }
	
	a:active, a:hover { color: #333; text-decoration: none; }

	body { background: #FFF; color: #333; }

	
/* --- advertising --- */

	#goog_adlink { float: right; height: 90px; margin: 0 0 42px 0; width: 160px; }
	
	#goog_banner { float: left; height: 90px; margin: 0 0 42px 0; padding: 0; width: 728px; }

	#goog_inline { height: 280px; margin: 4.5em 0 4.5em 228px; width: 336px; }


/* --- header --- */

	#header { background: cornsilk; border: #333 2px solid; border-raidus: 8px; width: 728px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

	#h_search { float: right; font-size: 11px; margin: 0; padding: 0 3px 0 0; }
	
	#h_search #search_text { font-size: 11px; color: #333; width: 234px; }
	
	#h_tagline { display: block; font-size: 11px; margin: 6px 3px 3px 0; text-align: right; }
	
	#h_logo { font-size: 20px; font-weight: bold; }
	
	#h_top { padding: 4px 6px; }
	
	#h_top, #h_top a { color: #333; text-decoration: none; }
	
	#h_top a:active, #h_top a:hover { text-decoration: underline; }
	
	#h_top td { padding: 2px 6px; vertical-align: middle; }

	#h_menu { background: #333; clear: right; color: #FFF; font-size: 14px; margin: 0; padding: 3px 0; }
	
	#h_menu, #h_menu a { color: #FFF; }

	#h_menu a { text-decoration: none; }
	
	#h_menu a:active, #h_menu a:hover { text-decoration: underline; }
	
	#h_menu li { display: inline; font-size: 12px; list-style: none; margin: 0 6px; text-transform: lowercase; }

	#h_title { background: #333 bottom right; background-size: cover; border: #333 1px solid; color: #FFF; height: 100px; margin: 0; padding: 10px 15px; }

	#h_title h1, #h_title h2 { color: #FFF; font-weight: bold; overflow: hidden; white-space: nowrap; text-shadow: #333 3px 3px 3px; }

	#h_title h1 { font-size: 36px; margin: 20px 0 0 0; }
	
	#h_title h1 a { color: #FFF !important; text-decoration: none; }
	
	#h_title h1 a:active, #h_title h1 a:hover { text-decoration: underline; }
	
	#h_title h2 { font-size: 18px; margin: 5px 0 15px 0; text-align: right; }


/* --- main --- */

	#main h1 { font-size: 22pt; }

	#main blockquote, #main li, #main p { font-family: Verdana; font-size: 10pt; line-height: 160%; }
	
	.content  { margin-top: 24px; }


/* --- footer --- */

	#footer { background: #333; clear: both; color: cornsilk; margin: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

	#footer a { color: #FFF; white-space: nowrap; }
	
	#footer a:active, #footer a:hover { color: cornsilk; text-decoration: none; }
	
	#footer p { font-family: Verdana; font-size: 9pt; line-height: 160%; margin: 0; padding: 8px 16px; }

	
/* --- front pages and tables of contents --- */

	h5 { font-family: Verdana, sans-serif; font-size: 10pt !important;  }
	
	.delicious h5 { margin: 0 0 8px 0 !important; }
	
	.delicious li { list-style: none !important; margin-bottom: 8px !important; }

	#flickr_badge { overflow: hidden; margin: 24px 0 0 228px; white-space: nowrap; width: 510px; }
	
	#flickr_badge * { display: inline; }
	
	#flickr_badge img { padding: 0; margin: 0; }

	.flickr_badge_image { display: inline-block; border-right: #FFF 10px solid; margin: 0; padding: 0; }
	
	.flickr_badge_image img { height: 75px; width: 75px; }

	.latest { margin: 24px 0 0 228px !important; padding: 0 !important; }

	.latest li { font-size: 10pt !important; line-height: 160% !important; list-style: none !important; margin: 0 0 8px 0 !important; padding: 0 !important; }

	.latest .published a { color: #333; text-decoration: none; }

	.latest_col1 { float: left; width: 320px; }
	
	.latest_col2 { float: right; width: 320px; }

	.nav_menu { margin: 16px 0; }
	
	.nav_menu li, .nav_menu p, .section_note { font-size: 8pt !important; margin-top: 16px; width: 180px; }

	.section { border-top: #333 2px solid; clear: both; margin: 0 0 36px 0; }

	.section h3 { float: left; font-size: 16pt; margin: 0; padding: 24px 0 0 0; width: 204px; }

	#toc { margin: 24px 0 0 228px; padding: 0; }
	
	#toc dd { padding: 0 !important; }
	
	#toc dt { font-family: Helvetica, Arial, sans-serif !important; font-size: 16pt !important; line-height: 100% !important; margin: 0 !important; padding: 0 0 8px 0 !important; }

	#toc dd + dt { clear: left; padding-top: 8px !important; }

	#toc img { border: #DDD 1px solid; float: left; height: 64px; margin-right: 12px; padding: 3px; width: 64px; }


/* --- articles --- */

	.articles_list { margin: 24px 0 32px 228px; }



/* --- to organize --- */

	.content { margin-left: 228px; }

	#wide_map { height: 640px; width: 740px; }
	
	
	#twitter_update_list { margin:24px 0 0 228px; padding: 0; }
	
	#twitter_update_list li { list-style: none !important; margin: 0 0 1em 0; }
	
	#twitter_update_list li a { white-space: nowrap; }
	

/* --- widescreen ---- */
			
		#flickr_badge { width: 680px; }
				



	
	
	
</style>
