/*
* FWDLABS PROFILE CSS
* Code by FWD:labs - http://fwdlabs.com
*/

#doc { width:100%; }

#hd { min-height:100px; }
#hd h1 { padding-left:10px; line-height:1; }

#hd h1 span { font-weight:normal; }

#ft ul#profileFooter { margin-left:0; margin-right:0; }

body#profileAbout #contentColumn img { float:right; margin:0 0 10px 10px; }

/* Design (Default) */

html,body {
	font-family:Helvetica, Arial, serif;
	}
html, body, #hd, #bd, #ft, #bd h1, #sidebar, #bd div.projectCellDetailsWide {
	background-color:#ffffff;
	}
#hd h1, #hd h1 a, #bd h1, #bd h2, #bd #contentColumn h3, #sidebar h4 {
	font-family:Helvetica, Arial, serif;
	}
#hd h1, #bd h1, #bd h1.projectCoverTitle, #bd h2, #bd #contentColumn h3, #bd h4, #bd h5, #bd #marginForm label {
	color:#000000;
	}
#bd p, #bd li, #bd td, #ft p, #bd small, #ft small, ul#sidebarNav li h4.active a, #ft ul#profileFooter a {
	color:#666666;
	text-decoration:none;
	}
#bd input.submit {
	background-color:#666666;
	color:#ffffff;
	}
#hd a, #bd a, #ft a, #hd a:link, #bd a:link, #ft a:link, #hd a:visited, #bd a:visited, #ft a:visited, #hd a:active, #bd a:active, #ft a:active {
	background-color:transparent;
	color:#cc3300;
	}
#hd a:hover, #hd h1 a:hover, #bd a:hover, #ft a:hover, #ft ul#profileFooter a:hover, div.highlight, ul#sidebarNav li h4.active a:hover {
	background-color:transparent;
	color:#000000;
	}

/* Resume */

ul#projectTypes {
	margin:10px 0;
	}

p#workToggle {
	margin:10px 0;
	}

div#profileShare {
	padding:10px;
	}

ul#profileWorkNav {
	list-style-type:none;
	list-style:none;
	margin:0;
	min-height:100px;
	padding:0;
	}
	ul#profileWorkNav.horizontal {
		padding:0 10px;
		}
	ul#profileWorkNav.horizontal li {
		list-style-type:none;
		list-style:none;
		float:left;
		margin-right:20px;
		padding:0;
		}
		ul#profileWorkNav.horizontal li h4.active a {
			border-bottom:1px solid;
			}
	ul#profileWorkNav.horizontal li ul {
		display:block;
		margin:0;
		padding:10px 0;
		}
		ul#profileWorkNav.horizontal li ul li {
			font-size:0.8em;
			float:none;
			padding:0;
			}
			ul#profileWorkNav.horizontal li ul#links li {
				background-image:none;
				}
			ul#profileWorkNav.horizontal li ul#links li a {
				margin:0;
				}

#profileCoverCells {
	width:100%;
	max-width:720px;
}

/* Links */

body.links ul#linksList li {
	list-style:none;
	}

ul.profileLinks  { display:block; margin:0; padding:0; }
ul.scale16x16 { height:16px; }
ul.scale32x32 { height:32px; }
ul.scale64x64 { height:64px; }

	ul.profileLinks.vertical { height:auto; }

ul.profileLinks li {
	list-style: none !important;
	padding: 0;
	margin: 0;
	display: inline !important;
	float:left !important;
	}
	ul.profileLinks.vertical li {
		float:none;
		display:block;
		}

	#bd ul.scale16x16 li,
	#ft ul.scale16x16 li,
	#bd ul.scale16x16 li a,
	#ft ul.scale16x16 li a { height:16px; width:16px; }
	#bd ul.scale32x32 li,
	#ft ul.scale32x32 li,
	#bd ul.scale32x32 li a,
	#ft ul.scale32x32 li a { height:32px; width:32px; }
	#bd ul.scale64x64 li,
	#ft ul.scale64x64 li,
	#bd ul.scale64x64 li a,
	#ft ul.scale64x64 li a { height:64px; width:64px; }

#bd ul.profileLinks a,
#ft ul.profileLinks a {
	display:block !important;
	background-color:#000 !important;
	background-repeat: no-repeat;
	padding:0 !important;
	}
	#bd ul.profileLinks a:hover,
	#ft ul.profileLinks a:hover {
		background-color:transparent;
		}

	#bd ul.scale16x16 a,
	#ft ul.scale16x16 a { background-size: 112px; background-image: url(https://fwdlabs.com/images/icons/social_sprite_16x16.png); }
	#bd ul.scale32x32 a,
	#ft ul.scale32x32 a { background-size: 224px; background-image: url(https://fwdlabs.com/images/icons/social_sprite_32x32.png); }
	#bd ul.scale64x64 a,
	#ft ul.scale64x64 a { background-size: 448px; background-image: url(https://fwdlabs.com/images/icons/social_sprite_64x64.png); }

	a.facebook { background-position:0 0; }
	ul.scale16x16 a.facebook:hover { background-position:0 -16px; }
	ul.scale32x32 a.facebook:hover { background-position:0 -32px; }
	ul.scale64x64 a.facebook:hover { background-position:0 -64px; }

	ul.scale16x16 a.twitter { background-position:-16px 0; }
	ul.scale32x32 a.twitter { background-position:-32px 0; }
	ul.scale64x64 a.twitter { background-position:-64px 0; }
	ul.scale16x16 a.twitter:hover { background-position:-16px -16px; }
	ul.scale32x32 a.twitter:hover { background-position:-32px -32px; }
	ul.scale64x64 a.twitter:hover { background-position: -64px -64px; }

	ul.scale16x16 a.instagram { background-position: -32px 0px; }
	ul.scale32x32 a.instagram { background-position: -64px 0px; }
	ul.scale64x64 a.instagram { background-position: -128px 0px; }
	ul.scale16x16 a.instagram:hover { background-position: -32px -16px; }
	ul.scale32x32 a.instagram:hover { background-position: -64px -32px; }
	ul.scale64x64 a.instagram:hover { background-position: -128px -64px; }

	ul.scale16x16 a.vimeo { background-position: -48px 0px; }
	ul.scale32x32 a.vimeo { background-position: -96px 0px; }
	ul.scale64x64 a.vimeo { background-position: -192px 0px; }
	ul.scale16x16 a.vimeo:hover { background-position: -48px -16px; }
	ul.scale32x32 a.vimeo:hover { background-position: -96px -32px; }
	ul.scale64x64 a.vimeo:hover { background-position: -192px -64px; }

	ul.scale16x16 a.imdb { background-position: -64px 0px; }
	ul.scale32x32 a.imdb { background-position: -128px 0px; }
	ul.scale64x64 a.imdb { background-position: -256px 0px; }
	ul.scale16x16 a.imdb:hover { background-position: -64px -16px; }
	ul.scale32x32 a.imdb:hover { background-position: -128px -32px; }
	ul.scale64x64 a.imdb:hover { background-position: -256px -64px; }

	ul.scale16x16 a.linkedin { background-position: -80px 0px; }
	ul.scale32x32 a.linkedin { background-position: -160px 0px; }
	ul.scale64x64 a.linkedin { background-position: -320px 0px; }
	ul.scale16x16 a.linkedin:hover { background-position: -80px -16px; }
	ul.scale32x32 a.linkedin:hover { background-position: -160px -32px; }
	ul.scale64x64 a.linkedin:hover { background-position: -320px -64px; }

	ul.scale16x16 a.youtube { background-position: -96px 0px; }
	ul.scale32x32 a.youtube { background-position: -192px 0px; }
	ul.scale64x64 a.youtube { background-position: -384px 0px; }
	ul.scale16x16 a.youtube:hover { background-position: -96px -16px; }
	ul.scale32x32 a.youtube:hover { background-position: -192px -32px; }
	ul.scale64x64 a.youtube:hover { background-position: -384px -64px; }


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-resolution: 240dpi) {
	#bd ul.scale16x16 a,
	#ft ul.scale16x16 a {
		background-image: url(https://fwdlabs.com/images/icons/social_sprite_32x32.png);
		}
	#bd ul.scale32x32 a,
	#ft ul.scale32x32 a {
		background-image: url(https://fwdlabs.com/images/icons/social_sprite_64x64.png);
		}

}