body 
{
	margin: 50px 0;
	background: #666666 url(../images/shared/background.jpg) repeat-x;
	padding: 0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica;
	color: #666666;
	font-size: 11px;
	line-height: 1.5em;
}

h1
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color: #666;
	font-size: 14px;
	letter-spacing: -.035em;
	margin: 0 0 25px 0;
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	padding: 3px;
	letter-spacing: -.05em;
	text-transform: uppercase;
}


h2
{
	font-size: 13px;
	margin-bottom: 0px;
}

h2 a
{
	text-decoration: none;
}

h3
{
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
	color: #369;
}

h4
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color: #666;
	font-size: 12px;
	letter-spacing: -.035em;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	padding: 3px;
}

h5
{
	font-size: 10px;
	margin: 3px 0 10px 0;
	padding-bottom: 2px;
	text-transform: uppercase;
	border-bottom: 1px dotted #999;
}

a
{
	color: #369;
	text-decoration: underline;
}

div#container
{
	width: 450px;
	margin: 0px auto;
}

div#identity
{
	margin-bottom: 20px;
}

.wrapper
{
	padding: 15px;
	background-color: #fff;
}

div.homeimage
{
	background: transparent url(../images/home/Stockholm.jpg) no-repeat;
	height: 320px;
}

div.nameplate
{
	padding-top: 225px;
}

#navigation
{
	padding: 15px 0;
	text-align: center;
}

#navigation img
{
	margin: 0 8px;
}

#navigation a:hover img
{
	opacity: 0.65;
	filter: alpha(opacity=65);
}

.shadetextarea
{
	background-color: #cad3e0;
	padding: 20px;
}

#social
{
	color: white;
	margin-top: 25px;
}

#social a
{
	color: #ccd8e5;
}


#twittercontainer
{
	padding: 10px 20px;
	background: #ccd8e5 url(/images/shared/backgroundshade.jpg) repeat-x;
	background-position: bottom;
	text-align: left;
}

#twitters ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#twitters ul li
{
	margin: 0 0 10px 0;
	padding: 0px;
}


#twitters ul li img
{
	vertical-align: middle;
	margin: 0 5px 4px 0;
}



/* ------------------------------- portfolio pages ------------------------------- */


#thumbnav
{
	padding: 8px 0 8px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align: center;
	margin-top: 30px;
}

#thumbnav a:hover img
{
	opacity: 0.65;
	filter: alpha(opacity=65);
}

#thumbnav img
{
	margin: 0 4px 0 4px;
}

.portfoliopiece
{
	text-align: center;
	margin-bottom: 25px;
}

.portfoliopiece img
{
	border: 1px solid #ccc;
}

.seemore
{
	font-weight: bold;
}


/* ------------------------------- experience ------------------------------- */

.position {	margin: 0 0 20px 40px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }

span.employer { color: #000; font-weight: bold; }