/* reset */
html, body, div, h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, address, hr,
pre, blockquote, ins, del, form, fieldset, legend,
table, caption, thead, tfoot, tbody, tr, th, td {
  padding: 0;
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1.2em;
}
ul p, ol p, dl p, table p,
ul ul, ol ul, dl ul, table ul,
ul ol, ol ol, dl ol, table ol,
ul dl, ol dl, dl dl, table dl,
ul pre, ol pre, dl pre, table pre,
ul table, ol table, dl table, table table {
  font-size: 1em;
  margin: 0;
}
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
img, object {
  border: 0;
  vertical-align: bottom;
}
sub {
  line-height: 1;
  vertical-align: text-bottom;
}
sup {
  line-height: 1;
  vertical-align: text-top;
}
q:before, q:after {
  content: "";
}
fieldset {
  border: 0;
}
input, button, select, optgroup, option, textarea {
  background: inherit;
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  font-size: 1em;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
}


/* links */
a, a:visited {
	color: #0777DC;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #EC6C04;
	background: inherit;
	text-decoration: underline;
}


/* headers */
h1, h2, h3 {
	font-weight: Bold;
}
h1 {
	font-size: 190%;
	font-weight: normal;
}
h2 {
	font-size: 130%;
	text-transform: uppercase;
}
h3 {
	font-size: 130%;
}
h1, h2, h3, p {
	padding: 10px 0px;
	margin: 0;
}


/* images */
img {
	border: 0px;
}
code {
	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: url(post.jpg);
	border: 1px solid #E0DBC9;
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #777;
}
blockquote {
	margin: 10px;
	padding: 0 0 0 25px;
	background: url(post.jpg);
	border: 1px solid #E0DBC9;
	font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #A89A6A;
}


/* form elements */
form {
	margin: 0;
	padding: 20px;
	margin: 20px 0 0 0;
	font-size: 120%;
	line-height: 200%;
	background: #FFF;
}
label{
	float: left;
	width: 160px;
	font-weight:bold;
	display:inline;
}
br{
	clear: left;
}
textarea {
	font: 14px Arial, Sans-serif;
	color: #000000;
	border: 1px solid #AFAFAF;
	margin: 0 5px;
	padding: 5px;
}
input{
	font: bold 12px Arial, Sans-serif;
	color: #000000;
	border: 1px solid #AFAFAF;
	margin: 0 5px;
	padding: 5px;
}
button {
	font: 12px Arial, Sans-serif;
	color: #000000;
	border: 1px solid #AFAFAF;
	margin: 10px 0;
	padding: 5px 15px;
	background: #FFF;
}


/* body */
body {
	background: #CFCFCF;
	font: 0.8em Verdana, Tahoma, arial, sans-serif;
	color: #000;
	margin: 0;
}


/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 860px;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
}


/* Header */
#header {
	width: 820px;
	height: 70px;
	position: relative;
	margin: 0 20px;
	padding: 0;
	color: #000;
}
#header h1{
	position: absolute;
	margin: 0;
	padding: 0;
	font: bold 36px 'Trebuchet MS',Arial, Sans-serif;
	letter-spacing: -1px;
	text-transform: none;
	text-decoration: none;
	/* change the values of top and left to adjust the position of the logo */
	top: 20px; left: 0px;
}
#header h1 a {
	color: #000;
}
#header h1 a:hover {
	color: #999;
	text-decoration: none;
}


/* Contents */
#contents {
	width: 840px;
	background: #FFF;
	padding: 10px;
	overflow: auto;
}


/* Main Column */
#main {
	display: inline;
	float: right;
	width: 570px;
	margin: 0;
	padding: 0 15px 20px 15px;
}
#main h2 {
	text-transform: none;
	font-size: 1.8em;
	color: #000;
	margin: 15px 0;
	padding: 5px 15px;
	background: #DFDFDF;
	border-left: 7px solid #000;
}
#main ul li {
	list-style: disc;
}
#main a {
	margin: 2px;
}
#main br {
	margin: 5px;
}


/* Sidebar */
.recommend {
	padding: 0 0 10px 0;
}

#side {
	float: left;
	width: 220px;
	margin: 0 10px;
}
#side h2 {
	margin: 15px 0 0 0;
	padding: 5px 5px 5px 10px;
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #000;
	background: #DFDFDF;
	border-left: 7px solid #000;
}
.recommend li {
	list-style: none;
	padding: 10px 3px;
}
.recommend a {
	font-weight: bold;
}
.recommend br {
	margin: 0 0 10px 0;
}

/* footer */
#footer {
	clear: both;
	width: 840px;
	padding: 20px 0 40px 20px;
	background: #FFF;
	color: #000;
	border-top: 5px solid #000;
}



/* display and additional classes */
.clear {
	clear: both;
}