#productBG {
	padding: 12px 50px;
	background: url(/blogger-downloads/view/bgproducts.jpg) top left no-repeat;
}
#box {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
}

/***********************
	  LAYOUT
************************/
#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: #FFF;
	font: 12px  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666;
}

#content-wrap a { 
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}
#content-wrap a:hover {
	color: #9EC068;
	background-color: inherit;
}

#content-wrap h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}
#content-wrap h1 { font-size: 1.5em; color: #6297BC; } 
#content-wrap h3 { font-size: 1.3em; }

#content-wrap p, h1, h2, h3 {
	margin: 10px 15px;
}

/* main */
#main {
	float: right;
	margin-left: 15px;
	padding: 0;
	width: 70%;		
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
#sidebar {
	float: left;
	width: 23%;
	margin: 0;	padding: 0; 
	display: inline;		
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
        font-size: 11px;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;
	min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #339900;
	border-left:4px solid #9EC630;
}

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }

#content-wrap table a,
table a:link,
table a:visited {
	border:none;
	}		
#content-wrap img {
	border:0;
	margin-top:.5em;
	}	
#content-wrap table {
	width:90%;
	font:76%/160% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	border-top:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe;
	margin:1em auto;
		border-collapse:collapse;
	}
#content-wrap caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	}	
#content-wrap tr.odd td,
tr.odd .column1 {
	background:#f4f9fe url(/blogger-downloads/view/tablebg.gif) no-repeat;
	}	
#content-wrap .column1	{
	background:#f9fcfe;
	}
#content-wrap td {
	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}				
#content-wrap th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}	
#content-wrap thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}				
#content-wrap tfoot th {
	background:#f4f9fe;
	text-align:center;
	}	
#content-wrap tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
#content-wrap tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}