/*	Reset browsers default styling
	----------------------------------------------------*/

	html, body, div, span, iframe,
	h1, h2, h3, h4, h5, h6, p, img, ol, ul, li { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	ol, ul { list-style: none; }

/*	Generic
	----------------------------------------------------*/

	body { background: #DBD8DB url(../_img/backg.png) top center repeat-x;
		color: #3D4951;
		font-size: 62.5%;
		text-align: center;
		line-height: 1;
		font-family: Cambria, Georgia, Times, Times New Roman, serif; }

	a { color: #896D58; text-decoration: none; }
		a:hover { text-decoration: underline; }
		a:active { text-shadow: 0px 0px 2px #333; }

	h1, h2, h3, h4, h5, h6, legend { color: #695248; font-weight: normal; }
	h1 { color: #E3DEE2; font-size: 1.5em; font-style: italic; text-shadow: 0 0 2px #333; }
	h2 { font-size: 1.6em; }
	h3 { display: block; font-size: 1.6em; padding: 0 0 5px 0; }

/*	Selector specific yet still, generic rules.
	----------------------------------------------------*/

	.block { clear: both; font-size: 1.2em; line-height: 1.4em; }
		.wrapper { margin: 0 auto; text-align: left; width: 980px; }

	.clearboth { display: block; clear: both; }
	.left { float: left; } .right { float: right; }

/*	Header & Footer
	----------------------------------------------------*/

	#header, #footer { background: #332D33; border-bottom: 1px solid #201B20; }
		#header a, #footer a { color: #CBBEB0; text-shadow: 0px 0px 2px #333; }
		#header #logo { position: absolute; top: 20px; width: 230px; height: 90px; background: url(../_img/logo.png) no-repeat top left; text-indent: -9000px }
		#header ul { float: right; margin: 75px 70px 10px 0; }
		#footer ul { float: left; clear: both; padding: 80px 0 0 10px;}
			#header li, #footer li { display: inline; padding: 15px; font-size: 1.3em; }
			#footer p { display: block; clear: both; padding: 10px 25px 25px; color: #CBBEB0; font-size: 0.9em; }
		#footer div.wrapper p a:link {color:#fcda24;}

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

		#topContent .wrapper { background: url(../_img/backg-top.png) center 14px no-repeat;  padding: 30px; width: 920px; color: #333; font-size: 1.3em; position: relative; min-height: 180px; }
			#topContent h1 { background: url(../_img/home-h1-backg.png) repeat-y left top; display: block; line-height: 1.3em; margin: 0 0 22px -22px; padding: 10px 20px; position: relative; width: 500px; z-index: 9; }
			#topContent p { display: block; width: 350px; line-height: 1.4em; color: #695248}
			#sliderWrapper { position: absolute; right: -3px; top: 17px; height: 205px; width: 578px; overflow:hidden;}
				#slider li { text-align: center; }
				#slider img { display: inline; margin: 0 auto; }

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

	#mainContent { margin: 0 0 -20px; position: relative; z-index: 3; clear: both; }

	/*	Left Column
		----------------------------------------------------*/

		#content { width: 500px; background: url(../_img/left-col-backg.png) no-repeat scroll left top; margin: 0 0 0 20px; width: 640px; }
			#content ol { padding: 40px 50px 0 50px; }
			.article { display: block; clear: both; overflow: hidden; padding: 0 0 20px; }
				.meta { padding: 0 0 10px 0; }
					.meta span { font-style: italic; }
					.meta a { font-style: normal; }
				.article img { float: left; border: 5px solid #BFBBC2; margin: 0 10px 5px 0; }
				.readMore { display: block; text-align: right; margin: 20px 0 0; }
			#content #pagination { padding: 10px 20px 0; background: url(../_img/left-colBot-backg.png) left bottom no-repeat; overflow: hidden; height: 60px; position: relative; margin: 0 0 -15px 0; }
				#pagination span { border-top: 1px solid #ccc; display: block; padding: 15px 30px; font-size: 1.2em; }
					#pagination a { color: #554E54; }

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

		#sidebar { background: url(../_img/sidebar-backg.png) no-repeat scroll left 30px; float: right; margin: 30px 20px 0 0; padding: 10px 25px; width: 250px; }
			.tag-cloud { padding: 25px 0 60px; display: block; }
				.tag-cloud a { padding: 0 5px 0 0; }
      			.tag-cloud li { display: inline; line-height: 20px; }
      			.tag-cloud .not-popular { font-size: 1em; }
      			.tag-cloud .not-very-popular { font-size: 1.2em; }
      			.tag-cloud .somewhat-popular { font-size: 1.4em; }
      			.tag-cloud .popular { font-size: 1.6em; }
      			.tag-cloud .very-popular { font-size: 1.8em; }
      			.tag-cloud .ultra-popular { font-size: 2em; }
					.ultra-popular a, .very-popular a { color: #4C424B; }
					.popular a, .somewhat-popular a { color: #756C74; }
					.not-very-popular a, .not-popular a { color: #A19AA0; }

			.archive { padding: 10px 0 60px 0; }
			.archive li { margin: 5px 0 0 0; display: block; }
				.archive a { color: #2E3B44; }

			.vcard { padding: 10px 0; }

/*	Internal pages
    ----------------------------------------------------*/

	#listing #topContent h1 { background: none; color: #5E4C42; font-style: normal; padding: 10px 20px 0 60px; width: 900px; text-shadow: none; }
	#article #topContent .wrapper, #listing #topContent .wrapper { height: 160px; margin: 0 auto -150px; padding-top: 50px; }
	#article #sidebar, #listing #sidebar { margin: -30px 20px 0 0; }

    #article #topContent .meta { font-size: 0.8em; padding: 18px 0 0 30px; }
    #article .article { padding: 30px 40px; min-height: 625px; }
		#article .article .meta img { border: 5px solid #BFBBC2; display: block; margin: 0 auto 30px; text-align:center; float: none; width: 550px; }
		#article .meta h1 { color: #5E4C42; font-style: normal; margin: 0 0 20px 0; font-size: 2.3em; text-shadow: none; }
		#article h2 { margin: 0 0 20px 0; }
		#article p { margin: 0 0 20px; }
	#video {float:left; clear:none; border: 5px solid #BFBBC2; margin: 0 20px 15px 0; padding:0; background-color:#ffffff;}
		#video object {margin:0; padding:0;}

/*	Serving IE6
	----------------------------------------------------*/

	#ie6 #header ul { margin: 75px 40px 10px 0; }
	#ie6 #content { margin: 0 0 0 11px; }
	#ie6 #sidebar { margin: 0; float: left; }
	#ie6 #content #pagination { position: static;}
	#ie6 #topContent .wrapper { margin-top: 10px; }
	#ie6 .tag-cloud { padding-top: 0; }
	#ie6 #homepage #topContent .wrapper { height: 180px; }
	#ie6 #sliderWrapper { top: 3px; right: 0px; }
	#ie6 #article #topContent .wrapper { position: static; }
	#ie6 #listing #content { margin-left: 0; }