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


/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	border-left: 1px solid #3579B7;
	border-right: 1px solid #3579B7;
}


/* Header */
#header {
	height: 110px;
	position: relative;
	margin: 0;
	padding: 0;
	color: #FFF;
	background: #3579B7;
	border-bottom: 1px solid #3579B7;
}
#header h1{
	position: absolute;
	width: 830px;
	margin: 15px 0;
	padding: 15px 0 15px 30px;
	font: bold 36px 'Trebuchet MS',Arial, Sans-serif;
	letter-spacing: -1px;
	text-transform: none;
	text-decoration: none;
}
#header h1 a {
	color: #FFF;
}
#header h1 a:hover {
	color: #83C4F3;
	text-decoration: none;
}


/* Main Column */
#main {
	display: inline;
	float: left;
	width: 495px;
	margin: 0;
	padding: 0 30px 40px 30px;
}
#main h2 {
	text-transform: none;
	font-size: 1.8em;
	color: #000;
	margin: 30px 0;
	padding: 2px 0 5px 10px;
	border: 2px dotted #AFAFAF;
}
#main ul li {
	list-style: disc;
}
#main a {
	margin: 2px;
}
#main br {
	margin: 5px;
}


/* Sidebar */
#side1 {
	float: left;
	width: 210px;
	margin: 0;
	padding: 0;
	background: #EFEFEF;
	border-bottom: 1px solid #3579B7;
	border-right: 1px solid #3579B7;
}
#side2 {
	float: right;
	width: 210px;
	margin: 0;
	padding: 0;
	background: #EFEFEF;
	border-left: 1px solid #3579B7;
	border-bottom: 1px solid #3579B7;
}

.recommend {
	padding: 0 0 15px 0;
	margin: 25px 0 0 0;
}
.recommend h2 {
	margin: 0;
	padding: 0 0 10px 10px;
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #000;
	border-bottom: 3px solid #3579B7;
}
.recommend li {
	list-style: none;
	padding: 10px 15px 5px 15px;
}
.recommend a {
	font-weight: bold;
}
.recommend br {
	margin: 0 0 10px 0;
}

/* footer */
#footer {
	clear: both;
	padding: 10px 0 30px 20px;
	color: #FFF;
	background: #3579B7;
}



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