a {
    color: rgb(47, 94, 118);
}

section small {
    color: rgb(40, 20, 20);
}

article, section {
    border-bottom: 1px solid rgb(133, 78, 40);
}

article > header p {
    color: rgb(133, 78, 40);
}

body {
    background: rgb(229, 205, 160) url("../asset/image/gradient.png") repeat-x top;
    color: rgb(40, 20, 20);
}

footer {
    color: rgb(133, 78, 40);
    padding-top: 20px;
}

header.blog-header {
    height: 125px;
}

header.blog-header h1 {
    margin-top: 3px;
}

header.blog-header h1 img {
    display: block;
    width: 697px;
    margin: 0 auto;
}

small.float-right {
    padding-top: 10px;
}

h3 a, p, ul, ol {
    font-size: 100%;
}

h3 small {
    font-size: 70%;
}

h3 p {
    font-size: 90%;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
    header.blog-header h1 img {
        width: 345px;
    }
    header.blog-header {
        height: 70px;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
    header.blog-header h1 img {
        width: 540px;
    }
    header.blog-header {
        height: 100px;
    }
}