html { width: 100%; }
body { width: 100% background-position: -400px 0; }

#container { width: 100%; background: #fff; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------ header and footer */
#header { width: 100%; height: 45px; background-position: -75px 0; }
	#header a { margin: 0 0 0 40px; }

#footer { width: 100%; margin: 0 auto 40px auto; padding: 50px 0 0 0; background: url('headerFooter_background.png') no-repeat -50px -45px; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------ content */
#content { width: 100%; margin: 0; padding: 0; float: none; }
	#content .postDate { width: 160px; margin: 5px 0 0 15px; float: left; background: url('icon_titleCalendar.gif') no-repeat left center; }
		#content .postDate li { padding: 0 0 0 30px; text-align: left; }
	h1 { max-width: 290px; margin: 0 0 0 12px; font-size: 1.8em; }

	img.heading { max-width: 284px; padding: 2px; }
	img.right { margin-left: auto; margin-right: auto; display: block; float: none; }
	img.left { margin: 0 15px; float: left; }
	img.frame { padding: 1px; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------ common content */
h4 { width: 100%; max-width: 290px; margin: 0 0 5px 12px; }

img { max-width: 284px; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------ sidebar */
body#commentsPage #sAbout, body#commentsPage #search, body#commentsPage #categoryList, body#commentsPage #archiveList, body#commentsPage #blogroll { display: none; }
	body#commentsPage h6 { display: none; }
	body#commentsPage #sAboutPost h6 { display: block; }

#sidebar { width: 100%; margin: 0; padding-bottom: 1em; background: #f0f0f0; }

	#sAbout { width: 100%; padding: 5px 0; background: #cecece; }
		#sAbout h6 { margin: 0 15px; }
		#sAbout p { margin: 0.5em 15px; }

	#sAboutPost { width: 100%; padding: 8px 0; background: #ddd; }
		#sAboutPost h6 { margin: 0 15px 0.2em 0; }


		#searchField { width: 88%; padding: 1px; border: 1px solid #dedede; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------ comments */
#comments { margin: 0; position: static; background: #fff; }
#commentPreview { width: 100%; margin: 0; padding: 4em 0 0 0; background: #fff; }
	#comments h4 { padding: 4em 0 0 0; }
	a#commentsFeed { display: none; }

		.commentContent { width: 100%; float: left; background: #fff; text-align: right; }
		.commentInfo { width: 100%; padding: 0.8em 15px; background: none; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------ add comment form */
#addComment { margin: 0; padding: 4em 0 0 0; position: relative; background: #fff; }
	#addComment form { width: 100%; }
	#addComment textarea { width: 100%; max-width: 282px; height: 135px; padding: 2px; border: 1px solid #dedede; }
	#addCommentInfo { display: none; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------ menu, buttons and navigation */
#navigationHead { position: static; overflow: auto; }

#navigationBottom { max-width: 290px; margin: 0; clear: both; border: 0; background: #fff; }

#menu { position: static; margin: 0 26%; }

	.bGoToTop { display: none; }

	.sButtons { display: none; }