/* Reset
---------------------------------------- */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img { margin: 0; padding: 0; border: 0; }
ol, ul { list-style: none; }
	
/* Basic Elements
---------------------------------------- */

body {
font-size: 12px; text-align: left; line-height: 20px;
position: relative; color: #fff; background: #000; }

body, textarea, input, button { font-family: 'Helvetica', Arial, serif; }

a {	text-decoration: underline; color: #fff; }
a:hover { text-decoration: none; }

h1 { font-size: 48px; font-weight: normal; line-height: 50px; }
h2 { font-size: 22px; font-weight: normal; line-height: 20px; }
h3 { font-size: 14px; font-weight: normal; line-height: 20px; }

strong { font-weight: bold; }
em { font-style: italic; }

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

.clear { clear: both; }
.arrow { position: absolute; top: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: left top; text-align: left; }
.opacity10 { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); opacity: 0.1; }
.opacity50 { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; }

/* Scaling background
---------------------------------------- */

#container { position: relative; z-index: 3; overflow: hidden; }
#scale { position: fixed; top: 0; left: 0; z-index: 2; overflow: hidden; }
#scale img { position: absolute; top: 0; left: 0; z-index: 1; }

/* Header
---------------------------------------- */

#header { 
position: relative; 
margin: 0 0 40px 0; height: 140px; }
	
	#header h1 a { 
	background: #fff url(i/liviu.png) no-repeat 20px 25px;
	position: absolute; z-index: 12; bottom: 10px;
	padding: 20px 0; width: 300px;
	text-indent: -9999px; }
		
		#header h1 .arrow {
		background: url(i/arrow_h1.png);
		right: -45px; width: 45px; height: 90px; }
	
	#header h2 { 
	background: url(i/px_h2.png);
 	position: absolute; z-index: 11; bottom: 0;
	padding: 20px 10px 20px 360px; width: 630px;
	color: #fff; }
		
		#header h2 a { color: #4387b4; text-decoration: none; }
			#header h2 a:hover { color: #5abeff; }
		
		#header h2 .arrow { 
		background: url(i/arrow_h2.png);
		right: -30px; width: 30px; height: 60px; }
	
		#header h2 .icon { 
		float: right;
		width: 20px; height: 20px; margin: 0 0 0 5px;
		background-position: center center; background-repeat: no-repeat;
		text-indent: -9999px; text-align: left; }
			
			#header h2 .icon.linkedin { background-image: url(i/linkedin_16.png); }
			#header h2 .icon.vimeo { background-image: url(i/vimeo_16.png); }
			#header h2 .icon.twitter { background-image: url(i/twitter_16.png); }
	
	#header .flickr {
	position: absolute; top: 0; width: 1800px; right: -1845px;
	height: 60px; overflow: hidden; }
		
		#header .flickr img {
		width: 60px; height: 60px;
		margin: 0 20px 0 0; }

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

#content { 
margin: 0 20px; }
	
	/* Entry
	---------------------------------------- */
	
	.entry { 
	position: relative;
	width: 480px;
	padding: 20px; margin: 0 0 60px 0;
	background: url(i/px_entry.png); }
		
		.entry img { width: 480px; }
		
		.entry h3, .entry p { 
		margin: 0 0 20px 0; }
		
		.entry .time { 
		position: absolute;
		left: 20px; bottom: -30px; margin: 0;
		font-size: 11px; }
		
		.entry .data { 
		position: absolute;
		top: 20px; right: -200px; width: 180px;
		font-size: 48px; line-height: 48px;
		font-weight: bold; }
			
			.entry .data span { 
			font-size: 24px; }
	
		.entry .tags { 
		position: absolute; 
		right: 20px; bottom: -30px; margin: 0;
		font-size: 11px; }
	
			.entry .tags a {
			text-decoration: none;
			margin: 0 0 0 10px; }
				.entry .tags a:hover { color: #666; }
		
		.entry .com { 
		position: relative;
		margin: 0; height: 20px; }
		
		.entry .com a {
		position: absolute;
		background: url(i/arrow_com.png) no-repeat right top;
		padding: 5px 15px 5px 5px;
		font-size: 11px; line-height: 10px; text-decoration: none; }
			
			.entry .com a span { margin: 0 5px 0 0; }
			.entry .com a:hover { background-position: right -20px; }
	
	/* Navigation
	---------------------------------------- */
	
	.navigation {
	width: 520px; height: 20px; }
		
		.navigation a {
		color: #fff;
		font-size: 11px; line-height: 10px;
		text-decoration: none; }
			.navigation a:hover { color: #000; }
		
		.next a { float: right; padding: 5px 15px 5px 5px; background: url(i/arrow_next.png) no-repeat right top; }
		.prev a { float: left; padding: 5px 5px 5px 15px; background: url(i/arrow_prev.png) no-repeat left top; }
		
		.navigation .next a:hover { background-position: right -20px; color: #000; }
		.navigation .prev a:hover { background-position: left -20px; color: #000; }

/* Single
---------------------------------------- */

#single { 
margin: 0 40px 0 20px;
float: left; }

/* Comments
---------------------------------------- */

#comments { 
width: 320px; float: left;
background: url(i/px_comments.png);
padding: 20px; }
	
	.comment {
	border-bottom: 1px dashed #000;
	padding: 0 0 20px 0; }
			
		.comment span { font-size: 11px; }
		
	.comment, #comments h3 { 
	margin: 0 0 20px 0; }

#comment { }

	#comment p { 
	margin: 0 0 10px 0;
	position: relative; }
		
		#comment label { 
		position: absolute; right: 0; width: 10px;
		background: url(i/arrow_prev.png) no-repeat left top;
		padding: 5px 5px 5px 15px;
		font-size: 12px; line-height: 10px; text-decoration: none;
		text-align: right; }
	
	#comment .text {
	width: 270px; background: url(i/px_entry.png);
	padding: 3px 35px 3px 5px; color: #fff;
 	margin: 0; border: 0; font-size: 12px;
 	outline: none; }

		#comment textarea.text { 
		padding: 5px; line-height: 20px;
		width: 310px; }
		
	#comment .submit { 
	background: url(i/arrow_com.png) no-repeat right top;
	padding: 0 15px 0 5px;
	font-size: 11px; line-height: 20px; text-decoration: none;
	border: 0; color: #fff; height: 20px; }
	
		#comment .submit:hover { background-position: right -20px; }

/* Footer
---------------------------------------- */

#archive li { 
float: left; background: url(i/px_entry.png);
overflow: hidden; margin: 0 20px 20px 0;
border-top: 2px solid #fff;
position: relative; }
	
	#archive li a { 
	width: 100px; height: 100px;
	float: left; padding: 10px;
	text-decoration: none; }
		
		#archive li a span { 
		position: absolute; left: 0; top: 0;
		width: 120px; height: 120px;
		background: #000;
		font-size: 20px; line-height: 120px;
		text-align: center;
		display: none; }
		
			#archive li a:hover span { display: block; }

		
/* Footer
---------------------------------------- */
	
#footer { 
float: left; clear: both;
height: 60px; margin: 80px 0 0 0; }
	
	#footer .copy { 
	position: absolute; right: 0; bottom: 40px;
	background: url(i/arrow_copy.png) no-repeat left top;
	padding: 20px 20px 20px 50px;
	font-size: 11px; width: 260px; }
		
		#footer .copy a { text-decoration: none; }
	
	#footer .about { 
	position: absolute;
	right: 20px; bottom: 100px;
	width: 260px; text-align: right; display: none; }
	
		#footer .about p { margin: 0 0 20px 0; }
		
		#footer .about .close { text-decoration: none; font-size: 11px; padding: 0 3px; background: #cc0000; }
	
	#footer a.mediatic { 
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 11px; line-height: 20px; text-decoration: none;
	padding: 0 6px; background-color: #cc0000; color: #fff;
	text-transform: lowercase; float: right; }

/* Footer
---------------------------------------- */

#ie6 { margin: 20px; font-size: 20px; line-height: 28px; }