/*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: justify; margin: 0; padding: 0 }
.Testo { color: #bad986; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-stretch: normal; text-align: justify; text-indent: 12px; }
/*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: 123px }

	

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

	

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

	

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

	

	#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: #ffff5e; font-size: 12px; font-weight: 800 }

	

	.subject /*  This tag formats the subjects and categories of entries.  */  { color: #ffff81; 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: 11px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: block }

	

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

	

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

	

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

	

/*</agl.folder>*/

#animation { top: 16px }
.class_note_it_9 { color: #cdcdcd; font-size: 9px; font-family: Verdana, "Times New Roman", Georgia, Times }
.Titolo { color: #903; font-size: 25px; font-family: "Bodoni SvtyTwo ITC TT-Bold", Verdana, "Times New Roman", Georgia, Times; }