/****** 
	screen.css
	Author: Evan Johnson (chilipepperdesign.com)
	Date: 2-2-2009
 ******/

/*   Modified version of Eric Meyer's CSS Reset Reloaded -  http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
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, 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 {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/*****************************************    end  Eric Meyer's CSS Reset Reloaded */
/***************************************** base  blueprintcss typography.css  - 12px default font*/
body {font-size:75%;font-family:"Century Gothic", "Avant Garde", Futura, Arial, Helvetica, sans-serif;} /* Avant Garde, Futura or Century Gothic ? */
/* font-family:"Century Gothic", "Avant Garde", Futura, Arial, Helvetica, sans-serif;  */
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;text-align:center; padding-right: 50px; width: 480px;}
h2 {font-size:1.5em;margin-bottom:0.75em;padding-bottom: 3px; font-weight:bold;}
h3 {font-size:1.3em;line-height:1;margin-bottom:1em; padding-bottom: 3px; font-weight:bold;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1em;}
h5 {font-size:1.1em;line-height:1.25;}
h2, h3 {padding-left: 15px;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {font-size:1.1em; margin:0 0 1.4em; line-height: 1.4em; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {margin:1.5em;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace; line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.1em 2.2em; }
ul {list-style-type:disc; font-size:1.1em;}
ol {list-style-type:decimal; font-size:1.1em;}
ul li ul li{font-size:.9em; }
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px; vertical-align: top;}
tfoot {font-style:italic;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.float-right { float: right; }
.float-left { float: left; }
/* link s */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {}
a:focus{}
/*****************************************  end of blueprintcss typography.css */

/*****************************************  colors */
body {color: #000;background-color: #666;}
/* link s */
a:link {color: #600;}
a:visited {color: #600;}
a:hover {color: #600;}
a:active {color: #f00;}
#menu a:link {color: #422;}
#menu a:visited {color: #422;}
#menu a:hover {color: #000;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{ color: #AF0000; text-decoration: none; }
/*typography*/
del {color:#666;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.quiet {color:#666;}
.loud {color:#000;}
.news-date, .tiny-date { color: #9f9f9f; }
h1, h2, h3, h4, .front-subtitle, .front-blurb { color: #422; }
.even, .entry-meta { background:#EFEFEF; }
.mycomment { background:#FFEFEF; }
.front-h3, .current-cat  { color: #c00;}
/*elements*/
thead th {background:#c3d9ff;}
tr.even td {background:#e5ecf9;}
caption {background:#eee;}
blockquote {color:#666;}
pre { background:#EFEFEF; }
/*****************************************  end of colors */

/*****************************************  styles */
pre { 
	line-height: 20px; /*--Height of each line of code--*/
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}
code {
	width: 490px;
	margin: 0 0 0 40px;  /*--Left Margin--*/
	padding: 18px 0;
	display: block;
}
#header h1 {
	width: 100%
}
.border-bottom, h2, h3  {
	border-bottom: #bfb3b3 solid thin;
	}
.front-h2 {
	border-bottom: none;
	padding-left: 90px;
}
.front-h3{
	border-bottom: none;
	padding-left: 0;
}
.front-blurb {
	font-size: 1.25em;
}
.news-title h3 {
	padding-left: 0;
	}
.news-item {
	margin-bottom: 10px;
	border-bottom: #BFB3B3 solid thin;
	}
.news-item h3 {
	display: inline;
	margin: 0;
	border-bottom: none;
	}
.news-date {
	float: right;
	}
.news-content {
	margin-bottom: 5px;
	}
.news-nav {
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
}
.fineprint {
	padding-top: 10px;
	font-size: .8em;
	text-align: center;
}
.tiny-date {
	font-size: .8em;
}
#right-side h4 {
	font-size: 1.7em;
	text-align: center;
	margin-bottom:4px;
	padding-bottom:3px;
	border-bottom: #6D4A4A solid thin;
}
#right-side ul {
	margin: 0 5px;
	padding: 0 0 5px 0;
}
#right-side ul li {
	list-style-type: none;
}
ul.related_articles li {
	padding: 4px 0;
	border-bottom: #BFB3B3 dotted thin;
}
#right-side span{
	display: block;
	margin: 0 5px 5px;
	padding: 0;
}
#right-side label {
	left: -999em;
	position: absolute;
	top: -999em;
}
.portfolio-entry {
	clear: both;
	margin-bottom: 30px;
	width: 100%;
}
.portfolio-entry .entry-title {
	width: 520px;
}
.portfolio-img-big {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.portfolio-img-thumbs {
	clear: both;
	/*height: 130px;*/
}
.portfolio-img-big a img, .portfolio-img-thumbs a img {
	padding: 2px;
	margin: 0 2px;
	border: #BFB3B3 solid thin;
}
.portfolio-img-thumbs a  {
	display: block;
	float: left;
}
.portfolio-img-thumbs a:hover img, .portfolio-img-big a:hover img {
	border: #600 solid thin;
}
.portfolio-text {
	text-align: justify;
}
br.clearfix {
	clear:both;
	margin:0px !important;
	padding:0px !important;
	height: 1px;
	font-size: 1px;
	line-height: 1px; 
}
.blog-main h1 {
	width: auto;
}
.blog-nav {
	clear: both;
	border-top: #bfb3b3 solid thin;
	margin-top: 10px;
	padding-top: 10px;
}
.blog-sidebar p {
	margin-bottom: 0;
}
.blog-sidebar form {
	text-align: center;
}
.current-cat {
	font-weight: bold;
}
.comments {
	font-size: 1em;
}
.comments div {
	font-size: 1em;
	margin: 2px 0;
}
.comment {
	padding: 10px;
	border-bottom: #BFB3B3 solid thin;
	width: 500px;
	font-family:"Century Gothic", "Avant Garde", Futura, Arial, Helvetica, sans-serif;
}
.comment-meta {
	margin-bottom: 1.1em;
	font-size: 1.1em;
	font-weight: bold;
}
.search-msg, .category-error {
	width: 534px;
}
.gravatar {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}
.entry-meta {
	padding: 10px 10px 0 10px;
	border-bottom: #BFB3B3 solid thin;
	border-top: #BFB3B3 solid thin;
	margin-bottom: 15px;
}
.entry-meta img {
	padding-left: 7px;
	position: relative;
	top: 3px;
}
.blog-excerpt {
	margin-bottom: 30px;
}
#txpCommentInputForm {
	margin-top: 15px;
}
.zemContactForm fieldset {
   border: none;
   }
.zemContactForm legend {
   padding: 0.5em 10px 0.5em 0;
   width: 60px;
   }
.zemContactForm label {
   float: left;
   width: 60px;
   margin: 0 10px 0 0;
   text-align: right;
   }
.zemContactForm textarea {
   width: 400px;
   }
.zemContactForm br {
   clear: left;
   }
.zemContactForm .zemSubmit {
   margin: 0.5em 0 0 70px;
   }
.adsense {
	text-align: center;
	padding: 10px 0 5px;
}
/*****************************************  end of styles */

/*****************************************  menu hovers  */
.home {background: url(../images/menu/home.png) 0 0 no-repeat;}
.about {background: url(../images/menu/about.png) 0 0 no-repeat;}
.portfolio {background: url(../images/menu/portfolio.png) 0 0 no-repeat;}
.services {background: url(../images/menu/services.png) 0 0 no-repeat;}
.blog {background: url(../images/menu/blog.png) 0 0 no-repeat;}
.contact {background: url(../images/menu/contact.png) 0 0 no-repeat;}
/*****************************************  end of menu hovers  */

/*****************************************  layout  */
body {text-align: center; background: #0e0e0e url('../images/background.jpg');}
#wrapper {
	background: #fcfcfc url('../images/top_border.jpg') repeat-x;
	width: 728px;
	margin: 0px auto;
	padding: 0;
	}
#wrapper-inner {
	background: url('../images/body_bg.gif') repeat-y right;
	padding: 0;
	margin: 0;
	width: 728px;
	}
	/****** header ******/
#header {
	background: url('../images/top_right_corner.jpg') no-repeat top right;
	height: 124px;
	padding: 0;
	margin: 0;
	}
#logo {
	display: block;
	width: 412px;
	height: 77px;
	position: relative;
	top: 55px;
	margin: 0 auto;
	background: url('../images/logo.gif') no-repeat;
	}
#site-title {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
/****** content ******/
#content {
	background: url('../images/right-border.gif') repeat-y right;
	float: right;
	height: 100%;
	width: 613px;
	padding: 0;
	margin: 0;
	text-align: left;
	}
#content-inner {
	width: 613px;
	}
#main {
	float: left;
	padding: 15px 65px 0 15px;
	height: 100%;
	}
/****** menu ******/
#left-side {
	text-align: left;
	background: url('../images/whole-pepper.jpg') top center no-repeat;
	width: 115px;
	height: 570px;
	float: left;
	padding: 0;
	margin: -124px 0 0 0;
	}
#menu {
	position: fixed;
	margin: auto;
}
#menu-top {
	background: url('../images/left_box_top.png') no-repeat top left;
	height: 10px; width: 108px;
	margin: 175px 0 0 0;
	padding: 0;
}
#menu-middle {
	background: url('../images/left_box_bg.png') repeat-y;
	width: 108px;
	margin: 0; padding: 0;
	list-style-type:none;
	}
#menu ul {
	width: 108px;
	margin: 0; padding: 5px 0 5px 18px;
	list-style-type:none;
	}
#menu ul li {
	margin: 2px; padding: 0;
	/*height: 23px; width: 77px;*/
	}
#menu ul li a {
	display: block;
	font-size: 1.4em;
	height: 23px; width: 77px;
	padding-bottom: 6px; padding: 0;
	height: 100%; width: 100%;
	}
#menu ul li a:hover, #menu ul li a.active {
	text-decoration: none;
	background-position: 0 -23px;
	}
#menu ul li ul {
	margin: 2px 0 0 0;padding: 0;
	visibility: hidden;
	height: 0px;
	width: 77px;
}
#menu ul li ul li {
	text-align: center;
	font-weight: bold;
	font-size: .6em;
	margin: 0;padding: 0;
	height: 0px;
	width: 77px;
}
#menu-bot {
	clear: both;
	background: url('../images/left_box_bot.png') no-repeat;
	height: 11px; width: 108px;
}
#menu span {
	visibility: hidden;
	font-weight: bold;
	text-decoration: none;
	height: 23px;
}
/****** right side ******/
#right-side {
	float: right;
	width: 166px;
	padding: 0;
	margin: 0 -65px 0 10px;
	}
#right-top {
	background: url('../images/right_box_top.png') no-repeat;
	height: 17px; width: 166px;
}
#right {
	background: url('../images/right_box_bg.png') repeat-y;
	width: 166px;
	margin: 0; padding: 0;
	list-style-type: none;
	}
#right-content {
	padding: 0 10px 0 15px;
}
#right-bot {
	clear: both;
	background: url('../images/right_box_bot.png') no-repeat;
	height: 19px; width: 166px;
}
/****** footer ******/
#footer {
	background: url(../images/bottom_border.gif) repeat-x bottom center;
	display: block;
	clear: both;
	height: 104px;
	width: 728px;
	padding: 0;
	margin: 0;
	text-align: center;
	}
#footer-inner {
	background: url('../images/body_bg.gif') repeat-y right;
	height: 100%;
	padding: 0;
	margin: 0;
	}
#footer img {
	padding: 0;
	margin: 0;
	}	
#footer-left {
	background: url(../images/bot_left_corner.gif) no-repeat bottom left;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	}
#footer-right {
	background: url(../images/bot_right_corner.gif) no-repeat bottom right;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	}
#bottom-navigation {
	padding-top: 30px;
}
/*****************************************  end of layout  */

#menu .visible {
	visibility: visible;
	height: auto;
}
#menu .visible li {
	visibility: visible;
	height: auto;
}

/*****************************************  accessibility  */
.accessibility {
	left: -999em;
	position: absolute;
	top: -999em;
	}
/***************************************** end  accessibility  */