body					{ margin: 0px; padding: 0px; background: #eeeeee; text-align: center; cursor: default; font: normal 12px Tahoma, Verdana, Arial; }
h1, h2, h3, p			{ margin: 0px; padding: 0px; }
table, td, img			{ border-style: none; }
table, div				{ margin: auto; }
td						{ text-align: center; vertical-align: top; }
a						{ cursor: pointer; }

#main				{ width: 980px; background: #eeeeee; border-style: none; margin: auto; padding: 0px; }
#footer				{ margin: 20px auto; background: #dddddd; padding: 10px; border: 1px solid #cccccc; }
#footerbookmark		{ margin: 20px auto; background: #dddddd; padding: 10px; border: 1px solid #cccccc; }
#categories			{ width: 200px; text-align:left; margin: 20px auto; background: #dddddd; padding: 10px; border: 1px solid #cccccc; }
#categories a 		{text-decoration: none; font: normal 15px Tahoma, Verdana, Arial;}
#categories a:hover {color: red;}
.divtempclassbold	{ margin: 20px auto -21px; background: #dddddd; padding: 10px; border: 1px solid #cccccc; font-weight: bold; }
.divtempclassbold a	{ text-decoration: none; }
.divtempclassbold a:hover	{ color: red; text-decoration: none; }
.divtempclass		{ font: normal 19px Tahoma, Verdana, Arial; text-align:left; margin: 20px auto; background: #dddddd; padding: 10px; border: 1px solid #cccccc; }

.sitename {font-size:20px}



.temp td { background: #CCCCCC; }

div.clear				{ clear: both; }

#header					{ background: #e0e0e0; }
#header	h1				{ width: 980px; color: #ff6633; font-size: 24px; font-weight: normal; text-align: left; padding: 20px 0px; }
#header	h1 b			{ color: #333333; font-weight: normal; }
#header	h1 i			{ color: #666666; font-weight: normal; font-size: 19px; font-style: normal; }

#line					{ background: #666666; }
#line img				{ width: 1px; height: 2px; }

/* left menu */

div.leftmenu			{ padding: 3px 1px 0px; font-size: 12px; line-height: 26px; text-align: left; }
.leftmenu div	    	{ padding: 1px 0px 0px; }
.leftmenu a				{ display: block; background: url(template/bb_menu_l.gif) no-repeat left top; text-decoration: none; color: #111111; }
.leftmenu a b			{ display: block; background: url(template/bb_menu_r.gif) no-repeat right top; font-weight: normal; height: 26px; padding: 0px 6px 0px 16px; }
.leftmenu a:hover		{ background: url(template/bb_menu_l.gif) no-repeat left bottom; color: #ffffff; }
.leftmenu a:hover b		{ background: url(template/bb_menu_r.gif) no-repeat right bottom; font-weight: bold; }

/* content */

div.content				{ padding: 3px 1px 0px; }

table.thumbs			{  }
.thumbs td				{ padding: 0px; }
.thumbs a 				{ display: block; background: #e0e0e0; font-size: 10px; color: #666666; text-decoration: none; }
.thumbs a:hover			{ background: #5baddb; }
.thumbs a img			{ width: 160px; height: 120px; border: 1px solid #444444; background: #eeeeee; margin: 4px; }
.thumbs a:hover img		{ border: 2px solid #ffffff; margin: 3px; }
.thumbs a span			{ display: block; font-size: 11px; line-height: 11px; color: #222222; text-decoration: none; padding: 0px 4px 5px; }
.thumbs a span i		{ font-style: normal; }
.thumbs a span b		{ font-weight: bold; padding-left: 8px; }

.desc {text-align:justify;}

.site a img			{ width: 250px; height: 194px; border: 1px solid #444444; background: #eeeeee; margin: 4px; }
.site a:hover img		{ border: 2px solid #ffffff; margin: 3px; }
.recomend a img			{ width: 200px; height: 155px; border: 1px solid #444444; background: #eeeeee; margin: 4px; }
.recomend a:hover img		{ border: 2px solid #ffffff; margin: 3px; }
.recomend span		{ font-weight: bold;display: block; font-size: 11px; line-height: 11px; color: #222222; text-decoration: none; padding: 0px 4px 5px; }