/*	Hi! I'm Happy Style Sheet
	I make www.designr.it look pretty.
	Piotr Fedorczyk is my creator.
	Please, be nice to him.
	He did a great job after all.
   
	------------------------------------------------------
   
	Designr.it style sheet - v2.2
	Pubblication:  Sat 03.22.08 @ 9:00 p.m.
	Last Update:   Thu 01.01.09 @ 9.08 p.m.
	Author:  Piotr Fedorczyk (piotr@designr.it)
   
	----------------------------------------------------*/

/*	Table of contenta

	- Color palette
	- Reset browsers default styling
	- Generic rules
	- Selector-spcific rules
		- Header
		- Warm welcome (Top Block)
		- Selected works & Portfolio
		- Social profile list
		- Contact form
		- Footer
	- JS positive
	- 404 Error page
	- Wordpress content
		- Index
			- Aesthetically Written
			- Sidebar Widgets
		- Article page
		- Archive Page
	- IE fixes
	- Closing words
   
	----------------------------------------------------*/
   
/*	Color palette

	Brown dark	-	#322724	-	Header & footer borders
	Grey		-	#CCC	-	Borders
	Grey dark	-	#444	-	Text
	Blue		-	#395E70	-	h2 text
	Grey light	-	#EEE	-	h2 background
   
	----------------------------------------------------*/
   
/*	Reset browsers default styling
	----------------------------------------------------*/
   
	html, body, div, span, 
	h1, h2, h3, p, 
	a, acronym,
	font, img,
	ul, li,
	fieldset, form, label, legend, button {
		margin: 0; padding: 0;
		border: 0; outline: 0;
		font-size: 100.01%; vertical-align: baseline;
		background: transparent; }   
	ul { list-style: none; }
	blockquote, q { quotes: none; padding: 0; margin: 0; }
	textarea { overflow:auto; }

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

	body { background: url(/img/backg.gif) repeat;
		color: #444;
		text-align: center;
		font-family: Baskerville, Georgia, Cambria, Times, Times New Roman, serif;
		font-size: 65.5%;
		overflow-x: hidden;
		word-spacing: 0.1em; }
		
	#container { width: 850px; margin: 0 auto; text-align: left; font-size: 1.4em; line-height: 1.4em; }
	#mainContent { clear: both; }
		.block { width: 850px; float: left; clear: both; padding: 30px 0 0; position: relative; }

	a, .clickme { cursor: pointer; }
/*	.num { font-family: Georgia, Cambria, Times, Times New Roman, serif; font-weight: 300; font-size: 0.9em; letter-spacing: 0.1em; } */
   	.amp { font-style: italic; font-variant: normal; font-weight: normal; }

	a { border-bottom: 1px solid #666; color: #444; text-decoration: none; white-space: nowrap; padding-bottom: 1px; }
		a:visited { background: url(/img/checked.gif) right center no-repeat; padding-right: 17px; margin-right: 2px; }
		a:hover { border-bottom: 1px solid #333; color: #395E70; border-bottom: 1px solid #395E70; }
		a:active { border: none; text-shadow: 0px 0px 3px #000; }
		
	body a.notChecked, .hrefBack a:visited { padding: 0 0 1px 0; background: none; }

	h1, h2, h3, h4, h5, h6 { text-align: left; }
	h1 { font-weight: normal; display: block; clear: both; overflow: hidden; } 
	h2 { clear: right; display: block; float: left; position: relative; width: 100%; margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; padding: 0 0 5px 0; background: transparent url(/img/titlesBorder.gif) no-repeat scroll center bottom; font-variant: small-caps; }

	acronym { cursor: help; letter-spacing: 0.1em; font-variant: small-caps; }
	a acronym { cursor: pointer; }
	sup { font-size: 0.8em; line-height: 0; }
	strong { font-weight: normal; font-style: italic; }
	
	input, textarea { border: 1px solid #DBD0CD; clear: both; color: #666; float: left; font-family: Baskerville, Georgia,'times new roman',serif; line-height: 1.3em; margin: 0 0 5px 0; padding: 4px; }
	label { clear: left; float: left; margin: 0 10px 0 0; }
	
/*	Selector-specific, yet still generic, properties
	----------------------------------------------------*/	
	
	#header h1 span, #twitter { background: #eee; padding: 2px 8px; clear: both; display: block; }
	#selectedworks img, #portfolio img { background: #fff; border: 1px solid #b6adaa; padding: 2px; opacity: 0.8; }
		#selectedworks a:hover img, #portfolio a:hover img { opacity: 1; }
	span.note { border-top: 1px solid #DBD0CD; clear: both; margin: 2px 0 0 0; font-style: italic; background: none; padding: 2px 0 0; font-size: 1em; width: 330px; }
	.miniatura { float: left; font-size: 3em; line-height: 1.1em; margin: 2px 0.2em -0.2em 0; background: url(/img/dcapxxl-backg.png) center center no-repeat; padding: 0.2em 0.2em 0.2em; text-shadow: -2px 2px #F6F5F3; width: 1em; text-align: center; }
	#wheretofindme .miniatura { background: url(/img/dcapxl-backg.png) center center no-repeat; font-size: 2.6em; margin-top: 2px; }
   	#wheretofindme #contact .miniatura { width: 1em; text-align: center; }
   	#homepage .hrefBack, #footer .hrefBack { position: absolute; top: 57px; right: -45px; color: #999; border-left: 1px solid #999; padding: 0 0 0 10px; }
   			#homepage .hrefBack a { font-size: 0.9em; color: #999; border-bottom: 1px solid #999; }
   			#homepage .hrefBack a:hover { color: #333; border-bottom: 1px solid #333; }
   			#homepage .hrefBack a:active {  border: none; text-shadow: 0px 0px 3px #000; }
   		#portfolio .hrefBack { top: 72px; }
   		#aestheticallyWritten .hrefBack { top: 30px;}
   		#wheretofindme .hrefBack { top: 50px; }
   		#footer .hrefBack { top: 26px; }
   
	/*	Header
		----------------------------------------------------*/
	   
		#header { padding: 0 0 5px; background: url(/img/borders-header.gif) bottom no-repeat; }
		#header div { float: left; clear: both; width: 850px; padding: 0 0 5px 0; margin-bottom: 0; }
		#header img { margin-bottom: -7px; z-index: 3; clear: both; position: relative; float: left;  }
		#header h1 span { float: left; clear: left; margin: 3px 0 0 0; font-style: italic; font-size: 1.1em; }
		#twitter { position: relative; float: right; font-variant: small-caps; padding-bottom: 3px; top: 0; }
			#twitter a:visited { background: none; padding: 0; }
		
		#mainNav { background: url(/img/borders-footer.gif) bottom center no-repeat; padding: 0 0 5px 0; }
			#mainNav li { clear: none; float: left; text-align: center; width: 200px; margin: 1px 0; line-height: 1.2em; font-variant: small-caps; }
			#mainNav li.inactive { padding: 0.2em 0; line-height: 1em; border-left: 1px dotted #5E5755; width: 199px; margin: 0.2em 0 0; color: #3C6172; }
				#mainNav li a { margin: 0.1em 0; display: block; border: none; border-left: 1px dotted #5E5755; padding-top: 0.1em; }
				#mainNav li a:active { background: url(/img/navBackg.gif); color: #F8F7F5; border: none; border-left: 1px dotted #F5F4F2; }
				#mainNav li a:visited { background: none; }
				#mainNav li a:hover { background: url(/img/navBackg.gif); color: #F8F7F5; border-left: 1px dotted #F5F4F2; }
			#mainNav #RSSfeed { width: 50px; }
				#mainNav #RSSfeed a { background: url(/img/navBackg.gif); border-left: 1px dotted #F5F4F2; color: #F8F7F5; }
				#mainNav #RSSfeed a:hover { background: #3C6172; }
				#mainNav #RSSfeed a:visited { background: url(/img/navBackg.gif); padding-right: 0; }
   
	/*	Warm Welcome - Top Block (the stuff under the header)
		----------------------------------------------------*/
	   
		.column { width: 415px; float: left; text-align: justify; position: relative; }
		#whoiam { font-size: 1.1em; line-height: 1.5em; padding: 1.9em 0 0 0; }
			#whoiam ul { float: left; clear: both; width: 395px; padding: 15px 15px 15px 10px; font-size: 0.9em; }
				#whoiam li { display: block; clear: both; width: 375px; padding: 0 0 0 20px; background: url(/img/bullet.gif) no-repeat left center; }
	   
	/*	Selected Works & Portfolio (all the jQuery goodness)
		----------------------------------------------------*/

		.foliobox p { padding: 3px 0 10px; float: left; clear: both; width: 378px; text-align: justify; }
		
		.foliobox h3 { float: left; clear: both; width: 375px; border-bottom: 1px solid #ccc; }
			span.medium, span.title, span.date { float: left; text-transform: uppercase; font-size: 0.8em; padding: 2px 8px; }
			span.medium { background: #eee; }
			span.title { color: #395E70; }
			span.date { background: #eee; float: right; }
		
		#selectedworks { float: right; width: 377px; clear: none; padding: 5px 0 0 0; }
		 	#selectedworks .foliobox { margin: 0 0 10px 0; clear: both; overflow: hidden; }
			#selectedworks p { display: block; }
			#selectedworks .toggle { border-bottom: 3px solid #F8F7F5; clear: both; float: left; line-height: 0; margin-bottom: 3px; padding: 0; width: 376px; }
			#selectedworks .toggle:hover { border-bottom: 3px solid #B0BDC3; }
			#selectedworks .toggle:visited { background: none; }
		
		#portfolio { text-align: center; border-bottom: 1px solid #ccc; }		
			#container #ornamented { background: url(/img/floral-separator.gif) center center no-repeat; height: 25px; padding: 38px 0; }
			
			#showfolio { height: 25px; width: 240px; background: #ccc url(/img/buttons-sprite.gif) 0 0px no-repeat; border: none; margin: 0 auto; display: none; font-size: 1px; text-indent: -9000px; }
				#showfolio.clickmeHover { background: #ccc url(/img/buttons-sprite.gif) 0 -26px no-repeat; }
				#showfolio.clickmeClicked { background: #ccc url(/img/buttons-sprite.gif) 0 -52px no-repeat; }
			#showfolio.active { background: url(/img/buttons-sprite.gif) -241px 0px no-repeat; }
				#showfolio.active.clickmeHover { background: #ccc url(/img/buttons-sprite.gif) -241px -26px no-repeat; }
				#showfolio.active.clickmeClicked { background: #ccc url(/img/buttons-sprite.gif) -241px -52px no-repeat; }
				
		#foliocontainer { float: left; clear: both; width: 850px; text-align: left; margin: 20px 0 0 0; padding: 0 0 10px 0; }
		#foliocontainer p.intro { padding: 25px 0 0; float: left; clear: both; font-size: 1.1em; width: 850px; line-height: 1.5em; text-align: justify; }
		.folioWrapper { float: left; clear: both; width: 850px; margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #E8E8E8; }
			.folioWrapper.lastChild { padding-bottom: 25px; }
		#portfolio .foliobox { width: 378px; float: left; clear: none; padding: 0 0 0 15px; overflow: hidden; }
		#portfolio .foliobox.odd { float: right; padding: 0 15px 0 0; }
		.folioWrapper a.toggle { border-bottom: 3px solid #F8F7F5; float: left; clear: both; width: 376px; margin-bottom: 3px; padding: 0; line-height: 0; }
			.foliobox a.toggle:hover { border-bottom: 3px solid #B0BDC3; }
			.foliobox a.toggle:visited { background: none; }
				.folioWrapper #threeimages a.toggle { width: 121px; clear: none; }
				.folioWrapper #threeimages .center { margin: 0 5px; }
			.foliobox img.toggle { margin-bottom: 8px; }
				
	/*	Social profile list
		----------------------------------------------------*/
		
		#wheretofindme { padding-bottom: 100px; padding-top: 50px; }
		
		#social p, #contact p { padding-bottom: 10px; margin-bottom: 10px; }
		#social ul { float: left; clear: both; width: 415px; }
			#social li { float: left; width: 110px; clear: none; border-bottom: 1px solid #DBD0CD; padding: 2px 0; }
			#social li.middle { margin: 0 30px; }
		
		#social ul a { border: none; float: left; width: 110px; position: relative; }
			#social ul a:visited { background: url(/img/checked.gif) no-repeat right center; width: 93px;  }
			#social ul a:hover { background: url(/img/li-go.gif) no-repeat right center;  }
			#social ul a:active { padding: 0 0 1px 0; width: 110px; }

	/*	Contact form
		----------------------------------------------------*/

		#contact { float: right; width: 382px; clear: none; }
		#contact div { float: left; clear: both; width: 382px; }
		#contact fieldset { width: 380px; float: left; clear: both; }
		#contact span.half { float: left; clear: none; margin: 0 15px 0 0; position: relative; }
		#contact span.full { float: left; clear: both; width: 385px; }
		#contact .half input { width: 155px; font-size: 1.2em; }
		#contact .full input, #contact .full textarea { width: 335px; font-size: 1.2em; }
		#contact .buttons { padding: 5px 0 0 0; float: left; clear: both; width: 385px; }
			#contact .buttons input { float: left; margin: 5px 5px 0 0; }
				#Reset { display: none; }
				#Submit { border: none; font-size: 1.1em; background: url(/img/buttons-sprite.gif) -482px 0px; text-indent: -9000px; padding: 0; width: 140px; height: 25px; }
					#Submit.clickmeHover { background: url(/img/buttons-sprite.gif) -482px -26px; }
		 			#Submit.clickmeClicked { background: url(/img/buttons-sprite.gif) -482px -52px; }
		 			
		span.loading { display: block; position: relative; margin: 0 0 1em; padding: 0.5em 0; border-bottom: 1px solid #ccc; }
			span.loading img { margin-right: 5px; }
		#contact .errorMessage { margin: 0 0 1em; padding: 5px 0; border-bottom: 1px solid #ccc; float: left; width: 380px }
		#contact .OK { display: block; position: relative; margin: 0 0 1em; padding: 0.5em 0; border-bottom: 1px solid #ccc; width: 380px; }
      
	/*	Footer
		----------------------------------------------------*/
   
		#footer { padding: 20px 0 60px 0; margin: 0 auto; width: 860px; float: none; line-height: 1.6em; background: url(/img/borders-footer.gif) top no-repeat; }
			#footerInner { float: left; width: 740px; padding: 5px 0 0 120px; background: url(/img/designr-small.gif) left 5px no-repeat; }
				#footer p { float: left; clear: none; width: 535px; padding: 0 0 15px; margin: 0 20px 0 5px; }
					.copy { border-top: 1px solid #E8E8E8; clear: left; display: block; font-size: 0.9em; font-variant: small-caps; margin: 15px 0 0 5px; padding: 15px 0 0; width: 530px; }
				#awards { width: 180px; float: right; position: relative; }
					#awards h2 { display: block; border: none; background: none; font-size: 1em; color: #312921; margin: 0; font-weight: normal; }
					#awards ul { display: block; clear: both; padding: 0 0 0 0; }
						#awards li { padding: 0 0 0 15px; background: url(/img/awards-li.gif) left center no-repeat; clear: both; display: block; }
						#awards li a { border: none; text-transform: uppercase; font-size: 0.7em; }
						#awards li a:hover { border-bottom: 1px solid; }
		
		/*	hCard
			----------------------------------------------------*/
			
			.vcard { border-top: 1px solid #E8E8E8; clear: left; font-size: 0.9em; line-height: 1.4em; margin: 0 0 0 5px; padding: 15px 0 0 50px; width: 480px; }
				.vcard img { background: #fff; border: 1px solid #CCC; margin-left: -50px; padding:2px 2px 4px; position: absolute; width: 33px; }
				.org, .email, .adr, .tel { display: inline; }
				.region { font-variant: small-caps; }
			.vCardHref, .vCardHref:hover, .vCardHref:visited { background: url(/img/buttons-sprite.gif) no-repeat -793px 0; border: none; display: block; height: 21px; line-height: 22px; margin: 10px 0 0 -49px; padding-left: 48px; width: 129px; }
				.vcard .clickmeHover { background-position: -793px -26px; }
		
		.clear { clear: both; height: 5em; }

/*	JS positive ( jQuery goodness made unobtrusive )
	----------------------------------------------------*/      
	
	.jspositive #foliocontainer { display: none; padding: 0; }
	.jspositive #portfolio { border-top: 1px solid #ccc; padding: 30px 0; margin: 30px 0; }
	.jspositive #portfolio .ornaments, .jspositive #portfolio button { display: block; }
		
/*	404 Error page (/404page.html)
	----------------------------------------------------*/      
	
	#landingpage #container { text-align: center; font-size: 1.5em; padding-top: 250px; }
	#landingpage h2 { border: none; }
	#landingpage p { width: 250px; margin: 0 auto; padding: 25px 0; font-size: 1.1em; }
	#landingpage a:visited, #landingpage a:active { background: none; padding-right: 0;}
	
/*	WordPress content
   	----------------------------------------------------*/
   	
   	a#logo, a#logo:visited { background: none; border: none; padding: 0; }

	/*	Index
	   	----------------------------------------------------*/
	
		/*	Aesthetically Written
		   	----------------------------------------------------*/   	
		   	
		   	.subscrHref { font-size: 0.7em; line-height: 1.1em; padding: 0; position: absolute; right: 0; text-transform: uppercase; top: 0.6em; }
			#aestheticallyWritten .post { margin: 3em 0 2em; }
			   	#aestheticallyWritten .posth { padding: 0 0 0.3em; margin: 0 0 1em; border-bottom: 1px solid #ccc; clear: both; position: relative; }
					#aestheticallyWritten .posth h3 { display: block; font-variant: small-caps; font-size: 1.1em; width: 280px; text-align: left; line-height: 1em; }
						#aestheticallyWritten .posth h3 a { border: none; white-space: normal; }
					#aestheticallyWritten .posth small { font-size: 0.9em; position: absolute; right: 0; top: -0.1em; }	
		
				.post .miniatura { background: url(/img/dcapxl-backg.png) center center no-repeat; font-size: 2.6em; }
				#aestheticallyWritten .postmetadata { border-top: 1px solid #DBD0CD; clear: both; display: block; margin: 1em 0 0 0; background: none; padding: 0.3em 0 0 0; font-size: 0.8em; width: 420px; font-weight: bold; }
					.postmetadata a { font-variant: small-caps; font-weight: normal; }
				.hrefContinue	{ display: block; font-size: 0.9em; margin: 1.5em 0 2em; text-align: right; }
				
		/*	Widgets (Twitter, Online Activities)
		   	----------------------------------------------------*/   	
	
			#sidebar { float: right; width: 377px; clear: none; }
				#sidebar a { white-space: normal; }
				#twitter_div { background: url(/img/twitterBackg.png) no-repeat scroll -40px -5px; clear: both; padding: 0.9em 0 0 1.5em; margin: 0 0 1em; }
					#twitter_div ul { background: url(/img/twitterBackg.png) no-repeat scroll 332px bottom; clear: both; padding: 0 1.5em 1em 0; }
					#twitter_div ul span { clear: both; display: block; }
					
				#recent-posts-2 { clear: both; padding: 0 0 0.5em ; }
				#recent-posts-2 h2 { margin: 0 0 18px; }
					#recent-posts-2 ul { display: block; clear: both; }
					#recent-posts-2 li { display: block; clear: both; padding: 0 0 0 20px; background: url(/img/bullet.gif) no-repeat left 0.3em; font-size: 0.9em; }
						#recent-posts-2 li a { font-variant: small-caps; border: none; font-weight: bold; }
										
	/*	Article Page
		----------------------------------------------------*/   	
	
		.article .entry { clear: both; padding: 0 0 2em; background: url(/img/floral-separator-alt.gif) bottom center no-repeat; margin-bottom: 2em; }
			.article .post { position: relative; clear: both; }
			.article h2 { text-align: left; font-size: 1.8em; padding-bottom: 0.6em; }
				.article h2 span { display: block; }
				.article .postmetadata { font-size: 0.8em; background: transparent url(/img/titlesBorder.gif) no-repeat scroll center bottom; padding: 0.1em 0 0.6em; margin: 0 0 1.5em; line-height: 1.2em; text-align: left; }
					.article .postmetadataInner { background: url(/img/titlesBorder.gif) no-repeat scroll  top center; padding: 0.6em 0 0.3em; display: block; margin: 4em 0 0; }
					.article .postmetadata a { font-variant: small-caps; }
				
			.article h3 { font-variant: small-caps; font-size: 1.5em; font-weight: bold; margin: 0 0 1em; border-bottom: 1px solid #CCC; padding-bottom: 0.2em; text-align: left; }
			.article h4 { margin: 0 0 0.5em; font-variant: small-caps; font-size: 1.1em; }
			.article h5 { font-size: 1em; }
			.article p { padding-bottom: 1.5em; display: block; }
			.article cite { margin: 0 0 0 -2em; font-style: normal; font-variant: small-caps; display: block; }
			.article blockquote { border-left: 2px solid #AFC6CB; font-size: 1.1em; font-style: italic; margin: 0 0 1.5em -1.7em; padding: 0 0 0 0.5em; }

		/*	Images and image captions
			----------------------------------------------------*/   	
			
			.wp-caption a.notChecked { border: none; padding: 0; margin: 0; line-height: 0; display: block; }
			.article p.wp-caption-text { background: #ccc; border-bottom: 1px solid #B1B1B1; border-top: 1px solid #EEE; font-size: 0.7em; line-height: 1.2em; margin: 0 0 2em; padding: 2px 3px; text-align: left; text-transform: uppercase; color: #333; position: relative; }
			ul .alignnone { margin: 0 0 0 -20px; }
				.alignnone img { border: 1px solid #ccc; padding: 2px; background: #fff; width: 408px; }
				.article .alignnone p.wp-caption-text { width: 408px; }
			.alignright { float: right; margin: 0 -3.7em 0.5em 1.5em; width: 176px; }
				.alignright img { border: 1px solid #ccc; padding: 2px; background: #fff; width: 170px; }
				.article .alignright p.wp-caption-text { width: 170px; }
			 
			 
			.article .column .entry #tags { font-size: 0.9em; font-weight: bold; text-align: left; }
				.article .entry #tags a { font-variant: small-caps; font-weight: normal; }
			
			.article .entry ul { padding: 0 1.3em 2.5em; }
				.article .entry ul li { list-style-image: url(/img/bullet.gif); margin: 0 0 0.3em; }
					.article .entry ul li p { padding-bottom: 0.3em; }
					
			.article .entry ol { border-top: 1px solid #CCC; padding: 1.3em 0 0 1.3em; text-align: left; }
				.article .entry ol li {	font-size: 0.9em; line-height: 1.2em; margin: 0 0 0.5em; position: relative; padding: 0 1.5em 0 0; }
					.article .entry ol li .hrefBack { position: absolute; right: -72px; text-align: left; top: 0; width:75px; }
			
			#respond, #comments { border-bottom: 1px solid #B6ADAA; }
			#commentform { clear: both; display: block; overflow: hidden; padding: 1em 0 3em; }
				#commentform label { clear: both; float: left; font-size: 0.9em; font-variant: small-caps; line-height: 2.2em; margin: 0 10px 0 0; width: 115px; }
				#commentform input { clear: both; font-size: 1em; width: 200px; }
				#comment { clear: both; float: left; width: 405px; font-size: 1em; }
				#commentform #submit { margin: 1em 0 0; background: url(/img/buttons-sprite.gif) -623px 0; width: 170px; height: 25px; border: none; text-indent: -9000px; }
					#commentform #submit.clickmeHover { background: url(/img/buttons-sprite.gif) -623px -26px; }
					#commentform #submit.clickmeClicked { background: url(/img/buttons-sprite.gif) -623px -52px; }

			.commentlist li { margin: 0 0 0 -40px; position: relative; }
				.article h3#respond { margin: 0; font-size: 1.2em; }
				.commentlist li p { margin: 0; }
				.commentlist cite { font-size: 0.8em; font-style: normal; font-weight: bold; text-transform: uppercase; margin: 0; }
				.commentlist .says { font-style: italic; }
				.commentlist .commentmetadata { border-left: 1px solid #999; display: block; font-size: 0.8em; line-height: 1.8em; margin: 0 -180px 0 0; padding: 0 0 0 15px; position: absolute; right: 0; text-align: left; top: 1.7em; width: 150px; }
					.commentmetadata a { white-space: normal; }
					
				#trackbacks { font-size: 0.8em; margin-bottom: 3em; }
					#trackbacks h3 { font-size: 1.2em; }
					
			#commentPreview { clear: both; padding: 1.5em 0 0 0; }
				#commentPreview .commentlist { margin-top: 0; padding: 10px; border: 1px solid #ccc; }
				#commentPreview .commentlist li { margin: 0; list-style: none; }
			
			.navigation { margin: 0 0 2em; }
				.navigation div { display: inline; width: 200px; }
				.navigation .alignleft { margin: 0 0 0 -0.8em; float: left; }
				.navigation .alignright { margin: 0 -0.8em 0 0; float: right; }
					.navigation div a { white-space: normal; }
				
	/*	Archive Page
		----------------------------------------------------*/   	
		
		#archive { padding-bottom: 3em; }
			#archive h2 { background: none; font-size: 2em; font-variant: normal; line-height: 1em; padding-bottom: 0.6em; position: absolute; right: -432px; text-align: right; top: 1em; width: 380px; }
				#archive h2 span { clear: both; display: block; font-size: 4em; line-height:1em; letter-spacing: -10px; }
			#archive .post h3 { border: none; font-size:1.8em; padding: 0 0 0.6em; text-align:left; background: url(/img/titlesBorder.gif) no-repeat scroll center bottom; clear: right; display: block; float: left; font-variant: small-caps; font-weight: bold; margin: 0 0 5px; position: relative; width: 100% }
				#archive .post h3 a { border: none; white-space: normal; }
			#archive .entry { background: none; padding: 0; margin: 0; }
				#archive .hrefContinue { margin-top: 0; }
 				#archive .postmetadata { margin-top: 0.5em; }
					#archive .postmetadataInner { margin: 0; line-height: 2em; padding: 0.3em 0 0; }
									
/*	IE fixes
    ----------------------------------------------------*/
    
    body.ie #header h1 span, body.ie #twitter { font-size: 0.9em; }
    body.ie .foliobox h3 { font-size: 0.92em; }
    	body.ie h3 .num { letter-spacing: 0; }
						
/*	That's it. I hope it was a pleasing journey. Keep well
	and don't forget to send some nice words to my master
	at: piotr@designr.it
						
	Ciao ciao!	
	
					- Happy Stylesheet
								
	----------------------------------------------------*/