body { 
margin-right:0px;
margin-bottom:0px;
margin-left:1em;
margin-top:0.5em;
font-family: 'helvetica', sans-serif;
font-size:100%;
font-weight:bold;
}

h1 {
}


p { 
margin-top:0px;
}

/* unvisited link */
a:link {
    color: #FF00FF;
    text-decoration: none;

}

/* visited link */
a:visited {
    color: #FF00FF;
    text-decoration: none;

}

/* mouse over link */
a:hover {
    color: #FF00FF;
    text-decoration: none;
	background-color: #33ff99;
	}

/* selected link */
a:active {
    color: #0000FF;
}


/* layout */

#header {
	white-space: nowrap;
	position: fixed;

}

#dates {
	position: absolute;

}

#cv {
	position: absolute;

}


@media screen and (min-width:775px) {

#title {
	position:fixed;
	bottom:50px;
	left:63px;
	width:450px;
	height:450px;
	background-image:url("img/andimate.gif");
	background-repeat: no-repeat;
}


p { 
font-size:0.875em;
line-height:1.3em;
}

#info {
	position: fixed;
	margin-left:70px;
	margin-top: 60px;
	margin-bottom:0px;
}

#dates {
	width:150px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:60px;
}

#cv {
	width:500px;
	left:180px;
	margin-bottom:0px;
	margin-top:60px;
}

#box {
	position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
	width:500px;
	padding:20px;
	border: 1px solid black;
	background-color: white;
	box-shadow: 10px 10px 5px #888888;
}
#footer {
	position:fixed;
	bottom:0px;
}



}

@media screen and (max-width:775px) {

#title {
	position:fixed;
	bottom:10px;
	left:15px;
	width:363px;
	height:64px;
	background-image:url("img/andpaul.png");
	background-repeat: no-repeat;
}


p { 
font-size:0.8em;
line-height:1.125em;
}

#info {
	width:400px;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:20px;
}


#dates {
	width:150px;
	margin-left:0px;
	margin-bottom:0px;
	padding-top:60px;
}

#cv {
	width:455px;
	left: 160px;
	margin-bottom:0px;
	padding-top:60px;
}

#footer {
	position:fixed;
	bottom:0px;
}

}