body{
	background:#ededed;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a:link{color:#478fe7; text-decoration:none;}
a:visited{color:#478fe7; text-decoration:none;}
a:hover{color:#478fe7; text-decoration:underline;}
a:active{color:#478fe7; text-decoration:none;}

h1 {
	font:16pt Arial, Helvetica, sans-serif;
	color: #2D2D2D;
	margin:2px 0 2px 0;
	padding:0;
	}
h2 {
	font:14pt Arial, Helvetica, sans-serif;
	color: #2D2D2D;
	margin:2px 0 2px 0;
	padding:0;
	}
h3 {
	font:12pt Arial, Helvetica, sans-serif;
	color: #2D2D2D;
	margin:2px 0 2px 0;
	padding:0;
	}


#header-wrap{
	width:100%;
	background:#f5f5f5;
}
#header{
	width:776px;
	margin:0 auto;
}
#header-left{
	float:left;
}
#header-right{
	float:right;
	width:405px;
	padding:15px 0 0 0;
	margin:0 5px 0 0;
}
#navigation-wrap{
	clear:both;
	background: url(/images/top_leaf.gif) bottom left no-repeat;
}
/* Wraps the sidebar and main content sections */
#site-wrap{
	background:#FFF;
	width:100%;
}
/*centers the site and gives the width */
#site{
	width:776px;
	margin:0 auto;
	background: #FFF url(/images/bg_sidebar.gif) top left repeat-y;
}
#sidebar{
	float:left;
	width:187px;
	padding:15px 25px 0 0;
}
#content{
	float:left;
	width:549px;
	padding:15px 5px 15px 10px;
}
#footer-wrap{
	width:100%;
	background:#ededed;
}
#footer{
	width:776px;
	margin:0 auto;
	padding:20px 0 50px 0;
	background:url(/images/bottom_leaf.gif) top left no-repeat;
	text-align:center;
	color:#CCCCCC;
}
.clearboth{
	clear:both;
}

/* Tabs */

#tabs{
	/*margin: 0 0 0 250px;*/
	line-height:normal;
}

#tabs ul {
	margin:0;
	padding:0 10px 0 250px;
	list-style:none;
	font-size:14px;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:left;
	background:url(/images/tab_left.gif) no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs a span {
	float:left;
	display:block;
	background:url(/images/tab_right.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FF9834;
}
#tabs a:hover {
	background-position:0% -24px;
	color:#CCC;
}
#tabs a:hover span {
	background-position:100% -24px;
	color:#CCC;
}

#tabs li#currentpage a{
	background:url(/images/tab_left.gif) no-repeat 0% -24px;
	color:#000;
	font-weight:bold;
	border-bottom:1px solid #FFF;
}
#tabs li#currentpage a span{
	background:url(/images/tab_right.gif) no-repeat 100% -24px;
	color:#000;
	font-weight:bold;
}

/* Styling Sidebar Contents */
#sidebar .heading{
	background:url(/images/bg_heading_sidebar.gif) bottom left no-repeat;
	padding:5px 0 5px 22px;
	font-size:14px;
	color:#478fe7;
	font-weight:bold;
}

#sidebar .heading.large{
	font-size:16px;
}

#sidebar p{
	padding:8px 5px 8px 15px;
	margin:0;
	}

/* This is intended for products but I am using the same structure for any pages that require a similar setup*/
.product{
	padding:8px 0;
	margin: 0 0 8px 0;
	background:url(/images/bg_dot.gif) bottom left repeat-x;
}
.product p{
	padding:3px 0 0 0;
	margin:0;
}
.product .image{
	float:left;
	margin: 0 10px 10px 0;
}
.product .title{
	font-size:16px;
	color:#478fe7;
	font-weight:bold;
}

/* Styling Footer Contents */
#footer ul{
	list-style-type:none;
	margin:0; padding:0;
	line-height:30px;
}
#footer ul li{
	display:inline;
}
#footer a{color:#999; text-decoration:none; padding: 0 8px;}

/* Misc font styling */
.small{font-size:11px;}
.large{font-size:16px;}


/* AJAX Boxes */
.holder {width:530px; margin:0px; padding:5px; border:1px solid #ccc; float:left;}
.holder p { margin:4px 0 4px 0; padding:0;}
.holder h2 {text-align:left;}
a.hid {color:#478fe7; text-decoration:none; outline-style:none; position:relative; z-index:500;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; background:#f8f8f8; color:#000; width:530px; font-style:normal; cursor:default; padding:5px 5px 20px 5px; position:absolute; left:-6px; top:-5px; border:1px solid #ccc; border-width:0 1px 1px 1px;}
.clear {clear:both;}

/* Blog Styles */

/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }

/* LightBox
-----------------------------------------------*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}