body {
	margin: 0;
	padding: 0;
}

/*#--------------------------------------#
  # Layout                               #
  #--------------------------------------#*/

#container {
	margin: 0 auto;
	width: 900px;
	background: url(background2.jpg);
	}

#header	{
	width: 600px;
	height: 110px;
}

#header a img {
   border: none;
}

#content {
	float: left;
	padding: 0px 18px 16px 43px;
	width: 600px;
}

#footer {
	clear: both;
	width: 677px;
	height: 43px;
	text-align: center;
	background: url(footer_background.jpg);
}

/*--- Footer -------------------------*/

#footer a {
	padding: 0px 0px 0px 0px;
	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #933;
	border-bottom: 1px solid #fcc;
}
#footer a:hover {
	color: #000;
	border-bottom: 1px solid #ccc;
}

/*--- Content ------------------------*/

#content h1 {
	margin: 0;
	padding: 0px 0px 14px 10px;
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	color: #933;
}

#content h2 {
	margin: 0;
	padding: 0 0 4px 0;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: #666;
}
#content h2 a {
	text-decoration: none;
	color: #666;
	border: none;
}
#content h2 a:hover {
	color: #000;
	border: none;
}
#content h2.title {
	margin: 16px 0 8px 0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #933;
}
#content h3 {
	margin: 8px 0 2px 0;
	padding: 0;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #787878;
}
#content a {
	text-decoration: none;
	color: #933;
	border-bottom: 1px solid #fcc;
}
#content a:hover {
	color: #000;
	border-bottom: 1px solid #ccc;
}

#content p.boilerplate {
display: block;
border-bottom: 1px solid #ccc;
	margin: 0 0 26px 0;
	padding: 0 0 6px 0;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #000;
}
	
/*--- PostContent --------------------*/

.postDate {
	padding: 0px 0px 12px 30px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #787878;
}
.postContent p {
	margin: 0;
	padding: 0 0 6px 0;
	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #333333;
}
#content .postContent a:visited {
	color: #787878;
	border-bottom-color: #d8d8d8;
}
#content .postContent a:hover {
	color: #000;
	border-bottom: 1px solid #ccc;
}
.postContent acronym,
.postContent abbr {
	cursor: help;
	border-bottom: 1px dashed #ccc;
}
.postContent ul, .postContent ol {
	margin: 0 0 6px 32px;
	padding: 0;
}
.postContent li {
	margin: 0;
	padding: 0;
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #787878;
}
.postContent img.center {
	display: block;
	margin: 0 auto;
}
.postContent img.left {
	float: left;
	padding-top: 3px;
	padding-right: 4px;
}
.postContent img.right {
	float: right;
	padding-top: 3px;
	padding-left: 4px;
}
.postContent a img {
	border: none; /* 1px solid #933; */
}

.notes {
	margin-bottom: 8px;
}
.notes .ruler {
	margin: 8px 0 2px 0;
	width: 33%;
	height: 1px;
	font-size: 0;
	border-top: 1px solid #ded8d5;
}
.notes p {
	margin: 0;
	padding: 0 0 4px 0;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #787878;
}
.postFeedback {
	padding: 0 0 24px 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #787878;
}

/* -- Code sample -------------------- */

ul.codeSample {
	margin: 0 0 4px 0px;
	padding: 2px 4px 4px 4px;
	list-style-type: none;
	font: normal 11px Courier, monospace;
	color: #666;

	border: 1px solid #ded8d5;
}
ul.codeSample li {
	background-color: #f7f6f2;
	margin: 2px 0 0 0;
	padding: 0;
}
ul.codeSample li.tab1 { padding-left: 15px; }
ul.codeSample li.tab2 { padding-left: 30px; }
ul.codeSample li.tab3 { padding-left: 45px; }
ul.codeSample li.tab4 { padding-left: 60px; }
ul.codeSample li.tab5 { padding-left: 75px; }
ul.codeSample li.tab6 { padding-left: 90px; }

ul.codeSample li code {
	color: #666;
}
ul.codeSample li.comment code {
	color: #824c88;
}

/* -- Pagination --------------------- */

#pagination {
	margin: 32px 0 0 0px; 
	font: normal 11px Verdana Arial, Helvetica, sans-serif;
	color: #787878;
}
#pagination strong {
	color: #787878;
}
#pagination a {
	text-decoration: none;
	color: #933;
	border: none;
}
#pagination a:hover {
	color: #000;
	border: none;
}

/* -- Comments ----------------------- */

ul.commentList {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}
.commentEntry {
	margin-bottom: 4px;
	padding: 4px;
	border: 1px solid #ded8d5;
}
.commentEntry .commentHeader {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}
.commentEntry p {
	margin: 0;
	padding: 0 0 6px 0;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #787878;
}
.commentEntry .editComment {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
.commentEntry cite {
	font-style: italic;
}

/*--- Sidebar ------------------------*/

#sidebar {
	float:left;
	border: 5px solid #939283;
	padding: 5px 20px;
	width: 157px;
	font: 11px Arial, Helvetica, sans-serif;
	background: url(stripes2.jpg);
     

}

#sidebar h2,
#sidebar h1 {
	margin: 8px 0 4px 4px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

#sidebar a {
	margin-top: 3px;
	padding: 2px 0 2px 4px;
	text-decoration: none;
	color: #787878;
}

#sidebar a:hover {
	color: #933;
}

#sidebar ul {
	margin: 0 4px;
	padding: 2px;
	list-style-type: none;
}



#sidebar li {
	display: block; 
	
}
/* -- Calendar ----------------------- */

#calendar {
	color: #787878;
	margin: 0 auto;
	border-collapse: collapse;
}
#calendar a {
	text-decoration: none;
	color: #933;
}
#calendar a:hover {
	color: #000;
}
.previousMonth {
	text-align: left;
}
.currentMonth {
	text-align: center;
}
.nextMonth {
	text-align: right;
}
#calendar th {
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}
#calendar tbody td {
	padding: 0 2px;
}
#calendar tbody {
	text-align: right;
}
.today {
	background-color: #dad8d4;
}

/* -- Forms -------------------------- */

#content form {
	margin: 0;
	padding: 0;
}
#content form input,
#content form textarea,
#content form label,
#content form p.note {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #787878;
}
#content form label {
	color: #787878;
}
#content form p.actionButtons {
	text-align: right;
	margin-bottom: 8px;
}
#content form p.note {
	text-align: justify;
	color: #666;
}
#content form input.textInput,
#content form textarea {
	margin: 0;
	padding: 2px;
	border: 1px solid #ded8d5;
}
#content form textarea {
	width: 98%;
}
#content form input[type="text"]:hover,
#content form textarea:hover {
	border: 1px solid #999;
}
#content form input[type="text"]:focus,
#content form textarea:focus {
	border: 1px solid #666;
}
#content form label {
	padding-left: 4px;
}

/* -- Nice titles -------------------- */

div.nicetitle{
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 4px;
	z-index: 20;
	background-color: #fff; /* #f7f6f2; */
	border: 1px solid #ccc;
	text-align: left;
}
div.nicetitle p{
	margin: 0;
	font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #787878;
}
div.nicetitle p.destination{
	font-size: 9px;
	color: #933;
}