/*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: #000000;
	width: 247px;
	background-image: url(../images/vestibule.jpg);
	background-repeat: no-repeat;
}

	

	#column_middle { background-color: #ffffff; width: 514px }

	

	#column_right {
	background-color: #ffffff;
	width: 247px;
	text-align: justify;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

	

	#navigation_box {
	color: #fff;
	font-size: 18px;
	font-family: "Courier New", Courier, monospace;
	font-weight: 700;
	position: relative;
	top: 240px;
	padding-right: 20px;
}

	

	#branding /*  This tag adds space below the photograph and octopus that are the brand of the writer.  */  {
	height: 110px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

	

	#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: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 12px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
}

	

	#search_button { margin-bottom: 17px }

	

	#copy_right {
	color: #000;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	margin-top: 12px;
	margin-left: 20px;
	margin-right: 20px
}

	.section_header {
	color: #ff0000;
	font-size: 18px;
	font-weight: bolder;
	font-family: "Courier New", Courier, monospace;
}
	.text_header {
	text-align: center;
}


	

	.subject /*  This tag formats the subjects and categories of entries.  */  { color: #000; 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_1px  /* This tag works the same way as a spacer GIF in traditional HTML layouts. */ {
	background-color: #000;
	width: 1px
}

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



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

	.menu_item {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	text-align: right;
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
}

	

	a:link {
	color: #fff;
	font-size: 16px;
	font-family: "Courier New", Courier, monospace;
	font-weight: 700;
	text-decoration: none;
	display: block
}

	

	a:visited {
	color: #fff;
	font-size: 16px;
	font-family: "Courier New", Courier, monospace;
	font-weight: 700;
	text-decoration: none;
	display: block
}

	

	a:hover {
	color: #F00;
	font-size: 16px;
	font-family: "Courier New", Courier, monospace;
	font-weight: 700;
	text-decoration: none;
	display: block
}

	

	a:active {
	color: #fff;
	font-size: 18px;
	font-family: "Courier New", Courier, monospace;
	font-weight: 700;
	text-decoration: none;
	display: block
}

	

/*</agl.folder>*/

#animation { top: 16px }