

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



The template puts page elements within a DIV that has absolute positioning. Wihin the DIV, elements are aranged in relative positions to each other. The rollover effects are built using Adobe GoLive's built-in "Rollovers & Actions" option. The option is accessible from the "Window" menu. */

body            /* The BODY tag calls an image that is fixed in the upper lefthand corner of the page. The image is non-repeating. Content can appear to roll over the background is the browser window is small or there is a lot of content. */ { background: #fff url(../images/green-flower-tile.gif) repeat-y fixed; margin: 0; padding: 0 }



/*<agl.folder "Content_and_Navigation_Elements" "This folder contains the main content, the menu, and the logo.">*/

	#main_box /*  This DIV contains the main content  */  { position: relative; width: 400px; height: 100% }

	

	#main_picture { text-align: center; margin-top: 5px; margin-bottom: 5px; width: 400px }

	

	#navigation_box { text-align: center; position: relative; top: 20px; width: 400px; height: 15px }

	

	#main_content_box { color: #000; font-size: 11px; font-family: sans-serif; text-align: center; position: relative; width: 400px; color2: red  }

	

	.main_content { color: #000; font-size: 11px; font-family: sans-serif; font-weight: 900; text-align: center; margin-right: 10px; margin-left: 10px }

	

	#logo { text-align: center; margin-top: 30px; position: relative; width: 400px }

	

	.vertical_spacer_12px { height: 12px }

	

	.vertical_spacer18px { height: 18px }

/*</agl.folder>*/

#page_box  /* Page contents are inside this DIV. */ { margin-top: 0; margin-left: 54px; position: absolute; width: 460px }



.dingbat   { text-align: center; margin-top: 2px; margin-bottom: 12px; position: relative; width: 400px }



.date    { color: #000; font-size: 8px; font-family: sans-serif; font-weight: 900; text-align: center; top: 18px }



#picture_box /*  This DIV contains images for case studies and other sections.  */    { color: #8ccc63; font-size: 10px; font-family: sans-serif; text-align: center; margin-left: 454px; position: relative; width: 160px }



.picture { margin-top: 18px; position: relative; top: 18px }



#search_field  { color: #000; font-size: 11px; font-family: sans-serif }



#sub_section  { text-align: center; position: relative; top: 20px }

.title_of_entry    { color: #fff; font-size: 11px; font-family: sans-serif; font-weight: 900; text-align: center }

