/******以下是默认的设置,你可以随便修改********/

/*****************************************************************

******************************************************************

以下为所有风格通用样式

margin: 0;padding: 0;设置外边距,内边距空隙都为0

font-size: 12px;为字体大小.一般表格内的,不受他控制

li,ul设置list-style: none;主要是取消默认的小圆点.不太好看

******************************************************************

*****************************************************************/



body, form, ul, li, p, dl, dd, dt ,h,td,th,h3{

	margin: 0;

	padding: 0;

	font-size: 12px;

}

li,ul{

	list-style: none;

}



/******************************************

TD中的color: #333333;为没有超级链接的字体颜色

VERTICAL-ALIGN: top;表格里的内容居顶

text-align:left;表格里的内容居左

*******************************************/



TD {

	color: #AAAAAA;

	VERTICAL-ALIGN:;

}



/******************************************

border:1px solid #ccc; 表单边框为1个像素的实线,

要为虚线改solid为dotted,要换颜色改#ccc

可以自定义背景颜色

background:#eee;

*******************************************/



input,textarea{

	border:1px solid #ccc;

}



/******************************************

网页整体宽度

******************************************/

.wrap{

	width:1000px;

	margin:auto;

}

/*横幅广告*/

#banner_ad{

	margin-top:5px;

}

/******************************************

font-size: 12px;超级链接字体大小

color:字体颜色

text-decoration: none;没有下画线.要有下画线.改none为underline

a 为统一超级链接,

a:link没有点击过的超级链接样式

a:visited 被点击过的超级链接样式

a:hover 鼠标指向时的超级链接样式

a:active 被用户激活(在鼠标点击与释放之间发生的事件)时的样式.少用

*******************************************/



a {

	font-size: 12px;

}

a:link {

	color: #AAAAAA;

	text-decoration: none;

}

a:visited {

	text-decoration:none;

	color: #AAAAAA;

}

a:hover {

	text-decoration: underline;

	color:#F53E9D;

}

a:active {

	text-decoration: none;

}



body{

background-image:url(bodybg.jpg);

}

/******************************************

#toplogin 网页顶部登录框表格ID编号

background表格背景颜色

height高度

*******************************************/



#toplogin{

	background:#666666;

	height:20px;

}



/******************************************

#toplogin input.login_name用户名表单,

#toplogin input.login_pwd密码表单,写在一行,用,号分开共用样式

width:90px;表单宽

height:15px;表单高

*******************************************/



#toplogin input.login_name,#toplogin input.login_pwd{

	width:90px;

	height:15px;

}



/******************************************

#toplogin input.login_sub提交按钮表单,

width:90px;表单宽

height:15px;表单高

background:#D2E4FC;	背景颜色

*******************************************/



#toplogin input.login_sub{

	width:40px;

	height:19px;

	background:#CCCCCC;

}



/******************************************

#header div 头部LOGO与广告图的容器,

float:left;靠左排列



#header div.ad广告容器,样式指定了靠右

*******************************************/



#header div{

	float:left;

}

#header div.ad{

	float:right;

}



/******************************************

#header头部大表格

margin-bottom:10px;与下面的表格距离10像素

border-top:#ccc 1px solid;表格上方一个像素的实线,颜色为#ccc,

可以把solid改成虚线dotted

#header td 大表格内的TD

padding-top:8px;上方留空8个像素

*******************************************/



#header{

	margin-bottom:10px;

	border-top:#ccc 1px solid;

}

#header td{

	padding-top:8px;

}



/******************************************

#guide头部网站导航表格编号

margin-top:5px;与上方表格距离5像素

border:1px #6B92D6 solid;边框样式solid改为dotted则为虚线

height:28px;高度

background:#D2E4FC;背景颜色

#guide td导航表格内部TD容器

border:1px solid #FFF;内边框样式

padding:6px 3px 4px 3px;导航文字与上右下左的距离

*******************************************/



#guide{

	margin-top:5px;

margin-left:25px;

	border:1px #FFFFFF solid;

	height:21px;

	background:#999999;

}

#guide td{

	border:1px solid #FFF;

	padding:6px 3px 4px 3px;

}



/******************************************

.MainTable .guide样式导航表格样式

margin-top:5px;与上方表格的距离

border:1px #A7CAFA solid;边框样式,solid可更换成dotted虚线

height:20px;表格高度

background:#F5FAFE;表格背景颜色



.MainTable .guide td{ padding:5px; 表格内的文字距离四周的间距

可改成 padding:5px 0 0 0;指上右下左

*******************************************/



.MainTable .guide{

	margin-top:5px;

margin-left:5px;

	border:0px #A7CAFA solid;

	height:20px;

	background:#999999;

}

.MainTable .guide td{

	padding:5px;

}





/*****************************************************************

******************************************************************

内容大表格模块样式

width:100%;占满整个空间宽度

margin-top:5px;与上一个表格间距为5个像素

overflow:hide;内容超过时,将隐藏.不过上面用百分比,一般这里设置无效.

只有上面用具体像素,这里才生效

border:1px #A7CAFA solid;边框样式,1个像素,可以改solid为虚线dotted,要取消边框改



1px为0px

******************************************************************

******************************************************************/

.dragTable{

	width:100%;

	margin-top:5px;

	overflow:hide;

	border:0px #CCCCD4 solid;

	background:url(c_left.gif) repeat-y left;

	

}



.table{

	width:;

	margin-top:0px;

	overflow:hide;

	border:1px #000000 solid;

	

}



.head2{

	margin-top:12px;	

}

/******************************************

内容表格模块头部样式

background:#D2E4FC;背景颜色

height:20px;高度

padding-left:1em;字体与左边距离

padding-top:7px;字体与上方距离

border:1px #FFF solid;内边框样式,一般设置为0px较多,即不要内边框居多

******************************************/



.dragTable .head{

	background:#;

	height:24px;

float:left;

	padding-left:0em;

	padding-top:0px;

	border:0px #FFF solid;

                float:left;

	background:#999 url(top_center.gif);

}



.dragTable .head .L{

	width:18px;

	height:24px;

	float:left;

	background:#000 url(top_left.gif) no-repeat;

}

.dragTable .head .R{

	width:18px;

	height:24px;

	float:right;

	background:#000 url(top_right.gif) no-repeat;

}

.dragTable .head .TAG{

	padding-top:4px;

                padding-left:1em;

	font-weight:bold;

}

.dragTable .foot{

	background:#fff url(f_center.gif) top;

}

.dragTable .foot .L{

	height:18px;

	width:18px;

	float:left;

	background:#fff url(f_left.gif) no-repeat;

}

.dragTable .foot .R{

	height:18px;

	width:18px;

	float:right;

	background:#fff url(f_right.gif) no-repeat;

}



.dragTable .middle{

	background: url(c_right.gif) repeat-y right;



}

/******************************************

模块主题文字

float:left;居左,

可以设置为粗体 font-weight:bold;颜色为color:#000;

******************************************/



.dragTable .TAG{

	float:left;

                padding-left:1em;

}





******************************************

整体大表格之间的间隙

******************************************/

.MainTable{

	margin-top:5px;

}

/******************************************

右边窄表格模块样式

width:98%;宽度

line-height:17px;字体行高

******************************************/



.MainTable .Side .dragTable{

	width:100%;

}



.MainTable .Side .dragTable .middle{

	line-height:17px;

}





/******************************************

右边窄表格最新,最热的内容样式.

	width:210px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

通过设定固定宽度,使控制自动隐藏超出边界的内容自动隐藏,用省略号表示

只对<ul><li>有效

******************************************/



.MainTable .Side .dragTable .middle ul li{

	width:210px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

}



/******************************************

右边窄表格最新,最热的标题样式.

必须<ul><li>有超链接的才有效

display:block;定义链接为实体,方便做效果处理

margin-left:4px;文字与左边大表格边框的距离

text-indent:0.6em;文字与小图标的距离

background:url(title_icon3.gif) no-repeat left;	右边列表,最热,最新等等标题前面



的小图标

no-repeat 不平铺 left;背景居左

******************************************/



.MainTable .Side .dragTable .middle ul li a{

	display:block;

	margin-left:4px;

	text-indent:2.0em;

	background:url(title_icon3.gif) no-repeat left;

}





/******************************************

列表页,包括首页,文章子栏目文章表格样式,表格高度

******************************************/

#AutoRows .dragTable .middle{

	height:100px;

}



/******************************************

列表页,包括首页,文章子栏目文章标题样式

	width:246px;

	display:block;

	overflow:hidden;

	text-overflow:ellipsis;

定义width指定宽度.是为了自动隐藏超出边界的标题.用百分比不能控制

line-height:18px;行高

text-indent:0.6em;文字小图标的距离

background:url(title_icon3.gif) no-repeat ;标题前的小图标

background-position: 0 40%;	小图标X,Y的坐标

******************************************/



#AutoRows .dragTable ul li{

	width:246px;

	display:block;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	line-height:18px;

	text-indent:2.5em;

	background:url(title_icon3.gif) no-repeat ;

	background-position: 0 40%;



}



/******************************************

文章中列表页中的图片主题,图片列表

.listpic每张图的占位空间

width:127px;占位宽度127像素

padding:3px 0 3px 4px;内间隙距离上右下左

float:left;居左排列

.listpic .title图片底下的标题样式

	width:127px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

固定了宽度,控制自动隐藏超出边界的文字

******************************************/



.listpic{

	width:127px;

	padding:3px 0 3px 4px;

	float:left;

}

.listpic .title{

	width:127px;

	text-align:center;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

margin-left:2em;

}



/******************************************

文章中列表页中的图片主题,图片内边框样式

border:1px #FFF solid;边框一个像素,为实线,可以改0px,即取消内边框

改solid为dotted即是虚线

******************************************/



.listpic img{

	border:1px #FFF solid;

	width:120px;

	height:90px;

}



/******************************************

文章中列表页中的图片主题,图片外边框样式

width:120px;	图片外边框宽 height:90px;	图片外边框高

display:block;	定义链接为实体利于加效果

text-align :center;	图片在边框内居中

border:1px #ccc solid;图片外边框样式,要取消边框,可以把1改0,

要加粗粗,把1改成更大的数,要用虚线,可以把solid改成dotted,要换颜色修改#ccc为其他



的

margin-bottom:5px;			与底部文字的距离

******************************************/



.listpic .img a{

	width:120px;

	height:90px;

	display:block;

	text-align :center;

	border:1px #ccc solid;

	margin-bottom:5px;

    margin-left:2em;

}



/******************************************

文章列表

padding:7px 5px 0 5px;内间隙,上右下左的距离

border-bottom:1px dashed #ccc;底部虚线,也可改为实线solid 或其他颜色



.listarticle span参数样式

******************************************/



.listarticle td{

	padding:7px 5px 0 5px;

	border-bottom:1px dashed #ccc;

}

.listarticle span{

	display:block;

	float:left;

}



/******************************************

文章列表

文章标题样式

text-indent: 0.6em;与小图标的距离

background:url(title_icon3.gif) no-repeat left;小图标,居左不平铺

background-position: 0em 40%;小图标是背景,坐标位置



.listarticle span.time{float:right;}时间靠右显示

******************************************/



.listarticle span.title{

	text-indent: 0.6em;

	background:url(title_icon3.gif) no-repeat left;

	background-position: 0em 40%;

}

.listarticle span.time{

	float:right;

}



/******************************************

分页

******************************************/



.page{

	width:98%;

	margin-top:1em;

margin-left:1em;

	clear:both;

}



.page a{

	display:block;

	float:left;

	margin-right:3px;

	border:1px solid #ccc;

	padding:2px 4px 1px 4px;

}



/*****************************************************************

******************************************************************

文章内容页

.content_word,.content_word p多种格式的控制内容的样式,字号为15像素

******************************************************************

******************************************************************/

.content_word,.content_word p{

	font-size:15px;

}



/*****************************************************************************



************

******************************************************************************



************

图片频道,视频,FLASH,音乐,商城,下载频道的列表页的图片列表

******************************************************************************



************

******************************************************************************



************/

/******************************************

display:block;定义为模块

width:98%;宽度为98%

margin:8px 8px 0 10px;与其他的外间隙上右下左的距离

height:100px;高度

overflow:hide;文字超过则隐藏,不过上面宽度只有设置成具体像素才生效.

border-bottom:1px #ccc dotted;底部边框为一个像素的虚线.改成solid则为实线,改成



0px则取消边框

这里特别要注意的是.把宽度改成width:44%;增加一句float:left;就可以一行显示两个

******************************************/



.ListPhoto ul{

	display:block;

	width:96%;

	margin:8px 8px 0 10px;

	height:100px;

	overflow:hide;

	border-bottom:1px #ccc dotted;

}



/******************************************

图片与介绍文字是左右并排

******************************************/



.ListPhoto ul li{

	display:block;

	float:left;

}



/******************************************

图片容器样式,

width:130px;宽

border-right:1px #ccc dotted;容器右边样式,改dotted为solid则为实线,把1px改为0则



取消边框

******************************************/



.ListPhoto ul li.img{

	width:130px;

	border-right:1px #ccc dotted;

}



/******************************************

图片内边框样式

******************************************/



.ListPhoto ul li.img img{

	border:1px solid #ccc;

}



/******************************************

图片外边框样式

	display:block;	定义为实体,方便加效果

	width:120px;	宽

	height:90px;	高

	text-align :center; 图片居中

	background:#eee;	背景颜色,只有图片太小时,才看得到效果.

	border:1px solid #333; 外边框样式,可改solid为dotted虚线.取消边框的话.



改1px为0

******************************************/



.ListPhoto ul li.img a{

	display:block;

	width:120px;

	height:90px;

	text-align :center;

	background:#eee;

	border:1px solid #333;

}



/******************************************

图片的相关文字样式

margin-left:1em;与左边距离1个汉字距离

******************************************/



.ListPhoto ul li.word{

	margin-left:1em;

}



/******************************************

图片的相关文字样式

display:block;做为实体,每个占一行,

overflow:hide,文字超出边界,自动隐藏.一般只有设置了宽度时才生效

******************************************/



.ListPhoto ul li.word span{

	display:block;

	overflow:hide;

}



/******************************************

图片的相关文字,超级链接的文字加粗显示

******************************************/



.ListPhoto ul li.word span.title a{

	font-weight:bold;

}



/*****************************************************************************



************

******************************************************************************



***********

**********评论

******************************************************************************



************

******************************************************************************



************/



#comment .content{

	border:dotted 1px #ddd;

	margin-bottom:10px;

}

#comment .content .word{

	border-bottom:solid 1px #ddd;

	padding-left:5px;

	height:50px;

}

#comment .content .img{

	border-right:dotted 1px #ddd;

	padding:1em;

}

#comment .content .info{

	padding:2px 0 0 5px;

}



/*****************************************************************************



************

******************************************************************************



***********

************留言本

******************************************************************************



***********

******************************************************************************



***********/



.guestbook{

	margin-bottom:4px;

	border:1px dotted #000000;

}

.guestbook .Ftd{

	padding:4px;

	border-right:1px dotted #000000;

}

.guestbook .Atd{

	border-top:1px solid #000000;

	padding-left:4px;

}

.guestbook .Ctd{

	padding:4px;

}



/*****************************************************************************



************

******************************************************************************



***********

网页底部

******************************************************************************



************

******************************************************************************



************/



#footer{

	border-top:#CBCBCB solid 1px;

	margin-top:4px;

}

#footer td{

	padding:1em 0 1em 0;

}





/*****************************************************************************



************

******************************************************************************



***********

间隔条

******************************************************************************



***********

******************************************************************************



***********/

.Space{

	height:23px;

	margin-top:4px;

	background:url(space_bg.jpg);

}

.Space .L{

	padding:5px 0 0 5px;

	font-weight:bold;

	color:#FFF;

}

.Space .L{

	float:left;

}

.Space .R{

	padding:5px 5px 0 0;

	float:right;

}







/*********************************************************************

**********************************************************************

AJAX在线编辑DIV容器

这个会员看不到.只是版主管理员才可以看到.这是后台风格

一般不必修改了.修改了会员也看不到

**********************************************************************

*********************************************************************/

#AjaxEditTable{

	border:1px solid #333333;

	background:#FFF;

}

#AjaxEditTable .head{

	height: 21px;

	background: #999999;

	border-bottom:1px solid #333333;

	padding:3px 5px 0 7px;

}

#AjaxEditTable .head a{

	color:#FFF;

}

#AjaxEditTable .head span{

	DISPLAY: block; 

	FLOAT: right;

}

#AjaxEditTable .middle{

	background:#666666;

	line-height:18px;

	padding:5px;

}

#AjaxEditTable .middle input,#AjaxEditTable .middle textarea{

	border:1px solid #333333;

	background:#FFF;

}









/********

*最后修改于:2008-08-25 13:38

*********/

TD,a,a:visited,a:hover{

	color:;

}



*{line-height:2em;}



input,textarea{

    BORDER-RIGHT: #999999 1px solid;

    PADDING-RIGHT: 2px; 

    BORDER-TOP: #999999 1px solid; 

    PADDING-LEFT: 2px; FONT-SIZE: 12px; 

    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 



StartColorStr=#555555, EndColorStr=#777777); 

    BORDER-LEFT: #999999 1px solid; 

    CURSOR: hand; 

    COLOR: black; 

    PADDING-TOP: 2px; 

    BORDER-BOTTOM: #999999 1px solid

}



.pp {display:block; position:relative; width:50px; height:50px;} 

.p1{display:block; width:50px; height:50px; overflow:hidden; border:1px solid #000000; 



padding:2px; margin:3px; } 

.pp a img {width:100%; height:100%; border:0;} 

.pp a:hover { position:absolute; left:-10px; top:-30px; width:100px; height:100px; 



z-index:100; background:#000000;}



.hot_off {

   BACKGROUND: url(ty1.gif) no-repeat;

   width:40px;

   height:26px;

   padding-top:12px;

}

.hot_on {

   BACKGROUND: url(ty2.gif) no-repeat;

   width:40px;

   height:26px;

   padding-top:10px;

}