/* ########################################################## */
/*															  */
/*	  Aucor Oy												  */
/*	  css design for wordpress by Janne J��skel�inen 2009	  */
/*	  janne@aucor.fi 										  */
/*															  */
/* ########################################################## */

/* First we need to reset style formats... */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body{
	background: #2e2f2a url(imgs/bg.jpg) repeat-x left top;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 236px;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/*	Common text formatting																								  */	
/* ---------------------------------------------------------------------------------------------------------------------- */
h1{		
	color: #690d25;
	font-size: 25px;
	font-family:"Trebuchet MS", Arial, Helvetica;
	line-height: 26px;
	margin-bottom: 15px;

}

h2{		
	color: #333;
	font-size: 18px;
	font-family:"Trebuchet MS", Arial, Helvetica;
	line-height: 22px;
}
h3{		
	color: #333;
	font-size: 15px;
	font-family:"Trebuchet MS", Arial, Helvetica;
	line-height: 25px;
}
p{
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	color: #272727;
	line-height: 16px;
	margin: 0 0 12px 0;
}
em, i {
	font-style:italic;
	color: #666666;
}
strong, b{
	font-weight:bold;
}
ul{
	margin: 0 80px 20px 50px;
}
li{
	list-style-type: none;
	background: url(imgs/list_ok_bullet.gif) no-repeat left 0;
	padding: 0 0 0 20px;
	margin: 3px 0 3px 10px;
	line-height: 16px;
}
a,
a:link,
a:visited,
a:active{
	color: #880829;
	text-decoration: none;
}
a:hover{
	color: #880829;
	text-decoration: none;	
}
#contentArea a{
	padding: 2px 5px 2px 5px;
	margin: 0 -5px 0 -5px;
	text-decoration: none;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;	
}
#contentArea p a{
	font-style: italic;
}
/* Webkit Niceties, thanks for Sam Brown (http://sam.brown.tc) for the tip! */
#contentArea a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #640f26;
	-webkit-transition-duration: .43s;	
	-webkit-transition-property: color, background;
}

abbr, acronym, .help {
  border-bottom: 1px dotted #333 !important;
  cursor: help;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/*	Structure stuff																										  */	
/* ---------------------------------------------------------------------------------------------------------------------- */

#page{
	width: 950px;
	margin: 0 auto 30px auto;
	padding: 0;
}
#logo{
	height: 112px;
	text-align: center;
}
#navi{
	background: url(imgs/naviBg.jpg) no-repeat left top;
	height: 54px;
}
#slogan{
	height: 236px;
}
#contentArea{
	width: 950px;
	background-color: #fff;
	float: left;
}
#footer{
	float: left;
	width: 950px;
	height: 47px;
	background: url(imgs/footer2.gif) no-repeat left top #fff;
	color: #666;
	font-size: 11px;
}
#footer:after{
	content:"."; display: block; height:0; clear:both; visibility:hidden; line-height:1px;
}
#footerLeft{
	float: left;
	line-height:  47px;
	width: 500px;
	padding: 0 0 0 30px;
}
#footerRight{
	float: right;
	line-height: 47px;
	width: 350px;
	padding: 0 30px 0 0;
	text-align: right;
}
#footer span.lightgrey{
	color: #ccc;
}
#footer input{
	border: 1px solid #ccc;
	height: 18px;
	padding: 0 3px 0 2px;
	color: #999;
	-moz-border-radius: 3px;
	border-top-left-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 11px;

}
#footerRight #submitter{
	border: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	height: 18px;	
	padding: 0 3px 0 3px;
}

/* Frontpage */
#column1{
	float: left;
	width: 560px;
}
#column1 h1{
	margin: 60px 0 10px 80px;
}
#column1 h3{
	margin: 23px 30px 3px 78px;
}
#column1 p{
	margin: 0 70px 10px 80px;
}

#column3{
	float: left;
	width: 348px;
	height: 330px;
	margin: 27px 0 30px 0;
}
#column3 h3{
	padding: 0;
}
#column3 p{
	margin: 0 10px 10px 50px;
}
#column3 p a{
	font-style: normal;
}
#blogStuff{
	width: 320px;
	float: left;
}
#blogStuff ul{
	margin: 0 0 0 0px;
}
#blogStuff ul li{
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0 0 0 12px;
	background:url(imgs/sidebar_arrow.gif) no-repeat left 3px;
}
#blogStuff ul li a{
	text-decoration: none;
	margin-right: 5px;
}
#blogStuff ul li span{
	color: #999;
}

#rss{
	text-align: left;
	background:url(imgs/rss.jpg) no-repeat left top;
	line-height: 18px;
	padding: 0 25px 0 25px;
	margin: 15px 0 0 48px;
}
#rss a{
	text-decoration: none;
}
#rss a:hover{
	text-decoration: underline;
}

#rssFrontpage{
	float:  left;
	text-align: left;
}
#rssFrontpage h3{
	margin: 18px 0 3px 0px;	
}
#rssBtnFrontPage a:hover{
	background: none !important;	
}
#rssBtnFrontPage{
	height: 20px;
	width: 20px;
	float: left;
	margin: 21px 0 0 5px;
	padding: 0;
}
#rssBtnFrontPage img{
	padding:  0;
	margin: 0;
}

#frontReferences{
	margin: 20px 0 0 0;
}

/* Subpages */
#contentColumn{
	float: left;
	width: 680px;
	background-color: #fff;
}
#contentColumn h1{
	margin: 50px 50px 12px 50px;
	line-height: 30px;
}
#contentColumn h2{
	margin: 15px 0 6px 50px;
}
#contentColumn h3{
	margin: 0 0 0 50px;
}

#contentColumn p{
	margin: 0 60px 10px 50px;
}
table.referenssitable{
	width: 550px;
}
table.referenssitable{
	margin: 0 0 30px 60px;
}
table.referenssitable td{
	padding: 2px 10px 2px 0;
	line-height: 16px;
}

table.referenssitable td.col1{
	color: #666;
}

#naviColumn h2{
	margin: 48px 0 5px 50px;
}
#naviColumn h3{
	margin: 10px 0 0 50px;
}
#naviColumn p{
	margin: 0 0 5px 50px;
}
form{
	margin: 0 0 0 50px;
	padding: 0;
}
#juttulista p{
	line-height: 13px;
}
#juttulista p a{
	text-decoration: none;
}
#juttulista p span{
	color: #999;
}
.skypebtn:hover{
	border: none;
	background: none !important;
}
/* ---------------------------------------------------------------------------------------------------------------------- */
/*	SIDEBAR																												  */	
/* ---------------------------------------------------------------------------------------------------------------------- */
#naviColumn{
	float: left;
	width: 260px;
}

#naviColumn ul{
	margin: 50px 25px 25px 35px;
}
#naviColumn ul li{
	margin: 0;
	list-style: none;
	background:url(imgs/sidebar_li_bg.jpg) no-repeat left top;
	line-height: 27px;
	padding-left: 27px;
}
#naviColumn ul li.selected{
	background:url(imgs/sidebar_li_bg_selected.jpg) no-repeat left top;
}
#naviColumn ul li.selected a{
	color: #86212f;
}
#naviColumn ul li a{
	color: #666;
	text-decoration: none;
	font-size: 12px;
}
#naviColumn ul li a:hover{
	text-decoration: none;
	color: #fff;
}

/* SubFooter*/
#subFooter{
	width: 950px;
	text-align: center;
	line-height: 35px;
	font-size: 12px;
	color: #333;
}
#subFooter a:link, 
#subFooter a:visited,
#subFooter a:active{
	margin: 0 5px 0 5px;
	color: #666;
	text-decoration: none;
}
#subFooter a:hover{
	color: #ccc;
	background: none;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/*	TESTIMONIALS																										  */	
/* ---------------------------------------------------------------------------------------------------------------------- */

#page .suositus{
	margin: 0px 120px 20px 50px;
	width: 520px;
}
#page .suositus p{
	margin: 0;
}
#page .suosittelija{
	margin: 5px 0 20px 10px;
	color: #999;
	line-height: 16px;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/*	BLOGI																												  */	
/* ---------------------------------------------------------------------------------------------------------------------- */
.dateandauthor{
	color: #999;
	margin: 3px 0 3px 50px;
	padding-top: 10px;
}
.frontpage{
	background:url(imgs/fiiliskuvat/koleat.jpg) no-repeat 540px 320px;
}
.blogisivu{
	margin: 50px 0 0 0;
}
.post{	
	margin: 0 0 20px 0;
}
.subpage .postmetadata{
	border: 2px solid #efefef;
	background-color: #efefef;
	padding: 7px; 
	font-size: 11px;
	line-height: 13px;
	color: #999;
	font-style: italic;
}
p.postmetadata{
	margin: 20px 75px 0 50px !important;
	padding: 0;
	text-align: center;
}
p.bloginEtusivu{
	text-align: left;
	padding-bottom: 15px;
}

.subpage .postmetadata a:link, 
.subpage .postmetadata a:visited,
.subpage .postmetadata a:active{
	text-decoration: underline;
	color: #666;
}
.subpage .postmetadata a:hover{
	text-decoration: none;
	background: none;
}

.navigation{
	margin: 0 0 15px 50px;
}

/* Comments */
.commentlist li{
	background:url(images/commentsbg.gif) no-repeat left top;
	border: 1px solid #dcdcdc;
	margin: 0 90px 20px 0;
}
.commentAuthor {
	padding: 5px 0px 5px 10px !important;
	width: 75px;
	text-align: center;
	float: left;
}
.commentlist li{
	padding: 10px 0 0 0 !important;
	list-style-type: none;
}
li.commentlistli{
	float: left;
	width: 588px;
	margin: 10px 0 0 0;
}
.commentlist li p{
	padding: 5px 0 0 50px !important;
	font-size: 12px !important;
	line-height: 17px !important;
	color: #333333 !important;
}
.gravatar{
	width: 75px;
	text-align: center;
	float: left;
	padding: 7px 0 10px 0 !important;
}
h3#comments{
	display: none;
}
#commentform input{
	padding: 2px 3px 2px 3px;
	height: 18px;
	-moz-border-radius: 3px;
	border-top-left-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
}
#commentform textarea{
	width: 688px;
	-moz-border-radius: 3px;
	border-top-left-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border: 1px solid #ccc;
}
#commentform input#submit{
	height: 23px;
	padding: 2px 7px 2px 7px;
}
.replyForm{
	margin: 20px 0 20px 0;
	float: left;
}
.replyForm h3{
	margin: 0 0 10px 0;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/*	MISC																												  */	
/* ---------------------------------------------------------------------------------------------------------------------- */
#skypeboksi{
	margin: 0 50px 0 50px;
}
#skypeboksi a:hover{
	background: none;
}

.kategoryList{
	color: #666;
}
span.kategoriaIngress p{
	font-style: italic !important;
	color: #666666;
	padding: 0 0 13px 0;
}

/* formi */
#tilaaArvio{
	padding: 0;
	margin: 30px 0 0 50px;
	color: #595a5c;	
}
#tilaaArvio div{
	float: left;
	width: 600px;
	margin: 0 0 10px 0;
}
#tilaaArvio div label{
	width: 120px;
	float: left;
	line-height: 18px;
}
#tilaaArvio div#suora{
	float: left;
	margin: 0 0 0 120px;
}
#tilaaArvio div#suora input{
	width: 18px;
	margin-right: 5px;
	float: left;
}
#tilaaArvio div label.oikeelle{
	float: left;
	width: 554px;	
	line-height: 18px;
}

#tilaaArvio input{
	height: 16px;
}
#sender{
	margin: 10px 0 0 120px;
	height: 20px !important;
	font-size: 12px;
	
}

#tilaaArvioBtn{
	width: 169px;
	height: 37px;	
	margin: 20px 0 30px 50px;
	background: url(imgs/tilaa_ilmainen_arvio.jpg) no-repeat left top;
}
#tilaaArvioBtn.frontpage{
	margin-left: 85px;
}
#tilaaArvioBtn a{
	width: 169px;
	height: 37px;
	display: block;
	background: none;
	color: #690d25;
	margin: 0;
	padding: 0;
}
#tilaaArvioBtn a:hover{
	background: url(imgs/tilaa_ilmainen_arvio1.jpg) no-repeat left top;	
}
#tilaaArvioBtn a span{
	display: none;
}

blockquote{
	font-style: italic;
}

.clearfix:after{
	content:"."; display: block; height:0; clear:both; visibility:hidden; line-height:1px;
}

#faceflash{
	margin: 15px 0 10px 48px;
}

span.star{
	font-style: italic;
	color: #999;
	font-size: 12px;
	line-height: 15px;
	font-weight: 100;
}

/* interesting box */
#interesting{
	width: 195px;
	margin: 10px 0 0 35px;
	border: 3px solid #efefef;
}

#interesting h3{
	font-size: 13px;
	margin: 7px 10px 0 10px;
	line-height: 15px;
	text-align: center;
	padding: 0 0 4px 0;
	border-bottom: 2px solid #efefef;
}

#interesting p{
	font-size: 11px;
	margin: 7px 10px 12px 10px;
	line-height: 13px;
	padding: 0;
	text-align: center;
}
#interesting p a{
	text-decoration: none;
}

.invalid{
	background-color:#f00;
}

/*login form*/
#loginform{
	margin: 0 0 25px 350px;
}
#loginform input{
	padding: 2px 3px 2px 3px;
	height: 18px;
	-moz-border-radius: 3px;
	border-top-left-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
}
#loginform textarea{
	width: 688px;
	-moz-border-radius: 3px;
	border-top-left-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border: 1px solid #ccc;
}
#loginform input#submit{
	height: 23px;
	padding: 2px 7px 2px 7px;
}

/* SEO -koulu */
#seo-koulu{
	width: 206px;
	margin: 10px 0 20px 30px;
	border: 3px solid #efefef;
}

#seo-koulu h3{
	font-size: 13px;
	margin: 7px 10px 0 10px;
	line-height: 15px;
	text-align: center;
	padding: 0 0 4px 0;
	border-bottom: 2px solid #efefef;
}
#seo-koulu table{
	margin: 10px;
}
#seo-koulu table td{
	font-size: 11px;
	padding: 0px 2px 0px 2px;
}
#seo-koulu table td.col1{
	text-align: right;
}
#seo-koulu p{
	font-size: 11px;
	margin: 7px 10px 12px 10px;
	line-height: 13px;
	padding: 0;
	text-align: left;
}
#seo-koulu p a{
	text-decoration: none;
}


#seo form{
	margin: 0 0 25px 350px;
}
#seo input{
	padding: 2px 3px 2px 3px;
	height: 18px;
	-moz-border-radius: 3px;
	border-top-left-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
}
#seo textarea{
	width: 688px;
	-moz-border-radius: 3px;
	border-top-left-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border: 1px solid #ccc;
}
#seo input#submit{
	height: 23px;
	padding: 2px 7px 2px 7px;
}
#seo div{
	float: left;
	width: 600px;
	margin: 0 0 4px 0;
}
#seo div label{
	width: 120px;
	float: left;
	line-height: 18px;
}
#seo div #sender{
	margin-left: 120px;
	border-top-left-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;	
	height: 24px !important;
	border: 1px solid #460519;	
	color: #fff;
	background:url(imgs/links_bg.gif) repeat-x left top #1b080d;
	padding: 0 10px 0 10px;
	font-size: 11px;
}
span.code{
	font-family: Monaco, Times New Roman, Sans-Serif;
	background-color: #e7ffee;
}

.ilmainenvinkki{
	width: 580px;
	margin: 20px 0 20px 47px;
	border: 3px solid #efefef;	
	-moz-border-radius: 12px;
	border-top-left-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;		
	padding-bottom: 10px;
}
.ilmainenvinkki h2{
	margin: 13px 0 2px 25px !important;
	font-size: 16px;
}
.ilmainenvinkki p{
	margin: 0px 35px 10px 25px !important;
	font-size: 11px;
	line-height: 14px;
}

/* form validation */
input.required, textarea.required {
	border: 1px solid #00A8E6;
	float: left;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 0 55px 0 0 !important;
	padding: 5px;
	background-color: #ac0a39;
	color : #FFF;
	font-weight: bold;
	width: 200px !important;
	display: inline !important;
	float: right !important;
}

/*seokoulutusta*/
.seokoulutusta #contentColumn p{
	line-height: 18px;
	margin-bottom: 16px;
}

.seokoulutusta #contentColumn h2{
	margin-top: 30px;
}

/* Table for content */
.tableContainer{
	margin: 0 20px 20px 45px;
}
.tableContainer p{
	color: #999;
	font-style: italic;
	margin: 0 0 4px 6px !important;
}
.tableContainer table{
	width: 500px;
	border-bottom: 1px solid #ededed;
}
.tableContainer table td,
.tableContainer table th{
	border-top: 1px solid #ededed;
	padding: 4px 0 4px 12px;
	color: #7f7f7f;
	font-family: Trebuchet MS, Tahoma, Arial;
	font-size: 12px;
	text-align: left;
}
.tableContainer table td:first-child,
.tableContainer table th:first-child{
	text-align: left;
}
.tableContainer table th{
	font-weight: bold;
}
.tableContainer table tr.alt td{
	background-color: #fdfdfd;
}
.tableContainer table td.indent{
	color: #b2b2b2;
	padding: 0 0 0 20px;
	font-style: italic;
}
.tableContainer table tr:hover td{
	background-color: #630c23;
	color: #fff;
}

div.seogaw{	
	margin: 0 50px 0 48px !important; 
}
div.seogaw,
div.seogaw div,
div.seogaw div div,
div.seogaw div div div{
	border: 1px solid #ccc; 
	padding: 0;
	margin: 10px;
}
div.seogaw h3{
	margin: 0 !important;
	padding: 0 !important;	
	text-align: center;
	background-color: #ccc;
}
div.seogaw ul{
	margin: 7px 0 7px 7px !important;
}
div.seogaw li{
	line-height: 15px;
	list-style-type: disc;
	padding: 0 0 0 20px;
	padding: 0 !important;		
	margin: 0 0 0 20px!important;	
}
#frontpageServices{
	width: 495px;
}
#frontpageServices #galogo{
	padding-top: 26px;
	padding-right: 30px;
}
#frontpageServices h3{
	margin: 20px 0 3px 80px;
}
#frontpageServices ul{
	margin: 0 0 0 60px;
}
#frontpageServices ul li{
	list-style: none;
	margin: 0 0 0 19px;
	padding: 0 0 0 12px;
	background:url(imgs/sidebar_arrow.gif) no-repeat left 3px;
}
#frontpageServices ul li a{
	text-decoration: none;
}

/* vuosihuolto */

a.noglow{
	border: none;
	background: none !important;
}
#vuosihuolto{
	width: 217px;
	height: 37px;	
	margin: 20px 0 30px 50px;
	background: url(imgs/fiiliskuvat/varaa.jpg) no-repeat left top;
}
#vuosihuolto a{
	width: 217px;
	height: 37px;	
	display: block;
	background: none;
	color: #690d25;
	margin: 0;
	padding: 0;
}
#vuosihuolto a:hover{
	background: url(imgs/fiiliskuvat/varaa2.jpg) no-repeat left top;	
}
#vuosihuolto a span{
	display: none;
}
#accordion,
#accordion2 {
	width: 600px;
	margin: 0 0 20px 0;
}
#accordion div,
#accordion2 div{
	width: 630px;
	margin: 0;
	padding: 0;
}
#accordion div h3,
#accordion2 div h3{
	border: 1px solid #efefef;
	font-size: 11px;
	height: 23px;
	line-height: 21px;
	padding: 0 0 0 30px;
	margin: 0 0 0 50px;
}
/*#accordion div h3 a:hover{
	background: none;
}*/
#accordion div p,
#accordion2 div p{
	margin: 8px 0 12px 80px;
}

#accordion a,
#accordion a:link,
#accordion a:visited,
#accordion a:active,
#accordion2 a,
#accordion2 a:link,
#accordion2 a:visited,
#accordion2 a:active{
	color: #880829;
	text-decoration: none;
}
#accordion a:hover,
#accordion2 a:hover{
	color: #880829;
	background: none;
	text-decoration: underline;	
}

/* Multisite */
table#multisite{
	width: 550px;
	margin: 0 0 0 50px;
}
table#multisite th,
table#multisite td{ 
	padding: 4px;
	text-align: right;
	border: 1px solid #efefef;
}
table#multisite th{
	background-color: #efefef;
}
table#multisite td:first-child,
table#multisite th:first-child{
	text-align: left;
}
table#multisite th{
	font-weight: bold;
}
table#multisite tr.alt td{
	background-color: #fdfdfd;
}

hr {margin-top: 70px;margin-left:50px;height:1px;color:#999;}

/* Multisite BTNs*/
#multisiteBtn{
	width: 169px;
	height: 37px;	
	margin: 20px 0 30px 50px;
	background: url(/imgs/multisite_koleaa.jpg) no-repeat left top;
}
#multisiteBtn a{
	width: 169px;
	height: 37px;
	display: block;
	background: none;
	color: #690d25;
	margin: 0;
	padding: 0;
}
#multisiteBtn a:hover{
	background: url(/imgs/multisite_koleaa2.jpg) no-repeat left top;
}
#multisiteBtn a span{
	display: none;
}

#multisiteOstaBtn{
	width: 169px;
	height: 37px;	
	margin: 20px 0 30px 50px;
	background: url(/imgs/multisite_btn_tilaa1.jpg) no-repeat left top;
}
#multisiteOstaBtn a{
	width: 169px;
	height: 37px;
	display: block;
	background: none;
	color: #690d25;
	margin: 0;
	padding: 0;
}
#multisiteOstaBtn a:hover{
	background: url(/imgs/multisite_btn_tilaa2.jpg) no-repeat left top;
}
#multisiteOstaBtn a span{
	display: none;
}


/* Typekit test */
.font1{
	font-size: 35px;
	padding: 30px 0 10px -4px;
}

.font2{
	font-size: 13px;	
	line-height: 19px;
	padding-right: 30px;    		
}    	


.ostavoop{
	margin: 0 0 0 85px !important;
}
.ostavoop a:hover{
	background: none !important;
}