/* @override 
	http://veekee.ca/assets/css/veekee.css
*/

/* @group Reset */

/* Word to Eric Meyer */

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, font, hr, 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 {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Global */

body {
	background: #000;
	color: #666;
	font: normal 12px/17px "Lucida Fax", Georgia, serif;
	text-align: center;
}


#top {
	background: #FFF url(../img/bg.png) repeat left top;	
	position: relative;
	width: 100%;
}

h2 {
	color: #C66;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}

h3 {
	color: #660033;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;		
	margin-bottom: 10px;
}

p, ul {
	margin-bottom: 1em;
}

a {
	color: #336666;	
}

a:hover {
	text-decoration: none;
}

.purple {
	color: #660033;	
}

.pagination {
	padding-top: 5px;
	text-align: right;
}

.pagination a, .pagination strong {
	padding: 2px 5px;
}

.pagination strong {
	color: #000;
}

/* @end */

/* @group Header */

#curtains {
	background: transparent url(../img/curtains-top.png) repeat-x right top;
	height: 53px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#header {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

#header div {
	background: transparent url(../img/header-bg.png) no-repeat center top;
	height: 180px;
	left: 170px;
	position: absolute;
	width: 720px;
}

#header h1 {
	left: 244px;
	position: absolute;
	top: 3px;
}

#header h1 a {
	background: transparent url(../img/veekee-highlight.png) no-repeat 0 -400px;
	display: block;
	height: 100px;
	text-indent: -9999px;
	width: 300px;
}

#header h1 a:hover {
	background-position: left top;
}

#header ul {
	height: 80px;
	left: 137px;
	position: absolute;
	top: 96px;
	width: 500px;
}

#header li {
	float: left;
	height: 80px;
}

#header li a {
	background: transparent url(../img/header-highlight.png) no-repeat -9999px 0;
	display: block;
	height: 80px;
	text-indent: -9999px;
}

li#about a {
	width: 175px;
}
li#about a:hover, li#about.current a {
	background-position: 0 0;
}

li#shop a {
	width: 100px;
}
li#shop a:hover {
	background-position: -175px 0;
}

li#goodies a {
	width: 125px;
}
li#goodies a:hover, li#goodies.current a {
	background-position: -275px 0;
}

li#blog a {
	width: 100px;
}
li#blog a:hover, li#blog.current a {
	background-position: -400px 0;
}

/* @end */

/* @group Content */

div.body {
	background: transparent url(../img/content-bg.png) repeat-y center top;
	margin: 0 auto;
	padding: 40px 30px;
	text-align: left;
	width: 900px;
}

div.about, div.goodies {
	background: transparent url(../img/content-bg-860.png) repeat-y center top;
	width: 800px;	
}

div.blog {
	background: transparent url(../img/content-bg-600.png) repeat-y 260px 0;
}

#message {
	background: #FFF;
	margin: 0 auto;
	padding: 100px;
	width: 500px;
}

/* @end */

/* @group Home */

#news-column {
	background: transparent url(../img/news.png) no-repeat 15px 0;
	float: left;
	padding: 140px 19px 0 0;
	width: 200px;
}

#news-column form {
	background: transparent url(../img/stay-in-the-loop.png) no-repeat 0 0;
	margin-bottom: 1px;
	padding: 55px 0 10px 10px;
	width: 190px;
}

#news-column form div {
	background: transparent url(../img/input-frame.png) no-repeat left top;
	padding: 5px 0 8px 9px;
}

#news-column form .input {
	border: 0;
	color: #666;
	font: normal 10px/10px "Lucida Fax", Georgia, serif;
	margin-right: 10px;
	padding: 0;
	vertical-align: middle;
	width: 125px;
}

input#go {
	vertical-align: middle;
}

#news-column ul {
	background: transparent url(../img/divider-200-purple.png) no-repeat left top;
	padding: 20px 0 0 0;
	width: 200px;
}

#news-column li {
	background: transparent url(../img/divider-200-yellow.png) no-repeat center bottom;
	padding: 10px 10px 30px;
}

#news-column li.pagination {
	background: none;
	font-size: 11px;
	padding-bottom: 10px;
	text-align: left;
}

#news-column li img {
	margin-bottom: 10px;
}

#content-home {
	border-left: 1px dotted #000;
	float: right;
	margin-top: 140px;
	padding-left: 20px;
	width: 660px;
}

#lookie-here {
	background: transparent url(../img/divider-660.png) no-repeat center bottom;
	color: #000;
	padding-bottom: 30px;
}

#lookie-here h2 {
	color: #404000;
}

.news-content {
	background: transparent url(../img/lookie-here-edit.png) no-repeat -4px 0;
	float: left;
	padding-top: 70px;
	width: 220px;
}

.news-image {
	border: 1px dotted #000;
	border-width: 0 1px;
	float: right;
	padding: 0 10px;
	width: 400px;
}

h2.portfolio-heading {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	margin: 20px 0 10px;
}

.portfolio-heading span {
	display: none;
}

#design {
	background: transparent url(../img/design.png) no-repeat left top;
	padding: 12px 0 20px 320px;
}

#illustration {
	background: transparent url(../img/illustration.png) no-repeat left top;
	padding: 13px 0 15px 450px;
}

#paper {
	background: transparent url(../img/paper.png) no-repeat left top;
	padding: 10px 0 20px 315px;
}

#etc {
	background: transparent url(../img/etc.png) no-repeat left top;
	padding: 20px 0 10px 290px;
}

.portfolio-listing li {
	display: inline;
	float: left;
	height: 70px;
	margin: 0 10px 10px 0;	
	width: 70px;
}

/* @end */

/* @group Portfolio */

body.portfolio {
	background: #FFF url(../img/bg.png) repeat left top;	
}

#portfolio {
	background: #FFF;
	margin: 0 auto;
	padding: 20px 0;
	width: 800px;
}

#portfolio table {
	height: 500px;
}

#portfolio td {
	font-size: 11px;
	line-height: 14px;	
}

td#images {
	background: transparent url(../img/portfolio-divider.png) no-repeat 580px 0;
	padding: 0 40px 0 20px;
	text-align: center;
	vertical-align: middle;
	width: 550px;
}

#images div {
	text-align: center;
	width: 550px;
}

#images img {
	margin-bottom: 10px;	
}

p.caption {
	margin: 0;
}

td#info {
	color: #000;
	padding: 0 20px 0 0;
	text-align: left;
	vertical-align: top;
}

#info h2 {
	color: #666;
	width: 150px;
}

td#thumbs {
	padding: 0 20px 0 0;
	text-align: left;
	vertical-align: bottom;
}

#thumbs ul {
	margin: 0;
}

#thumbs li {
	float: left;
	height: 80px;
	margin-top: 6px;	
	width: 81px;	
}

#thumbs li a {
	background: transparent  url(../img/thumb-frame.png) no-repeat left top;
	display: block;
	height: 80px;
	width: 81px;
}

#thumbs li a.current {
	background-position: -81px 0;
}

li.left {
	display: inline;
	margin-right: 6px;
}

#thumbs li img {
	margin: 10px;
}

/* @end */

/* @group About */

#about-page {
	margin-top: 140px;
}

#about-page h2 {
	height: 50px;
	text-indent: -9999px;
}

#contact-column {
	background: transparent url(../img/divider-200-yellow.png) no-repeat left bottom;
	color: #000;
	display: inline;
	float: left;
	margin-right: 10px;
	padding-bottom: 30px;
	width: 200px;
}

#contact-column h2 {
	background: transparent url(../img/contact.png) no-repeat left top;
}

#contact-column img {
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
}

#about-column {
	background: transparent url(../img/divider-420-purple.png) no-repeat left bottom;
	color: #000;
	display: inline;
	float: left;
	margin-right: 10px;
	padding-bottom: 30px;
	width: 420px;
}

#about-column h2 {
	background: transparent url(../img/about.png) no-repeat left top;	
}

#clients-column {
	background: transparent url(../img/divider-160-green.png) no-repeat left bottom;
	float: left;
	padding-bottom: 30px;
	width: 160px;
}

#clients-column h2 {
	background: transparent url(../img/clients.png) no-repeat left top;	
}

ul.clients li {
	border-bottom: 1px dotted #000;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

ul.clients li:last-child {
	border-width: 0px;
}

#about-column div, #clients-column div {
	padding: 0 20px;
}

/* @end */

/* @group Goodies */

#goodies-page {
	margin-top: 140px;
}

#goodies-intro-column {
	background: transparent url(../img/divider-200-green.png) no-repeat left bottom;
	display: inline;
	float: left;
	margin-right: 40px;
	padding-bottom: 30px;
	width: 200px;
}

#goodies-intro-column h2 {
	background: transparent url(../img/goodies.png) no-repeat left bottom;
	height: 60px;
	text-indent: -9999px;
}

#goodies-categories {
	background: transparent url(../img/divider-200-green.png) no-repeat left top;
	margin: 0;
	padding-top: 30px;
}

#goodies-categories li {
	margin: 10px;
}

#goodies-categories li.current a {
	color: #603;
}

#goodies-column {
	background: transparent url(../img/take-your-pick.png) no-repeat left top;
	float: left;
	padding-top: 70px;
	width: 540px;
}

.goodie {
	border-top: 1px dotted #000;
	padding: 10px 0;
}

.goodie img {
	float: left;
}

.goodie-info {
	margin-left: 310px;
}

.goodie-info  ul {
	font-size: 10px;
}

.goodies .pagination {
	border-top: 1px dotted #000;	
}

/* @end */

/* @group Blog */

#blog-column {
	display: inline;
	float: right;
	margin: 140px 120px 0 0;
	width: 500px;
}

#blog-column h2 a {
	background: transparent url(../img/blog.png) no-repeat left top;
	display: block;
	height: 80px;
	text-decoration: none;
	text-indent: -9999px;
}

p.categories {
	color: #999;
	font-size: 11px;
	margin: 0;
}

.post {
	background: #FFF url(../img/divider-500-black.png) no-repeat left top;
	border-bottom: 1px dotted #000;
	color: #000;
	margin-bottom: 20px;
	padding: 20px 0 20px;
}

p.posted {
	color: #999;
	font-size: 11px;
}

.next {
	float: right;
}

.prev {
	float: left;
}

.results {
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
}

#blog-sidebar {
	float: left;
	font-size: 11px;
	margin-top: 150px;
	width: 230px;
}

#sidebar-top {
	background: transparent url(../img/sidebar-bg.png) no-repeat center top;	
	padding: 20px 15px 1px;
}

#sidebar-bottom {
	background: transparent url(../img/sidebar-bg.png) no-repeat center bottom;	
	padding: 1px 15px 20px;
}

#blog-sidebar form {
	background: transparent url(../img/divider-200-yellow.png) no-repeat center top;
	border-bottom: 1px dotted #000;
	margin-bottom: 10px;
	padding: 30px 0 10px;
}

#blog-sidebar form #search  {
	vertical-align: middle;
}

#blog-sidebar form .input {
	color: #666;
	font: normal 12px/15px "Lucida Fax", Georgia, serif;
	padding: 3px;
	vertical-align: middle;
	width: 110px;
}

#blog-sidebar li {
	margin-left: 15px;
}

#blog-sidebar h3 {
	margin: 0;
	text-indent: -9999px;
}

h3#topics {
	background: transparent url(../img/topics.png) no-repeat left top;
	height: 30px;
}

h3#links {
	background: transparent url(../img/links.png) no-repeat left bottom;
	border-top: 1px dotted #000;
	height: 35px;
	padding-top: 10px;
}

#links-list {
	background: transparent url(../img/divider-200-purple.png) no-repeat center bottom;
	padding-bottom: 30px;
}

/* @end */



/* @group Footer */

#footer {
	background: transparent url(../img/curtains-bottom.png) repeat-x right top;
	margin-top: -20px;
	padding: 25px 0 10px;
	width: 100%;
}

#footer p {
	color: #FFF;
	font-size: 9px;
	line-height: 12px;
	margin: 0 auto;
	text-transform: uppercase;
	width: 960px;
}

#footer a {
	color: #FFF;
}

/* @end */

/* @group Facebox */

#facebox .b {
  background:url(../img/facebox/b.png);
}

#facebox .tl {
  background:url(../img/facebox/tl.png);
}

#facebox .tr {
  background:url(../img/facebox/tr.png);
}

#facebox .bl {
  background:url(../img/facebox/bl.png);
}

#facebox .br {
  background:url(../img/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox .body {
  background: #fff;
  width: 460px;
  position: relative;
}

#facebox .loading {
  text-align: center;
  padding: 20px;
}

#facebox .image {
  text-align: center;
}

#facebox .footer {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 15px;
  top: 15px;
}

a.close {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background: transparent url(../img/close.png) no-repeat left top;
}

a.close:hover {
	background-position: -24px 0;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* @end */





































/* @group Miscellaneous */

.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

hr {
	clear: both;
	visibility: hidden;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.centred {
	text-align: center;
}

img.alignleft {
	margin: 0 10px 5px 0;
	display: inline;
}

img.alignright {
	margin: 0 0 5px 10px;
	display: inline;	
}

img.centered {
	display: block;
	margin: 0 auto;
}

/* @end */