/* General */
* {
    margin: 0;
    padding: 0;
}

body  {
    background: #c6cdce url("images/bbg.png") 0px 0px repeat-x;
    color: #86999c;
    text-align: left;
    font: 12px Tahoma, Geneva, sans-serif;
}

img {
    border: 0;
}

a {
    color: #489cd9;
    text-decoration: underline;
}

a:hover {
    color: #489cd9;
    text-decoration: none;
}

/* Layout */
.wrapper {
    margin: 15px auto 15px;
    width: 818px;
}

.layout {
    width: 818px;
    background: url("images/lbg.png") repeat-y 0 0;
}

.top {
    width: 818px;
    height: 20px;
    background: url("images/top.png") no-repeat 0 0;
}

.bottom {
    position: relative;
    z-index: 1;
    width: 818px;
    height: 20px;
    background: url("images/bottom.png") no-repeat 0 0;
}

/* Header */
.header {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 0;
    width: 760px;
}

.logo {
    padding: 0 0 15px;
    border-bottom: 1px solid #c6cdce;
    line-height: 24px;
}
.logo a {
    color: #9cacaf;
    text-decoration: none;
    font-size: 40px;
}
.logo a span {
    color: #489cd9;
}

.menu {
    overflow: hidden;
    padding: 10px 0 0;
    list-style: none;
    text-align: center;
}
.menu li {
    float: left;
    margin: 0 30px 0 0;
}
.menu li a {
    display: block;
    width: 116px;
    height: 47px;
    color: #a0a7a8;
    text-decoration: none;
    line-height: 36px;
    font-size: 18px;
}
.menu li.active a {
    background: url("images/ibg.png") no-repeat 0 0;
    color: #f8f9f9;
}
.menu li a:hover {
    background: url("images/ibg.png") no-repeat 0 0;
    color: #f8f9f9;
}

.banner {
    position: relative;
    margin: 10px 0 0;
    width: 760px;
    height: 300px;
    background: url("images/hpic.jpg") no-repeat 0 0;
}
.banner .slogan {
    position: absolute;
    top: 83px;
    left: 62px;
    text-align: right;
    font-size: 18px;
}
.banner .tour {
    position: absolute;
    top: 140px;
    left: 225px;
    display: block;
    padding: 0 0 0 40px;
    height: 32px;
    background: url("images/icon.png") no-repeat 0 0;
    color: #489cd9;
    text-decoration: none;
    line-height: 31px;
    font-size: 18px;
}
.banner .tour:hover {
    text-decoration: underline;
}

.author {
    position: absolute;
    top: 25px;
    right: 1px;
}

/* Holder */
.holder {
    margin: 0 auto;
    padding: 33px 0 0;
    width: 760px;
}

.content {
    float: left;
    width: 540px;
}

.post {
    margin: 0 0 25px;
    padding: 0 0 18px;
    border-bottom: 1px solid #c6cdce;
}
.post h2 {
    margin: 0 0 18px;
    color: #576769;
    font-size: 14px;
}
.post p {
    margin: 0 0 18px;
}

.previews {
    margin: 0 -80px 0 0;
    display: inline-block;
}
.preview {
    float: left;
    margin: 0 80px 20px 0;
    width: 220px;
    border: 0;
}
.preview h2 {
    margin: 0 0 10px;
}

.button {
    display: block;
    width: 112px;
    height: 35px;
    background: url("images/button.png") no-repeat 0 0;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    line-height: 32px;
    font-size: 18px;
}
.button:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Sidebar */
.sidebar {
    float: right;
    margin: 0 0 10px 0;
    width: 200px;
    border-left: 1px solid #c6cdce;
}

.sidebar h3 {
    margin: 0 0 30px 20px;
    color: #576769;
    font-size: 14px;
}
.sidebar ul {
    margin: 0 0 55px 20px;
    list-style: none;
}
.sidebar ul li {
    display: block;
    margin: 0 0 6px 0;
    padding: 0 0 0 7px;
    background: url("images/liimg.gif") no-repeat 0 6px;
}
.sidebar ul li a {
    color: #86999c;
    text-decoration: none;
}
.sidebar ul li a:hover {
    text-decoration: underline;
}

.sidebar .newsletter {
    overflow: hidden;
    padding: 0 0 10px;
    background: #c6cdce;
}
.sidebar .newsletter h3 {
    margin: 0 0 10px 20px;
    padding: 10px 0 0;
}
.sidebar .newsletter form {
    margin: 0 0 0 20px;
}
.sidebar .newsletter form input {
    width: 166px;
    height: 22px;
    border: 0;
    background: url("images/input.png") no-repeat 0 0;
    text-indent: 8px;
}
.sidebar .newsletter .button {
    margin: 15px 0 0 75px;
}

/* Footer */
.footer {
    position: relative;
    top: 11px;
    z-index: 2;
    clear: both;
    margin: 0 auto 0;
    width: 800px;
    height: 68px;
    background: url("images/footer.png") repeat-x 0 0;
}
.footer .inner {
    padding: 20px 15px 0 20px;
}
.footer .inner p {
    color: #d8dfe0;
}
.footer .inner p a {
    color: #ffffff;
    text-decoration: underline;
}
.footer .inner .terms {
    float: left;
}
.footer .inner p a:hover {
    text-decoration: none;
}
.footer .inner ul {
    float: right;
    list-style: none;
}
.footer .inner ul li {
    float: left;
    margin: 0 5px 0 0;
}
.footer .inner ul li a {
    display: block;
    width: 32px;
    height: 32px;
}
.footer .inner ul li.youtube a {
    background: url("images/youtube.png") no-repeat 0 0;
}
.footer .inner ul li.facebook a {
    background: url("images/facebook.png") no-repeat 0 0;
}
.footer .inner ul li.twitter a {
    background: url("images/twitter.png") no-repeat 0 0;
}
.footer .inner ul li.flickr a {
    background: url("images/flickr.png") no-repeat 0 0;
}