body {
    border: 0;
    margin: 0;
    padding: 0;

    background: url(/gfx/back.png) top center repeat-x #d2d2d2;

    text-align: center;
    line-height: 14pt;

    font-family: Arial, sans-serif;
    font-size: 8pt;
    color: #666;
}
body.blog {
    line-height: 16pt;

    font-size: 9pt;
    color: #333;
}

h1,
h2 {
    font-size: 8pt;
}
body.blog h1 {
    font-size: 18pt;
    margin: 5px 0;
}
body.blog h1 a {
    border: 0;
}

blockquote {
    font-style: italic;
    color: #999;
}

span {
    font-size: 8pt;
    color: #999;
}

a {
    text-decoration: none;
    border-bottom: 1px solid #999;
    color: #666;
}
body.blog a {
    border-bottom-width: 2px;
}
a:hover {
    color: #333;
    border-bottom-color: #333;
}

img {
    border: 0;
}

hr {
    height: 1px;
    border: 0;

    background-color: #999;
}

div#box {
    position: relative;
    margin: 100px auto;

    width: 600pt;
    min-width: 800px;
    min-height: 250px;

    background: url(/gfx/card.png) top center no-repeat transparent;
}
body.blog div#box {
    width: 100%;
}

div.col {
    position: absolute;
    top: 210px;
    text-align: left;
}

div.content {
    left: 250px;
    width: 300px;
}
body.blog div.content {
    left: 0;
    width: 77%;
    margin: 0;
    padding: 0;

    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    background-color: #fff;
}
body.blog div.content div.entry {
    margin: 50px;
}

div.entry div {
    width: 66%;
    text-align: justify;
}
div.entry img {
    float: right;

    margin: 0 0 10px 25px;
    padding: 1px;
    border: 1px solid #bbb;
}

div.menu {
    left: 0;
    width: 240px;
}

div.menu img {
    float: left;

    margin-right: 5px;
    padding: 1px;
    border: 1px solid #999;
}

div.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
div.menu li {
    margin: 0;
    padding: 0;
}

div.menu ul li img {
    float: none;
    vertical-align: sub;

    margin: 5px 5px 0 0;
    border: 0;
}
div.menu ul li a {
    border: 0;
}

div.sidebar ul,
div.content ul {
    list-style: square;
    padding-left: 0;
}

div.sidebar {
    left: 580px;
    width: 240px;
}
body.blog div.sidebar {
    left: 77%;
    width: 20%;

    margin: 50px 0;
}
body.blog div.sidebar div {
    min-width: 200px;

    margin: 0 0 1px 2px;
    padding: 10px;
    background-color: #bbb;

    font-size: 12pt;
    color: #fff;
    vertical-align: middle;
}
body.blog div.sidebar div:hover {
    background-color: #aaa;
}

body.blog div.sidebar div.ico_rss {
    background-image: url(/gfx/ico_rss.png);
    background-position: 93% 10px;
    background-repeat: no-repeat;
}
body.blog div.sidebar div.ico_flickr {
    background-image: url(/gfx/logo_flickr.png);
    background-position: 90% 16px;
    background-repeat: no-repeat;
}
body.blog div.sidebar div.ico_mf {
    background-image: url(/gfx/logo.png);
    background-position: 90% 16px;
    background-repeat: no-repeat;
}

body.blog div.sidebar div img {
    margin-left: 10px;
    vertical-align: middle;
}

div#logo {
    position: relative;
    top: 85px;
}
div#logo p {
    margin-top: 20px;
}
div#logo a {
    text-decoration: none;
    border: 0;

    font-size: 8pt;
    font-weight: bold;
    color: #ccc;
}
div#logo a:hover {
    border: 0;
    color: #bbb;
}
div#copy {
    font-size: 7pt;
    text-indent: 0;

    margin: 16pt 0;
}