/* 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: #EC6C04;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #0777DC;
	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: #3579B7;
	font: 0.8em Verdana, Tahoma, arial, sans-serif;
	color: #000;
	margin: 0;
}


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


/* Header */
#header {
	width: 890px;
	height: 70px;
	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;
	text-transform: none;
	text-decoration: none;
	/* change the values of top and left to adjust the position of the logo */
	top: 20px; left: 30px;
}
#header h1 a {
	color: #3579B7;
}
#header h1 a:hover {
	color: #83C4F3;
	text-decoration: none;
}


/* Main Column */
#main {
	display: inline;
	float: left;
	width: 570px;
	margin: 0;
	padding: 0 0 40px 30px;
}
#main h2 {
	text-transform: none;
	font-size: 1.8em;
	color: #000;
	margin: 25px 0;
	padding: 3px 15px;
	border-left: 50px solid #3579B7;
}
#main ul li {
	list-style: disc;
}
#main a {
	margin: 2px;
}
#main br {
	margin: 5px;
}


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

#side {
	float: right;
	width: 230px;
	margin: 25px 20px 30px 0;
	padding: 0;
	border-left: 2px solid #83C4F3;
}
#side h2 {
	margin: 0;
	padding: 10px 5px 5px 15px;
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #000;
	border-left: 7px solid #83C4F3;
}
.recommend li {
	list-style: none;
	padding: 10px 0 10px 20px;
}
.recommend a {
	font-weight: bold;
}
.recommend br {
	margin: 0 0 10px 0;
}

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



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