* { margin: 0; padding: 0; border: 0; outline: 0; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
:focus { outline: 0; }

/* yleiset */
a { color: #eee; background-color: transparent; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #015cb9; }
a:visited { color: #eee; }
a:hover, a:active { color: #eee; text-decoration: underline; }

/* osiot */
html { background: #003e7b; }
body { background: #003e7b; color: #ddd; font: 13px/21px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; text-align: center; text-rendering: optimizeLegibility; }

div#content {
 width: 480px; 
 margin: 20px auto 0; 
 text-align: left;
 color: #ddd;
 background: rgb(1, 92, 185);
 border: none;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -moz-box-shadow: 0 0 10px #2c2c2c;
 -webkit-box-shadow: 0 0 10px #2c2c2c;
 box-shadow: 0 0 10px #2c2c2c;
 padding-bottom: 40px;
 overflow: hidden;
 z-index: 10;
 position: relative;
 text-shadow: 0 1px 0 #333;
}

/* header */
h1 {
 width: 480px;
 height: 120px;
 text-align: left;
 font-size: 24px;
 display: block;
 position: relative;
 font-weight: normal;
 text-transform: uppercase;
 font-family: "Arial Narrow", Helvetica, Arial, Verdana, sans-serif;
}
h1 span.ir {
 background: transparent url(http://kalamuki.net/wp-content/themes/kalamuki-4/images/kalamuki-h1.jpg) no-repeat 0 0;
 position: absolute;
 width: 100%;
 height: 100%;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
h1 span.pad { display: block; padding: 85px 66px 0 !important; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
 display: block;
 color: #eee;
 border: none;
 background: transparent;
 text-decoration: none;
 font-weight: normal;
 cursor: pointer;
}
div.section { padding: 0 66px; text-align: left; }
p { margin: .7em 0; }
img#wpstats { background: transparent; border: 0; padding: 0; height: 1px; }

h2 { font-size: 1.2em; }
h3 { margin: 20px 0 5px; font-weight: normal; }
ul { margin: 0 0 20px 17px; list-style-type: disc; }
li { margin-left: 0; padding-left: 5px; }
ul a { font-weight: normal !important; border-bottom: 1px dotted #fff; }
ul a:hover { text-decoration: none; border-bottom: none; }
#bigPicture { display: block; width: 100%; height: 100%; z-index: 1; position: absolute; right: 0; bottom: 0; }