/*
Theme Name: Annapuu
Theme URI: http://www.annapuu.fi/
Description: Theme for annapuu.fi
Version: 1.0
Author: 7am
Author URI: http://www.7am.fi/
*/

html, body {
    margin: 0;
    padding: 0;
}

html {
    background: url(img/bg.jpg) no-repeat center top fixed;
}
body {
    background: url(img/bg_nature.png) no-repeat center top;
}

img {
    border: none;
}

/* http://codex.wordpress.org/Using_Images */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#container {
    margin: 0 auto;
    width: 980px;
}

#header {
    background: url(img/header_bg.png) no-repeat;
    height: 577px;
    position: relative;
}
#logo a {
    background: url(img/logo.png) no-repeat;
    display: block;
    outline: none;
    text-indent: -9999em;
    height: 227px;
    width: 391px;
    position: absolute;
    left: 49px;
    top: 98px;
}
#some {
    margin: 0;
    position: relative;
}
#some li {
    list-style: none;
}
#some li a {
    display: block;
    outline: none;
    text-indent: -9999em;
}
#some .youtube a {
    background: url(img/header_yt.png) no-repeat;
    height: 58px;
    width: 58px;
    position: absolute;
    left: 538px;
    top: 217px;
}
#some .facebook a {
    background: url(img/header_fb.png) no-repeat;
    height: 40px;
    width: 62px;
    position: absolute;
    left: 587px;
    top: 236px;
}

#navigation {
    font-size: 350%;
    margin: 0;
    text-transform: lowercase;
    position: absolute;
    top: 290px;
}
#navigation a {
    color: #cc3029;
    outline: none;
    text-decoration: none;
}
#navigation li {
    float: left;
    list-style: none;
    margin: 0 0.4em 0 0.6em;
}
#navigation li.selected {
    background: url(img/navigation_selected.png) no-repeat center bottom;
}
#carousel {
    margin: 0;
    position: absolute;
    top: 362px;
}
#carousel li {
    list-style: none;
}

#content-container {
    background-color: #000;
    color: #fff;
    padding-top: 8px;
}
#content {
    display: inline;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-left: 19px;
    width: 468px;
}

.entry {
    margin-bottom: 40px;
}
.entry h1, #sidebar h2 {
    color: #cc3029;
    font-size: 350%;
    line-height: 80%;
    margin: 0 0 19px 0;
}
.entry h1 a {
    color: #cc3029;
    outline: none;
    text-decoration: none;
}
.entry .meta {
    display: block;
    margin-bottom: 19px;
}
.entry .text {
    line-height: 150%;
}
.entry a {
    color: #fff;
}
.page-template-page_keikat-php .entry li {
    list-style: none;
    margin: 0 0 19px 0;
}
.page-template-page_keikat-php .entry li span {
    display: block;
    float: left;
    width: 80px;
}
.entry .like {
    margin-top: 19px;
}

.page-navi {
    margin: 0 0 19px 0;
}
.page-navi li {
    list-style: none;
}
.page-navi a {
    color: #fff;
    font-weight: bold;
}
.page-navi .next {
    float: right;
}
.page-navi .prev {
    float: left;
}

#sidebar {
    display: inline;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-left: 19px;
    width: 300px;
}
#sidebar ul {
    margin: 0;
}
#sidebar li {
    list-style: none;
    margin: 0 0 19px 0;
}
#sidebar li a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#sidebar li a:after {
    content: " ›";
}
#sidebar li span {
    display: block;
}
#sidebar .facebook {
    background-color: #fff;
}

#sidebar-ad {
    display: inline;
    float: left;
    margin: 17px 0 0 19px;
    width: 140px;
}
#sidebar-ad .ad {
    margin-bottom: 19px;
}

#footer {
    background-color: #000;
    clear: both;
    display: block;
}
#footer span {
    color: #fff;
    display: block;
    float: left;
    font-size: 93%;
    padding: 38px 0 0 19px;
}
#footer ul {
    float: right;
    padding: 38px 20px 19px 0;
    margin: 0;
    display: block;
    width: 320px;
    height: 60px;
}
#footer li {
    float: left;
    list-style: none;
    padding: 0 0 0 40px;
}
#footer a {
    display: block;
    outline: none;
    text-indent: -9999em;
}
ul#logos li.rokkikauppa a {
    background: url(img/footer_rokkikauppa.gif) no-repeat;
    margin-top: 11px;
    height: 30px;
    width: 180px;
    display: block;
}
ul#logos li.sonymusic a {
    background: url(img/footer_sonymusic.gif) top center no-repeat;
    height: 52px;
    width: 50px;
    display: block;
}

a.post-edit-link {
    background: #00a651;
    color: #fff;
    padding: 6px;
    text-decoration: none;
    text-align: right;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
}
.clearfix {
    zoom: 1;
}