main.css

具有一般blog的相册、文章、作品等功能程序结构也比较清晰采用三层结构开发（利用了SQLHelper.cs（源码））采用了UrlReWrite技术后台采用FTB(FreeTextBox)编辑器

img  {
border: 0px;
}
hr	{
width:100%;height:1px;color:#cccccc;
}
body {
    font-family: verdana, arial, helvetica, sans-serif,宋体;
    font-size: 12px;
    color: #000000;
	background-color: #FBFBFB;
    letter-spacing : 1px;
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px; 
}

h1 {font-size: 27px;margin-top : 5px;}
h2 {font-size: 23px;margin-top : 3px;}
h3 {font-size: 18px;margin-top : 3px;margin-bottom : 3px;}
h4 {font-size: 14px;margin-top : 3px;margin-bottom : 3px;}
h5 {font-size: 12px;margin-top : 3px;margin-bottom : 3px;}

#top
{
	background-image: url("../images/t_bg.jpg");
	width:100%;
	height:79px;
	overflow:hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#top_left
{
	background-image: url("../images/t_left.jpg");
	float:left;
	width:18px;
	height:79px;
	overflow:hidden;
}
#top_title
{
	background-image: url("../images/t_title.jpg");
	float:left;
	width:214px;
	height:79px;
	overflow:hidden;
}
#top_right
{
	background-image: url("../images/t_right.jpg");
	float:right;
	width:18px;
	height:79px;
	overflow:hidden;
}
#nav_menu
{
	font-size: 14px;
	font-weight:bold;
	width:100%;
	height:30px;
	margin-top: 15px;
	padding-top:8px;
	background-color: #F2F2F2;
	overflow:hidden;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
}
#nav_menu a{margin-right:10px;text-decoration: none;}


#main
{
	width:75%;
	float:right;
	margin-top: 15px;
	overflow:hidden;
}
#main ul
{
margin : 5px 0px;
padding-left:0px;
}
#main li
{
	list-style:none outside none;
	margin-bottom : 20px;
}


#menu
{
	width:20%;
	float:left;
	margin-top: 15px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	overflow:hidden;
	background-color: #F2F2F2;
	/*white-space : nowrap;*//*不许换行*/
}
#menu ul
{
	margin : 5px 0px 0px 15px;
	padding-left:0px;
}
#menu li
{
	list-style:url(../images/li.gif) outside;
	height:20px;
}
#menu p
{
	text-align:center;
}


#bottom
{
	clear: both;/*自动高度时候防止层叠*/
	color:#666666;
	width:100%;
	overflow:hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#bottom a
{
	margin-right:10px;
}

#content
{
	width:100%;
	margin-top: 15px;
	overflow:hidden;
	line-height:20px;
}
#content dt
{
	margin-top: 15px;
	font-size: 14px;margin-bottom : 3px;font-weight:bold;
}
#content dd
{
	
}
#content li
{
	margin-bottom : 15px;
}
#content_main
{
	font-size:15px;
}

/*定义时间字体样式*/
.timefont
{
	font-size: 10px;
	color: #999999;
	letter-spacing : 0px;
}
#comment
{
	background-color: #F2F2F2;
	margin-top : 25px;
	padding : 5px 15px 5px 15px;
}
#comment ul
{
margin : 5px 0px;
padding-left:0px;
}
#comment li
{
	list-style:none outside none;
	margin-bottom : 25px;
}

/*the other style for nav links,should modify the padding-top value to 0px*/
/*
#nav_menu a {
	color: #003366;
	text-decoration: none;height:30px;padding: 8px,8px,0px,8px;}
#nav_menu a:hover {
	color: #003366;
	text-decoration: none;
	border:1px solid #c0c0c0;
	background-color:#FFFFFF;
	height:30px;padding: 7px,7px,0px,8px;}
#nav_menu a:visited {
	color: #003366;
	text-decoration: none;}
#nav_menu a:active {
	color: #003366;
	text-decoration: none;}
*/

a:link {
	color: navy;
	text-decoration: underline;}
a:hover {
	color: #ff3300;
	text-decoration: underline;
}
a:visited {
	color: #800080;
	text-decoration: underline;}
a:active {
	color: #ff3300;
	text-decoration: underline;}