#header #mainImage
{position: relative;overflow: hidden;width: 960px;
    height: 427px;
}#infoarea
{float: left;

    width: 460px;height: 340px;
}#infoarea #bloginfo,
#infoarea #newsinfo
{position: relative;overflow: hidden;

    width: 450px;height: 170px;
}#infoarea h3
{
    position: absolute;top: 0;
}#infoarea ul
{
    position: absolute;top: 50px;
}#infoarea ul li
{
    overflow: hidden;height: 100%;margin: 0 0 5px 5px;
}#infoarea ul li time
{font-size: 11px;

    display: block;float: left;width: 70px;text-align: center;color: #20539f;background: url(../images/newsdate_bg.png) repeat left top;
}#infoarea ul li span
{
    display: block;float: right;width: 360px;padding: 0 0 0 10px;
}#blogarea
{
    position: relative;float: left;width: 243px;height: 349px;background: url(../images/top_blog_bg.png) no-repeat left top;
}#blogarea h3
{
    position: relative;top: 21px;left: 25px;height: 60px;
}#blogarea ul
{
    overflow: auto;width: 230px;height: 260px;margin: 8px 0 0 0;
}#blogarea li
{position: relative;

    overflow: hidden;height: 80px;margin: 0 20px 10px;
}#blogarea li img
{
    float: left;margin: 0 10px 10px 10px;border: 2px solid #ccc;
}#blogarea li cite
{font-weight: bold;

    display: block;overflow: hidden;height: 17px;margin: 0 0 5px;
}#blogarea li a
{
    color: #c1272d;
}#blogarea li q
{line-height: 100%;

    display: block;overflow: hidden;height: 35px;
}#blogarea li small
{font-size: 11px;

    display: block;overflow: hidden;height: 15px;text-align: right;
}#topbanarea
{
    position: absolute;right: 0;width: 268px;
}#topbanarea #facebookban
{
    position: absolute;top: 10px;right: 15px;
}#topbanarea #twitterban
{
    position: absolute;top: 120px;right: 14px;
}#topbanarea #staffblogban
{
    position: absolute;top: 230px;right: 0;
}