/* identified elements */

#mates { padding: 5px; background: #EEFFE6 url("/style/7.0/bg_header.png") repeat-x bottom; text-align: right; }
#header { min-width: 800px; height: 45px; background: url("/style/7.0/bg_band.png") repeat-x; text-align: right; }
#header h1 { float: left; margin: 0 20px 0 0; padding: 0; border: 0; }
#navi table.navi { margin: 2px 3px 3px auto; }
#navi table.navi td.page { padding: 2px 4px; background: #F7F7E8; border: 1px solid #DDB; }
#wrapper { clear: left; margin: auto; padding-top: 5px; background: url("/style/7.0/bg.png") repeat-x top; }
#main { width: 750px; min-height: 500px; margin: auto; }
	#index	{ float: left; width: 480px;  }
	#index_besides { float: right; width: 259px; margin-left: 5px; margin-bottom: 5px; padding-left: 5px; border: solid #CCC; border-width: 0 0 0 1px; }
		#index_besides ul ol li { margin-left: 10px; }
#page { margin-top: 15px; padding: 5px; min-height: 35px; background: #F0FFF6 url("/style/7.0/bg_page.png") repeat-x top; border: solid #000; border-width: 1px 0 0 0; font-size: smaller; }
#page h2 { margin: 10px 0 5px 0; border-width: 0 0 0 5px; }
#page ul,
#page div { margin: 2px 0; }
#page ul { padding: 2px 4px 2px 24px; }
#page li { margin: 4px 2px; }
	#project,
	#article,
	#history { padding: 4px; background: #F7F7E8; border: 1px solid #DDB; }
	#project table,
	#article table,
	#history table { width: 100%; margin: 0; }
	#talkbacks { width: 100%; margin: 0; }
	#talkbacks td { width: 50%; }
	#project caption,
	#article caption,
	#history caption,
	#talkbacks thead td { padding: 4px; border: none; background: #060; color: #FFF; text-align: center; font-size: 116%; }
	#talkbacks thead td img { margin-right: 5px; vertical-align: middle; }
		/* #form_article, #form_admin */
		td.contents { width: 15%; }
		td.projects { width: 50%; }
		td.articles { width: 35%; }
		select.large { width: 100%; max-width: 100%; height: 10em; }

#footer, #admin { background: #F0FFF6; border: dotted #060; border-width: 1px 0 0 0; }
#footer { padding: 15px 20px 50px 20px; text-align: center; }
#admin { margin: 0; padding: 10px 10px 0 10px; }

/* classified elements */

.box { background: url("box_bg.jpg"); margin: 10px 0; }
.box h2 { margin: 0 0 -5px 0; padding: 0; border: 0; }
.box .last-block { margin: 10px 0 0 0; padding: 5px 10px 20px 10px; background: url("box_footer.jpg") no-repeat bottom; }

.box .thread { margin-left: 10px; width: 730px; }

table.thread { width: 740px; border-collapse: collapse; border: 1px solid #DDB; }
td.bid { width: 5%; }

div.column { margin: 10px 5px; border: solid #C00; border-width: 1px 3px 2px 1px; font-size: smaller; }
div.column h3 { margin: 0; padding: 5px; background: #FED; border: solid #C00; border-width: 0 0 1px 0; }
div.column p { margin: 2px 3px; padding: 2px; }
div.flbox { float: left; margin: 5px 10px 5px 5px; padding: 5px; border: 1px solid #DDB; }
div.frbox { float: right;  margin: 5px 5px 5px 10px; padding: 5px; border: 1px solid #DDB; }

table.navi { margin: 0; }
table.navi thead { display: none; }
table.navi td { padding: 2px 20px 2px 4px; background: url("../common/link_next.png") no-repeat right; vertical-align: middle; }
table.navi td.page { padding: 2px 4px; background: none; }

/* Google Custom Search Engine related elements  */

.g-sb { margin: 10px 5px; padding: 5px; }
#main .g-sb img { margin-right: 5px; vertical-align: middle; }
#main .g-sr iframe { width: 748px; border: 1px solid #CCC; }

/* fsmenu related elements - based on "HORIZONTAL FREESTYLE MENU LAYOUT" */

#fsmenu { float: left; height: 33px; margin: 0 2px; padding: 12px 1px 0 1px; list-style: none; text-align: left; }
	#fsmenu li { float: left; display: block; position: relative; margin: 0 2px; padding: 1px; background: #EFE; border: 1px inset #090; }
	#fsmenu ul { display: none; position: absolute; top: 1.0em; left: -1px; width: 220px; margin: 13px 0 0 0; padding: 0; list-style: none; }
	/* #fsmenu ul ul { top: -1px; margin-top: 0; left: 218px; } */
	#fsmenu ul li { float: none; margin: 0 0 -1px 0; padding: 0; border: 1px solid #060; }
	#fsmenu ul>li:last-child { margin-bottom: 1px; /* Mozilla fix */ }
		/* #fsmenu a .subind { display: none; } */
		#fsmenu li a { display: block; padding: 1px 10px; background: #070; color: #FFF; border: 1px outset #090; text-decoration: none; }
		#fsmenu li a:hover, #fsmenu li a.highlighted { background: #EFE; color: #070; border: 1px solid #EFE; }
		#fsmenu li a.highlighted:hover { background: #DFC; }
			/* #fsmenu ul a .subind { display: block; float: right; } */
			#fsmenu ul a { display: block; padding: 3px 5px; background: #FFF; color: #D50; text-decoration: none; border: 0; }
			#fsmenu ul a:hover, #fsmenu ul a.highlighted:hover, #fsmenu ul a:focus { background: #FEC; color: #D50; border: 0; }

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
#fsmenu a {
 float: left;
}
#fsmenu ul a {
 float: none;
}
/* \*/
#fsmenu a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html #fsmenu ul li {
 float: left;
 width: 100%;
}

* html #fsmenu ul li {
 float: left;
 height: 1%;
}
* html #fsmenu ul a {
 height: 1%;
}
/* End Hacks */