body	{
		background: url(bg.png) #222;
		color:#333;
		font-family:Verdana, sans-serif;
		font-size: 0.8em;
		}

a		{
		text-decoration: none;
		color: #333;
		}

#content {
		position: absolute;
			left: 50%;
			top: 50%;
		
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		}

.card, #vcard {
		position:absolute;
			left: -200px;
			top: -94px;
			width:400px;
			height: 186px;

		border:solid 1px #000;
			-moz-box-shadow:7px 7px 5px rgba(20, 20, 20 ,0.5);
			-webkit-box-shadow:7px 7px 5px rgba(20, 20, 20 ,0.5);;
			box-shadow:7px 7px 5px rgba(20, 20, 20 ,0.5);;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			border-radius:10px;
		
		background:url(ninja.png) no-repeat bottom right #fff;
		}

header	{
		text-align:center;
		margin-bottom:2em;
		margin-top: 5px;
		}

h1		{
		letter-spacing:3px;
		font:400 2em "Times New Roman", serif;
		}

#skills	{
		letter-spacing:6px;
		font:400 1em "Times New Roman", serif;
		}

#contactdetails li {
		margin-left: 10px;
		margin-bottom:.3em;

		line-height:16px;

		list-style:none inside;
		}
		
		#contactdetails li a:hover {
			color:#33c;
			}

#social {
	display: none;
	background-image:url(ninja-red.png);
	}

		#socialnetworks {
			position: absolute;
				left: 10px;
				top: 10px;
				width: 230px;
			}

		#socialnetworks li {
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
			}

		#socialnetworks li a:hover img {
			background: #ddd;
			-moz-box-shadow:0px 0px 10px #888;
			-webkit-box-shadow:0px 0px 10px #888;
			box-shadow:0px 0px 10px #888;
			}
		
		a .networkdesc {
			display: none;
			}
		
		a:hover .networkdesc {
			display: block;

			position: absolute;
				top: 40px;
				left: 200px;
				width: 190px;
				height: 54px;
			
			text-align: center;			
			background: url(bubble.png) no-repeat;
			padding-top: 12px;
			}

.toggle {
		position: absolute;
			width: 150px;
			padding: 5px;
	
		border:solid 1px #000;

		background-color: #e7e0b5;
		text-align: center;
		}

		.toggle img {
			height: 1em;
			vertical-align: bottom;
			}

		a.toggle:hover {
			background-color: #e6f0ff;
			}

		#contact .toggle {
			bottom: 0px;
			left: 0px;
			border-bottom: none;
			border-left: none;
				-moz-border-radius-topright: 10px;
				-webkit-border-top-right-radius: 10px;
				border-top-right-radius: 10px;
				-moz-border-radius-bottomleft: 10px;
				-webkit-border-bottom-left-radius: 10px;
				border-bottom-left-radius: 10px;
			}

		#social .toggle {
			top: 0px;
			right: 0px;
			border-top: none;
			border-right: none;
				-moz-border-radius-bottomleft: 10px;
				-webkit-border-bottom-left-radius:10px;
				border-bottom-left-radius:10px;
				-moz-border-radius-topright: 10px;
				-webkit-border-top-right-radius:10px;
				border-top-right-radius:10px;
			}

#vcard  {
		position: absolute;
			top: 71px;
			left: 172px;		
			width: 56px;
			height: 45px;
		background: none;
		background: #fff;
		}
		
		#vcard img {
			margin: 5px;
			}
		
		#vcard #arrow {
			display: none;
			position: absolute;
			left: 0px;
			}