* { margin: 0; padding: 0; }

body { background: #000 url( css/bg-body.jpg ) no-repeat fixed center top; color: #eee; font: 12px/18px bold Helvetica, Arial, sans-serif; }


#wrapper { width: 100%; background: url( css/bg-wrapper.jpg ) no-repeat top center; min-height: 150px; }

#header { width: 840px; margin: 0 auto; position: relative; height: 150px; }

	h1 { padding-top: 90px; padding-left: 20px; font: 12px/40px bold Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; }

	.nav { position: absolute; right: 0; top: 0; font: 12px/40px bold Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
		.nav ul { list-style: none; margin: 0; }
		.nav li { display: inline; }
		.nav a:link,
		.nav a:visited { float: left; padding: 90px 20px 0; color: #aaa; text-decoration: none; text-shadow: #000 1px 1px 2px; background: transparent url( css/bg-navi.png ) repeat-x 0 150px; }
		.nav a:hover,
		.nav a.active { background-position: 0 0; color: #fff }
		.nav a.active { color: #903; }
		
#photo { width: 800px; margin: 0 auto; padding: 20px 0 0; }
	#photo img#the-photo { display: block; }

	#foto-wrapper { position: relative; }
	.pagination { position: absolute; right: 10px; top: 0px; }
	.pagination a { float: left; width: 65px; height: 65px; opacity: .5; display: block; overflow: hidden; text-indent: -999px; }
	.pagination a:hover { opacity: .8; }
	.pagination a.prev { background: url( css/arrow-left.png ) no-repeat left top; }
	.pagination a.next { background: url( css/arrow-right.png ) no-repeat left top; }

	.article { width: 800px; float: left; position: relative; }
	
	.pages { float: left; width: 100%; padding: 30px 0; }
	
		/*.article .header { position: absolute; left: 0; top: 20px; padding: 5px 10px;  background: rgba(0,0,0,.5) }*/
		.article .header { line-height: 20px; padding-top: 50px; position: relative }
		h2 { font-size: 12px; text-transform: uppercase; display: inline; letter-spacing: 1px; }
		.article .header .time { color: #999; font-size: 10px; }
		
		.article .story { width: 500px; float: left; }
		
		p { margin: 20px 0; }
		ul { list-style: circle; margin: 20px 0 }
		
		.aside { float: right; width: 280px; padding: 20px 0 20px 20px; }
		
			.aside div { width: 100%; float: left; padding-bottom: 30px; }
			.aside div.fold { padding: 5px 0; }
		
			.aside h3 { font-size: 12px; text-transform: uppercase; display: inline; letter-spacing: 1px; color: #999; }
		
			.aside ul { list-style: none; color: #999; font-size: 10px; margin: 10px 0 0; border-top: 1px dotted #333; }
			.aside li { border-bottom: 1px dotted #333; }
			.aside .related { border: 0 none; }
			.aside .related li { border: 0 none; }
			.related img { display: inline; border: 0 none; float: left; margin: 0 12px 12px 0; border: 1px dashed #000; padding: 2px; opacity: .5 }
			.related a:hover img { border-color: #333; opacity: 1; }
			
		#comments,
		#respond { float: left; width: 500px; margin-top: 100px; padding: 20px 0; }
		#respond { margin-top: 50px; }
			#comments ol { list-style: none; margin: 20px 0; border-top: 1px dashed #333; }
			#comments li { border-bottom: 1px dashed #333; padding: 20px 0 10px 0; }
			
			#comments h4 { text-transform: uppercase; letter-spacing: 1px; display: inline; }
		
		#respond label { display: block; }
		#respond input,
		#respond textarea { width: 400px; padding: 5px; font: 14px/22px "American Typewriter", "Courier New", Courier, monospace; color: #999; border: 1px solid #fff; background: #fff }
		
		#respond input[type=submit] { width: auto; -moz-border-radius: 5px; }
		
		#respond input:focus,
		#respond textarea:focus { color: #333; }

#thumb-archive { width: 801px; margin: 0 auto; padding: 60px 0 0; }
	.thumbs { width: 100%; float: left; }
	#thumb-archive img { float: left; margin: 2px 2px 2px 3px; border: 0 none; width: 75px; height: 75px; }
	
	div.tags { float: left; width: 500px; padding-top: 20px; }
	ul.tags {list-style: none; line-height: 26px; text-align: justify }
	ul.tags li { display: inline; white-space: nowrap; margin-right: 10px; }
	
	.stats li { text-align: right; float: left; width: 100%; background-image: url( css/bg-stats.png ); background-repeat: repeat-y; background-position: -280px 0; }
	.stats li .align-left { float: left; }
	
	
	
	
a:link,
a:visited { color: #903; text-decoration: none; }
a:hover { color: #fff; }
		
#footer { clear: both; width: 800px; margin: 0 auto; padding: 140px 0; color: #999; font-size: 10px; }