/*
Theme Name: Windi
Theme URI: http://www.windi.se
Description: Windi
Version: 1.0
Author: Henrik Engdahl
*/

/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}a{border:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

	html, body {
		height: 100%;
		background-image:url('images/pattern-beige.png');
		font-size:15px;
		line-height:21px;
		color:#242322;
		font-family: Arial, "Lucida Grande", sans-serif;
	}
	
	h1 {
		font-family:"proxima-nova-soft";
		font-weight:bold;
		font-size:60px;
		line-height:62px;
		color:#ff4466;
	}
		
	h2 {
		font-family:"proxima-nova-soft";
		font-weight:bold;
		font-size:42px;
		line-height:52px;
		color:#ff4466;
		margin-bottom:20px;
	}
	
	h3 {
		font-family:"proxima-nova-soft";
		font-size:48px;
		line-height:50px;
		font-weight:400;
		color:#444444;
		margin-bottom:20px;
		}

	h4 {
		font-family:"proxima-nova-soft";
		font-weight:bold;
		font-size:18px;
		color:#ff4466;
		margin-bottom:2px;
	}
	
	h5 {
		font-family:"proxima-nova-soft";
		font-weight:bold;
		font-size:13px;
		color:#333;
	}
	
	.color-puff {
		font-family:"proxima-nova-soft";
		font-weight:bold;
		font-size:21px;
		line-height:28px;
	}
	
	blockquote{
		font-family:"proxima-nova-soft";
		display:block;
		font-size:46px;
		line-height:48px;
		color:#444;
	}
	
	.caption{
		font-size:12px;
		line-height:17px;
		color:#999;
	}
	
	.typo-green{
		color:#68c855;
	}
	
	.typo-brown{
		color:#845913;
	}
	
	.typo-pink{
		color:#ed4160;
	}
	
	.typo-bold{
		font-weight:bold;
	}
	
	a:link {color:#00aadc; text-decoration:none;}
	a:visited {color:#00aadc;}
	a:active {color:#00aadc;}
	a:hover {color:#0194bf; text-decoration:underline;}
		
	a.logo{
		display:block;
		float:left;
		width:200px;
		height:108px;
		background-image:url('images/windi-logo.png');
		}
		
	p{
		margin-bottom:14px;
	}
	
	.sup { vertical-align: super; font-size:65%;}
	
	/* ---------------------- Header ------------------------*/
	
	#header{
		height:108px;
		margin:0 auto;
		background:#fff;
	}
	.header-wrap{
		width:940px;
		margin:0 auto;
	}
        #flag-wrapper{
	
	}
	
	#header ul{
		float:right;
		margin-top:60px;
	}

	#header ul li{
		font-family:"proxima-nova-soft";
		display:inline;
		padding:10px;
	}
	
	#header span{
		display:none;
	}
	
	#header .international{
		width:23px;
		height:16px;
		float:right;
		background-image:url('images/icon-international.png');
		
	}
	
	#page-start{
		background-image:url('images/banner-start.png');
		background-repeat:repeat-x;
	}
	
	.current_page_item a{
		color:#444;
	}
	
	/* ---------------------- Common ------------------------*/	
	
	#wrap{
		background-repeat:repeat-x;
		padding-top:20px;
	}
	
	body.home #wrap{
		background-repeat:repeat-x;
		padding-top:0px;
	}
	
	#main {
		width:780px;
		overflow:hidden;
		margin:0 auto 0;
		background:#fff;
		padding:50px 80px 120px 80px;
		}
		
	.left-column{
		width:380px;
		float:left;
	}

	.right-column{
		width:380px;
		float:right;
	}
	
	/* ---------------------- Stripe ------------------------*/
		
	body.page-id-4 #wrap{  /*Användning*/	
		background-image:url('images/banner-pink.png');
	}
	
	body.page-id-6 #wrap{	/*Om Windi*/
		background-image:url('images/banner-blue.png');
	}

	body.page-id-43 #wrap{	/*BVC*/
		background-image:url('images/banner-blue.png');
	}
	
	body.page-id-8 #wrap{	/*Nöjda föräldrar*/
		background-image:url('images/banner-aprikos.png');
	}
	
	body.page-id-10 #wrap{	/*Inköpsställen*/
		background-image:url('images/banner-blue.png');
	}
	
	body.page-id-12 #wrap{	/*Kontakta oss*/
		background-image:url('images/banner-blue.png');
	}
	
	body.single-post #wrap{	
		background-image:url('images/banner-blue.png');
	}
	
	body.home #wrap{	
		background-image:url('images/banner-start.png');
	}


	/* ---------------------- Start page ------------------------*/

	.home #main {
		width:940px;
		overflow:hidden;
		margin:0 auto 0;
		background:none;
		padding:0px 0px 0px 0px;
		}
	
	.home li{
			list-style-type:none;	
		}

	.backdrop-baby{
		height:380px;
		background-image:url('images/backdrop-baby.png');
		background-repeat:no-repeat;
	}
	
	.backdrop-baby span{
		display:block;
		margin-left:560px;
		width:340px;
		padding-top:40px;
		}	
	
	#puffar{
	 	height:450px;
		margin-top:-30px;
		padding-bottom:60px;
		padding-top:30px;
		padding-left:30px;
		background:#fff;
		width:910px;
	}

	.puff-2col{
		margin-bottom:20px;
		height:120px;
	}
	
	.puff-intro{
		width:430px;
		margin-right:20px;
		float:left;
		border-right:solid 1px #e6e6e6;
	}

	.puff-inkop{
		width:430px;
		float:left;
	}
	
	#puffar img{
		margin-left:10px;
		display:block;
		float:right;
	}
	
	.puff-3col{
		float:left;
		width:220px;
		height:200px;
		margin-right:20px;
		padding:30px;
	}
	
	.blue{
		background:#ddf7ff;
		background-image:url('images/illustration-flower.png');
		background-repeat:no-repeat;
		background-position:185px 170px;
	}
	
	.pink{
		background:#ffe6ea;
		background-image:url('images/illustration-diagram.png');
		background-repeat:no-repeat;
		background-position:190px 160px;
	}
	
	.yellow{
		background:#fbf1e1;
		background-image:url('images/illustration-star.png');
		background-repeat:no-repeat;
		background-position:170px 175px;
	}

	/* ---------------------- Användning ------------------------*/
	
	body.page-id-4 #main li{
		margin-bottom:22px;
		margin-left:20px;
	}
	
	/* ---------------------- Single Post Nyheter ------------------------*/

	.post{
		width:500px;
		padding-bottom:20px;
		border-bottom:solid 1px #dbf0f6;
		margin-bottom:30px;
	}
	
	.date{
		display:block;
		font-size:14px;
		margin-bottom:0px;
		color:#999;
	}
	
	.single #wrap li{
		list-style-type:none;
		padding:6px 0px 0px 0px;
	}
	
	/* ---------------------- Nöjda föräldrar pages ------------------------*/

	.page-id-8 .left-column{
		width:560px;
		float:none;
	}

	.page-id-8 .entry ul{
		display:block;
		margin-top:30px;
	}
	
	.page-id-8 .entry li{
		overflow:auto;
		display:block;
		width:560px;
		margin-bottom:20px;
	}
		
	.page-id-8 .bubble{
		background: #ddf7ff url('images/bubble.png');
		background-repeat: no-repeat;
		background-position: right bottom;
		padding:30px 50px 50px 50px;
		margin-bottom:-10;
	}
	
	.page-id-8 .namn{
		display:block;
		margin-top:20px;
		color:#aeaeae;
	}
	
	.page-id-8 .wp-post-image{
		float:left;
		padding-right:12px;
	}
	
	/* ---------------------- Retailers ------------------------*/
	
	.page-id-10 .left-column-retailers{
		width:540px;
		margin-bottom:50px;
		float:left;
	}
	
	.page-id-10 .right-column-retailers{
		width:200px;
		float:right;
}
	
	.page-id-10 #main li{
		list-style-type:none;	
		border-bottom:solid 1px #ccc;
		margin-top:20px;
		padding:0px 0px 10px 0px;
	}
	
	.box-search-retailer{
		display:block;
		height:40px;
		padding:18px 0px 0px 20px;
		background-color:#f5f4ef;
		border:solid 1px #ebeae3;
		margin-top:10px;
	}
	
	.choose-city{
		display:block;
		float:left;
	}
	
	.retailers-dd{
		margin-left:65px;
		margin-top:-2px;
		}
	
	/* ---------------- Contact ------------------*/

	.page-id-12 .left-column{
		width:460px;
/*		border:solid 1px #ccc;
*/	}
	
	.page-id-12 .left-column ul{
		list-style-type:none;
		width:220px;
	}
	
	.page-id-12 .left-column li{
		margin-bottom:14px;
	}
	
	.page-id-12 .right-column{
		display:block;
		float:right;
		width:280px;
		padding-left:30px;
		border-left:solid 1px #dbf0f6;
	}
	
	.malmo{
		float:left;
	}
	
	.stockholm{
		float:right;
	}
		
	input {
		width:260px;
		height:20px;
		padding:5px;  
	    font-size:14px;
	 	font-family:helvetica, arial;
		margin-bottom:16px;
		border:solid 1px #bababa;
	}
	
	 input:focus{
	    border:1px solid #99C;
	    background-color:#ecfbff;
	}
	
	textarea {
		width:260px;
		height:100px;
		padding:5px;  
	    font-size:14px;
	 	font-family:helvetica, arial;
		margin-bottom:16px;
		border:solid 1px #bababa;
	}

	.button-send {
		background:url('images/button-send.png');
		background-repeat:no-repeat;
		width:115px;
		height:46px;
		border:none;
		margin-left:158px;
		padding:0px;
		color:#fff;
		cursor: pointer;
		}
		
		
	/* ---------------------- News ------------------------*/

	#page-news {
		background-image:url('images/banner-blue.png');
		background-repeat:repeat-x;
		overflow:auto;
	 	height:100%;
	}

	.news{
		overflow:auto;
	 	height:100%;
		width:780px;
		margin:0 auto;
		background:#fff;
		margin-top:20px;
		padding:50px 80px 80px 80px;
	}

	.news p{
		margin-bottom:30px;
	}

	.news .left-column{
		width:500px;
		float:left;

	}
	
	.news .news-item{
		border-bottom:solid 1px #cdebf5;
		padding-top:20px;
	}

	.news .right-column{
		float:right;
		padding-left:30px;
		width:220px;
		border-left:solid 1px #cdebf5;
	}
	
	/* -------- Footer ----------*/

	#footer{
		margin-top: -60px; /* negative value of footer height */
		height: 60px;
		clear:both;
		background:#ceebf4;
	}
	
	body.home #footer {background:#ffdae0;} /* Front-page rosa*/
	body.home #footer .inner {background:#ffeaed;}
	
	body.page-id-4 #footer {background:#ffdae0;} /* Användning rosa*/
	body.page-id-4 #footer .inner {background:#ffeaed;}

	body.page-id-8 #footer {background:#ffe6d5;} /* Nöjda föräldrar aprikos*/
	body.page-id-8 #footer .inner {background:#fff3eb;}


	#footer .inner{
		width:880px;
		padding:20px 30px 0px 30px;
		height:40px;
		margin:0 auto;
		font-size:13px;
		color:#444;
		background:#e5f9ff;
	}
	
	#footer ul {
		float:right;
	}
	
	#footer li{
		display:inline-block;
		padding-left:20px;
	}
	
	.fb-like{
		margin-top:-2px;
		width:400px;
		float:right;
	}