/******以下是默认的设置,你可以随便修改********/
body {background: #272727;}

/*****************************************************************
******************************************************************
以下为所有风格通用样式
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;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
}

li,ul{
	list-style: none;
}

/******************************************
字体
******************************************/

.head3{
   color:#ffffff;
   }
.head2{
   font-size:14px;
   font-weight:bold;
   }
.head{
   font-size:14px;
   line-height:13pt;
   }
.text {
   line-height:13pt;
   }
.text2 {
   line-height:13pt;
   color:#ffffff;
   }
.article {
   font-size: 14px;
   line-height:18pt;
   text-indent:22pt;
   }

/******************************************
表格的边框
******************************************/

.border {
	border: 1px solid #ff6600;
}
.border2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #ff6600;
	border-right-color: #ff6600;
	border-left-color: #ff6600;
}

/******************************************
border:1px solid #ccc; 表单边框为1个像素的实线,
要为虚线改solid为dotted,要换颜色改#ccc
可以自定义背景颜色
background:#eee;
*******************************************/

input,textarea{
	border:0px solid;
}

/******************************************
font-size: 12px;超级链接字体大小
color:字体颜色
text-decoration: none;没有下画线.要有下画线.改none为underline
a 为统一超级链接,
a:link没有点击过的超级链接样式
a:visited 被点击过的超级链接样式
a:hover 鼠标指向时的超级链接样式
a:active 被用户激活(在鼠标点击与释放之间发生的事件)时的样式.少用
*******************************************/

a:link {
	color:#000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
}

/******************************************
右边窄表格模块样式
width:98%;宽度
line-height:17px;字体行高
******************************************/

.MainTable .Side .dragTable{
	width:100%;
}

.MainTable .Side .dragTable .middle{
	line-height:18pt;
}

/******************************************
列表页,包括首页,文章子栏目文章表格样式,表格高度
******************************************/
#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:100%;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:20px;
	text-indent:0.6em;
	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;
}

/******************************************
文章中列表页中的图片主题,图片内边框样式
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;
}

/******************************************
文章列表
padding:7px 5px 0 5px;内间隙,上右下左的距离
border-bottom:1px dashed #ccc;底部虚线,也可改为实线solid 或其他颜色

.listarticle span参数样式
******************************************/

.listarticle td{
	padding:7px 5px 0 0;
	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;
	clear:both;
}

.page a{
	display:block;
	float:left;
	margin-right:3px;
	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;
}

/*****************************************************************************************
*****************************************************************************************
间隔条
*****************************************************************************************
*****************************************************************************************/
.Space{
	padding-top:10px;
}
.Space .L{
	padding:5px 0 0 5px;
	font-weight:bold;
	color:#FFF;
	float:left;
}
.Space .R{
	padding:5px 5px 0 0;
	float:right;
}

/*********************************************************************
**********************************************************************
AJAX在线编辑DIV容器
这个会员看不到.只是版主管理员才可以看到.这是后台风格
一般不必修改了.修改了会员也看不到
**********************************************************************
*********************************************************************/
#AjaxEditTable{
	border:1px solid #ff6600;
	background:#FFF7F7;
}
#AjaxEditTable .head{
	height: 21px;
	background: #FFF7F7;
	border-bottom:1px solid #ff6600;
	padding:3px 5px 0 7px;
}
#AjaxEditTable .head a{
	color:#FFF;
}
#AjaxEditTable .head span{
	DISPLAY: block; 
	FLOAT: right;
}
#AjaxEditTable .middle{
	background:#FFF7F7;
	line-height:18px;
	padding:5px;
}
#AjaxEditTable .middle input,#AjaxEditTable .middle textarea{
	border:1px solid #ff6600;
	background:#FFF7F7;
}