View file style/theme/default/style.css

body {
	color: #709B2F;
	margin: 0 auto;
	max-width: 380px;
	min-width: 100px;
	font-family: arial;
	font-size: 13px;
	background: #D8CBC9;



}


.head {
	background:url(img/head.png) repeat-x #98CE68 center;
	color: #fff;
	width: 100%;
	border-bottom: 2px solid #90C162;
}
.head a.home {
	background:url(img/home.png) no-repeat center rgba(0,0,0,0.04);
	display: inline-block;
	width: 20%;
	float: left;
	padding: 22px 0;
}
.head a.home:hover {
	background:url(img/home.png) no-repeat center   rgba(0,0,0,0.1);
}



.head a.login {
	background:url(img/login.png) no-repeat center rgba(0,0,0,0.04);
	display: inline-block;
	width: 20%;
	float: left;
	padding: 22px 0;
}
.head a.login:hover {
	background:url(img/login.png) no-repeat center   rgba(0,0,0,0.1);
}

.head a.reg {
	background:url(img/reg.png) no-repeat center rgba(0,0,0,0.04);
	display: inline-block;
	width: 20%;
   	float: right;
	padding: 22px 0;
}
.head a.reg:hover {
	background:url(img/reg.png) no-repeat center   rgba(0,0,0,0.1);
}


.head a.logo {
  	background:url(img/logo.png) no-repeat center   rgba(0,0,0,0.04);
	display: inline-block;
	padding: 22px 0;
	width: 60%;
}
.head a.user{
	display: inline-block;
	padding: 22px 0;
	width: 20%;
	float: right;
	background:url(img/user.png) no-repeat center rgba(0,0,0,0.04)
}
.head a.user:hover {
	background:url(img/user.png) no-repeat center   rgba(0,0,0,0.1);
}
.tmn {
	background: #F2F1EC;
	padding: 10px 16px;
	color: #CE896A;
	font-size: 12px;
	text-shadow:0 1px #fff;
	box-shadow: inset 0 1px 4px #E5E5E0;
}
.tmn input[type="text"]{
	border: 0;
	background: #fff;
	border-radius: 3px 0 0px 3px;
	padding: 6px;
	min-width: 82%;
	box-shadow:  0 1px 1px #E8E8E0;
}
.tmn input[type="submit"]{
	background: #FF8383;
	border: 0;
	color: #fff;
	border-radius: 0 3px 3px 0;
	padding: 7px 8px 7px 9px;
	font-size: 12px;
	font-weight: bold;
	margin-left: -3px;
	box-shadow: inset 0 -2px 0px rgba(0,0,0,0.11);
}
.tmn a{

color:#808080;
text-decoration:none;
}

.tmn a:hover {
color:#808080;
text-decoration:none;}


.copy {
	background: #fff;
	padding: 10px 15px;
	color: #888;
	text-align: center;
}

.copy a{
	text-decoration:none;
	color: #888;
	
}

.tn {
	background: #F2F1EC;
	padding: 2px 5px;
	color: #CE896A;
	font-size: 12px;
	text-shadow:0 1px #fff;
	box-shadow: inset 0 1px 1px #E5E5E0;
}

.main {
	background: #fff;
	
	color: #888;
	text-align: center;
}

.main a{
   text-decoration:none;
}

.nv {
	text-align: center;
	font-size: 13px;
	padding: 10px 0 10px 16px ;
	color: #aaa;
	text-align: left;
	text-decoration: none;
	border-radius: 3px;
	background: #EDEDF0 url(img/mark.png) no-repeat center right 12px;
	text-shadow: 0 1px #f0f0f0;
	box-shadow: inset 0 -2px 0px rgba(0,0,0,0.06);
	font-weight: bold;
}

.nv a{
	color: #aaa;
	text-decoration: none;
}
.cat {
	text-align: left;
}
.cat a {
	border-bottom: 1px solid #F2F2F2;
	display: block;
	padding:12px 15px;
	text-decoration: none;
	color: #989386;
	background: url(img/arrow.png) no-repeat center right 16px;
	text-shadow:0 1px #fff;
}

.cat a:hover {
	background: #fafafa url(img/arrow2.png) no-repeat center right 16px;
	color: #64A5ED;
}
.cat a:last-child {
	border-radius: 0 0 5px 5px;
}
.cat a:first-child {
	border-radius: 5px 5px 0 0;
}
.foot {
	background:url(img/foot.png) repeat-x #8F7F6A center;
	height: 46px;
	box-shadow: inset 0 -2px 0px rgba(0,0,0,0.11);
}
.foot a.mail {
	background:url(img/mail.png) no-repeat center rgba(0,0,0,0.04);
	display: inline-block;
	width: 25%;
	float: left;
	padding: 22px 0;
}
.foot a.mail:hover {
	background:url(img/mail.png) no-repeat center   rgba(0,0,0,0.1);
}


.foot a.mail1 {
	background:url(img/mail1.png) no-repeat center rgba(0,0,0,0.04);
	display: inline-block;
	width: 25%;
	float: left;
	padding: 22px 0;
}
.foot a.mail1:hover {
	background:url(img/mail1.png) no-repeat center   rgba(0,0,0,0.1);
}



.foot a.set {
	background:url(img/set.png) no-repeat center rgba(0,0,0,0.04);
	display: inline-block;
	width: 25%;
	float: left;
	padding: 22px 0;
}
.foot a.set:hover {
	background:url(img/set.png) no-repeat center   rgba(0,0,0,0.1);
}
.foot a.bell {
	background:url(img/bell.png) no-repeat center rgba(0,0,0,0.04);
	display: inline-block;
	width: 25%;
	float: left;
	padding: 15px 0;
	text-align:right
}
.foot a.bell:hover {
	background:url(img/bell.png) no-repeat center   rgba(0,0,0,0.1);
}
.foot a.bell1 {
	background:url(img/bell.png) no-repeat center rgba(0,0,0,0.04);
	display: inline-block;
	width: 25%;
	float: left;
	padding: 23px 0;
	text-align:right
}
.foot a.bell1:hover {
	background:url(img/bell.png) no-repeat center   rgba(0,0,0,0.1);
}




.foot a.more {
	background:rgba(0,0,0,0.04);
	display: inline-block;
	width: 25%;
	float: left;
	padding: 15px 0;
}
.foot a.more:hover {
	background:   rgba(0,0,0,0.1);
}
.foot a{
	color:#fff;
    text-decoration:none;
}