/*
Theme Name: Ilosaarirock
Theme URI: http://www.ilosaarirock.fi/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Tommi Rinne
Author URI: http://trinne.kapsi.fi/
Tags: blue, custom header, fixed width, two columns, widgets
*/

body {
padding:0px;
margin:0px;
background-color: #777;
background-image: url(images/_bg.png);
margin: 0 auto;
font-size:100%;
line-height:1.125em;
}

div#container {
text-align:left;
width: 904px;
margin: 0 auto;
background-image: url(images/_shadow.png);
background-repeat: repeat-y;
}

div#content {
width: 850px;
text-align:left;
margin-left:24px;
background-color: #fff;
margin-bottom:0px;
padding-bottom:0px;
overflow:hidden;
font-family: Verdana, Arial, Sans-Serif;
font-size:0.6875em;
}

div#top {
height: 255px;
width: 837px;
}

div#navi {
position:absolute;
top: 235px;
margin-left:170px;
height: 20px;
width:670px;
overflow:hidden;
background-image: url("images/_lmid.png");
background-repeat: no-repeat;
}

#navi ul { padding:0; margin:0; list-style: none; }

#navi li {
float: left;
height: 13px;
margin: 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
margin:5px 15px 0px 0px;
}

#navi li a {
float: left;
display: block;
height: 13px;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

#n1a, #n1a a { background:transparent url("images/_l01.png") 0 -13px no-repeat; width:52px; }
#n2a, #n2a a { background:transparent url("images/_l02.png") 0 -13px no-repeat; width:44px; }
#n3a, #n3a a { background:transparent url("images/_l03.png") 0 -13px no-repeat; width:43px; }
#n4a, #n4a a { background:transparent url("images/_l04.png") 0 -13px no-repeat; width:26px; }
#n5a, #n5a a { background:transparent url("images/_l05.png") 0 -13px no-repeat; width:74px; }
#n6a, #n6a a { background:transparent url("images/_l06.png") 0 -13px no-repeat; width:85px; }
#n7a, #n7a a { background:transparent url("images/_l07.png") 0 -13px no-repeat; width:38px; }
#n8a, #n8a a { background:transparent url("images/_l08.png") 0 -13px no-repeat; width:96px; }

#n1, #n1 a { background:transparent url("images/_l01.png") 0 0 no-repeat; width:52px; }
#n2, #n2 a { background:transparent url("images/_l02.png") 0 0 no-repeat; width:44px; }
#n3, #n3 a { background:transparent url("images/_l03.png") 0 0 no-repeat; width:43px; }
#n4, #n4 a { background:transparent url("images/_l04.png") 0 0 no-repeat; width:26px; }
#n5, #n5 a { background:transparent url("images/_l05.png") 0 0 no-repeat; width:74px; }
#n6, #n6 a { background:transparent url("images/_l06.png") 0 0 no-repeat; width:85px; }
#n7, #n7 a { background:transparent url("images/_l07.png") 0 0 no-repeat; width:38px; }
#n8, #n8 a { background:transparent url("images/_l08.png") 0 0 no-repeat; width:96px; }

#n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover, #n5 a:hover, #n6 a:hover, #n7 a:hover, #n8 a:hover { background-position: 0 -13px; }

#navi li#en { margin-top:0px; height:30px; margin-left:20px; margin-right:6px;}
#en, #en a { background:transparent url("images/_len.png") 0 0 no-repeat; width:31px;}
#navi li#en a { height:20px; }

#navi li#de { margin-top:0px; margin-right:0px; height:30px;}
#de, #de a { background:transparent url("images/_lde.png") 0 0 no-repeat; width:31px; }
#navi li#de a { height:20px; }

div#leipis, div#leipiswide, div#leipisnarrow {
position: relative;
top:30px;
left:30px;
width:580px;
float:left;
margin-bottom:30px;
}

div#leipiswide { width:800px; }
div#leipisnarrow { width:450px; }


div#lnar {
position: relative;
top:30px;
right:12px;
width:200px;
float: right;
color:#000;
background-color:#fde9ad;
text-align: center;
}

div#lnar p {
margin-left: 5px;
margin-right: 5px;
}

div#lnartop {
padding-top:0px;
margin-top:0px;
border:none;
height:6px;
line-height:0px;
}

div#lnarbot {
padding-top:0px;
margin-top:0px;
border:none;
height:89px;
line-height:0px;
}

div#lwide {
position: relative;
top:30px;
right:12px;
width:340px;
float: right;
color:#000;
background-color:#fde9ad;
text-align: center;
}

div#lwide p {
margin-left: 5px;
margin-right: 5px;
}

div#lwidetop {
padding-top:0px;
margin-top:0px;
border:none;
height:6px;
line-height:0px;
}

div#lwidebot {
padding-top:0px;
margin-top:0px;
border:none;
height:89px;
line-height:0px;
}



div#bottom {
text-align:left;
margin: 0 auto;
width:904px;
height:60px;
background-image: url(images/_bshadow.png);
background-repeat: no-repeat;
background-position: 0 0;
line-height:0px;
}

#bottom img { padding-left:24px; }

div#lnar ul {
text-align:left;
margin-left:19px;
padding-left:0px;
}

div#lnar ol {
text-align:left;
margin-left:19px;
margin-right:10px;
padding-left:10px;
}

div#lnar li {
margin-left:2px;
margin-right: 5px;
padding-left:0px;
}

h1 {
font-family: Georgia;
font-weight: normal;
color: #e47b01;
font-size: 2.1em;
margin-top: 0em;
}

h2 {
font-family: Georgia;
font-weight: normal;
color: #707070;
font-size: 1.81em;
margin-top: 2em;
}

.post h2 {
font-family: Georgia;
font-weight: normal;
color: #e47b01;
font-size: 1.81em;
margin-top: 0em;
}

.post h2 a:link, .post h2 a:active, .post h2 a:visited {
font-weight: normal;
}

h3 {
font-family: Georgia;
font-weight: normal;
color: #606060;
font-size: 1.54em;
margin-top: 1.8em;
}

h4 {
font-family: Georgia;
font-weight: bold;
color: #404040;
font-size:1.09em;
margin-top: 1.6em;
margin-bottom: 0.3em;
}

div#lnar h2 {
margin: 20px 0 5px 0;
padding: 0;
font-size: 1.54em;
}

div#lnar ul {
margin-left: 10px;
}

#lnar ul li {
list-style: none;
}

#lnar ul li li {
list-style: disc;
margin-left: 7px;
}

#lnar ul li li li {
list-style: disc;
margin-left: 1px;
}


div#lnar a, div#lnar a:link, div#lnar a:active {
font-size: 0.9em;
}

a:link, a:visited, a:active {
color: #ba131f;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #ba131f;
font-weight: bold;
text-decoration: underline;
}

a:link, a:visited, a:active {
color: #d46b01;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #d46b01;
font-weight: bold;
text-decoration: underline;
}

.post {
margin: 0px 0px 35px 0px;
text-align: left;
}

.post hr {
display: block;
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

img.centered {
padding: 4px;
margin: 0 0 2px 7px;
border:1px solid #e47b01; 
display: inline;
float:right;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
border:1px solid #e47b01; 
display: inline;
}

img.alignnone, img.alignleft {
padding: 4px;
margin: 0 0 2px 7px;
border:1px solid #e47b01; 
display: inline;
}

.alignnone, .alignright, .alignleft {
float: right;
}

/* End Images */