@charset "utf-8";
@media print {
	/* CSS Document */

	/* http://meyerweb.com/eric/tools/css/reset/ 
	 * v2.0 | 20110126
	 * License: none (public domain)
	 * ------------------------------------------*/
	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, 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,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video{
		margin:0;
		padding:0;
		border:0;
		font-size:100%;
		font:inherit;
		vertical-align:baseline;
	}

	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section{
		display:block;
	}
	body {
		line-height:1;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q{
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after{
		content:'';
		content:none;
	}
	table{
		/*border-collapse:collapse;*/
		border-spacing:0;
	}

	/* Basic
	 * ------------------------------------------*/
	*, *:before, *:after{
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
				box-sizing:border-box;
	}
	*:focus{
		outline:none;
	}
	body{
		color: #484745;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		font-style:normal;
		font-weight:normal;
		line-height:20px;
		-webkit-font-smoothing:antialiased;
		-webkit-text-size-adjust: 100%;
	}
	::selection {
		color: #fff;
		text-shadow: none;
	}
	::-moz-selection {
		color: #fff;
		text-shadow: none;
	}

	/* Link
	 * ------------------------------------------*/
	a{
		line-height:inherit;
		text-decoration:none;
	}
	a:hover{
		text-decoration:none;
	}
	p a, p a:visited{
		line-height:inherit;
	}

	/* Typography
	 * ------------------------------------------*/
	p{
		font:inherit;
		line-height:inherit;
		margin-bottom:20px;
	}
	h1,h2,h3,h4,h5,h6{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-style:normal;
	}
	h1{
		font-size:34px;
		letter-spacing:-1px;
		line-height:40px;
		margin-bottom: 10px;
	}
	h2{
		font-size:24px;
		line-height:30px;
		margin-bottom: 15px;
	}
	h3{
		font-size:18px;
		line-height:24px;
		margin-bottom: 20px;
	}
	h4{
		font-size:16px;
		line-height:22px;
		margin-bottom: 20px;
	}
	h5{
		font-size:14px;
		line-height:20px;
		margin-bottom: 15px;
	}
	h6{
		font-size:12px;
		line-height:20px;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	hr{
		border-width:0px 0px 1px 0px;
		clear:both;
		display:block;
		height:0px;
		margin:30px 0px 30px 0px;
	}
	em{
		font-style:italic;
		line-height:inherit;
	}
	strong, b{
		font-weight:bold;
		line-height:inherit;
	}
	small{
		font-size:60%;
		line-height:inherit;
	}
	sub, sup{
		font-size:75%;
		line-height:0;
		position:relative;
		vertical-align:baseline;
	}
	sup{
		top:-0.5em;
	}
	sub{
		bottom:-0.25em;
	}
	abbr, acronym, dfn{
		cursor: help;
	}
	address{
		display: block;
		margin: 0 0 20px;
	}
	ins{
		text-decoration: none;
	}

	/* Code 
	 * ------------------------------------------*/
	pre, code{
		font-family:"Courier New", Courier, monospace;
		font-size:12px;
		padding:0;
		margin:0;
		word-wrap: break-word;
	}
	pre{
		line-height:1.59em;
		margin-bottom:20px;
		padding:19px;
	}
	pre code{
		background:none;
	}

	/* Blockquote 
	 * ------------------------------------------*/
	blockquote{
		margin:30px 0 30px;
		padding:0 20px 0px 50px;
	}
	blockquote, blockquote p{
		position: relative;
		font-family:inherit;
		font-size:18px;
		font-style:normal;
		line-height:26px;
		border: none;
	}
	blockquote:before{
		content: "\201C";
		position: absolute;
		top: 20px; left: 0;
		float: left;
		font-size: 5.5em;
		font-family: Georgia, serif;
	}
	blockquote cite{ 
		display:block; 
		font-size:90%;
		font-style: italic;
		margin-top: 10px;
	}
	blockquote cite:before{
		content: "\2014 \0020";
	}

	/* List 
	 * ------------------------------------------*/
	ul, ol{
		margin-bottom:20px;
	}
	ul{
		list-style:disc outside;
	}
	ol{
		list-style:decimal;
	}
	ol ol{
		list-style:lower-alpha;
	}
	ul, ol{
		margin-left:18px;
	}
	.gecko ul, .gecko ol{
		margin-left:16px;
	}
	ul.square{
		list-style:square outside;
	}
	ul.circle{
		list-style:circle outside;
	}
	ul.disc{
		list-style:disc outside;
	}
	ul ul,ul ol,ol ol,ol ul{
		margin: 5px 0 5px 30px;
	}
	dl{
		margin-bottom: 20px;
	}
	dl dt{
		font-weight: bold;
	}
	dl dd{
		margin-bottom: 10px;
	}

	/* Table 
	 * ------------------------------------------*/
	table{
		background-color:transparent;
	}
	table{
		width:100%;
		margin-bottom:20px;
	}
	table th, table td{
		padding:8px;
		line-height:inherit;
		text-align:left;
		vertical-align:top;
	}
	table th {
		font-weight:bold;
	}
	table thead th {
		vertical-align:bottom;
	}

	/* Image
	 * ------------------------------------------*/
	img{
		border:none;
		height:auto;
		max-width:100%;
		vertical-align:middle;
		-ms-interpolation-mode:bicubic;
	}

	@page {
		margin: 2.35cm 1.5cm 1.5cm 1.5cm;
	}

	#main header{
		margin-bottom: 4em;
	}
	
	.invoice{
		background: #FFF;
	}
	
	.invoice #main{
		padding: 0px !important;
	}

	.invoice article header{
		margin-botom: 3em;
	}

	.invoice article{
		box-shadow: none;
		padding: 0px !important;
	}
	
	table#invoice-items tr.header th {
		padding-bottom: 1em;
	}

	table#invoice-items tr.item td {
		padding: 1em 8px;
	}

	table#invoice-totals tr.totals td{
		padding-top: 1em;
	}

	table#invoice-totals tr.sub td{
		padding-top: 0;
	}
	
	table#invoice-totals tr.sub small{
		font-size: 80%;
	}
	table#invoice-totals tr.totals td.hours span.suffix{
		font-size: 14px !important;
	}

	#company{
		float: left;
		text-align: right;
		width: 30%;
	}

	#project{
		float: left;
		width: 70%;
	}
	
	#project #logo,
	#project #logo img{
		height: 75px;
		width: 112px;
		margin-bottom: 20px;
	}
	#company,
	#project{
		font-size: 14px;
	}

	table th.description,
	table td.description{
		width: 68%;
	}

	table th.hours,
	table td.hours{
		text-align: center;
		width: 9%;
	}

	table th.rate,
	table td.rate{
		text-align: center;
		width: 9%;
	}

	table th.total,
	table td.total{
		text-align: right;
		width: 14%;
	}

	table#invoice-items tr.header th.hours, table#invoice-items tr.header th.rate, table#invoice-items tr.item td.hours, table#invoice-items tr.item td.rate, table#invoice-items tr.totals td.hours {
		text-align: center;
	}

	table#invoice-totals tr.totals td.total {
		text-align: right;
	}

	table#invoice-items tr.header th.total, table#invoice-items tr.item td.total {
		text-align: right;
	}

	#company div#name{
		font-size: 20px;
		line-height: 20px;
	}

	table#invoice-totals tr.totals td{
		font-size: 18px;
		line-height: 18px;
	}
	
	table#invoice-totals tr.sub td{
		font-size: 16px !important;
	}

	table#invoice-totals tr.totals td.hours span.suffix {
		font-size: 14px !important;
	}

	table#invoice-totals tr.totals td{
		text-transform: uppercase;
	}

	#project #project-name .grey {
		color: #BBBBBB;
	}

	table#invoice-items tr.item td.hours, table#invoice-items tr.item td.total {
		background: #EEE;
	}

	table#invoice-items th, table#invoice-items td {
		border-bottom: 1px solid #CCCCCC;
	}

	table#invoice-items tr.item.last td, 
	table#invoice-totals tr.totals td{
		border: none;
		border-collapse:collapse;
	}

	table#invoice-expenses th{
		padding-top: 20px;
	}

	table#invoice-expenses th{
		border-bottom: 1px solid #ccc;
	}

	table#invoice-expenses td{
		border-bottom: 1px dotted #ccc;
	}

	.clearfix:before, .clearfix:after{
		content:'\0020';
		display:block;
		overflow:hidden;
		width:0;
		height:0;
	}

	.clearfix:after{
		clear:both;
	}

	.clearfix{
		zoom:1;
	}

	.hidden{
		display: none;
	}
	
	.no-print{
		display: none;
	}
}