/*This is a simple blog-style website for a writer.



The site is built with tables. Styles are applied to table elements.*/

body    { background-color: #000; text-align: center; margin: 0; padding: 0 }

/*The naming convention for columns starts with "Column" so that the elements can be found quickly if the style sheet is arranged alphabetically. The same system applies to "copy_middle" and "copy_right."*/



/*<agl.folder "Content_Elements" "The design uses color, size and font weight to differentiate text usage.">*/

	#column_left { background-color: #666; width: 163px }

	

	#column_middle { background-color: #525d52; width: 326px }

	

	#column_right { background-color: #525d52; width: 162px }

	

	#navigation_box { color: #fff; font-size: 12px; font-family: Arial, sans-serif; font-weight: 700; position: relative; top: 12px; left: 21px; width: 123px }

	

	#branding /*  This tag adds space below the photograph and octopus that are the brand of the writer.  */  { height: 102px }

	

	#scribble { position: relative; top: 17px }

	

	#search_button { color: #000; font-size: 10px; text-decoration: none; width: 123px; float: left; border-style: none }

	

	#copy_middle { color: #bad986; font-size: 11px; font-family: Arial, sans-serif; font-weight: 400; margin-top: 12px; margin-left: 20px; width: 286px }

	

	#search_button { margin-bottom: 17px }

	

	#copy_right { color: #fff; font-size: 11px; font-family: Arial, sans-serif; font-weight: 400; margin-top: 12px; margin-left: 20px; width: 126px }

	.section_header { color: #bad986; font-size: 12px; font-weight: 800 }

	

	.subject /*  This tag formats the subjects and categories of entries.  */  { color: #fff; font-size: 11px; font-family: Arial, sans-serif }

	

	.date /*  This tag formats date entries.  */  { color: #000; font-size: 11px; font-family: Arial, sans-serif }

	

/*</agl.folder>*/

.horizontal_spacer_3px  /* This tag works the same way as a spacer GIF in traditional HTML layouts. */ { background-color: #000; width: 3px }



/*<agl.folder "Navigation_Elements" "This folder contains menu tags.">*/

	.menu_item { color: #fff; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; position: relative }

	

	a:link { color: #fff; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: block }

	

	a:visited { color: #fff; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: block }

	

	a:hover { color: #000; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: block }

	

	a:active { color: #fff; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: block }

	

/*</agl.folder>*/

#animation { top: 16px }