

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



The template combines DIV and table layout to ensure design integrity across browsers.*/

body        { background: #000 url(../images/tile.jpg) no-repeat fixed; margin: 0; padding: 0 }

/*<agl.folder "Leftside_Elements" "This folder contains body text, list and other elements thar appear on the left side.">*/

	#column_left  { text-align: right; position: absolute; top: 18px; left: 42px; width: 410px }

	

	#main_copy  { color: #fff; font-size: 10px; font-family: sans-serif; text-align: right; width: 410px; height: 385px }

	

	.title { color: #fff; font-size: 11px; font-family: sans-serif; font-weight: 900 }

	

	#top_ten_list  /* You may want to reduce font size to 10px if song titles start to wrap. The font-weight 700 does not appear as bold on some browsers. Instead, the letters become extended. */ { color: #fff; font-size: 11px; font-family: sans-serif; font-weight: 700; text-align: right }

	#top_ten_box { margin-top: 30px }

	

	#top_ten_arrow { width: 213px }

	

	#bottom_copy  /* The copy is alligned with the top of the black area that is below the main copy. */  { color: #fff; font-size: 10px; font-family: sans-serif; top: 10px; width: 410px; height: 180px }

/*</agl.folder>*/



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

	#navigation_box { text-align: center; position: absolute; top: 209px; left: 590px; width: 163px }

	

	#navigation_arrow { margin-bottom: 13px }

	

	.menu_item { text-align: center; margin-top: 13px; width: auto }

/*</agl.folder>*/

