/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

html *, body {
  margin: 0; padding: 0;
}

body {
  background: #d2d2d2 url('/img/body-bg.gif') repeat;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 14px;
}

div#maincontainer {
  background: #d3d3d3 url('/img/maincontainer-bg.png') repeat-y;
  margin: 0 auto;
  width: 825px;
}
div#container {
  background: #fff;
  margin-left: 13px;
  width: 800px;
}
div#header {
  background: #d3d3d3 url('/img/header-bg.png') no-repeat;
  height: 308px;
  width: 800px;
}
div#navi {
  position: absolute;
  bottom: 28px;
  left: 20px;
  text-align: center;
  width: 470px;
}
div#navi a { color: #ffecbc; font-size: 18px; font-weight: bold; text-decoration: none; text-tranform: uppercase; }
div#navi a:hover { color: #fff; }

div#main {
  float: right;
  padding: 20px;
  width: 532px;
}

h1 { color: #a08749; font-size: 62px; margin-top: 8px; }
h2 { color: #9f7244; font-size: 18px; margin: 30px 0px 15px 0px; }
h3 { color: #9f7244; font-size: 16px; font-style: italic; margin: 30px 0px 15px 0px; }
p { color: #675321; line-height: 1.5em; margin-top: 20px; }
a:link { color:#6aa91d; }
a:visited { color:#6aa91d; }
a:hover { color:#8fec1d; }
a:active { color:#ff0522; }
table td { padding: 4px; }
ul { list-style-type: square; margin-top: 20px; }
strong { color: #a08749; }
img.pikkukuva { float: right; }
div.divider { border-bottom: 1px dotted silver; }

div#sidebar {
  background: #ffffff url('/img/sidebar-bg.gif') top right no-repeat;
  float: left;
  padding: 40px 10px 0px 20px;
  width: 190px;
}

ul { list-style-position: outside; margin-left: 20px; font-size: 14px; }
div#main ul li { color: #a98f4c; list-style-type: square; }

div#sidebar ul { margin-left: 10px; }
div#sidebar div#uutiset ul li { list-style-type: none; margin-top: 10px; }
.page_item { background: url('/img/li-bullet.gif') no-repeat; padding-left: 20px; }
.page_item a { color: #a08749; font-size: 16px; }



div#footer {
  background: #d3d3d3 url('/img/footer-bg.gif') no-repeat;
  height: 93px;
  margin-top: 20px;
  padding: 30px 10px 0px 30px;
  width: 760px;
}
#footer #footer1 { float: left; height: 90px; width: 280px; }
#footer #footer2 { float: left; height: 90px; width: 240px; }
#footer #footer3 { float: left; height: 90px; width: 240px; }
#footer #footer4 { float: left; height: 90px; width: 80px; }

.center { text-align: center; }
.right { float: right; }

div.linkit { text-align: center; }
div.linkit a img { margin: 5px 20px 5px 20px; }