/* You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Duoh! n.v.
and may not be reproduced. 
------------------------------------------------------------------*/

/* Duoh! Print stylesheet
------------------------------------------------------------------*/

html,body {
	background:#fff;
	margin:0;
	padding:0;
	width:100%;
	}
body {
	font:9pt/12pt Corbel,Helvetica,Arial,Verdana,sans-serif;
	color:#000;

}
#wrapper {width:100%;}
#content img {
	border:1px solid #ccc;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1 {margin:50px 0;}
h2,h3,h4 {margin:15px 0 10px 0;}
h2 {font-size:14pt;}
h3 {font-size:12pt;}
h4 {font-size:10.5pt;}
h5, h6 {margin:0;font-size:9pt;}
.date {font-style:italic;}

ul, ol {margin:0 0 10px 0; padding:0;}
li {margin-left:15px;}
blockquote {margin:0;}
blockquote p {
	margin:0 0 1em 0;
	padding:0 0 0 10px;
	border-left:4px solid #ccc;
}
#footer p, .vcard p {
	float:left;
	font-size:8pt;
}
.vcard p {margin-right:10px;}

/* Show external URL's */

a:link, a:visited {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	padding-bottom:2px;
}
#content a:link:after,
#content a:visited:after {
  content:" (" attr(href) ") ";
  font-size:90%;
  color:#ccc;
  font-weight:normal;
  font-style:italic;
}

/* Don't show URL's of internal anchors */

#content a[href*="#"]:link:after,
#content a[href*="#"]:visited:after {
	content:"";
}
#content a[href*="#"] {
	border:none;
}

/* Elements not to print */

#logo img, #nav, .no-print,
#sidebar, #estimate,
#vcard h3,#ee-eh,
#skip a:link,
#skip a:visited,
.vcardicon,
.pagination,
#t-news, #comment-form,
#content #comments h4 a,
#content #comments h4 a:link:after,
#content #comments h4 a:visited:after,
#projects-footer,
#contact-form
 {display:none;}
 
/* Forcing elements to show so they print */
 
#lightwindow img {
	display:block;
} 

/* Show printed version of logo in greyscale */

#skip img#logo-print {
	display:block;	
	width:142px;
	height:104px;
	position:absolute;
	top:0px;
	right:0px;
}

/* Print the comment's on a new page */

#comments {page-break-before:always;}

/* Homepage */

#work {margin-bottom:20px;}
#work ul li {
	list-style-type:none;
	margin:0 2% 0 0 -15px;
	padding:0;
	float:left;
	display:block;
	width:31%;
}
#work + li + li + li {margin-right:0;}
#work img {
	float:none;
	display:block;
	margin:0 0 10px 0;
}