/* -----------------------------------------------------------------------


www.kolahti.com
site spesific CSS
author: mik@kolahti.com

----------------------------------------------------------------------- */

body {
color:#414632;
font-family:georgia, palatino, serif;
background:#ffb500;
}

.container {
padding:0 75px 0 75px;
margin:0 auto;
background:url(../../images/layout/container_bg.png) no-repeat;

}

#indexUpdate {
background:#ffb500 url(../../images/layout/update.png) top center no-repeat;
}


#topBorder {
position:absolute;
top:0
margin:0 auto;
height:3px;
width:950px;
z-index:30000;
background:#ade600;
}

.logoPrint {
visibility:hidden;
display:none;
height:0;
line-height:0;
}

h1  {
text-indent:-9999px;
}

h1 a {
margin:15px 0 0 20px;
display:block;
width:233px;
height:70px;
overflow:auto;
background:url(../../images/layout/kolahti_logo.png) no-repeat;
}

h1 a:hover {
background-position:0 -70px;
}

h2 {
margin:0;
padding:0;
}

#index h2 {
margin:74px 0 7px -2px;
padding:0;
text-indent:-9999px;
background:url(../../images/layout/index_h2b_bg.png) no-repeat;
height:20px;
display:block;
}

#work h2 {
height:22px;
text-indent:-9999px;
margin:70px 0 9px 0;
padding:0;
width:100%;
background:url(../../images/layout/work_h2_bg.png) no-repeat;
margin-left:-3px;
}

#personal h2 {
height:22px;
text-indent:-9999px;
margin:70px 0 9px 0;
padding:0;
width:100%;
background:url(../../images/layout/personal_h2_bg.png) no-repeat;
}


hr {
height:1px;
width:100%;
color: #ade600;
background-color: #ade600;
margin:0;
padding:0;
line-height:0;
}


#mainContent { 
padding:20px 0 100px 0;
clear:both;
}

#index #mainContent {
padding-top:10px;
}

#mainContent p {
font-size:1em;
}

#mainContent h3 {
color:#90c000;
padding:0 0 0.1em 0;
margin:0;
font-family:'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size:1.5em;
}

#mainContent h3 em {
font-size:0.65em;
font-style:normal;
color:#999;
letter-spacing:1px;
}

.mainImage {
display:block;
height:446px;
width:630px;
}


.thumbPanel {
width:320px;
float:left;
padding:0;
margin:0;
}


.about {
height:386px;
width:570px;
display:block;
padding:20px;
}


.about em {
color:#666;
font-size:1.1em;
}

.about strong {
color:#444; 
font-weight:normal;
}

.about a {
background:#ade600;
color:#414632;
padding:1px 5px 2px 5px;
text-decoration:none;
font-family:'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

.about a:hover {
color:#fff;
}

.about .altLink {
font-size:1em;
background:none;
color:#9c0;
text-decoration:none;
padding:0;
}

.about .altLink:hover {
background:none;
color:#333;
}

#work #img_01 {
background:#fff url(../../images/content/work/01/01_01.png) bottom right no-repeat;
}

#work #img_07 {
background:#fff url(../../images/content/work/02/02_01.jpg) bottom right no-repeat;
}

#work #img_13 {
background:#fff url(../../images/content/work/03/03_01.png) bottom right no-repeat;
}

#work #img_19 {
background:#fff url(../../images/content/work/04/04_01.png) bottom right no-repeat;
}

#work #img_25 {
background:#fff url(../../images/content/work/05/05_01.png) bottom right no-repeat;
}

#work #img_31 {
background:#fff url(../../images/content/work/06/06_01.png) bottom right no-repeat;
}

#work #img_37 {
background:#fff url(../../images/content/work/07/07_01.png) bottom right no-repeat;
}

#work #img_43 {
background:#fff url(../../images/content/work/08/08_01.png) bottom right no-repeat;
}

#work #img_49 {
background:#fff url(../../images/content/work/08/08_01.png) bottom right no-repeat;
}

#work #img_55 {
background:#fff url(../../images/content/work/10/10_01.png) bottom right no-repeat;
}

#work #img_61 {
background:#fff url(../../images/content/work/11/11_01.jpg) bottom right no-repeat;
}

#work #img_67 {
background:#fff url(../../images/content/work/12/12_01.png) bottom right no-repeat;
}


#personal #img_01 {
background:#fff url(../../images/content/personal/01/01_01.png) bottom right no-repeat;
}

#personal #img_07 {
background:#fff url(../../images/content/personal/02/02_01.png) bottom right no-repeat;
}

#personal #img_13 {
background:#fff url(../../images/content/personal/03/03_01.png) bottom right no-repeat;
}

#personal #img_19 {
background:#fff url(../../images/content/personal/04/04_01.png) bottom right no-repeat;
}

#personal #img_25 {
background:#fff url(../../images/content/personal/05/05_01.png) bottom right no-repeat;
}

#personal #img_31 {
background:#fff url(../../images/content/personal/06/06_01.png) bottom right no-repeat;
}

/*lovely sticky footer */

html, body, #footer_wrap {
height: 100%;
}


body > #footer_wrap {height: auto; min-height: 100%;background:url(../../images/layout/top_bg.png) no-repeat;
}

#footer {
position: relative;
margin-top: -150px; /* negative value of footer height */
height:150px;
clear:both;
width:100%;
text-align:center;
line-height:0;
float:left;
}

.footerfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.footerfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.footerfix {display: block;}
/* End hide from IE-mac */