/* 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: #000;
	font: 0.8em Verdana, Tahoma, arial, sans-serif;
	color: #000;
	margin: 0;
}


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


/* Header */
#header {
	width: 860px;
	height: 90px;
	position: relative;
	margin: 0;
	padding: 0;
	color: #000;
}
#header h1{
	position: absolute;
	margin: 0;
	padding: 0;
	font: bold 36px 'Trebuchet MS',Arial, Sans-serif;
	letter-spacing: -1px;
	color: #FFF;
	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: #FFF;
}
#header h1 a:hover {
	color: #555;
	text-decoration: none;
}


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


/* Sidebar */
.recommend {
	border: 1px solid #FFF;
	padding: 0 0 10px 0;
	color: #FFF;
}

#side_left {
	float: left;
	width: 170px;
	margin: 0 ;
}
#side_right {
	float: left;
	width: 170px;
	margin: 0;
}
#side_left h2, #side_right h2 {
	padding: 5px 5px 5px 10px;
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #FFF;
	border-bottom: 4px solid #FFF;
}
.recommend li {
	list-style: none;
	padding: 10px;
}
.recommend a {
	font-weight: bold;
}
.recommend br {
	margin: 0 0 10px 0;
}

/* footer */
#footer {
	clear: both;
	padding: 0 0 40px 190px;
	color: #FFF;
}


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