/*
X-Space Template
Template Name: Classic Gray
Author: X-Space Team
Url: http://www.supesite.com
(C) 2001-2006 Comsenz Inc.
*/

/*佈局*/
/*Layout_1 左側導航*/
.xspace-layout1 #sideleft { float:left; width: 190px; }
.xspace-layout1 .mainarea-side { width: 560px; margin-left: 200px !important; margin-left: 197px; }
/*Layout_2 右側導航*/
.xspace-layout2 #sideright { float: right; width: 190px; }
.xspace-layout2 .mainarea-side { float: left; width: 560px; }
/*Layout_3 三列*/
.xspace-layout3 #sideleft { float:left; width: 190px; }
.xspace-layout3 #sideright { float:right; width: 190px; }
	.xspace-layout3 .mainarea-side { float: left; width: 380px; w\idth: 370px; padding: 0 5px; }

/*標題樣式*/
.xspace-blocktitle { overflow: hidden; font-size: 1em; }
	.sidearea .xspace-blocktitle { background: #E3E3E3 url(../../images/gray/sidearea_title_bg.gif) no-repeat left top; height: 28px; line-height: 32px; padding-left: 35px; }
	#mainarea .xspace-blocktitle { background: #F0F0EE url(../../images/gray/mainarea_title_bg.jpg) no-repeat left top; height: 33px; line-height: 37px; padding-left: 40px; }

body { margin: 0; padding: 0; background: #76776D url(../../images/gray/background_top.gif) repeat-x; color: #000; font: 12px Arial, Helvetica, sans-serif; text-align: center; }
input, textarea, select, button { font: 1em Arial, Helvetica, sans-serif; }
#wrap { margin: 1em auto; text-align: left; width: 770px; w\idth: 760px; border: 5px solid #FFF; background: #FFF; overflow: hidden; }
#header { background: #CECFC6 url(../../images/gray/header_bg.gif) repeat-x top; height: 132px; border-bottom: 1px solid #FFF; }
	#header * { color: #333; }
		#spacename { float: left; width: 240px; height: 132px; overflow: hidden; }

/*導航*/
#menu { width: 500px; height: 70px; float: right; padding-top: 40px; }
#menu ul { float: right; margin: 0 1em 0 0; }
#menu li { display: block; float: left; width: 52px; text-align: center; margin: 0; }
#menu li a { display: block; width: 52px; height: 70px; background: no-repeat top; padding-top: 50px; he\ight: 20px; text-decoration: none; }
	#menu li a.xspace-blog { background-image: url(../../images/gray/menu_icon_blog.gif); }
	#menu li a.xspace-image { background-image: url(../../images/gray/menu_icon_photo.gif); }
	#menu li a.xspace-goods { background-image: url(../../images/gray/menu_icon_goods.gif); }
	#menu li a.xspace-friend { background-image: url(../../images/gray/menu_icon_friend.gif); }
	#menu li a.xspace-link { background-image: url(../../images/gray/menu_icon_link.gif); }
	#menu li a.xspace-file { background-image: url(../../images/gray/menu_icon_file.gif); }
	#menu li a.xspace-mybbs { background-image: url(../../images/gray/menu_icon_bbs.gif); }
	#menu li a.xspace-guestbook { background-image: url(../../images/gray/menu_icon_guestbook.gif); }
		#menu a:hover { text-decoration: none; background-position: 0 -70px; color: #FFF; }

#content { background: url(../../images/gray/header_bg.gif) repeat-x left -133px; }
	.sidearea { background: #F0F0EE url(../../images/gray/sidearea_top_bg.gif) repeat-x top; padding-top: 10px; overflow: hidden; }

a { color: #006; text-decoration: underline; }
	a:hover { text-decoration: none; }
	a:visited { color: #099; }
