/*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: left; 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: 130px}

	

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

	

	#column_right { background-color: #666; width: 130px}

	

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

	

	#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: 325px }

	

	#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: 150px }

	.section_header {
	color: #bad986;
	font-family: Arial, sans-serif
	font-size: 14px;
	font-weight: 800;
	position: relative;
}


	.blue_header {
	color: #000099;
	font-family: Arial, sans-serif
	font-size: 16px;
	font-weight: 900;
	position: relative;
}
	

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

	

	.date /*  This tag formats date entries.  */  { color: #000; font-size: 10px; font-family: Arial, sans-serif }
.center_header {
	font-family: sans-serif, arial;
	font-size: 24px;
	color: #3aaf17;
	font-weight: 200;
}


	

/*</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 }
	
.center_text { color: #fff; font-size: 12px; font-family: sans-serif; font-weight: 500; 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 }