@charset "utf-8";
/* CSS Document */

/* submenu */
#mainContent #submenu {
	height: 30px;
	float: left;
	width: 945px;
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #004d5d;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #004d5d;
}
#submenu ul {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: right;
}
#submenu li {
	float: left;
	list-style-type: none;
	text-align: center;
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	white-space: nowrap;
	font-size: 14px;
	font-weight: bold;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 25px;
	background-image: url(../images/effect_sub_libg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 5px;
}
#submenu #summenu-l {
	float: left;
	height: 39px;
	width: 9px;
	background-color: #000000;
}
#submenu #submenu-r {
	float: right;
	height: 39px;
	width: 9px;
	margin-left: 0px;
	background-color: #000000;
}
#submenu #submenu-c {
	float: left;
}
#submenu-c a {
	text-decoration: none;
	float: left;
}
#submenu-c a:hover {
	text-decoration: none;
	background-image: url(../images/submenu-on.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 25px;
}
#submenu #submenu-c .on {
	background-repeat: no-repeat;
	background-image: url(../images/submenu-on.png);
	color: #00CCFF;
	font-weight: bold;
	display: block;
	background-position: center bottom;
	height: 25px;
}
/* end submenu */


/* end effect_list view */
#ctn .effectBlock_L {
	width: 600px;
	float: left;
	margin-right: 30px;
	display: inline;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-bottom: 20px;
}
#ctn .effectBlock_L .thumb120_90 {
	float: left;
	height: 90px;
	width: 120px;
	border: 1px dotted #333333;
}
#ctn .effectBlock_L .noteinfo_H {
	font-size: 10px;
	float: left;
	width: 430px;
	color: #666666;
	line-height: normal;
	margin-left: 20px;
	display: inline;
}
#ctn .effectBlock_L .effectName_H {
	float: left;
	width: 430px;
	line-height: 16px;
	margin-top: 5px;
	margin-left: 20px;
	display: inline;
	font-style: normal;
	font-size: 14px;
}
#ctn .effectBlock_L .type_H {
	font-size: 11px;
	float: left;
	color: #999999;
	padding: 0px;
	line-height: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: inline;
}
#ctn .effectBlock_L .creater_H {
	float: left;
	font-size: 11px;
	color: #999999;
	margin-top: 5px;
	line-height: normal;
	display: inline;
	margin-left: 20px;
}
#ctn .effectBlock_L .downloads_H {
	float: left;
	font-size: 12px;
	color: #999999;
	line-height: normal;
	margin-top: 5px;
	margin-left: 10px;
	display: inline;
}
#ctn .effectBlock_L .rate_H {
	float: left;
	font-size: 11px;
	color: #999999;
	margin-top: 5px;
	line-height: normal;
	margin-left: 10px;
	display: inline;
}
#ctn .effectBlock_L .download_H {
	float: left;
	width: 120px;
	color: #999999;
	margin-top: 10px;
	line-height: normal;
	text-transform: uppercase;
	font-size: 10px;
	margin-left: 140px;
	display: inline;
}
#ctn .effectBlock_L .des_H {
	float: left;
	width: 430px;
	line-height: 16px;
	margin-top: 10px;
	margin-left: 20px;
	font-size: 11px;
	color: #999999;
	display: inline;
}
/* end effect_list view */

/* effect_thumbnail view */
#ctn .effectBlock_T {
	width: 122px;
	float: left;
	margin-right: 30px;
	display: inline;
	margin-bottom: 20px;
}
#ctn .effectBlock_T .thumb120_90 {
	float: left;
	height: 90px;
	width: 120px;
	border: 1px dotted #333333;
}
#ctn .effectBlock_T .noteinfo_120 {
	font-size: 10px;
	float: left;
	width: 126px;
	color: #666666;
	line-height: normal;
}
#ctn .effectBlock_T .effectName_120 {
	float: left;
	width: 120px;
	line-height: 16px;
	margin-top: 5px;
}
#ctn .effectBlock_T .type_120 {
	font-size: 10px;
	float: left;
	width: 120px;
	color: #999999;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
#ctn .effectBlock_T .creater_120 {
	float: left;
	width: 120px;
	font-size: 10px;
	color: #999999;
	margin-top: 5px;
	line-height: normal;
}
#ctn .effectBlock_T .downloads_120 {
	float: left;
	width: 120px;
	font-size: 10px;
	color: #999999;
	line-height: normal;
}
#ctn .effectBlock_T .rate_120 {
	float: left;
	width: 120px;
	font-size: 10px;
	color: #999999;
	margin-top: 10px;
	line-height: normal;
}
#ctn .effectBlock_T .download_120 {
	float: left;
	width: 120px;
	color: #999999;
	margin-top: 5px;
	line-height: normal;
	text-transform: uppercase;
	font-size: 10px;
}
/* end effect_list view */


#ctn .effectBlock_L .thumb140_90 {
	float: left;
	height: 90px;
	width: 140px;
	border: 1px dotted #333333;
}
#ctn .effectBlock_L .effectName_H {
	float: left;
	width: 430px;
	line-height: 16px;
	margin-top: 5px;
	margin-left: 20px;
	display: inline;
	font-style: normal;
}


/*ctn left*/

#ctn #ctnL {
	float: left;
	width: 890px;
	margin-top: 5px;
	margin-left: 30px;
	display: inline;
}

/*end ctn left*/


#ctnL .commentslist {
	width: 900px;
	float: left;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
#ctnL .commentslist .img_effect {
	width: 120px;
	float: left;
	height: auto;
}
#ctnL .commentslist .img_video {
	height: 90px;
	width: 140px;
	float: left;
	border: 1px dotted #333333;
}
#ctnL .commentslist .commentctn {
	float: left;
	width: 700px;
	margin-left: 20px;
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#ctnL .newly {
	width: 600px;
	float: left;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-bottom: 10px;
}
#ctnL .newly .moreFrom {
	float: left;
	width: 95px;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", Tahoma, Helvetica, Arial, sans-serif;
}
#ctnL .video_140x90 {
	float: left;
	height: 140px;
	width: 142px;
	margin-right: 10px;
	display: inline;
	margin-bottom: 25px;
}
#ctnL .video_140x90 .videoThumb {
	float: left;
	height: 90px;
	width: 140px;
	border: 1px solid #333333;
}
#ctnL .video_140x90 .videoName {
	float: left;
	width: 140px;
	margin-top: 5px;
	text-align: left;
}


/*ctn right*/

#ctn #ctnR {
	float: right;
	margin-top: 15px;
	margin-right: 30px;
	width: 235px;
	display: inline;
}

#ctn #ctnR .acatar_70 {
	float: left;
	height: 70px;
	width: 70px;
	border: 1px solid #333333;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline;
}
#ctn #ctnR .rightblock {
	float: left;
	width: 235px;
	margin-bottom: 20px;
}

#ctnR #banner213x181 {
	float: left;
	height: 181px;
	width: 235px;
	margin-bottom: 20px;
}

/*end ctn right*/

/* sort */
#ctn #sort {
	float: left;
	width: 890px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	display: inline;
	margin-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#sort .sortL {
	float: left;
}
#sort .sortP {
	float: left;
	margin-right: 30px;
	display: inline;
	margin-left: 0px;
	height: 16px;

}
#sort .sortP a {
	text-decoration: underline;
	padding-right: 8px;
	padding-left: 8px;
}}
#sort #left {
	float: left;
}
#sort #right {
	float: right;
}
#sort #right .display {
	float: left;
	padding-left: 5px;
}
/* end sort */

#mainContent .who {
	float: left;
	width: 180px;
	margin-bottom: 25px;
	margin-right: 20px;
	display: inline;
}



#mainContent .who .avatar70 {
	float: left;
	height: 70px;
	width: 70px;
	border: 1px solid #333333;
}
#mainContent .who .name {
	float: left;
	width: 95px;
	padding-left: 10px;
	text-align: left;
}
#mainContent #ctn {
	height: 988px;
	width: 945px;
	float: left;
	background-image: url(../images/ctnbg.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
}








#mainContent #avatar70 {
	height: 70px;
	width: 70px;
	float: left;
	border: 1px dotted #333333;
	margin-bottom: 20px;
}
#mainContent #profiletxt {
	color: #00CCFF;
	float: left;
	width: 560px;
	font-family: "Lucida Sans Unicode", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 26px;
	letter-spacing: -2px;
	margin-bottom: 0px;
	height: 70px;
	line-height: 70px;
	padding-left: 20px;
}
#ctnL .commentslist .commentctn .newcomment_avatar {
	float: left;
	height: 70px;
	width: 70px;
	margin-right: 10px;
	border: 1px dotted #333333;
}
#ctnL .commentslist .commentctn .commentext {
	float: left;
	font-size: 12px;
	line-height: 18px;
}
#ctnL .newly .who .name p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#mainContent #banner290x70 {
	float: right;
	height: 70px;
	width: 290px;
	padding-right: 5px;
}
#ctnL .commentslist .commentctn p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#mainContent #ctn #ctnL .effectBlock_L .line {
	float: left;
	width: 430px;
	display: inline;
	margin-bottom: 5px;
}
