@charset "utf-8"; 

/**************************************************************
   AUTHOR:  Du Yibo (duyibo.com)
   DATE:    2010.01.20 
   PURPOSE: Styles the web pages elements
 **************************************************************/

body{color:#666; background:#A00902;}
a{color:#6F6F6F;  text-decoration:none;}
a:hover{color:#C11102;text-decoration:none;}

.red {color:#AF0000;}
.Gary {color:#CCC; background:none;}
.Green {color:#FF6500;}

/****************************************Homepage Css***************************************************/

#box {border-right:1px solid #A00902; border-left:1px solid #A00902;}
#header {width:100%; height:auto; float:left; background:#FFFFFF;}
	.top {height:142px; background:url(../images/top_bg_day.jpg) no-repeat;}
		.logo {width:50%; height:auto; padding:68px 0 0 33%; float:left;}
		.logo a {display:block; width:350px; height:55px;}
		.style {width:140px; float:right; margin-top:110px;}
		.style ul li {width:20px; float:left;}
		.style ul li.day img {filter:Alpha(Opacity=100); -moz-opacity:1.0; opacity:1.0;}
	.nav {background:url(../images/nav_bg_day.gif) repeat-x;}
	.nav ul li {}
	.nav ul li a {color:#FFA309; height:30px; padding-top:8px;}
	.nav ul li a:hover {color:#FFF;}
#content {background:url(../images/content_bg_day.gif) repeat-x;}
	#flash {border:3px solid #DD4E50;}
	.indexTable {height:auto; background:url(../Images/Table_title_day.gif) repeat-x left -34px;}
	.indexTable ul,.indexTable ul li {float:left;}
	.indexTable ul.indexTitle {height:34px;}
	.indexTable ul.indexTitle li {height:27px; padding:7px 0 0 44px; color:#AF0000; background:url(../Images/Table_title_day.gif) no-repeat left top;}
	.indexTable ul.indexTitle li img {background:url(../Images/inc_more_day.gif) no-repeat;}
	.indexTable ul.indexTitle li span {width:38px; padding-top:9px;}
	.indexTable ul.indexCont {width:100%; background:#FFF;}
	.indexTable ul.indexCont li {}
	.indexTable ul.indexBot {height:8px; background:#FFF;}
	.indexTable ul.indexBot li {height:8px;}
	.indexImg {}
	.indexImg img {padding:1px; border:1px solid #A9BFCA;}
	#design ul.indexTitle li,#friendLink ul.indexTitle li {width:95.2%;}
	#tag ul.indexTitle li {width:85%;}
	#indexList ul li span {color:#C9CBCA;}
	#designShown ul li {background:none;}
	#designShown ul li.webName a {color:#AF0000;}
	#designShown ul li.webName span {color:#FE6700;}
	#designShown ul li.webIntr {color:#969696;}
	#indexGuest ul li span {color:#AF0000; letter-spacing:1px;}
#foot {}
#foot ul {border-top:1px solid #BD0006; padding-top:8px;}
#foot ul li {color:#FFF;}
#foot ul li a {color:#FFF;}
#foot ul li a:hover {text-decoration:underline;}

/****************************************** Subpage Css ****************************************************/
.subLeft ul.title li {width:90%; padding:2px 0 0 12px; color:#9E8378;}
.subLeft {background:#FFF;}
.subLeft ul.title {background:url(../Images/sidebar_bg_day.gif) no-repeat left -1px;}
.subLeft ul.bottom {height:8px;}
#mainInf ul.Inf li.title,#mainInf ul.other li.title {font-weight:bold; color:#AF0000;}
#newList ul.list li a {color:#AF0000; font:normal 14px/24px Arial;}
#newShown ul.head li h1 {color:#AF0000;}
#contWord,#newShown,#DesignShown,#GuestList,#guestShown {height:auto; min-height:680px; _height:680px; overflow:visible; display:table;}
#contWord h2 {color:#AF0000;}
#contWord h3,#contWord strong {color:#AF0000;}
#contWord a {color:#AF0000; text-decoration:underline;}
#designList ul.picList li span a,#articleList ul.picList li span a,#GuestList ul.picList li span a  {font-weight:bold;}
#designList ul.picList li.active,#articleList ul.picList li.active,#GuestList ul.picList li.active {color:#333; border-bottom:1px solid #D91403;}
#designList ul.picList li.active span a,#articleList ul.picList li.active span a,#GuestList ul.picList li.active span a,#guestShown ul li span {color:#AF0000;}
#FriendLink ul li.title {color:#AF0000; border-bottom:1px solid #D91403;} 
#FriendLink ul li.Application p span {font-weight:bold;}
#FriendLink ul li.Application p.red em {padding-left:64px;}
#GuestList ul li p.right span,.message_cont ul li.but a,#FriendLink ul li.Application p a {color:#FFF; background:#7F7F7F;}
#GuestList ul li p.right span:hover,.message_cont ul li.but a:hover,#FriendLink ul li.Application p a:hover  {background:#AF0000;}
#DesignShown ul li.title,#DesignShown ul li .title {color:#AF0000;}
#guestShown ul.guestReply {border-top:1px solid #AF0000; background-color:#E6F3E1;}
/*留言框css样式*/
#message {background-color:#AF0000;}
.leavemessage dl dt {height:34px; background:url(../Images/Table_title_day.gif) repeat-x left -34px;}
.leavemessage dl dt ul {height:34px;}
.leavemessage dl dt ul li {color:#AF0000; height:27px; padding-top:4px;}
.leavemessage dl dt ul li .msg {font-weight:normal; color:#F00;}
.leavemessage dl {border:1px solid #AF0000; background:#FFFFFF;}
.message_cont ul.bot {background-color:#F2ACAA; border-top:1px solid #BD0006;}
input.active, textarea.active {border:1px solid #AF0000; color:#333;}
.message_cont ul li.title {color:#AF0000;}