
/*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>*/
.class { color: black; font-size: 16px; font-family: Times; font-weight: normal; font-style: normal; }
#id { color: black; font-size: 16px; font-family: Times; font-weight: bold; }
.class_ariel { color: black; font-size: 16px; font-family: arial; font-weight: bold; font-style: italic; }
.bodytext { color: #1f1e1e; font-size: 14px; font-family: helvetica, arial, sans-serif; line-height: 17px; }
.bodytext-bold { color: #262323; font-size: 16px; font-family: helvetica, arial, sans-serif; font-weight: bold; }
.subtitle { color: black; font-size: 24px; font-family: Garamond, serif; font-weight: bold; font-style: italic; }
.leftnav { color: red; font-size: 12px; font-family: sans-serif; }
.class-subtitle { color: black; font-size: 24px; font-family: serif; font-weight: bold; font-style: italic; }
.class-subtitle_small { color: black; font-size: 16px; font-family: serif; font-weight: bold; font-style: italic; }
