/*
1982 - 2009 © carnero

good ideas collected, vcard designed and scripted by carnero (http://paška.eu/)
inspired by Tim Van Damme (http://timvandamme.com/), Rogie King (http://rogieking.com/) and many other quality vcards
icons Token by brsev (http://brsev.deviantart.com/) and Social.me by jwloh (http://jwloh.deviantart.com/)
*/

body {
	background: #111111;
	color: #888888;
	font-family: "Droid Sans", "Segoe UI", "Segoe", Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000000;
	margin: 0;
	padding: 0;
	border: 0;
}

a, a:visited {
	color: #ffffff;
	text-shadow: 1px 1px 3px #888888;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #ffffff;
	text-shadow: 1px 1px 8px #ffffff;
}

a img {
	border: 0;
	margin: 0;
	padding: 0;
}

#vcard {
	display: block;
	width: 900px;
	height: 300px;
	margin: 100px auto 100px auto;
}

#logo {
	display: block;
	width: 248px;
	height: 300px;
	margin: 0 326px 0 326px;
	background: transparent url('/files/logo.png') no-repeat;
	z-index: 16;
}

#panel-left {
	display: block;
	float: left;
	width: 354px;
	height: 224px;
	margin: 38px 0 38px 0;
	background: transparent url('/files/panel-left.png') no-repeat;
	z-index: 8;
}

#panel-right {
	display: block;
	float: right;
	width: 354px;
	height: 224px;
	margin: 38px 0 38px 0;
	background: transparent url('/files/panel-right.png') no-repeat;
	z-index: 8;
}

.box {
	display: block;
	width: 298px;
	height: 128px;
	background: transparent url('/files/box.png') no-repeat;
	z-index: 12;
}

#panel-left .box {
	float: left;
	margin: 48px 10px 48px 20px;
}

#panel-right .box {
	float: right;
	margin: 48px 20px 48px 10px;
}

#carnero {
	display: block;
	width: 174px;
	float: left;
	margin: 32px 10px 20px 10px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
}

#carnero #nickname {
	display: none;
}

#carnero #position {
	display: block;
	font-size: 12px;
	color: #888888;
}

#carnero #position img {
	margin: 0 5px 0 5px;
}

#buttons {
	display: block;
	float: right;
	width: 70px;
	margin: 8px 20px 4px 10px;
	padding: 0;
	list-style-type: none;
}

#buttons li {
	display: block;
	width: 70px;
	height: 24px;
	margin: 1px 0 4px 0;
	padding: 0;
	overflow: hidden;
	background-color: transparent;
	background-image: url('/files/buttons-off.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

#buttons li:hover, #buttons li.active {
	background-image: url('/files/buttons-on.png');
}

#buttons li a {
	display: none;
	padding: 2px;
	text-align: center;
}

#buttons #button-contact {
	background-position: 0 0;
}

#buttons #button-map {
	background-position: 0 -24px;
}

#buttons #button-links {
	background-position: 0 -48px;
}

#buttons #button-social {
	background-position: 0 -72px;
}

.content {
	display: none;
	float: left;
	width: 278px;
	height: 108px;
	margin: 10px;
	padding: 0;
	overflow: hidden;
	color: #888888;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000000;
}

.content.now {
	display: block;
}

ul.content {
	list-style-type: none;
}

.content#panel-contact ul {
	line-height: 16px;
}

.content#panel-contact li {
	margin: 1px 0 2px 0;
	padding-left: 24px;
	background-color: transparent;
	background-position: 0 1px;
	background-repeat: no-repeat;
}

.content#panel-contact li#phone {
	background-image: url('/files/icon-phone.png');
}

.content#panel-contact li#email {
	background-image: url('/files/icon-email.png');
}

.content#panel-contact li#im {
	background-image: url('/files/icon-im.png');
}

.content#panel-contact li#address {
	background-image: url('/files/icon-address.png');
}

.content#panel-contact .geo {
	display: none;
}

.content#panel-map {
	overflow: hidden;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.content#panel-map img {
	border: 0;
	margin: 0;
	padding: 0;
}

.content#panel-links {
	line-height: 23px;
}

.content#panel-links li {
	margin: 1px 0 2px 0;
	padding-left: 26px;
	font-size: 18px;
	background-color: transparent;
	background-image: url('/files/icon-link.png');
	background-position: 0 1px;
	background-repeat: no-repeat;
}

.content#panel-links .description {
	margin: 6px 3px 0 3px;
	font-size: 10px;
	color: #666666;
}

.content#panel-social {
	overflow: hidden;
}

.content#panel-social img {
	border: 0;
	margin: 2px 9px 4px 9px;
	padding: 0;
}

#download {
	display: block;
	position: absolute;
	bottom: 2px;
	left: 10px;
	padding: 5px 20px 2px 20px;
	color: #888888;
	font-size: 12px;
	overflow: hidden;
}

#download img {
	border: 0;
	margin: 0 9px 0 9px;
	padding: 0;
}

#inspired {
	display: block;
	position: absolute;
	bottom: 2px;
	right: 10px;
	padding: 5px 20px 2px 20px;
	color: #888888;
	font-size: 12px;
	overflow: hidden;
}