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


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


/* Header */
#header {
	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: #000;
	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: #CF1D18;
}
#header h1 a:hover {
	color: #F5CEC5;
	text-decoration: none;
}


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


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

#side_l {
	float: left;
	width: 170px;
	margin: 0 ;
}
#side_r {
	float: left;
	width: 170px;
	margin: 0;
}
#side_l h2, #side_r h2 {
	padding: 5px 5px 5px 10px;
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #FFF;
	background: #CF1D18;
}
.recommend li {
	list-style: none;
	padding: 10px 0;
}
.recommend a {
	font-weight: bold;
}
.recommend br {
	margin: 0 0 10px 0;
}

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


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