/*
Theme Name: Smicker
Theme URI:
Description:
Version:
Author:
Author URI:
Tags:
*/
 
 
/* RESET v1.0, 2008-02-12 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}
 
 
/* Clearfix */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display: inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
 
 
/* General */
html,body
{
font:100%/1.5em;
color:#000;
font-family: "Helvetica Neue", Arial;
}
body{background:#f3789b url(images/smicker_bak.gif) 0 0; 
}

#wrapper {margin: 10px auto; width: 960px; position: relative;}
#container {margin: 20px auto; position: relative;}
.home #container{background: url(images/background-front.jpg) no-repeat 0 0 ;}

#content .content-top{height: 80px;}

#content .inner-content{height: 410px; overflow: hidden; }
#content .inner-content h1{}
.page #content .inner-content{height: 430px; overflow: hidden;}
.page-id-13 #content .inner-content{height: 440px; overflow: hidden;}
#content a.close-link{float: right; margin: 20px 30px 0 0; color: #9c9ea0; text-decoration: none; font-size: 11px; background: url(images/icon-heart.png) no-repeat top right; padding: 0 14px 0 0;}
#content a.close-link:hover{color:#f48aa8 !important;}
.page-id-47 #content .entry p{margin: 0 0 8px 0;}
.page-id-47 #content .entry h2{margin: 14px 0 8px 0;}

/* Frontpage */

#container #primary-work{position: absolute; top: 107px; left: 136px;}
#container #secondary-work{position: absolute; top: 101px; left: 267px;}
#container #latest-news{position: absolute; top: 109px; left: 400px;}
#container #customers{position: absolute; top: 344px; left: 150px;}
#container #customer-link{position: absolute; top: 320px; left: 210px; display: block; width: 85px; height: 32px; text-indent: -9000px; }

#container #social{position: absolute; top: 536px; left: 396px; width: 156px; text-align: center;}
#container #social h3{text-align: center; color: #fff; font-size: .8em; margin:  8px 0 7px 0;}
#container #social a.facebook{text-align:center; padding: 0 6px 0 0;}
#container #social a.twitter{text-align:center; padding: 0 0 0 6px;}

#bird-link-top {position: absolute; top: 56px; left: 620px; width: 40px; height: 40px; display: block; text-indent: -9000px; cursor: default; }
#bird-link-top:hover {cursor: default; }

#bird-quote-top {position: absolute; top: 20px; right: 360px; padding: 0 0 0 16px; height: 46px; line-height: 34px; background: url(images/pratbubbla-top.png) top left no-repeat; text-align: center;}
#bird-quote-top p{color: #f3789b; font-weight: bold; font-size: 13px; margin: 0 -20px 0 0; background: url(images/pratbubbla-top.png) top right no-repeat; height: 46px; padding: 0 22px 0 0;}

#bird-link-bottom {position: absolute; top: 276px; left: 300px; width: 40px; height: 40px; display: block; text-indent: -9000px;  }
#bird-quote-bottom {position: absolute; top: 235px; left: 340px; width: 406px; height: 46px; line-height: 10px; background: url(images/pratbubbla-bottom.png) no-repeat; text-align: center;}
#bird-quote-bottom p{color: #f3789b; font-weight: bold; font-size: 13px;}

#container #case {position: absolute; top: 329px; left: 391px;}
#container #about-us {position: absolute; top: 340px; left: 562px;}
#container #extra-paper {position: absolute; top: 103px; left: 526px;}
#container #extra-paper2 {position: absolute; top: 310px; left: 666px;}

#container #smicker {position: absolute; top: 304px; left: 688px; width: 132px; height: 193px; background: url(images/smickalizer-bg.png) no-repeat 0 0;}
#container #smicker span {font-family: Georgia; font-weight: bold; font-size: 1em; margin: 20px 14px 0 14px; display: block; line-height: 130%;}

#container a#smickalizer {position: absolute; top: 149px; left: 660px; display: block; width: 200px; height: 60px; text-indent: -9000px;}

#content .inner-content h2{font-size: 1.15em; margin: 0 0 10px 0;}

/* News */

#container #content h1 {}
#container #content .post-thumbnail {text-align: center; margin: 0 0 60px 0;}
#container #content .post .post-thumbnail {text-align: center; margin: 0 0 20px 0;}

#content .news{padding: 0 40px;}
#content .news .item{border-bottom: 2px solid #b2b3b4; padding: 0 0 20px 0; margin: 20px 0 0 0;}
#content .news .item:last-child{border-bottom: 0px solid #b2b3b4; padding: 0 0 20px 0; margin: 20px 0 0 0;}
#content .news .item img{float: left;}
#content .news .item h3{ float: right; width: 290px; font-size: 18px; margin: 0 0 10px 0;}
#content .news .item h3 a{color:#000; text-decoration: none;}
#content .news .item h3 a:hover{color:#f48aa8; text-decoration: none;}
#content .news .item p{line-height: 140%; font-size: 12px; margin: 0 0 0 20px; float: right; width: 290px;}

/* Customer Logos */

#customer-logos {width: 482px; position: relative; margin :60px 0 0 40px; height: 418px; background: url(images/logos.png) no-repeat}
#customer-logos a{position: absolute; display: block; text-indent: -9000px;}
#customer-logos a#cramo{position: absolute; width: 159px; height: 41px; top: 10px; left: 10px;}
#customer-logos a#di{position: absolute; width: 110px; height: 48px; top: 9px; left: 208px;}
#customer-logos a#dormy{position: absolute; width: 120px; height: 54px; top: 6px; left: 350px;}
#customer-logos a#friskis{position: absolute; width: 65px; height: 65px; top:90px; left: 37px;}
#customer-logos a#ikea{position: absolute; width: 100px; height: 65px; top: 101px; left: 155px;}
#customer-logos a#poolia{position: absolute; width: 128px; height: 62px; top: 90px; left: 335px;}
#customer-logos a#roche{position: absolute; width: 101px; height: 58px; top: 189px; left: 33px;}
#customer-logos a#scandic{position: absolute; width: 152px; height: 58px; top: 187px; left: 177px;}
#customer-logos a#sf{position: absolute; width: 76px; height: 86px; top: 168px; left: 373px;}
#customer-logos a#shakti{position: absolute; width: 125px; height: 34px; top: 273px; left: 18px;}
#customer-logos a#sos{position: absolute; width: 91px; height: 68px; top: 261px; left: 178px;}
#customer-logos a#stf{position: absolute; width: 184px; height: 44px; top: 271px; left: 301px;}
#customer-logos a#pilates{position: absolute; width: 115px; height: 51px; top: 357px; left: 20px;}
#customer-logos a#volvo{position: absolute; width: 75px; height: 75px; top: 347px; left: 192px;}

/* Asides */

#aside{width: 285px; height: 539px; background: url(images/aside.png) no-repeat 0 0; float: left; margin: 48px 0 0 37px; position: relative;}
#aside h3{margin: 45px 0 0 44px; font-size: 22px; }
#aside p{margin: 8px 44px 0 44px; font-size: 11px; line-height: 130%;}
#aside img{margin: 25px 0 0 44px;}
#aside ul{margin: 35px 44px 0 44px;}
#aside ul li{font-weight: bold; line-height: 130%; margin: 0 0 6px 0; font-size: 12px;}
#aside ul li a{color: #000; text-decoration: none;}
#aside ul li a:hover{color: #f48aa8;}
#aside ul li.current_page_item a{color: #f48aa8;}
#aside ul li a.external{color: #f48aa8 !important;}

#aside a.archive-link{font-weight: bold; line-height: 130%; margin: 0 0 6px 44px; font-size: 12px; position: absolute; bottom: 20px;}

#aside .contact-information{padding: 0 40px; font-size: .7em; line-height: 130%;}
#aside .contact-information img{margin: 0 0 6px 0;}

/* Layout */
.wrapper{}
#header{}
#header #logo a,
{

}
#nav{}
.section{}
.article{}
#aside{}
#footer{}
 

#container{width: 965px; height: 734px; background: #fff; background: url(images/background-page.jpg) no-repeat 0 0 ;}
#container h1 a{display: block; width: 227px; height: 49px; text-indent: -9000px; margin: 0 auto 0 auto; position: relative; top: 22px;}
 
#content{width: 597px; height: 539px; background: url(images/content.png) no-repeat 0 0; float: left; margin: 48px 0 0 6px; overflow: hidden;}

#content .news{padding: 0 40px;}
#content .news .item{border-bottom: 2px solid #b2b3b4; padding: 0 0 20px 0; margin: 20px 0 0 0;}
#content .news .item img{float: left;}
#content .news .item h3{ float: right; width: 290px; font-size: 18px; margin: 0 0 10px 0;}
#content .news .item h3 a{color:#000; text-decoration: none;}
#content .news .item h3 a:hover{color:#f48aa8; text-decoration: none;}
#content .news .item p{line-height: 140%; font-size: 12px; margin: 0 0 0 20px; float: right; width: 290px;}

#content img.customer-logo{margin: 40px 0 0 66px; float: left;}
#content a.back-link{float: right; margin: 20px 30px 0 0; color: #9c9ea0; text-decoration: none; font-size: 11px;}

#content .image-photo{text-align: center; margin: 0px 0 26px 0;}

#content .contact-button{position: relative; top: 5px;}


#content .entry{width: 440px; position: relative; left: 66px; line-height: 140%; font-size: 12px; po}
#content .entry p{margin: 0 0 18px 0;}
#content .entry h1{font-size: 22px; margin: 0 0 8px 0;}

#content #coworkers li{float: left; width: 160px; font-size: 12px; position: relative; line-height: 130%; margin: 0 0 30px 0; height: 60px;}
#content #coworkers li .coworker-name{font-weight: bold; font-size: 1.15em;}
#content #coworkers li:hover{color: #f3789b !important;}
#content #coworkers li.not-available{color: #a3a4a5 !important;}
#content #coworkers li.not-available .coworker-status{color: #000 !important;}

#content .customer-logos {padding: 75px 0 0 50px;}


/* Footer */

#footer {width: 960px; display: block; position: absolute; bottom: 0; text-align: center; background: url(images/footer.png) no-repeat top center;}
#footer a{display: block; position: relative; left:616px; height: 20px; width: 60px; text-indent: -9000px;}

/* Typography */
h1,h2,h3,h4{}
h1{}
h2{}
h3{}
h4{}
p{}
ul,ol{}
ul{}
ol{}
li{}
blockquote{}
pre{}
cite{}
 
 
/* Links */
a{color: #000; text-decoration: none;}
a:hover{color: #f48aa8;}
a:active{}
a:visited{ text-decoration: none;}
 
 
/* Navigation */
li.page_item{}
li.current_page_item{}
li.current_page_parent{}
li.current_page_ancestor{}
#aside ul li a.hovered {
color:#f48aa8;
}
 
 
/* Images */
img.alignleft,div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright,div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter,div.aligncenter
{
text-align:center;
margin:0 auto;
}
 
 
/* Forms */
fieldset{}
label{}
input{}
 
 
/* Tables */
thead{}
tfoot{}
tr{}
th{}
td{}


.thumbnail-item { 
	/* position relative so that we can use position absolute for the tooltip */
	position: relative; 
	float: left;  
	margin: 0px 5px; 
}

.thumbnail-item a { 
	display: block; 
}

.thumbnail-item img.thumbnail {
	border:3px solid #ccc;	
}
		
.tooltip { 
	/* by default, hide it */

	/* allow us to move the tooltip */
	position: absolute; 
	/* align the image properly */
 margin:8px 0 0 13px;
	top: 40px;
	right: 100px;
}

	.tooltip span.overlay { 
		/* the png image, need ie6 hack though */
		background: url(images/overlay.png) no-repeat; 
		/* put this overlay on the top of the tooltip image */
		position: absolute; 
		top: 0px; 
		left: 0px; 
		display: block; 
		width: 350px; 
		height: 200px;
	}
	
	.clear {clear:both}