header, nav, section, article, figure, figcaption, aside, footer
{
display: block;
}
body
{
color: #666666;
background-color: #e7e7e7;
background-image: url("images/kayu.jpg");
background-position: center;
font-family: Georgia, \'Times New Roman\', Times, serif;
line-height: 1.4em;
margin: 0px;
}
.wrapper
{
width: 940px;
margin: 20px auto 20px auto;
border: 2px solid #000000;
background-color: #fcfcfc;
}
header
{
height: 160px;
background-image: url("images/header.png");
}
h1
{
text-indent: -9999px;
width: 940px;
height: 130px;
margin: 0px;
}
nav, footer
{
clear: both;
color: #ffffff;
background-color: #de6581;
height: 30px;
}
nav ul
{
margin: 0px;
padding: 5px 0px 5px 30px;
}
nav li
{
display: inline;
margin-right: 40px;
}
nav li a
{
color: #ffffff;
}
nav li a:hover, nav li a.current
{
font-weight: bolder;
color: #f0efef;
}
section.courses
{
float: left;
width: 659px;
border-right: 1px solid #eeeeee;
}
article
{
clear: both;
overflow: auto;
width: 100%;
}
hgroup
{
margin-top: 40px;
}
figure
{
float: left;
width: 300px;
height: 220px;
padding: 5px;
margin: 20px;
background-color: #ffffff;
border: 1px solid #eeeeee;
}
figure img
{
width: 280px;
height: 200px;
}
figcaption
{
font-size: 90%;
text-align: center;
}
aside
{
width: 230px;
float: left;
padding: 0px 0px 0px 20px;
}
aside section a
{
display: block;
padding: 10px;
border-bottom: 1px solid #eeeeee;
}
aside section a:hover
{
color: #985d6a;
background-color: #efefef;
}
a
{
color: #de6581;
text-decoration: none;
}
h1, h2, h3
{
font-weight: normal;
}
h2
{
margin: 10px, 0px, 5px, 0px;
padding: 0px;
}
h3
{
margin: 0px, 0px, 10px, 0px;
color: #de6581;
}
aside h2
{
padding: 30px 0px 10px 0px;
color: #de6581;
}
footer
{
font-size: 80%;
height: 30px;
padding: 7px, 0px, 0px, 20px;
}