/*  
Theme Name: Pinnoite-Sikma 
Theme URI: http://www.pinnoitesikma.com/
Description: Pinnoite-Sikma Oy:n www-sivuston ulkoasu.
Version: 1.0
Author: Janne Argillander
Author URI: http://www.rostech.org/
*/


/* Begin Typography & Colors */
html {
 min-height: 100%;
 margin-bottom: 1px;
}

body {
 font-size: 68.5%;
 font-family: Arial, Helvetica, sans-serif;
 background-color: #6babdd;
 background-image: url(images/background.gif);
 background-position: left top;
 background-repeat: repeat-x;
 color: #404040;
 text-align: center;
}

#container {
 margin: 0;
}

#header {
 margin: 0px;
 padding: 0;
 height: 50px;
 background-image: url(images/background-header.png);
 background-position: left top;
 background-repeat: repeat-x;
}

#navi {
 margin: 0px;
 padding: 5px 0 0 0;
 height: 20px;
 background-image: url(images/background-navi.png);
 background-position: left top;
 background-repeat: repeat-x;
}

#page {
 margin: 0 auto;
 width: 574px;
 background-image:url(images/background-page.png);
 background-position: left top;
 background-repeat: repeat-y;

}

#content {
 font-size: 1.2em;
 margin: -3px 12px 0 12px;
 padding: 0;
 width: 550px;
 background-image:url(images/background-contenttop.gif);
 background-position: left top;
 background-repeat: no-repeat;
}

html>body #content { margin: 0 12px 0 12px; }

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

#navi ul li {
 display: inline;
 margin: 0;
 padding: 0;
 font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
}

#navi ul li a {
 padding: 6px 0 2px 20px;
 margin: 0;
 font-size: 1.1em;
 text-decoration: none;
 color: #fff;
 font-weight: normal;
}

#navi ul li a:hover {
 text-decoration: underline;
}

#navi ul li a.current:link, #navi ul li a.current:hover, #navi ul li a.current:active, #navi ul li a.current:visited {
 display: block;
 width: 120px;
 height: 18px;
 padding: 2px 0 2px 0;
 font-size: 1.4em;
 text-decoration: none;
 color: #196fb1;
 font-weight: bold;
}

#img-header {
 margin: 0px 2px 0px 2px;
 padding: 0;
 background-image:url(images/img-header.jpg);
 background-position: left bottom;
 background-repeat: no-repeat;
 height: 150px;
}

.widecolumn .entry p {
 margin: 15px 0 0 25px;
 font-size: 1.0em;
}

.widecolumn .entry {
 margin: 0;
 padding: 0 20px 20px 20px;
 line-height: 1.4em;
 text-align: left;
 background-image:url(images/background-contentbottom.gif);
 background-position: left bottom;
 background-repeat: no-repeat;
}

.widecolumn {
 line-height: 1.6em;
}


#footer {
 margin: 0 auto;
 width: 574px;
 background-image:url(images/background-footer.png);
 background-position: left top;
 background-repeat: no-repeat;
 text-align: left;
}

small {
 font-family: Arial, Helvetica, Sans-Serif; 
 font-size: 0.9em;
 line-height: 1.5em;
}

#header div.head {
 display: block;
 width: 570px;
 margin: 0 auto;
}
	
div#header h1 {
 text-indent: -9000pt;
 float: left;
 width: 200px;
 height: 50px;
 background-image:url(images/logo.png);
 background-position: 10px 16px;
 background-repeat: no-repeat;
}

h1 {
 margin: 0;
 padding: 0;
}

h2 {
 display: block;
 font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
 font-size: 1.4em;
 font-weight: normal;
 background-image: url(images/bullet_green.png);
 background-repeat: no-repeat;
 background-position: 0 30px;
 padding: 25px 0 0 15px;
 margin: 0;
 color: #196fb1;
}

html>body h3 { margin: 0 0 0 300px; padding-top: 21px; }

h3 {
 margin: 21px 0 0 300px;
 padding: 0;
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 1.2em;
 color: #666;
}

h4 {
 font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
 font-size: 1.2em;
 font-weight: normal;
 padding: 20px 0 5px 25px;
 margin: 0;
 color: #196fb1;
}

hr {
 display: none;
 visibility: hidden;
}

a:link {
 color: #006dc0;
 text-decoration: underline;
}

a:hover, a:active {
 color: #33aaff;
}

a:visited {
 color: #004f8c;
}

span.yhteystiedot-vasen {
 display: block;
 float: left;
 width: 220px;
 margin: 0;
 padding: 0;
}
span.yhteystiedot-oikea {
 display: block;
 width: 240px;
 margin: -18px 0 0 230px;
 padding: 0;
}

/* Begin Structure */
body {
 margin: 0;
 padding: 0; 
}


.widecolumn .post {
 width: 550px;
 margin: 0;
 padding: 0;
}


#footer span {
 display: block;
 padding: 15px 0 0 15px;
 text-align: left;
 color: #237abb;
 font-size: 1.0em;
}

/* End Structure */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body div.post ul {
 padding: 0 0 5px 0;
 margin: 15px 0 5px 90px;
} 

html>body div.post ul ul {
 padding: 0;
 margin: 0px 0 5px 50px;
} 

html>body div#page li {
 margin: 0 0 4px 10px;
}

html>body div#page li a:link, html>body div#page li a:active  {
 text-decoration: underline;
}

html>body div#page li a:hover {
 text-decoration: none;
 color: #6783B5;
}
/* End Entry Lists */



/* Begin Contact Form CSS */

.contactform {
 width: 100%; 
 position: relative;
}
		
.contactleft {
 width: 25%; 
 text-align: right;	
 clear: both; 
 float: left; 
 display: inline; 
 padding: 4px; 
 margin: 5px 0; 
}
		
.contactright {
 width: 70%;  
 float: right; 
 display: inline; 
 padding: 4px; 
 margin: 5px 0; 
}

.contacterror {
 border: 1px solid #ff0000;
}

/* End Contact Form CSS */