/*
Theme Name: Humppa
Theme URI: http://humppa.com/
Description: Ugly but ... ugly.
Version: 1
Author: Humppa
Author URI: http://humppa.com/
*/

* { font-weight: normal; margin: 0; padding: 0; }

html { font-size: 62.5%; }

body {
 font-size: 1.1em;
 font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
 margin: 0;
 color: #333;
 line-height: 1.6em;
 background: #fff;
}

/*Basics*/
a { text-decoration: none; color: #005cb8; }
a:hover { color: #000; text-decoration: underline; }

img { border: 0; }
a img { padding: 3px !important; background-color: #fff !important; border: none !important; }
a:hover img { background-color: #005cb8 !important; }
a:active img { background-color: #f00  !important;}

strong, b { font-weight: bold; }

blockquote { border-left: 3px solid #ccc; padding-left: 5px; margin-left: 5px; }

h1, h1 a { color: #444; }
h2 { font-size: 1.3em; font-weight: bold; margin-bottom: 1em; }
h3 { font-size: 1.2em; font-weight: bold; margin-bottom: .5em; padding-top: 1em; clear: both; }
h2 a, h3 a { font-weight: bold !important; }
h4 { font-size: 1.1em; font-weight: bold; color: #444;  }

ul, ol { margin: 10px 0 20px 20px; padding: 0; }
ol { margin-top: 10px; margin-left: 20px; clear: both; }
ul li { list-style: disc; clear: both; }
ul li a { }
ul li a:hover { }

ul li ul { display: none; }

dt { clear: both; font-weight: bold; }
dd { margin-bottom: 10px; }

dt img { padding: 0 !important; margin-bottom: 10px; }

/*Layout*/
#main { margin: 0 auto; text-align: center; width: 680px; position: relative; background: #006699; }
#skip { display: none; }
#header { width: 100%; height: 130px; text-align: left; position: relative; }

h1 {
 display: block;
 width: 680px;
 height: 130px;
 color: #fff;
 position: relative;
 overflow: hidden;
}
h1 span {
 background: url(images/humppalogo.gif) no-repeat;
 position: absolute;
 height: 100%;
 width: 100%;
}
#header h2 { display: none; }

#content { width: 540px; min-height: 522px; padding: 2em 0; background: #eee; text-align: left; border-left: 140px solid #006699; }
.narrow #content { width: 400px; border-right: 140px solid #6699cc; overflow: hidden; }

#secondSidebar { position: absolute; top: 130px; right: 0; width: 120px; padding: 35px 10px 0; text-align: left; overflow: hidden; }
#secondSidebar h3 { margin-top: 8px; margin-bottom: 10px; }
#secondSidebar ul { margin: 0 0 20px; }
#secondSidebar li { list-style: none; margin: 5px 0 0; padding: 0 0 2px; line-height: 1.2; text-overflow: hidden; background: transparent url(images/kupla.png) no-repeat 16px 0; padding: 5px 0 2px; }
#secondSidebar li a { display: block; overflow: hidden; }
#secondSidebar li img { width: 116px !important; padding: 2px !important; background-color: #6699cc !important; border: none !important; }
#secondSidebar li a:hover img { background-color: #000 !important; }
#secondSidebar a.rsswidget { color: #fff; font-size: 1.2em; margin: 0 0 20px; font-weight: bold; }
#secondSidebar li a.rsswidget { color: #005cb8 !important; background: #eee; padding: 5px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 1em; margin: 0; font-weight: normal; -webkit-box-shadow: 0 1px 1px #666; -moz-box-shadow:  0 1px 1px #666; box-shadow: 0 1px 1px #666; }
#secondSidebar li a.rsswidget:hover { color: #333 !important; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
#secondSidebar a.rsswidget img { display: none; }

#nav { position: absolute; top: 165px; left: 0; width: 140px; color: #eee; background: #006699; font-size: 90%; text-align: left; }
#nav ul { margin-top: 0; margin-left: 0; border-top: 1px solid #ccc; }
#nav li { list-style: none; border-bottom: 1px solid #ccc; margin-bottom: 0; }
#nav li a { color: #eee; display: block; padding-left: 10px; }
#nav li a.fi, #nav li a.en { font-weight: bold; text-transform: uppercase; }
#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_ancestor a { color: #c5161e; background: #d3d3d3; text-decoration: none; }
#nav h4 { margin: 1em 0 0; padding-left: 10px; color: #aaa; font-weight: bold; }
#nav address { margin: 1em 0 0; padding-left: 10px; color: #eee; font-style: normal; }

.date { clear: both; text-align: right; }
.post { font-size: 1em; margin-right: 20px; margin-bottom: 20px; padding: 0 0 0 20px; }
.wide .post { margin-right: 30px; }
.post p { margin: 4px 0 .7em 0; }

.post img, .post object { -webkit-box-shadow: 0 1px 2px #666; -moz-box-shadow:  0 1px 2px #666; box-shadow: 0 1px 2px #666; }
#humppa-shows .post ul img { -webkit-box-shadow: 0 0 0; -moz-box-shadow:  0 0 0; box-shadow: 0 0 0; }
.post object { display: block; }

.navpages { clear: both; height: 20px; margin: 20px 15px 0 20px; padding-top: 3px; font-size: 1.1em; }
.navpages-single { margin-top: 60px; }
#footer { clear: both; width: 100%; padding: 5px 0; background: #006699; color: #eee; text-align: center; font-size: 1.1em; }

/* MISC */
.rightalign { float: right; width: 130px; padding: 5px 10px; margin-left: 20px; line-height: 1.3em; background: #d3d3d3; }
ul.rightalign { margin-top: 0; }
.rightalign li { margin-bottom: 10px; }

.block { clear: both; }
.alignleft { float: left; margin: 5px 10px 10px 0; }
.alignright { float: right; margin-left: 5px 0 10px 10px; }

#commentform label { width: 14em; vertical-align: middle; float: left; clear: both; }
#commentform input[type=text] { width: 200px; padding: .2em; vertical-align: middle; background: #eee; border: 1px solid #ccc; }
#commentform input#submit { width: 200px; float: right; }
#commentform textarea { width: 99%; padding: .2em; background: #eee; border: 1px solid #ccc; }
#commentform input:focus, #commentform textarea:focus { background: #fff; }
.commentOfficialUser cite { color: #f00; font-weight: bold; }
a.flickeriin { color: #fff !important; }

ul.commentlist { list-style: none; margin-left: 0; }
.commentlist li { list-style: none; margin-bottom: 10px; padding: 5px; background: #ddd; }
.commentlist li.alt { background: #eee; }

div.wp-caption { background: #fff; padding: 0 0 5px; margin-bottom: 1em; max-width: 360px !important; -webkit-box-shadow: 0 1px 2px #666; -moz-box-shadow:  0 1px 2px #666; box-shadow: 0 1px 2px #666; text-align: center; }
div.wp-caption img { max-width: 354px !important; -webkit-box-shadow: 0 0 0; -moz-box-shadow:  0 0 0; box-shadow: 0 0 0; }
p.wp-caption-text { text-align: center; padding: 0 10px; }
ul.manualgallery { clear: both; padding: 0; margin: 10px 0; }
ul.manualgallery li { width: 160px; clear: none; float: left !important; text-align: center; margin: 0 0 10px; padding: 0; list-style-type: none;}
ul.manualgallery li span { display: block; }
ul.smallergallery li { width: 85px; }

.gallery .gallery-item { float: left; width: auto !important; display: inline !important; margin-left: 5px; }
.gallery .gallery-item span { display: block; text-align: center; margin-bottom: 20px; }
.gallery .gallery-item span.gallery-icon { margin-bottom: 0; }

.ad { clear: both; position: relative; margin: 2em 0; border: 1px solid #0066cc; padding: 5px 5px 25px; }
.ad strong a { font-weight: bold !important; }
.ad span { position: absolute; right: 0; bottom: 0; padding: 2px 2px 2px 3px; background: #0066cc; color: #fff; }
img#wpstats { width: 0; height: 0; }