/*
Theme Name: Classic Ranska
Theme URI: http://www.timovirtanen.net
Description: Classic Ranska WordPress theme
Version: 2
Author: Timo Virtanen
Author URI: http://www.timovirtanen.net
*/

html, body, div, span, h1, h2, 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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: none;
}
ol, ul {
	list-style: none;
}


body { text-align: center; background: url(bg.png) repeat-x top; font: 14px Helvetica, arial, sans-serif; color: #444; line-height: 25px; padding-top: 10px; }

#wrap { width: 960px; margin: 0 auto 40px; text-align: left; background: #fff; -moz-border-radius: 20px; border-radius: 20px; overflow:auto; }
#banner { position: relative; margin: 15px auto 0; width: 960px; height: 320px; background: url(ranskabanner.png); }
  #banner a { position: absolute; width: 720px; bottom: 0; left: 20px; height: 250px; }
  #banner a:hover { background: none; }

#content { padding: 40px 20px 20px 20px; float: left; width: 640px; margin-right: 20px; }
#side { padding: 40px 0; }
#side h3 { margin-bottom: 10px; }

#footer { text-align:left; width: 960px; padding: 20px 0; margin: 0 auto; overflow: hidden; border-top: 1px solid #ddd; }
  #footer h3, #footer p { margin: 0 20px 20px 20px; }
  #footer img { float: left; margin: 0 20px 20px 20px; }

.post { margin: 0 0 20px; border-bottom: 1px solid #ddd; padding-bottom: 40px; }
#postNavi { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; overflow: hidden; }
  #postNavi li { float: right; }
  #postNavi li:first-child { float: left; }
.post ul { list-style: disc; padding-left: 40px; }
  .post ul li { margin-bottom: 20px; }

.wp-caption { padding: 10px 0 10px 10px; margin-bottom: 20px; background: #eee; }
.wp-caption p { text-align: center; margin: 0 10px 0 0; font-style: italic; }
.aligncenter { margin-left: auto; margin-right: auto; }

h1 { text-indent: -9999px; }
#authorTop { position: absolute; right: 334px; bottom: 0; color: #fff; font-size: 16px; }
#blogDesc { position: absolute; right: 334px; bottom: 32px; color: #fff; font-size: 16px; }
h2 { font-size: 24px; color: #000; letter-spacing: 1px; }
h2 a { text-decoration: none; }
p.postDetails { font-size: 12px; margin:0; }
p object { text-align: center; margin: 0 auto; }

a { color: #4E65B7; }
a:visited { color: #c61717; }
a:hover { background: #4E65B7; color: #fff; }

.sociable a:hover { background: none; }

h3 { font-size: 20px; }

.commentlist { margin: 20px 0; }
.avatar { float: left; margin: 5px 5px 5px 0; }
.comment-meta { font-size: 12px; }

#comments form { margin-top: 20px; }
form label { display: block; }
textarea { width: 400px; height: 200px; }

.thread-even { padding: 10px; background: #eee; }
.thread-odd { padding: 10px; }
ul.children { padding-left: 70px; }
.thread-even ul.children li { padding: 10px; background: #ddd; }
.thread-even ul.children li li { padding: 10px; background: #ccc; }

.thread-odd ul.children li { padding: 10px; background: #eee; }
.thread-odd ul.children li li { padding: 10px; background: #ddd; }


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