/* -------------------------------------------- */
/*           (c) Advent Web Solutions           */
/*         www.adventwebsolutions.co.nz         */
/* -------------------------------------------- */

#Sam, #Social a, #Nav li, #Nav a{display: block; font-size: 0px; text-indent: -9999px; line-height: 0;}

html{font-size: 100%;}
body{font-size: 62.5%; font-family: 'Times New Roman', Georgia, serif; color: #000; text-align: center;}

/* LAYOUT */
#Wrapper{background: url(../images/Wrapper.png) repeat-y; text-align: left; width: 844px; margin: 0 auto; padding: 0 38px 30px 6px;}

	#Top{position: relative; height: 634px;}
	
		#Sam{position: absolute; right: 0; bottom: 0; background: url(../images/Sam.jpg) no-repeat; width: 276px; height: 498px;}
		
		#Social{position: absolute; bottom: 0; right: -24px;}
			#Social li{margin-bottom: 6px;}
				#Social a{width: 16px; height: 16px;}
				#Social .rss{background: url(../images/rss.png) no-repeat;}
				#Social .fb{background: url(../images/fb.png) no-repeat;}
				#Social .twitter{background: url(../images/twitter.png) no-repeat;}
					#Social a:hover{position: relative; top: 1px; left: 1px;}
		
		#Nav{position: absolute; bottom: -2px; left: -43px;}
			#Nav a{width: 43px;}
			#Nav .contact{background: url(../images/contact.png) no-repeat; height: 102px;}
			#Nav .sketchbook{background: url(../images/gallery.png) no-repeat; height: 105px;}
			#Nav .projects{background: url(../images/projects.png) no-repeat; height: 116px;}
			#Nav .about{background: url(../images/about.png) no-repeat; height: 86px;}
			#Nav .news{background: url(../images/news.png) no-repeat; height: 84px;}
				#Nav a:hover, #Nav .current a{background-position: -43px 0;}
	
	#Content{background: #fff; border-top: 4px solid #dbff5d; font-size: 1.6em; line-height: 1.2; padding: 15px 50px 25px 50px;}
	
		#Sidebar{float: right; text-align: right; width: 200px;}
		
		.Article{}
		.blogSummary{border-bottom: 1px solid #eee; margin-bottom: 1em; padding-bottom: 0.5em;}
		
			.authorDate{font-size: 0.8em; line-height: 1;}
			.tags{display: none;}
			
			.summary{margin: 1em;}
			.typography .summary p{margin-bottom: 0;}
		
			.author{float: left; width: 80px; margin-left: 55px;}
				.author img{display: block;}
				.author strong{display: block; font-size: 1.2em; line-height: 1.1; color: #676767; border-bottom: 1px solid #d6d6d6;}
				.author em{display: block; font-size: 0.6em; padding-top: 2px;}
			
			.entry{margin-left: 210px;}
			
				#PageComments_holder{border-top: 1px solid #eee; font-size: 0.8em; margin-top: 0.5em; padding-top: 0.5em;}
				
					.field{width: 100%; padding-bottom: 10px; overflow: auto;}
					
						label.left{float: left; display: block; width: 150px; padding: 5px 0 1px 0;}
							.dropdown label.left{padding-bottom: 3px;}
							.optionset label.left, .checkboxset label.left{border: 0;}
							
						.middleColumn, .Actions{display: block; margin-left: 150px;}
							.middleColumn input, .middleColumn textarea, .middleColumn select{border: 1px solid #ccc; width: 250px; padding: 3px;}
							.middleColumn textarea{font-size: 1em; font-family: Arial, Verdana, sans-serif;}
								.middleColumn input:hover, .middleColumn textarea:hover, .middleColumn select:hover{border: 1px solid #a4d00b;}
								.middleColumn input:focus, .middleColumn textarea:focus, .middleColumn select:focus{border: 1px solid #a4d00b;}

							
						.message{font-size: 0.86em; color: #971717;}
				
				#PageComments li{border-bottom: 1px solid #eee; margin-bottom: 1em;}
				.typography p.comment{margin-bottom: 0.1em;}
				.typography p.info{color: #8e8e8e;}
					#PageComments .actionLinks{text-align: right;}
						#PageComments .actionLinks li{display: inline; border: 0; margin: 0 0 0 5px;}
				
				#BBTagsHolder, #Tags, #BBCodeHint, #tagsnote, #Author{display: none;}
				#Form_BlogEntryForm_BlogPost{width: 500px;}
	
	#Footer{font-size: 1.2em; padding: 10px 0;}