/*
Theme Name: Divendo
Theme URI: http://www.divendo.dk/
Description: 
Version: 1.0
Author: Divendo
Author URI: http://www.divendo.dk/
*/

/* Reset */
html {margin:0; padding:0; border:0;}body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, 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, nav, section {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;} body {line-height: 1.5;background: white;} table {border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal; float:none !important;} table, th, td {vertical-align: middle;} blockquote:before, blockquote:after, q:before, q:after { content: ''; } blockquote, q { quotes: "" ""; } a img { border: none; } :focus { outline: 0; } * {margin: 0;} html, body {height: 100%;}
details summary::-webkit-details-marker { display:none; }

/* Global
-------------------------------------------*/

body {overflow-y:scroll;}
#wrap												{min-height: 100%; width: 960px; height: auto !important; height: 100%; margin: 0 auto -65px; *margin: 0 auto 60px;}

.left												{float: left;}
.right												{float: right;}

.alignleft											{float: left;}

a													{color: #000; text-decoration: underline;}
a:hover												{text-decoration: none;}

a.btn_black											{background: #000; color: #fff; text-decoration: none; font: normal 12px/12px 'FrutigerBold', Arial; padding: 6px 12px; margin: 10px 0 0; float: left;}
a.btn_black:hover									{background: #e0dfd5; color: #404040;}	

a.btn_black1										{background: #000; color: #fff; text-decoration: none; font: normal 12px/12px 'FrutigerBold', Arial; padding: 6px 12px; margin: 10px 0 0; float: left;}
a.btn_black1:hover									{background: #e0dfd5; color: #404040;}	


nav ul												{float: left;}
nav ul li											{float: left; display: inline; font: normal 15px/15px 'FrutigerLTCondensed', Arial; margin: 0 0 0 30px;}
nav ul li a											{text-decoration: none; color: #4c4c4c;}
nav ul li.current_page_parent a,
nav ul li.current-menu-item a,
nav ul li a:hover									{color: #000;}
nav ul li a:hover									{ position:relative; top:1px;}

#lang_sel_footer {display: none;}

/* Header
-------------------------------------------*/
header												{padding: 60px 0 55px; width: 960px; float: left;}
header h1 a											{text-indent: -99999px; position: absolute; background: url(images/logo.png) no-repeat; width: 144px; height: 30px;}
header nav											{float: right; padding: 16px 0 0;}

/* Content
-------------------------------------------*/
	
	/* Details */
	details												{float: left; width: 960px; margin: -5px 0 46px;}
	details summary										{font: normal 30px/42px 'FrutigerLTLight', Arial; color: #404040;}

	/* Section */
	section												{float: left; width: 960px; margin: 0 0 60px;}
	
	section.articleView									{margin: 0 0 15px;}
	
	section header										{float: none; padding: 0;}
	section header h2									{font: normal 24px/24px 'FrutigerBold', Arial; color: #000; padding: 0 0 15px; float: left;}
	section header span									{float: right; font: normal 15px/15px 'FrutigerLTCondensed', Arial; color: #ccc; margin: 4px 0 0; cursor: pointer; background: url(images/ico_btn_close.png) no-repeat right center; padding: 4px 35px 5px 0;}
	section header span:hover							{color: #000; background: url(images/ico_btn_close_hover.png) no-repeat right center;}
	
	section header span									{float: right; font: normal 15px/15px 'FrutigerLTCondensed', Arial; color: #ccc; margin: 4px 0 0; cursor: pointer; background: url(images/ico_btn_close.png) no-repeat right center; padding: 4px 35px 5px 0;}
	section header span:hover							{color: #000; background: url(images/ico_btn_close_hover.png) no-repeat right center;}
	section header span a								{text-decoration: none; color: #ccc;}						
	section header span a:hover							{color: #000;}		
		/* */
		section.frontpage								{margin: -36px 0 60px;}
		section.frontpage ul li							{float: left; display: inline;}
		section.frontpage ul li img						{float: left;}
		
		#slideNav										{z-index: 50; position: absolute; bottom: 10px; left: 495px; width: 120px; text-indent: -99999px;}
		#slideNav a 									{background: url(images/slide_dot.png) no-repeat; width: 10px; height: 10px; float:left; margin: 0 5px 0 0;}
		#slideNav a.activeSlide 						{background: url(images/slide_dot_active.png) no-repeat;}
		#slideNav a:focus 								{outline: none;}
		
		#prev2											{z-index: 999; float:left; margin: -227px 0 0 10px; position: relative; background: url(images/slide_arrow_left.png) no-repeat; width:24px; height:24px;}
		#next2											{z-index: 999; float:right; position: relative; margin: -227px 10px 0 0; background: url(images/slide_arrow_right.png) no-repeat; width:24px; height:24px;}
		
		/* Article */
		section article									{float: left; width: 960px;}
		section.post article							{-moz-column-count: 3; -webkit-column-count: 3; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-count: 3; column-gap: 40px;}
		
		section article	p 								{font: normal 12px/18px Arial; color: #404040; padding: 0 0 15px;}
		section article ul li							{display: inline; float: left; margin: 0 0 10px;}
		section article ul li img						{float: left;}
		section.singleView img							{padding: 0 0 20px; float:left;}	
	
			/* Post overview */
			section.overview li .overlay						{display: none;}
			section.overview li .overlay					{float: left; width: 231px; height: 100%; left: 0; top: 0; overflow: hidden; position: absolute; background: url(images/overlay_bg.png) repeat;}
			section.overview li .overlayTop				{text-align: center;  padding: 15px;}
			section.overview li .overlayTop h3			{font: normal 24px/24px 'FrutigerBold', Arial; padding: 0 0 10px; color: #fff;}
			section.overview li .overlayTop p				{font: normal 14px/21px Arial; color: #fff;}
			section.overview li .overlayBottom			{position: absolute; bottom: 15px; text-align: center; margin: 0 0 0 51px;}
			section.overview li .overlayBottom a			{margin: 0 10px 0 0;}				
				
			/* Service */
			section.services article									{float: left; margin: 0 0 24px; }
			section.services article img								{float: left; margin: 0 20px 0 0; }
			
				
				section.singleView article img								{margin: 20px 20px 0 0 !important;}
			
			section.services article h3									{font: normal 21px/21px 'FrutigerBold', Arial; padding: 0 0 15px;}
			section.services article h4									{font: normal 18px/18px 'FrutigerBold', Arial; padding: 0 0 15px;}
			section.services article .left								{float:left; width: 640px;}
			section.services article .left h2							{font: normal 24px/24px 'FrutigerBold', Arial; color: #000; padding: 35px 0 15px; float:left; width: 640px;}
			section.services article .meta								{float:left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 640px; margin: 45px 0 0;}
			section.services article .meta ul li						{font: normal 14px/14px 'FrutigerLTCondensed', Arial; padding:10px 0; margin:0; color: #000; margin: 0 60px 0 0; float:left; display:inline;}
			section.services article .meta li a							{text-decoration:none; float:left; padding: 2px 0 3px 30px;}
			section.services article .meta li.fb a						{background: url(images/ico_fb.png) no-repeat left top;}
			section.services article .meta li.twitter a					{background: url(images/ico_twitter.png) no-repeat left;}
			section.services article .meta li.mail a					{background: url(images/ico_mail.png) no-repeat left;}
			section.services article .meta li.permalink a				{background: url(images/ico_permalink.png) no-repeat left;}	
		
			section.services article .right								{width: 300px;}
			section.services article .right h4 a						{text-decoration: none;}
		
			section.blockOpen											{margin: -48px 0 60px; }
			section.blockClosed											{margin: 0; *margin: 0 0 24px;}
				
			/* Article Overview */
			.articleOverview											{float: left !important; width: 960px !important;}
			.articleOverview .article									{float: left !important; width: 720px !important; border-bottom: 1px solid #ddd; padding: 0 0 15px; margin: 0 0 20px;}
			.articleOverview .article img								{float: left; width: 720px; height: 240px; margin: 0 0 15px;}
			.articleOverview .article h2								{font: normal 18px/18px 'FrutigerBold', Arial; padding: 0 0 10px}
			.articleOverview .article p									{font: normal 13px/21px Arial; color: #404040;}
			.articleOverview .article a									{text-decoration: none; color: #404040;}
			.articleOverview .article a:hover							{color: #000;}
			.articleOverview .article .left								{width: 560px;}
			.articleOverview .article .right							{float: right; margin: 23px 0 0;}
			.articleOverview .article .right a							{color: #fff;}
			.articleOverview .meta										{font: normal 13px/13px Arial; color: #b2b2b2; padding: 30px 0 0;}
			.articleOverview .meta ul li.first							{border: 0; padding: 0;}
			.articleOverview .meta ul li								{float: left; display: inline; list-style: none; padding: 0 6px 0 0; margin: 0 8px 0 0; border-right: 2px solid #ddd;}
			
			.articleOverview #sidebar									{text-align: right;}
			.articleOverview #sidebar h3								{font: normal 18px/18px 'FrutigerLTCondensed', arial; margin: 0 0 20px;}
			.articleOverview #sidebar ul li								{list-style: none;}
			.articleOverview #sidebar ul li a							{text-decoration: none; color: #404040; font: normal 14px/24px 'FrutigerLTCondensed', arial;}
			.articleOverview #sidebar ul li a:hover						{color: #000;}
				
				
			/* Article view */
			.articleSingle .article										{border: 0;}
			.articleSingle .article img									{margin: 5px 0 35px 0 !important; width: auto !important; height: auto !important;}

				.articleSingle .article  h2						{font: normal 21px/21px 'FrutigerBold', Arial; padding: 0 0 15px; float:left; width: 640px;}
				.articleSingle .article h3						{font: normal 18px/18px 'FrutigerBold', Arial; padding: 0 0 15px;}
				.articleSingle .article h4						{font: normal 15px/15px 'FrutigerBold', Arial; padding: 0 0 15px;}
				.articleSingle .article h5						{font: normal 13px/13px 'FrutigerBold', Arial; padding: 0 0 15px;}
				.articleSingle .article p						{padding: 0 0 15px; font: normal 12px/21px Arial;}
				.articleSingle .article p img					{padding: 20px;}
				.articleSingle .article ul,
				.articleSingle .article ol						{margin: 0 0 15px;}
				.articleSingle .article ul ul,
				.articleSingle .article ol ol					{margin: 0 !important;}
				.articleSingle .article li						{font: normal 12px/21px arial; margin: 0 0 0 25px;}
				.articleSingle .article blockquote				{margin: 0 0 15px 55px; border-left: 4px solid #e0dfd5; padding: 0 0 0 10px;}
				.articleSingle .article blockquote p			{padding: 0;}
		
			.articleSingle .article .left								{float:left; width: 640px;}
			.articleSingle .article .metaBox							{float:left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 640px; margin: 45px 0 0;}
			.articleSingle .article .metaBox ul li						{font: normal 14px/14px 'FrutigerLTCondensed', Arial; padding:10px 0; color: #000; margin: 0 60px 0 0 !important; float:left; display:inline;}
			.articleSingle .article .metaBox li a						{text-decoration:none; float:left; padding: 2px 0 3px 30px;}
			.articleSingle .article .metaBox li.fb a					{background: url(images/ico_fb.png) no-repeat left top;}
			.articleSingle .article .metaBox li.twitter a				{background: url(images/ico_twitter.png) no-repeat left;}
			.articleSingle .article .metaBox li.mail a					{background: url(images/ico_mail.png) no-repeat left;}
			.articleSingle .article .metaBox li.permalink a				{background: url(images/ico_permalink.png) no-repeat left;}	
		
				
			/* Contact page */
			.scf-form form p											{float: left; width: 288px;}
			.scf-form form .scf-form-error								{font: bold 12px/18px Arial; padding: 0 0 10px;}
			.scf-form .scf-form-success									{font: bold 12px/18px Arial; padding: 0 0 10px;}
			.scf-form form label										{float: left; width: 100%;}
			.scf-form form input										{float: left; width: 100%; border: 1px solid #ddd; font: normal 15px/15px Arial; padding: 5px; color: #808080;}
			.scf-form form textarea										{float: left; width: 100%; border: 1px solid #ddd; font: normal 15px/18px Arial; padding: 5px; height: 20px; color: #808080;}
			.scf-form form .form-submit									{width: 300px;}
			.scf-form form .form-submit input							{background: #000; color: #fff; font: normal 12px/12px 'FrutigerBold', Arial; width: auto; float: right; cursor: pointer; padding: 5px 10px; border: 0;}
		
/* Footer
-------------------------------------------*/
footer, .push										{height: 65px;}
footer												{display: block; width: 960px; margin: 0 auto;}

footer nav ul										{padding: 4px 0 6px 80px;  background: url(images/logo_divendo_small.png) no-repeat left top;}
footer nav ul li									{margin: 0 0 0 20px;}

footer div.social									{float: right; width: auto; padding: 0;}
footer div.social ul li								{background: none; padding: 0; margin: 1px 0 0 20px;}
footer div.social ul li.facebook a					{float: left; background: url(images/logo_facebook.png) no-repeat; width: 81px; height: 17px;}
footer div.social ul li.facebook a:hover			{float: left; background: url(images/logo_facebook_h.png) no-repeat; width: 81px; height: 17px;}
footer div.social ul li.twitter a					{float: left; background: url(images/logo_twitter.png) no-repeat bottom; width: 80px; height: 17px;}
footer div.social ul li.twitter a:hover				{float: left; background: url(images/logo_twitter_h.png) no-repeat bottom; width: 80px; height: 17px;}

footer div											{float: left; width: 960px; padding: 9px 0 15px;}
footer div ul li									{float: left; display: inline; font: normal 12px/12px Arial; color: #b2b2b2; padding: 0 12px 0 0; margin: 0 8px 0 0; background: url(images/ico_dot.png) no-repeat right center;}
footer div ul li a									{color: #b2b2b2;}
footer div ul li a:hover							{color: #000;}
footer div ul li.last								{background: none; margin: 0; padding: 0;}