/*
bkg.css master stylesheet by Simon Griffee http://hypertexthero.com
2009-08-19-22:12:36
*/

* {
margin:0;
padding:0;
}

body {
text-align:center;
color:#000;
background:#fff; /*url(/images/bg-grid.gif) top left no-repeat;*/
font: normal 76%/140% Verdana, "bitstream vera sans", Helvetica, Arial, Sans-Serif;
word-spacing: 0.1em;
padding:24px 24px 8em 24px;
}

p.skip {display:none;}
/* 

=Links, =Images ------------------------------------------------ 

*/
a {outline:none !important;} /* Prevent visible outline on clicked anchors in Firefox */
a:link {
color:#06c;
padding-bottom:0;
}
a:visited {
color:#36c; 
padding-bottom:0;
}
a:hover {
text-decoration:none;
outline:none;
}
a:active {color:#f90; outline:none;}

img {display:block; border:0; border-style:none; text-decoration:none; margin:0;}

a:link img, a:visited img {border:0; border-style:none; text-decoration:none; border-bottom:none;}

a.imglink:link, a.imglink:visited {border: none;}
/* Trying to stop IE form putting a border under linked images. Unsuccessful so far. Update: Had to assign a class to links: http://www.webmasterworld.com/forum83/2276.htm */

h1 a:link, h1 a:visited {text-decoration:none;}

/* =Layout ------------------------------------------------ */

#page {
position:relative;
text-align:left;
margin:48px 15% 0;
padding:0;
/*min-width: 550px;
max-width: 1400px;*/
}

#content {
font-size:1em;
/*line-height:1.8em;*/
margin:0 38% 1em 0;
}

#sidebar {
font-family:helvetica, sans-serif;
position:absolute;
top:1.8em;
right:0;
font-size:1em;
line-height:1.6em;
margin:0;
padding:0;
width:30%;
word-spacing:normal;
}
ul#nav {}
ul#nav a:link, p#nav a:visited {text-decoration:none;}
ul#nav a:hover, p#nav a:active {text-decoration:underline;}

body#home a.nav-home,
body#about a.nav-about,
body#archive a.nav-archive,
body#testimonials a.nav-testimonials {font-weight:bold;}

#sidebar ul {list-style:none !important;}
#sidebar ul li {line-height:1.3em;}
#sidebar ul li a:link, #sidebar ul li a:visited {display:block; width:100%; text-decoration:none;}
#sidebar ul li a:hover, #sidebar ul li a:active {text-decoration:underline;}
div#adspot img {margin:3em 0 0.4em;}
div#adspot p {color:#333; font-size:11px;}
div#sidebar h3 {margin-bottom:1em;}

#footer {
padding:1em 0 0;
margin:3em 38% 0 0;
font-size:0.85em;
line-height:1.7em;
text-align:left;
color:#333;
font-family:helvetica, sans-serif !important;
border-top:double #eee;
}

/*  =logo ---------------- */

h1#logo {font-size:3em; font-family:"hoefler text", georgia, times, "times new roman" serif; margin:0 0 0.25em; font-weight:normal; font-style:italic;}
h1#logo a {color:#000;}
h2#slogan {font-size:12px; font-family:helvetica, sans-serif; font-weight:normal; margin:0 0 1.5em;}

div#content h1 {
	font-family:helvetica, sans-serif;
	font-size:1.8em; 
	line-height:1.2em;
	letter-spacing:-0.025em;
	margin:0 0 0.5em; 
	font-weight:bold;
	color:#000;
	}

div#content h1 a:link, div#content h1 a:visited {color:#000; text-decoration:none !important; font-weight:bold;}
div#content h1 a:hover, div#content h1 a:active {color:#f00; margin-top:0 !important;}

h2 {
	font-family:helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.2em;
	margin:1.5em 0 0.5em;
	font-weight:bold;
	color:#000;
	}

h3 {
	font-size:1em; 
	line-height:1.2em;
	font-weight:bold;
	margin:1.7em 0 0.5em;
	color:#000;
	}

h4 {
	font-size:1em;
	font-weight:normal;
	font-style:italic;
	margin:1.7em 0 0.5em;
	}

h5 {
	font-size:0.85em;
	text-transform:uppercase;
	margin:1.7em 0 0.5em;
	}

h6 {
	font-size:0.8em;
	text-transform:uppercase;
	font-style:italic;
	margin:1.7em 0 0.5em;
	}

/****************************************************************************
=Paragraphs, =Misc
****************************************************************************/

p {
	font-size:1.1em;
	margin-bottom:1.3em;
	line-height:1.4em;
	}
p.caption {font-size:1em; margin-top:0.2em; font-style:italic;}
hr {
	height:1px;
	background:#000;
	margin:12px auto 12px;
	border:none 0; 
	border-top:1px solid #000;
	display:block;
	}
* html body hr {height:0; background:none; margin-top:-10px;}
blockquote {margin:1em 0 1em 2em;}
pre {
	font-family:monospace;
	font-size:1em;
	line-height:1.5em;
	background:#eee;
	padding:10px;
	}
em, i, cite {font-style:italic;}
strong, b {font-weight:bold;}
del {font-style:line-through;}
ins {background:#ffc; text-decoration:none; border-bottom:1px dashed;}
kbd {background:#ff9;}
acronym, cite {border-bottom:1px dashed #999;}
address {margin:1.5em 0; font-style:italic;}

.small {font-size:0.9em; font-family:Georgia, serif;}
.info {font-size:0.6px;}
span.caps {font-size:0.9em !important;}
p.date {margin:3em 0 0; font-family:helvetica, sans-serif; font-size:1em; color:#999;}
p.meta {font-family:helvetica, sans-serif; font-size:1em;}
p.end {font-size:0.9em; margin:1em 0; color:#ccc;}
body#blog p.end {margin-bottom:4em;}
p.smallprint, p.footnote {font-family:Georgia, serif; font-size:1em; letter-spacing:0.055em;}
span.caps, strong.caps {font-size:0.95em;}
.current {font-style:italic; border-left:8px solid #ddd; padding-left:5px;}
li.current a {color:#000 !important;}
.clear {clear:both;}
.floatleft {float:left; margin:0 2.5em 1.5em 0;}
.floatright {float:right; margin:0 0 1.5em 2.5em;}


body#archive #content p {margin-top:0; margin-bottom:0.25em;}
body#archive #content p em {
	font-size:0.75em !important; line-height:1em;
	}


/****************************************************************************
=Lists
****************************************************************************/
ul {
	list-style:disc outside;
	}
ul.left {float:left;}
ul.right {float:right;}
ol {
	font-size:1em;
	list-style:decimal outside;
	}
dl {
	font-size:1em;
	line-height:1.4em; 
	}
li, dd {font-size:1.1em; line-height:1.4em;}
ul ul, ol ol {
	margin-left: 1.5em;
}
ul, ol, dl {
	margin: 0 0 1.4em 1.4em;
}
div#sidebar ul {margin-left:0;}


/****************************************************************************
=Forms
****************************************************************************/
div.iefieldsetbugfix {margin:0; padding:0;}
form.zemContactForm {margin:0 0 2em; padding:12px; background:#eee; width:420px;}
form.zemContactForm input {padding:2px; font-size:13px; line-height:20px;}
input, textarea {background:#fff; margin:0 0 1em; border-top:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #ccc; border-right:1px solid #cc9; padding:4px;}
label, form#search input {font-size:11px; line-height:18px; font-weight:bold;}
textarea {font-size:13px; line-height:20px; width:410px; background:#fff;}
input.button, input.zemSubmit {text-transform:capitalize; padding:3px 5px; background:#c00; color:#fff; border:solid 1px #ccc; font-weight:bold; font-size:11px !important; line-height:18px !important; margin-bottom:0 !important;}
input.button:hover, input.zemSubmit:hover {cursor:hand; background:#333;}
/*span.checkbox label {font-size:1em;}*/
input.checkbox {margin:1em 0 0; background:#eee;}
fieldset {padding:0; border:none;}
form#search label {display:none;}
form#search input.button {background:#ddd; color:#333;}
form#search input.button:hover {background:#333; color:#ddd;}
legend {margin:0 0 0.5em !important; padding:0; font-weight:bold; font-size:1.1em;}

ul.zemError {color:#c00 !important;}
div.zemThanks p {padding:2em 3em; background:#eee; text-align:center; font-family:georgia, times, serif; font-size:1.5em; line-height:1.5em; font-style:italic;}


/****************************************************************************
=Tables
****************************************************************************/
table {
	width:auto;
	padding:0;
	margin:0;
	}
	table caption {
		padding:0 0 5px 0;
		width:auto;	 
		font-style:italic;
		text-align:right;
		}
	table th {
		font:bold 11px helvetica, sans-serif;
		color:#000;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		border-top:1px solid #ccc;
		letter-spacing:2px;
		text-transform:uppercase;
		text-align:left;
		padding:6px 6px 6px 12px;
		background:#eee; /*url(images/bg_tableHeader.jpg) no-repeat*/
		}
	table th.nobg {
		border-top:0;
		border-left:0;
		border-right:1px solid #ccc;
		background:none;
		}
	table td {
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		background:#fff;
		padding:6px 6px 6px 12px;
		}
	table td.alt {
		background:#F5FAFA;
		}
	table th.vert {
		border-left:1px solid #ccc;
		border-top:0;
		background:#fff;
		font:bold 10px helvetica, sans-serif;
		}
	table th.vertalt {
		border-left:1px solid #ccc;
		border-top:0;
		background:#f5fafa;
		font:bold 10px helvetica, sans-serif;
		}
		

/****************************************************************************
=Comments
****************************************************************************/
#cpreview {padding:1em; background:#ff9;}
#cpreview div.comment {background:#ffc;}
div#commentpreviewnote p em strong {color:#f60;}
h2#comments {font-weight:normal; margin:2em 0 0.8em;}
div.comment {margin-bottom:2em; background:#fff; padding:1em 1em 0.8em;}
ul.comments_error {color:#c00; margin:1em 0;}
input#txpCommentPreview {background:#ff9; color:#000; padding:2px 5px; margin:0.25em 0;}
input#txpCommentSubmit {background:#f60; color:#fff; padding:4px 7px; margin:0.25em 0;}
p.commentnumber a {font-size:2em; float:right; padding:0 0 0 1em; color:#ccc; text-decoration:none;}
div.odd {background:#eee;}