/*  
Theme Name: eCraft2

Description: eCraft teema tehty t?m?n pohjalta iBlogPro3, a professional WordPress theme built on the PageLines CMS framework. Designed and developed by <a href="http://pagelines.com/about">Andrew Powers</a> and <a href="http://www.pagelines.com">PageLines</a>.

Version: 3.5.1

Author: PageLines

Author URI: http://www.codens.com

 Note: An empty widget can break the design.
*Edit the options in the admin to customize
	This theme was designed and built by Andrew Powers @ Pagelines
Muokattu teema By Olli Makkonen
*/ 

/* STANDARD STYLING */

	#wpml_credit_footer{
	display: none;
	}
	



	body {		
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		margin: 0;
  		padding: 0px;
  		width: 100%;
		line-height:18px;	
		font-size:12px;	
		background: #f2f2f2  url(images/back-gradient.jpg) repeat-x left top;
		color:#333333;
	}
	


.divboxstyle {
	-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-left: 25px;
	border: 1px solid #dad7c8;
	padding: 15px;
		background-color: white;
	margin-bottom: 20px;
}

	
#author_image { 
border:1px solid #E1E1E1; 
padding:3px; 
}
#top2 {
 width: 100%;
 min-width: 998px;
 background: top center url(images/bg-compressed.jpg) no-repeat;
height: 128px;
  margin-left: auto;
  margin-right: auto;
}
#top {
  width: 100%;
 
  height: 128px;
  background: url(images/top-bg-repeat-x.png) repeat-x;
  
}

#topcenter {
  width: 998px;
  margin: 0 auto;
    margin-left: auto;
  margin-right: auto;
}

#search2 {
width: 210px;
  float: right;
  margin-top: 30px;
  height: 26px;
  padding:0;
margin-right: 40px;
text-align: right;
   /* background: bottom url(images/search.png) no-repeat;*/
}

#container1 {
 width: 100%;
  min-width: 998px;
  background: #f4f3ee url(images/content_back.png) repeat-x;

  margin-left: auto;
  margin-right: auto;
}


#container {
padding-top: 25px;

  width: 982px;
  margin: auto;
}



#sidebar {
  width: 200px;
  margin-left: 710px;
  padding-top: 15px;
  padding-bottom: 20px;
  
}



#commentform #submit {
  margin: 0 0 15px auto;
  float: right;
}	
	
	#flowbar{
	padding-top: 10px;
	
	
	}
	


	
	
	#screen{
	position:relative;
		background: bottom url(images/carousel-bg-box.png) no-repeat;
	width:982px;
	height:251px;
margin-left: 16px;
	margin-top: 0px;
}
	#screen .next, #screen .prev{
		position:absolute;
		top:105px;
	}
	#screen .prev{
		left:30px;
	}
	#screen .next{
		right:30px;
	}
		
	
#sections{
	margin-left: 50px;
	width:882px;
	height:231px;

	
}
	
	#sections ul{
		width:6660px;
	}
	
		#sections li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	
		width:882px;
	height:231px;
		overflow: hidden;
		}	
						
		
			
			#sections h2{
				color:#993333;
				margin:20px 0pt;
			}
			#sections a{
				color:#777;
				font-weight:bolder;
				text-decoration:none;
			}
.ftext{

color: #c7c6c1;
}			

.linkki_nuoli{	
color: #966841;
	font-weight:bolder;
	padding-left:16px;
	background: no-repeat 0px 3px url(images/arrow-big.png);
}	
			
.fheading{
padding-top: 10px;
padding-bottom: 10px;
color: white;
font-size: 20px;
}			

.fimage{
clear:both;
width: 260px;
height: 220px;
float: right;
}
.fcontainer{
padding-top: 20px;

}


.column_left{
float: left;
width:260px;
padding-right: 20px;
}

.column_right{
padding-left: 20px;
padding-right: 20px;
float: right;
width:260px;
border-left: 4px solid #e5e2d4;

}


.fimage img {vertical-align:middle;}
	
	a.button2 {
    background: transparent url('images/carousel-button-right.png') no-repeat scroll top right;
    color: black;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 31px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    margin-top: 10px;
}



a.button2 span {
    background: transparent url('images/carousel-button-left.png') no-repeat;
    display: block;
    color: black;
    font-weight: bolder;
    line-height: 31px;
    padding: 0px 0 0px 18px;
} 

a.button2:hover {
    background-position: bottom right;
    color: black;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration: none;
}

a.button2:hover span {
    background-position: bottom left;
    text-decoration: none;
} 
	
	a.button3 {
    background: transparent url('images/button-right.png') no-repeat scroll top right;
    color: #644428;
    display: block;
    font-weight: bold;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 23px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
      margin-top: 10px;
}



a.button3 span {
    background: transparent url('images/button-left.png') no-repeat;
    display: block;
     color: #644428;
 font-weight: bold;
    line-height: 23px;
    padding: 0px 0 0px 18px;
    text-decoration: none;
  
} 

a.button3:hover {
    background-position: bottom right;
    color: black;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration: none;
}

a.button3:hover span {
    background-position: bottom left;
    text-decoration: none;
    
} 
	
	/* DEFAULT FONT */
	body {font-family:Arial,"Lucida Sans Unicode",Arial,Verdana,sans-serif;}
	/*PRIMARY HEADERS FONT */
	h1, h2, #feature .fheading{ font-family: Arial, "Lucida Grande","Lucida Sans Unicode",Trebuchet MS,Arial;}
	/*SECONDARY HEADERS FONT */
	h3, h4, h5 { font-family: Arial,"Lucida Sans Unicode",Arial,Verdana,sans-serif;}
	
	a {text-decoration: none; color: #966841;} /* LINK COLOR */
	a:hover {text-decoration: underline; color: #966841;}
	p,.p {margin-bottom: 15px; font-size: 12px; line-height: 130%;}
	img {border: none;}
	ul {	list-style-type: none;
	

	}
	
		ul#cycle{ list-style: none;}

	
ul li {	margin: 0px; color: #6f6c59;
	}
	
#container ul {	
	list-style-type: none;
padding: 0px;
margin: 0px;
margin-bottom: 10px;	
	}
#container ul li {	margin: 0px; font-weight: bold; color: #6f6c59;
list-style-type: none;
background-image: url(images/list-style.png);
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 17px; 
margin-left: 10px;
	}
	
	
	.hentry ul {list-style-type: disc;margin: 5px 0px 15px;padding-left: 40px;}
	
	
	ol {list-style-type: decimal;margin: 5px 0px 15px;padding-left: 40px;}
	.hentry li {padding: 3px 0;}
	form {margin: 0px;padding: 0px;}
	small {	font-size: 85%;}
	hr{border: none; border: 1px solid #d6d3c6; margin-bottom: 1.5em;}
	blockquote{background: #fafafa; padding: 10px 15px;margin: 0 0 1em 2.5em;font-size:.9em;border: 1px solid #ddd;clear: both}

a, #blogtitle a:hover, .postdata a:hover,h2.posttitle a:hover, .tags a:hover, .commentlist cite, .commentlist cite a, #morefoot a:hover, #sidebar ul li ul li a, #wp-calendar caption, #subnav .current_page_item a, #subnav .current_page_ancestor a,	#subnav li a:hover,	#subnav li.current-cat a, #sidebar #grandchildnav .current_page_item a, 	#feature-footer .twitter a {color:#b48862; text-decoration: none;}

/* @ rounded corners in mozilla and apple browsers */
	.page-nav, .fboxes, .hentry,  #highlight,  #sidebar #accordion, #content .wp-pagenavi, #content .wp-pagenavi a, #content .wp-pagenavi .current, #featurenav a{
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#drag_drop_sidebar h3{
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-khtml-border-top-left-radius: 5px;
		-khtml-border-top-right-radius: 5px;
	}

	.post-footer, #drag_drop_sidebar .drawer-content{
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-khtml-border-bottom-left-radius: 5px;
		-khtml-border-bottom-right-radius: 5px;
	}
	

/* LAYOUT SECTION - EDIT THESE TO ADJUST LAYOUT */
	#wrapper {
		width: 998px; /* width of content */
		margin: 0px auto;
		position: relative;
		padding-bottom: 0em;
		margin-bottom:0px;
	}

	#header { 
		padding: 5px 0;
		position:relative;
	} /* height of the header */

	#left-col {
		width: 640px; /* width of left column */
		float: left;
	}
	.hentry .title {
		width: 540px; /* width of title area for posts & pages */
		float: left;
		margin-left: 10px;
	}

	#sidebar{ 
		width: 300px;
		float: right;
	}
.icons {
	position:absolute;
	right:0;
	bottom:8px;
	height: 50px;
}

/* eCraft */
.bread_large {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size:16px;
	line-height: 23px;">
}

.bread_small {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size:14px;
	line-height: 19px;">
}

/* site title */
	#blogtitle {
		font-size: 39px; /* blog title size */
		float:left;
		line-height: 47px;
		position:relative;
	} 
	#blogtitle .sheen {
		position: absolute; 
		z-index: 5;
		background-color: transparent;
		background-image: url(images/sheen.png);
		background-position: 0 0;
		background-repeat: repeat-x;
		display: block;
		width:100%;
		height: 25px;
		float: left;
	}
	#blogtitle a{color: #000;}
	#blogtitle a:hover{text-decoration: none;}
	
	#blogdescription { 
		float: left;
		margin-top: 23px; 	/* description distance from top of screen */
		margin-left: 10px;
	}
	.nav-icon {float: right;margin:13px 0 0 8px;}


/* HEADERS */
	h1, h2, h3, h4, h5, h6{color: #966841;font-weight: normal;margin:0;padding: 0; line-height: 1.2em;}
	h1 a, h2 a, h3 a, h4 a, h5 a{color: #000;}
h3{color: #000;
}
	h1{font-size: 22px; font-weight: bolder;

		
	
	}
	h2{font-size: 28px; color: #6f6c59; font-weight: bolder;}
	h3{font-size: 18px;}
	h4{font-size: 16px;}
	h5{font-size: 22px; font-weight: bolder;
padding-top: 10px;
		text-indent:16px;
	background: no-repeat 0px 18px url(images/arrow-big.png);}
	h6{font-size: 12px;}



/*  SEARCH BAR STYLING */
/* search form */
	#searchform {
		width: 210px;
		float: right;
		font-size:12px;
		height: 24px;
		padding:0;
		margin:0;
		background: transparent;
	}
	#searchform #s{
		
		background: transparent; 
		width: 146px;
		padding-top: 0px;
	

		color: black;
		border: 0;
		margin:0;

	}
	#searchform #searchsubmit { 
	
		background: transparent; 
		padding: 0px;
		
		height: 25px;
		width: 33px;
		border: none;
		cursor: pointer;
		text-indent: -999%;
				margin:0;

	}


/* @ welcome */
#welcome p {
font-size: .95em;
color: #555;
}
#welcome p a{text-decoration: underline;}
#welcome p a:hover{color: #3399cc;}

.twitter {
	font-size: 10px;

	background: url(images/twitter-bubble.png) no-repeat 0 0;
	padding-left: 27px;
}
#sidebar .twitter {	margin:1em 0;}



	}
	#subnav li a:hover {
		text-decoration: none;
	}
	#sidebar #grandchildnav ul li{
		padding:0;
		margin:0;
		border:none;
	}
	#sidebar #grandchildnav ul li ul li{
		font-size:.9em;
	}
	#sidebar #grandchildnav a {display:block;padding: 5px 10px;border: 1px solid transparent;margin-top:-1px;}
	#sidebar #grandchildnav .current_page_item a, 
	#sidebar #grandchildnav a:hover, 
	#sidebar #grandchildnav .current_page_item ul li a:hover{
		text-decoration:none;background:#f7f7f7;border: 1px solid #eee;
	}
	#sidebar #grandchildnav ul li ul li a{display:block;padding: 5px 23px; color:#555;}
	#sidebar #grandchildnav .current_page_item ul li a{background:transparent; color:#555;border: 1px solid transparent;}
	
/* CONTENT */
#content { clear: both;	overflow: hidden; }

.center {	
	margin-left: auto;
	margin-right: auto;
} 
.hentry{	
	
}
.post-content {padding-bottom: 18px;}
.copy {padding: 18px 18px 0px 18px;}

.postwrap{
	
	margin:0;
	padding:0;
}
.hentry .billboard {
	text-align: center;
	padding: 50px;
}
/*=== Post ===*/
/*- Post Title -*/
.thumb.left img {
margin-right:23px;
}
.thumb img {
	display:block;
	margin:0 0 0.8em;

}


.post-title h1 {
	color: #333333;
	font-size: 18px;

}
.post-title h1 span {
	color: #33707e;
}
.post-title h1.author {
	color: #888888;
	font-size: 14px;
	padding-top: 2px;
}
.post-title h2, .post-title h2 a  {
	font-size: 30px;
	letter-spacing: -2px;
	margin: 0 0 .45em;
	color: #222222;
	text-decoration: none;
}
.post-title a:hover{
	text-decoration: underline;
}
/*- Post Date -*/
.post-date {
	margin: 0 0 1.25em;
}
.post-date a {
	color: #000;
}
.post-date em {
	background: #eee;
	color: #000;
	font-size: .9em;
	font-style: normal;
	padding: 5px 5px;
	line-height: 1.75em;
}
/*- Post Excerpt -*/
.post-excerpt {
	font-size: 12px;
	float:left;
	width: 370px;
	font-style: italic;
}

/*- Post Blockquote -*/
.hentry blockquote {
	border-left: 3px solid #cfcfcf;
	font-size: 13px;
	font-style: italic;
	margin: 0 0 1.5em;
	padding: px 0 0 10px;
}

/*- Post Author -*/
.author-info {
	
}
.post-author {
	margin: 0 0 1em;
}
.author-details {
	font-size: .85em;
}
.author-descr {
	display: table;
	height: 1%;
}

/*- Social Links -*/
.post-footer {
	background: url(images/box-bgr2.gif) #eee repeat-x top;
	height: 42px;
	padding: 0 18px;
}
.post-footer a{color: #444;}
.post-footer .left {
	line-height: 42px;
}
.post-footer .left span {
	background: url(images/comment_count_bg.png) no-repeat center left;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 4px 0 8px 0;
	width: 33px;
	margin-right: 6px;
	display: inline-block;
	line-height: 32px;
}
.post-footer .right {
	padding: 9px 0 0;
}
.post-footer .right span {
	line-height: 21px;
}
.post-footer img {
	margin: 0 0 0 2px;
}


.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat left center;
	padding-left: 12px;
	float: right;
}
.entry {
	width:1200px;
	padding: 0em 0px 5px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6em;
	margin-bottom: 1em;
}

/* POST TITLE STYLING */

.tags {
	float: right;
	color: #aaa;
	margin-top: 4px;
	margin-bottom: 1em;
}
.tags a{font-weight: bold;color: #000;}
.tags a:hover{text-decoration: none;}

/* next & previous page navigation */

.page-nav, .wp-pagenavi{
	clear: both;
	padding: 7px;
	color: #fff;
	background: #959595 url(images/agradient-30.gif) repeat-x left top;
}
.page-nav a{
	color: #fff;
	text-decoration: none;
}
.page-nav a:hover {
	color: #eee;
	text-decoration: none;
}
.previous-entries a {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(images/navigation-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(images/navigation-right.gif) no-repeat right center;
}

#content .wp-pagenavi span.pages {
	border:none;
	background: transparent;
}

#content .wp-pagenavi a,  #content .wp-pagenavi .current, #content .wp-pagenavi .extend{
	padding: 3px 7px;
	border: none;
	color: #000;
	background: #bbb url(images/nav-hover.png) repeat-x 0 0;
}
#content .wp-pagenavi a:hover, #content .wp-pagenavi .current{
	color: #fff;
	border:none;
	background: #999 url(images/agradient-30dark.gif) repeat-x 0 0;
} 

/* next & previous post navigation */
.post-nav {
	clear: both;
	padding-bottom: 35px;
	margin-top: 15px;
	font-size: 95%;
}
.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.post-nav .previous a {
	float: left;
	padding-left: 20px;
	background: url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
	float: right;
	padding-right: 20px;
	text-align: right;
	background: url(images/post-nav-next.gif) no-repeat right center;
}


/* ---- Feature */

	#feature-footer .twitter {float: right;margin-right: 16px;display: inline;color: #777;}
	#feature-footer .twitter a{color: #09F;}
	
.editfeature {
	text-align: right;
	line-height: 40px;
	margin-right: 15px;
}

/* ---- HIGHLIGHT TEMPLATE -------*/
#highlight {
	position: relative;
	background:#fff url(images/post-bg-short.png) repeat-x left bottom;
	border-left: none;
	border-right: none;
	border-top: none;
	margin-bottom: 1.5em;
}
	#highlight .postwrap {padding: 20px 30px;}
	#highlight .ftitle{margin-bottom: .8em;font-size: 30px;}
	#highlight .fcontent {
		float: left;
		padding: 30px;
		width: 290px;
		margin-top: 20px;
	}
	#highlight .fmedia {
		overflow:hidden;
		float: left;
		width: 540px;
		margin: 0;
	}


/* ------------------------------------- cred area  */


#bottomnav {
	margin: 1em 3px .5em;
	clear: both;
	padding: 4px;
	font-size: .9em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#bottomnav .piped {width: 600px}

.terms {
	text-align: right;
}
.terms.nonav{text-align: center;}
/* Sivun alareunan logo pois
.pagelinespos {
	position:absolute ;
	right:50%;
	margin-right: -50px;
	bottom:0;
}
a.pagelines {
	display: block;
	float: right;
	text-indent:-3330em;
	height: 30px;
	width:105px;
	font-size: 8px;
	color: #eee;
	font-weight: bold;
	background: url(images/pagelines.png) no-repeat 0px 0px;
}
*/
#cred a, #cred a:visited {
	text-decoration: none;
	color: #444;
}
#cred a:hover {
	text-decoration: underline;
}
/* Before footer */

.fboxes {
 
  }


.fboxdividers{
  	background:transparent url(images/morefootbg.gif) repeat-y scroll left bottom;
}

.fboxes .fbox {
	display: inline; /* IE thing */
	float: left;
	width: 318px;
}
.fboxcopy {
	padding: 18px 30px;
}

.fboxes p {
  margin-bottom: 10px;
  }
.fboxes ul {
  list-style-type: none;
  margin-top: 5px;
  }
.fboxes ul li, #morefoot p {
  font-size: 11px;
  }
.fboxes ul a {
  text-decoration: underline;
  color: #333;
  }
.fboxes a:hover {
  text-decoration: underline;
  }
.fboxes h3 {
	font-size:1.3em;
	line-height:1.4;
	margin-bottom:0.3em;
	padding: 0 0 2px 0;
	font-weight: bold;
}
.fboxes #searchbox {
  padding: 1px;
  width: 160px;
  }

.fboxes li {
  margin-bottom: 5px;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }
#morefoot {margin-top: 2em;}
#morefoot p{font-size: .9em;}
#morefoot li {margin-left: 10px;}
#morefoot li a {text-decoration: none;}
/* @ FORMS */

	textarea:focus, input[type="text"]:focus {
		border: solid 1px #666;
	}
	
	
	.button, input[type="submit"], .submit{
		border: 1px solid #aaa;
		background: #e5e5e5 url(images/gradlight.gif) repeat-x left bottom;
		margin:0;
		padding: 5px 3px 4px 5px;
		font-family: arial, helvetica;
		font-weight: bold;
		color: #333;
	}

	
	.button:hover, input[type="submit"]:hover{
		background: #535353 url(images/graddark.gif) repeat-x top left; 
		color: #FFF;
		cursor: pointer;
	}
	
	#cformsform ol {list-style-type: none;}
	
	
	
	
/* sidebar */
#sidebar {
	color: #444;
	margin:0;
	padding: 0;
	font-size: 13px;
}

#sidebar p { margin: 0px 0px 15px; }
#sidebar h2{ font-size: 20px; margin-bottom: 5px; }

#sidebar a {color: #966841;  }
#sidebar a:hover, #sidebar a:focus, #sidebar a:active { text-decoration:underline; }

#sidebar ul { list-style: none; margin: 0;	padding: 0;}
#sidebar ul li {	
	border-bottom: 1px solid #eee;
	padding: 7px 0;
}
#sidebar ul li ul li {
	padding: 4px 4px 4px 12px;

}

#drag_drop_sidebar h3{
	font-size: 13px;
	color: #333;
	font-weight: bold;
	padding: 8px 10px;
	
	text-shadow: #fff 0px .5px 1px;
	background: #e5e5e5 url(images/nav-default.png) repeat-x left top;
}

#sidebar .ui-sortable h3:hover{
	cursor: move;
	background: #e5e5e5 url(images/graddark.gif) repeat-x left top;
	color: #fff;
	text-shadow: #444 0px 1px 1px;
}

#sidebar #drag_drop_sidebar .drawer-content{
	padding: 10px 10px 20px 10px;
	background: #fff url(images/post-bg-short.png) repeat-x left bottom;
}
#sidebar #drag_drop_sidebar .widget {
	padding: 0;
}

#sidebar a{
 	color: #966841; 
}
#sidebar ul li a{
	padding: 3px 0;
}
#sidebar ul li a:hover {
	text-decoration:underline;
}
#sidebar ul li ul li{
	border: none;
}
#sidebar ul li ul li a{
	font-weight: normal;
	color: #966841; 
}
#content_sidebar {
	font-size: .9em;
}

#content_sidebar .wtitle {
	font-size: 18px;
	font-weight: bold;
}

#content_sidebar .widget {
	background: #fff url(images/post-bg-short.png) repeat-x left bottom;
	margin: 2em 0;
	border: 1px solid #bbb;
	padding: 1em;
}
#content_sidebar .widget ul li{
	margin-left: 15px;
}


/* meta */
#meta .rss {
	background: url(images/icons/feed.png);
	background-repeat: no-repeat;
}
#meta .check {
	background: url(images/comment.gif);
	background-repeat: no-repeat;
}


#sidebar #accordion{
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
}
	 #accordion .widget{
		margin:0;
		border:none;
		line-height: 1.6em;
	}
	
	 #accordion .drawer-handle{
		text-shadow: #fff 0 1px 0;
		display: block;
		cursor: pointer;
		padding: 10px 10px;
		background: #e5e5e5 url(images/gradlight.gif) repeat-x left top;
		font-size: 13px;
		border-bottom: 1px solid #ddd;
	}
	#accordion .ui-state-active {border-bottom: 1px solid #aaa;}
	
	#accordion .drawer-handle:hover{
		background: #AAAAAA url(images/graddark.gif) repeat-x left top;
		text-decoration: none;
		
			text-shadow: #666 1px 0 0;
	}
	#accordion .drawer-handle:hover a{color: #fff;}
	 #accordion .selected{
		color: #fff;
		background: #e5e5e5 url(images/graddark.gif) repeat-x left top;
	}
	 #accordion .drawer-content{
		border-top: 1px solid #eee;
		border-bottom: 1px solid #ddd;
		background: #fff;
		color: #666;
		padding: 15px 12px 5px;
	}

#feedbox {margin-right: 8px;
	padding: 5px;
}
#archives ul li {  background: url(images/archive.gif) no-repeat right 9px;}
#recent-comments ul li { background: url(images/comment.gif) no-repeat left 5px;padding: 5px 4px 3px 20px;}

/* meta */
#meta .rss {background: url(images/mini-rss.gif) no-repeat right 9px;}
#meta .check {	background: url(images/comment.gif) no-repeat right 9px;}



/* Widgets */

.top_widget{ 
background: url(images/box-top.png) no-repeat;
width: 299px;
height: 25px;
margin:0px;
}
.bottom_widget{ 
background:  url(images/box-bottom.png) no-repeat;
width: 299px;
height: 39px;
margin:0px;
margin-bottom: 1.5em;
}
.bottom_widget2{ 
background:  url(images/box-bottom2.png) no-repeat;
width: 299px;
height: 39px;
margin:0px;
margin-bottom: 1.5em;

}

#sidebar .widget{
	min-height: 40px; 
	width: 259px;
	background: url(images/box-middle.png) repeat-y;
	padding-left: 20px;
	padding-right: 20px;
margin:0px;

}
#sidebar .wtitle {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 3px;
}
#sidebar .winner{
	padding: 10px;
	background: url(images/post-bg-short.png) repeat-x left bottom;
	
}
#sidebar .wcontent {
padding: 0px;
margin:0px;
}

.widget_text{
color: #c7bf97;
font-weight: bold;
}

#calendar-wrap {text-align:center;}
#wp-calendar {text-align:center; margin: 5px auto;}
#wp-calendar caption{text-transform:uppercase;letter-spacing:.1em; font-weight: bold;font-size: 1.2em;}
#wp-calendar td{ padding: 0px 4px; }
#wp-calendar #today{font-weight: bold;border:1px solid #ccc;background:#f7f7f7;}

/* FLICKR */
.widget_flickrRSS + div a img, .widget_flickrRSS a img{margin:8px; color: transparent;width: 75px; height: 75px;}
#sidebar .widget_flickrRSS .wcontent{padding: 0;}

/* ADS */
#sidebar .administer_widget .winner {
	padding: 13px 0 0 13px;
	
}
.administer_widget a img {
	color: transparent;
	margin:0 13px 12px 0;
}
.administer_widget small a{
	font-family: arial, sans-serif;
	font-size: 9px;
	color:#404040;
	text-decoration:none;
}
.administer_widget .adslink {
	text-align: center;
	padding-bottom: 4px;
}

/* FORMS/CONTACT ETC */

	.cform input {padding: 5px;font-size: 1.1em;}

	 .cform fieldset{background: #fff;border:none;}
	 .cform label {
		display:block;
		margin:0;
		text-align:left;
	}
	legend{display: none;}
	#content .cform {margin:5px 50px;padding:0px 0;}
	.cform ol, .cform li{list-style-type: none; margin:0;padding:0;}
	.cform label {}
	.cform li{margin-bottom: .7em;}
	.cform .single{width: 97%;}
	.cform .area{width: 97%;}
	.cform .emailreqtxt,.cform .reqtxt{font-style: italic;color: #999;}
	.cf_hidden {display: none;}
	
		
	 .success {
		background: #f7f7f7; 
		padding: 15px; 
		margin-bottom: .5em; 
		font-size:1.4em;
	}
	input[type="text"].cf_error:focus {border: 1px solid #000;}
	/* Mailing List Form */
	.mailinglist .cform ol{width:262px; float: left;}
	.mailinglist .cform .single{width:97%}
	.mailinglist .cform .sendbutton{margin:21px 0 0 10px;padding: 3px 0 2px 0;}
	.linklove a{display: none;}



/* highlight */
.hl, .hl2 {
	background: url(images/hl-dot.gif) repeat-x top;
	clear: both;
	height: 2px;
	overflow: hidden;
	width: 100%;
}
.hl2 {
	background: none;
	border-top: 1px solid #e7e7e7;
	height: 1px;
	margin: 0 0 .8em;
}

.lowlight {	background: url(images/post-bg.png) repeat-x left bottom;}
.lowlight2{background: url(images/post-bg-short.png) repeat-x left bottom;}
.toplight{ background: url(images/box-bgr.gif) repeat-x top left;}


/*navigations


	/* Top navigation */
#navbar {
  	background: url(images/menuback.png) repeat-x;
  	min-width: 998px;
	width:100%;
	height: 30px;
	padding: 0px;
	padding-top: 12px;
}
#navbar2 {
  width: 960px;
  	margin-left: auto;
  	margin-right: auto;
	}
#nav {
	margin:0 4px;
	padding: 0;
	list-style: none;
	}
	
#nav ul {
	padding:0.9em 0 0 0;
	margin:0;
	list-style: none;
	
	}

ul#nav li a{
	color:#c6c8c9;
	display: block;
  font-size: 18px;

	}
                  
ul#nav li a:hover {color: #fff; }

#nav a {
	color:#c6c8c9;
	display: block;
  font-size: 18px;

	}
	
	#nav a .flir-image { margin-bottom: -4px; }
	
	
#nav a:hover {
	
	color: #fff;
	display: block;
	text-decoration: none;
	
}
#nav a:visited{
	
	color: #c6c8c9;
	display: block;
	text-decoration: none;
	
}
 
#nav li {
	float: left;
	margin: 0;
	
	padding: 0 2em 0 0;
}
	
#nav li li {
	float: left;
	margin: 0;
	padding: 0;
	width: 14em;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	
	color: #c6c8c9;
	width: 14em;
	float: none;
	margin: 0;
	padding: 0.5em ;
	border-bottom: 1px solid #aaa;
	}
	
#nav li li a:hover, #nav li li a:active {
	
	color: #fff;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
color: #fff;
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}




#footer {
position: relative;
    margin:0px;
	margin-top: -77px; /* negative value of footer height */
	height: 77px;

	
clear: both;
text-align: left;
 width: 100%;
  min-width: 998px;
 background: #1f1f1f url(images/footerback.png) repeat-x;

  color: #bbb;

  padding:0px;
}
#footer2 {
clear: both;
text-align: left;
padding-top: 25px;
width: 962px;
height: 52px;

margin: auto;

}


	#nav2 {
	margin:0 4px;
	padding: 0;
	list-style: none;
	}
	
#nav2 ul {
	padding: 10px 15px 0 0;
	margin:0;
	list-style: none;
	background:transparent;
	}

#nav2 li {
	float: left;
	margin: 0;
	font-weight: normal;
	padding: 0 20px 0 0;
}
#nav2 li.page_item {
list-style-image: url('images/bottom_nav_divider.png');
}

#nav2 a {
	color:#a49e86;
	list-style: none;
  
    font-size: 14px;

	}
#nav2 li .eka{
		list-style: none;
		}
	
	
	
	
#nav2 a:hover {
	
	color: #fff;
	list-style: none;
	text-decoration: none;
	
}




#suckerfish { 
	clear: both;
	
}

/*- Combined Page Navigation -*/

.nav, .nav * {
	margin:0;
	padding:0;
	
}
.nav {
	height: 20px; /* was 35 */
	/*border-bottom:1px solid #B3B3B3;*/

	font-size:14px;	
	position:relative;
	
		color:#c6c8c9;
	display: block;
  font-size: 16px;
	
}
.nav ul {
	
	float: left;
	position:relative;
}
.nav li {
	line-height: 20px; /* was 35 */
	float: left;
	list-style:none;
	z-index:999;
	font-weight: normal;
}
.nav li ul li {
	line-height: 25px;
}
.nav li.current ul {
	z-index: 999;	
}

/* nav second level */
.nav li.sfHover ul,
ul.nav li:hover ul {
	z-index: 1000;
	background: url(images/submenu.png) repeat-x;
	color: #c6c8c9;
	text-decoration: none;		
}

.nav a {
		color:#c6c8c9;
	display: block;
	padding: 0 13px;
}
.nav li ul {
color: #966841;
	left:10px;
padding-top: 2px;
	top:-999em;
	position:absolute;
	width:962px;
	height: 28px;
}
.nav li:hover,
.nav li.sfHover,
.nav li.current,
.nav a:focus, .nav a:hover, .nav a:active {
	color: #FFF;
	text-decoration: none;
}

ul.nav li.current_page_item a{
color: #FFFFFF;
}

ul.nav li ul li.page_item  a{
color:#966841;
}

.nav li.sfHover a,
.nav li.current a,
.nav a:focus, .nav a:hover, .nav a:active {
	border-bottom: none;
}
.nav li li.current a {
	font-weight: bold;
}
.nav li li:hover,
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {

	color: #966841;
}
.nav li li a:hover{
	color:#966841;
}
.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul {
	top:2.2em; /* was 2.5 */
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	top:2.2em; /* was 35 */
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}
.nav li li a{
	color:#966841;
	display: block;
  font-size: 12px;
  font-weight: bolder;
}
.nav li li a:hover{
color: #966841;

}
.nav li a:hover{
color: #FFFFFF;

}



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

body > #wrap2 {height: auto; min-height: 100%;
background: #f4f3ee url(images/content_back.png) repeat-x;
  width: 100%;
}

#main2 {padding-bottom: 77px;}  /* must be same height as the footer */
.clearfix2:after {content: ".";
	display: block;
	height: 0;
	width: 100%;
	clear: both;
	visibility: hidden;}
.clearfix2 {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix2 { height: 1%;}
.clearfix2 {display: block;}
/* End hide from IE-mac */

.en_normal{
padding-left: 24px;
padding-top: 2px; padding-bottom: 2px;
background: left bottom url(images/en.png) no-repeat;
color:#c6c8c9;
text-decoration: none;
}
.en_normal:hover{
background: left bottom url(images/en_active.png) no-repeat;
color:#c6c8c9;
text-decoration: none;
}

.en_active{
padding-left: 24px;
padding-top: 2px; padding-bottom: 2px;
background: left bottom url(images/en_active.png) no-repeat;
color:#c6c8c9;
text-decoration: none;
}
.en_active:hover{color:#c6c8c9;text-decoration: none;}

.fi_normal{
padding-left: 24px;
padding-top: 3px;padding-bottom: 3px;
background:  left bottom url(images/fi.png) no-repeat;
color:#c6c8c9;
text-decoration: none;
}
.fi_normal:hover{
background: left bottom url(images/fi_active.png) no-repeat;
color:#c6c8c9;
text-decoration: none;
}

.fi_active{
padding-left: 24px;
padding-top: 2px; padding-bottom: 2px;
background:  left bottom url(images/fi_active.png) no-repeat;
color:#c6c8c9;
text-decoration: none;
}
.fi_active:hover{color:#c6c8c9;text-decoration: none;}

.sv_normal{
padding-left: 24px;
padding-top: 2px; padding-bottom: 2px;
background:  left bottom url(images/sv.png) no-repeat;
color:#c6c8c9;
text-decoration: none;
}

.sv_normal:hover{
background: left bottom url(images/sv_active.png) no-repeat;
color:#c6c8c9;
text-decoration: none;
}

.sv_active{
padding-left: 24px;
padding-top: 2px; padding-bottom: 2px;
background:  left bottom url(images/sv_active.png) no-repeat;
color:#c6c8c9;
text-decoration: none;
}
.sv_active:hover{color:#c6c8c9;text-decoration: none;}

#new_front{
margin-top: 50px;
margin-left: 30px;
border-right: 2px solid #d6d3c7;
padding-left: 30px;
color: #565656;
}
#new_front a{
font-weight: bold;
color: #c9902d;
}

#mainpagelogo {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
}


#tagline {
	width: 80%;
	min-width: 1200px;
	clear:both;
	tex-align: center;
	margin-bottom: 30px;
}
#why_how_what {
width: 80%;
min-width: 1200px;
border: 1px solid black;
}

#why {
width: 600px;
margin-right: 50px;
float: left
}

#what {
width: 600px;
margin-right: 50px;
float: left;
}
#new_footer {
	width: 100%;
	height: 300px;
	min-height: 100px;
	position: relative;
	bottom: 0;
	padding: 10px;
	background-color: #ffffff;
	background: #1f1f1f url(images/footerback.png) repeat-x;
}

/* References */
.refbox {
	margin-right:30px;
	float:left;
	margin-bottom: 15px;
	margin-top:15px;
	height: 200px;
}
.refbox a {
	text-decoration: none;
}
.reftitle {
  	height:32px;
  	background-color:#000;
	margin-top:-50px;
	opacity:0.8;
}
.reftitle p {
	font-weight:normal;
	font-size:1.2em;
	padding-left:12px;
	padding-top:5px;
 	color:#fff;
	text-align:left;
}
.refdesc {
   	width:300px;
  	background-color:#000;
  	margin-top:-158px;
  	margin-bottom:-74px;
	height:120px;
  	display:none;
}
.refdesc p {
	font-size:1.1em;
	color:#fff;
	text-align:left;
	font-weight:normal;
	padding:12px;
}
#why_what_how {
clear: both;
	float: right;
	width: 600px;
	margin-right: 40px;
	margin-top: 15px;
	background: url(images/content_back2.png) repeat;
	margin-bottom: 30px;
		line-height: 1.2em;
	/* for IE 
	filter:alpha(opacity=60);
	/* CSS3 standard 
	opacity:0.6;*/
/*	background-color: #3d433f; /*#70797e;*/
/*	opacity: 0.8;
	z-index: -1;*/
}

#why_what_how .bread_large
{
line-height: 22px;
margin-top: 2px;
padding-right: 30px;
color: #e6e5e5;
}

#why_what_how a {
	color: #e5c745;
}
#why_what_how a h1 {
	color: #ffffff;
}
#why_what_how a:hover h1 {
	color: #ffffff;
}

#mainpagelogo2 {
	float: 	right;
	margin-right: 30px;
	margin-bottom: 30px;
	z-index: 5;
	filter:alpha(opacity=100);
  /* CSS3 standard */
	opacity:1.0;
}

#tagline2 {
	text-align: center;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	height: 110px;
	padding-top: 60px;
	z-index: 4;
		background: center bottom url(images/erpux.png) no-repeat;
		font-family: 'TitilliumText22LRegular',Arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
}

#why {
	color: white;
	width: 500px;
	margin-right: 30px;
	clear: both;
	float: right; 
	z-index: 5;
	opacity: 1;
}

#what {
	color: white;
	width: 500px;
	margin-top: 10px;
	margin-right: 30px;
	padding-bottom: 70px;
	margin-bottom: 20px;
	float: right;
	background: right bottom  url(images/ecraft_frontlogo.png) no-repeat;
}


/* References */
.refbox {
	margin-right:19px;
	float:left;
	margin-bottom:19px;
	margin-top:36px;
}
.refbox a {
	text-decoration: none;
}
.reftitle {
  	height:32px;
  	background-color:#000;
	margin-top:-50px;
	opacity:0.7;
}
.reftitle p {
	font-weight:normal;
	font-size:1.2em;
	padding-left:12px;
	padding-top:5px;
 	color:#fff;
	text-align:left;
}
.refdesc {
   	width:300px;
  	background-color:#000;
  	margin-top:-154px;
  	margin-bottom:-74px;
	min-height:120px;
  	display:none;
}
.refdesc p {
	font-size:1.1em;
	color:#fff;
	text-align:left;
	font-weight:normal;
	padding:12px;
}
.quote {
	text-decoration: italic;
}
.em {
	text-decoration: italic;
}

body.frontpage {		
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		margin: 0;
  		padding: 0px;
  		width: 100%;
		line-height:18px;	
		font-size:12px;	
background: #2d2d2d url("images/background.jpg") repeat-x;
	
	}
	#frontpage_container{

	height: 650px;
	min-width: 900px;
	margin-left: auto;
	margin-right: auto;
	}
	#frontpage_divider{
	background: #808080;
	width: 100%;
	height: 6px;
	border-bottom: 1px solid black;
	}
	
	h1.fontface 

{
margin-bottom: 0px;
font-family: 'TitilliumText22LRegular',Arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 24px;
line-height: 36px;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
letter-spacing: 0pt;
}
#frontplage_languages{
text-align: right;
width: 100%;
padding-top: 15px;
color: black;
float: right;
width: 600px;

margin-right: 48px;
}
#frontplage_languages a{
color: black;
}
#frontplage_languages a:hover{
color: black;
text-decoration: underline;
}
.frontpage #navbar2{
text-align: center;
width: 840px;
}

.frontpage #navbar2 UL{
display:inline;
}