html,body,ul,li,p,pre,blockquote,table,td {
	
	font-size:12px;
	margin:0;
	padding:0;	
	color:#EEE;
	font-family: "inconsolata-1","inconsolata-2","Trebuchet MS";
}

img {
	border:0;
}
img.bordered {
	border: 1px solid #B07300;
	margin-right:8px;
	margin-left:7px;
}

strong.orange {
	color:#B07300;
}

a,a:link,a:visited,a:hover {
	color:#EEE;
	text-decoration:none;
}

a.txt:hover {
	color:#EEE;
	text-decoration:none;
	background-color:#B07300;
}

.tiny {
	font-size:11px;
	/*font-family:Sans;*/
	margin:30px;
}

.spaced {
	margin-top:10px;
}

body {
	background-image:url(/img/bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

#shadow {
	position:absolute;
	width:520px;
	height:600px;
	left:50%;
	top:50%;
	margin-left:-260px;
	margin-top:-300px;
	background-image:url(/img/shadow.png);
	background-position:center;
	background-repeat:no-repeat;
}

#vcard {
	width:321px;
	height:400px;
	margin-left:100px;
	margin-top:100px;
	background-image:url(/img/vcard.png);
	position:relative;
}
	.paragraph {
		position:absolute;
		top:20px;
		width:290px;
		text-align:center;
		display:none;
	}
	#info {
		display:block;
	}
	
		.paragraph p.social {
			margin-top:10px;
			margin-left:15px;
			width:40%;
			float:left;
		}
		.paragraph p.social img {
			margin-bottom:-8px;
			margin-right:5px;
			opacity:0.6;
			-moz-opacity:0.6;
			filter:alpha(opacity=60);
		}
		.paragraph p.social img:hover {
			margin-bottom:-8px;
			margin-right:5px;
			opacity:1;
			-moz-opacity:1;
			filter:alpha(opacity=100);
		}
		.paragraph p {
			margin-top:15px;
		}
		.paragraph p.margin {
			margin-left:15px;
			margin-right:15px;
		}
		.paragraph p.left {
			text-align:left;
		}
			#info p.left strong {
				float:left;
				display:block;
				width:55px;
			}
		p#cloud {
			margin:5px 7px;
		}
		p#cloud .small {
			font-size:11px;
		}
		p#cloud .smallest {
			font-size:9px;
		}
		p#cloud .medium {
			font-size:14px;
		}
		p#cloud .big {
			font-size:17px;
		}
		p#cloud .biggest {
			font-size:21px;
			text-decoration:underline;
		}
	#thanks {
		color:#FFF;
		font-size:10px;
		text-align:center;
		position:absolute;
		bottom:0;
		left:10px;
	}
	
	#switchers {
		width:31px;
		height:400px;
		position:absolute;
		top:0;
		right:0;
		background-image:url(/img/switchers-row.png);
		background-repeat:no-repeat
	}
		#switchers div {
			background-position:0 0;
			background-repeat:no-repeat;
			width:20px;
		}
	
		#sw-info {
			background-image:url(/img/sw-info.png);
			height:32px;
			margin-top:5px;
		}
		
		#sw-social {
			background-image:url(/img/sw-social.png);
			height:48px;
			margin-top:31px;
		}
		
		#sw-contacts {
			background-image:url(/img/sw-contacts.png);
			height:70px;
			margin-top:31px;
		}
		
		#switchers div:hover,#switchers div.active {
			background-position:-20px 0px;
		}