/*
Elliot Jay Stocks Invoice Template
Created by Elliot Jay Stocks
23/07/08 */

/*=========================== TYPOGRAPHY =========================*/
#invoice a.add {color: #fff;}
#invoice img { border: none; }

#invoice p, #invoice h2, #invoice h3 { margin:0 }
#invoice { font-family: "Book Antiqua", Palatino, "Palatino Linotype", Baskerville, BaskervilleBE, BaskervilleOldFace, Garamond, "Times New Roman", serif; color:#000; line-height:1.3 }
#invoice h1 { margin:0; color:#000; text-transform:uppercase }
#invoice h2, #invoice h3 {font-family: "Book Antiqua", Palatino, "Palatino Linotype", Baskerville, BaskervilleBE, BaskervilleOldFace, Garamond, "Times New Roman", serif; color:#777; line-height:1.2; margin-top:10px }
#bill-to-ship-to, #company-address, #client-details, #payment-details, #invoice-other, .invoice-amount td, th, #invoice-info { font-size:10pt }
 #comments { font-weight:bold; line-height:1.2; color:#fff }
div#invoice #company-address div, div#invoice div#invoice-other div#comments { color:#fff }
#invoice-header #company-address div.org { font-size:14pt; font-weight:bold }
#client-details div.org { font-size:14pt; font-weight:bold }

h1, h2, h3 { margin:0; padding:0; font-weight:bold; line-height:18pt; text-transform:uppercase }
div#invoice-info h2 { font-size:24pt; color:#777 }
div#invoice-info h3 { font-size:14pt; color:#777 }
#invoice-info #payment-total{display:none}
div#invoice-other h2, div#payment-details h2 { margin:10px 0 0 0;font-size:14pt;  }
strong { color:#000 }
div#company-address strong { color:#fff }
#comments{font-size:10pt}

/*=========================== LAYOUT =========================*/

#invoice { padding:0 1cm 1cm 1cm }
#invoice { *padding-bottom:0;} /* Hack for IE6 and 7 */

#logo-dv { padding:.5cm 20px 0 0; margin:0 20px 0 0; }

#company-address { width:57.5%; margin:0;  padding:.75cm 1cm 1cm;  background-color:#000; }

#bill-to-ship-to, .invoice-amount { margin:20px 0; }

#invoice-info { padding:20px 0 20px; text-align:right; }
#invoice-info th { text-align:right }
#invoice-info h2 { text-transform:uppercase; font-size:14pt }
#invoice-info h3 { }
.invoice-amount { margin: 2em 0 2em 0; clear: both }

#payment-details { width:60%; }
#invoice-other { }
#invoice-other h2, #payment-details h2 { margin-bottom: 1em }

#comments { padding:0; }
#comments .wrapper { padding:1cm; margin:0 -1cm 0 60%; background-color:#000;}
