/*
Theme Name: Helvetia
Theme URI: http://pixeli.fi/
Description: ...koska Helvetica on niin vitun jees.
Version: 1.0
Author: Riku & Lauri
*/

* { margin: 0; padding: 0; }
body { background: #afafaa url(http://www.pixeli.fi/wp/wp-content/themes/helvetia/bg.png) top center no-repeat; line-height: 1.5em; padding: 28px 0; font-family: arial, sans-serif; font-size: 14px; color: #333; }

#otsikko { margin: 0 auto; width: 734px; }
#navigaatio { text-align: right; font-size: 1.5em; font-weight: bold; }
#navigaatio li { display: inline; padding-right: 28px; }
#navigaatio a { color: #fff; text-decoration: none; }
#navigaatio a:hover { color: #333; }

#kasaaja { margin: 0 auto; width: 676px; background: #fafbf9; padding: 28px 28px 0 28px; border: 1px solid #fafbf9; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }

.postaus, #kommentit ol li div, #kommentit form { width: 500px; }

.postaus .meta { padding-top: 4px; list-style: none; float: right; width: 150px; margin-right: -178px; color: #667; }
.postaus .meta a { text-decoration: none; color: #667; }
.postaus .meta a:hover { color: #c21; }
.postaus .meta a span { font-family: arial, sans-serif; font-style: normal; border: 1px solid #666; padding: 0px 4px; background: #666; border-radius: 1.5em; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; color: #fff; }
.postaus .meta a:hover span { background: #c21; border-color: #c21; }
.postaus .meta .kirjoittaja { padding-bottom: 1em; }
.postaus .meta .kirjoittaja img { float: left; padding-right: 14px; }
.postaus .meta .kirjoittaja a, #staff a.kirjoittaja { display: block; font-size: 1.5em; font-weight: bold; text-decoration: none; line-height: 48px; color: #333; border:none; }
.postaus .meta .kirjoittaja a:hover { color: #c21; }
.postaus hr { margin-bottom: 1em; width: 500px; height: 5px; background: center center no-repeat url(http://www.pixeli.fi/wp/wp-content/themes/helvetia/dotdotdot.png); border-width: 0; }
.postaus .meta strong, .postaus .meta .paivays, em { font-family: georgia, serif; font-style: italic; }


#kommentit ol { margin-top: -14px; list-style: none; }
#kommentit ol li { padding-top: 14px; border-bottom: 3px double #ccc; }
#kommentit ol li .kommentoija { list-style: none; float: right; width: 150px; margin-right: -182px; color: #667; }
#kommentit ol li .kommentoija strong { display: block; font-size: 1.25em; }
#kommentit ol li .kommentoija a { text-decoration: none; }
#kommentit input[type=submit] {background: #c21; border-color: #c21; font-weight: bold; color: #fff; float: right; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 4px; }
#kommentit input[type=submit]:hover { background-color:#e43; border-color:#e43; }
#kommentit input { margin-right: 5px; }
#kommentit textarea { width: 494px; }

.sivutus { font-weight: bold; font-size: 1.1em; border-top: 3px double #ccc; padding: 25px 0 0 0; }
.sivutus a { text-decoration: none; }

h1 { width: 249px; height: 106px; text-indent: -9999px; }
h1 a { background: url(http://www.pixeli.fi/wp/wp-content/themes/helvetia/logo.png) no-repeat center center; display: block; width: 249px; height: 106px; outline: none; }
h2 { border-bottom: 3px double #ccc; padding-bottom: 10px; margin: 0 0 16px 0; font-weight: bold; font-size: 2.25em; line-height: 1.333em; color: #356; }
.postaus h2 { margin-right: -178px; }
h2 a { text-decoration: none; color: #356; }
h2 a:hover, a:hover.tekija { color: #c21; }
h3 { font-size: 1.5em; padding: 0.666em 0; }
p, ol, ul { margin-bottom: 14px; }
blockquote { padding-left: 3em; }
input, textarea { border: 1px solid #ccc; padding: 2px; background: #fff; font-size: 14px; font-family: arial, sans-serif; }
a { color: #c21; }
a:hover { color: #000; }
h2, h3, #navigaatio a, .kirjoittaja a { font-family:"helvetica neue", helvetica, arial, sans-serif; }

#arkisto ul { list-style: none; }
#arkisto ul li { width: 130px; float: left; }
input#s { width: 494px; font-size: 1.5em; }
form#searchform { padding-bottom: 16px; }
input#searchsubmit { margin-left: 28px; border: 1px solid #aaa; border-color: #fff #ddd #bbb #ddd; font-size: 1.5em; background: #eee; width: 144px; }
input#searchsubmit:hover { background: #eaeaea; }

#staff { list-style: none; padding-bottom: 2em; }
#staff li img { padding-right: 16px; float: left; }
#staff li { display: block; float: left; width: 160px; height: 48px; }
#staff li span { display: block; margin-top: -1.25em; font-size: 0.8em; font-style: italic; font-family: georgia, serif; }

.alignleft { float: left; }
.alignright { float: right; }
img { border: none; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0 0 14px 14px; display: inline; }
img.alignleft { padding: 0 14px 14px 0; display: inline; }
img.alignnone { padding-top:4px; }

#kommentit ol li:after, #arkisto ul:after, #staff:after, .sivutus:after { content: " "; display: block; clear: both; }