/*
Theme Name: timovirtanen.net
Theme URI: http://www.timovirtanen.net
Description: timovirtanen.net - WordPress theme
Version: 1
Author: Timo Virtanen
Author URI: http://www.timovirtanen.net
*/

html, body, div, span, h1, h3, a, img, small, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, button { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: none; }
ol, ul {	list-style: none; }

html { height: 100%; }

body { background: #fff; font: 13px Helvetica, Arial, sans-serif; }

#wrap { width: 960px; margin: 60px 50px; }
#content { width: 640px; }
#side { position: absolute; top:50px;right:50px; text-align: right; }
  #side li { margin: 0 0 20px 0; text-transform: lowercase; }
  #side li a { background: #111; text-decoration: none; color: #fff; margin: 10px 0; padding: 5px; line-height: 16px; font-size: 20px; }
  #side a:hover { color: #ccc; }
#copyright { margin: 50px 0 20px 50px; }

a { color: #111; }
a:hover { color: #fff; background: #111; }

h1 { font-size: 36px; text-transform: uppercase; letter-spacing: 10px; }
  h1 a { text-decoration: none; background: #111; color: #fff; padding: 5px 2px 5px 10px; }
  h1 a:hover { color: #ccc; }
.postDetails { margin: 0 0 30px; }
h2 { text-transform: uppercase; letter-spacing: 5px; margin: 0; }
  h2 a { text-decoration: none; }
  h2.title { margin-bottom: 30px; border-bottom: 2px solid #111; width: 620px; }
  h2 span { text-transform: lowercase; font-size: 12px; }

.post { line-height: 20px; }
.post p, .post li, .post table { text-shadow: #ddd 1px 1px; }
.post ul { list-style-type: disc; padding-left: 35px; }
.post li a:hover { text-shadow: none !important; }
.post p a:hover { text-shadow: none !important; }
.more-link { display: inline-block; text-shadow: none; background: #111; text-decoration: none; color: #fff; margin: 10px 0; padding: 5px; line-height: 16px; font-size: 20px; }
  .more-link:hover { color: #ccc; }


#navi { margin: 10px 0 100px; overflow: hidden; }
  #navi li { float: left; }
  #navi a { float: left; background: #111; text-decoration: none; color: #fff; margin: 5px 10px 0 0; line-height: 16px; font-size: 20px; padding: 5px; }
  #navi a:hover { color: #ccc; }

.post { margin-bottom: 100px; }
  .comments { background: #111; text-decoration: none; color: #fff; margin: 0 10px 0 0; padding: 5px; line-height: 16px; font-size: 20px; }
  .comments:hover { color: #ccc; }

#tietoaWrap { display: none; position: fixed; bottom:0;right:50px; background: url(i/timo.png) no-repeat bottom right; width: 800px; height: 472px; }
#tietoa { background: #000; position: absolute; bottom: 24%; right: 55%; padding: 20px 20px; color: #fff; width: 280px; }
  #tietoa p { text-shadow: none; }
  #tietoa a { color: #fff; }
  #bubble { background: transparent url(i/bubble.png); position: absolute; bottom: 0; right: -36px; width: 36px; height: 25px; }

#tyot li { margin-bottom: 60px; }

#postNavi { margin-bottom: 20px; padding-bottom: 20px; overflow: hidden; }
  #postNavi li { float: right; }
  #postNavi li:first-child { float: left; }

.commentlist { margin: 20px 0; }
.avatar { display: none; }
.comment-meta { font-size: 12px; }

#comments form { margin-top: 20px; }
form label { display: block; margin-top: 20px; }
input { font: 13px Helvetica, Arial, sans-serif; }
textarea { width: 400px; height: 200px; font: 13px Helvetica, Arial, sans-serif; }

.comment { background: #111; color: #fff; padding: 10px; margin-bottom: 30px; }
  .comment a { color: #fff; }

.comment ul.children li { background: #fff; color: #000; }
  .comment ul.children li a { color: #000; }
.comment ul.children li li { background: #111; color: #fff; }
  .comment ul.children li li a { color: #fff; }

#comments li { position: relative; }
#comments .reply { position: absolute; top:10px ;right: 10px;}


// table td:first-child { width: 180px; }
  table td { padding: 5px; }
  table tr td { border-bottom: 1px solid #ddd; }