@import url(reset.css);

/* LAYOUT AND CV SPECIFIC STYLES */

body {	
	background:url(../img/1x3_black.gif) repeat-x;
	/*background:url(../baseline/example/images/baseline+column.png) top left repeat;*/
	margin:-18px auto 0 auto;
	width:738px; }

.section.main,
aside {
	float:left; }

aside {
	width:232px; }

#about,
#employment,
#experience,
#freelance,
#recognition {
	clear:left;
    float:left;
    margin-right:20px;
	width:485px; }

#about {
	margin-top:18px; }

#skills {
	margin-top:36px; }

h1, h2, .vcard {
	text-align:right; }

h1 {
	letter-spacing:-2px; }

h2 {
	text-transform:lowercase; }

h3 {
	font-weight:bold;
	border-bottom:1px solid #000;
	letter-spacing:-1px;
	margin-bottom:17px; }

ul {
	font-size:11px;
	list-style-type:square;
	list-style-position:inside; }

dl {
	float:left;
	margin-bottom:18px;
	width:100%; }

#experience dl,
#freelance dl,
#recognition dl {
	min-height:108px; }

dl.last {
	margin-bottom:0; }

dt {
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px; }

dt a {
	color:#000;
	display:block;
	width:400px; }

dl dd.summary,
dl dd.date-duration,
dl dd.description {
	width:360px; }

dl dd.date-duration {
	color:#999;
	font-size:9px;
	position:relative;
	text-transform:uppercase;
	top:2px; }

dl dd.screenshot {
	position:absolute;
	right:0;
	top:-4px; }

dl dd.screenshot img {
	border:1px solid #111; }

#employment dl dd.summary,
#employment dl dd.date-duration,
#employment dl dd.description {
	width:100%; }

.highlight {
	color:#c00000; }

span.amp {
	font-family:Constantia, "Palatino", "Palatino Linotype";
	font-style:italic; }

.footer {
	border-top:3px double #ccc;
	clear:left;
	float:left;
	margin-top:18px;
	text-align:right;
	width:100%; }

.footer p {
	font-size:9px;
	top:2px; }

#social_icons {
	float:right;
	margin-top:13px; }

#social_icons a {
	float:left;
	margin-left:10px; }