@charset "utf-8";
/* CSS Document */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
margin: 0;
padding: 0;
color: #504d3e;
}
a {
text-decoration: none;
}
h1, p, hr {
margin-top: 0;
}
h1 {
font-size: 300%;
margin-bottom: 0.5em;
}
p {
margin-bottom: 1em;
}
hr {
background: #c4c4c4;
border: none;
clear: both;
color: #c4c4c4;
height: 1px;
margin: 0 0 1em;
width: 100%;
}
ul {
margin: 0;
list-style: none;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
#wrap, #header, #main-body, #footer {
float: left;
width: 100%;
}
#wrap {
background: #ccdb00;
}
/* header start */
#header {
background: #817f73 url(../images/bg_header.gif) repeat-x left top;
border-bottom: 4px solid #ffffff;
padding: 20px 0;
}
.logo {
float: left;
width: 400px;
}
.nav {
float: right;
font-size: 110%;
padding-top: 20px;
}
.nav ul {
float: left;
list-style: none;
}
.nav ul li {
float: left;
margin-left: 20px;
font-weight: bold;
}
.nav ul li a {
color: #ffffff;
}
.nav ul li.current a {
color: #ccdb00;
}
.nav ul li a:hover {
border-bottom: 2px solid #ccdb00;
}
/* header end */
#main-body {
background: #fcfcfc url(../images/bg_mainbody.jpg) repeat-x left top;
padding: 50px 0;
}
.container {
width: 900px;
margin: 0 auto;
padding: 0;
}
.content {
float: left;
width: 400px;
}
.sidebar {
float: right;
}
/* footer start */
#footer {
clear: both;
background: #ccdb00 url(../images/bg_footer.gif) repeat-x left top;
border-top: 4px solid #ffffff;
}
.column1, .column2, .column3 {
float: left;
padding: 20px 0 30px 0;
}
.column1 h2, .column2 h2, .column3 h2 {
color: #ffffff;
font-size: 110%;
margin: 0 0 1.2em;
}
.column1, .column2 {
width: 294px;
margin-right: 21px;
background: url(../images/bg_column.gif) no-repeat right top;
}
.column3 {
width: 270px;
}
ul.list-blog {
padding: 0;
width: 100%;
font-weight: bold;
font-size: 90%;
}
.list-blog li {
background: url(../images/bg_listblog.gif) no-repeat left top;
padding: 8px 0 6px 0;
margin: 0;
}
.list-blog li a {
color: #504d3e;
display: block;
}
.list-blog li.bg {
background: url(../images/bg_listbloghover.gif) repeat-y 0 0;
}
.list-blog li a:hover {
color: #ffffff;
}
.list-blog li a .number {
color: #ffffff;
margin-right: 10px;
}
.siteinfo {
float: left;
width: 100%;
padding: 0 0 30px;
font-size: 90%;
}
/* footer end */