@media screen {
    body {
        margin: 50px;
        font-size: 12px;
    }
}

@media print {
    body {
        font-size: 11px;
    }
}

body {
		font-family: arial, sans-serif;
		color: #444;
		background-color: #fff;
		line-height: 1.3em;
}

h1 {
		font-size: 200%;
		margin: 25px 0px;
}

h2 {
		font-size: 150%;
		margin: 20px 0px 10px 20px;
}

.rightbox, h2 {
    margin-top: 0;
}

.rightbox {
    float: right;
}

h3 {
		font-size: 115%;
		margin: 15px 0px 5px 40px;
}

h4 {
		font-style: italic;
		margin: 5px 0px 10px 60px;
}

ul {
		list-style-type: square;
		margin: 10px 0px 10px 80px;
}

h2+ul {
		margin: 10px 0px 10px 50px;
}

h4+ul {
		margin: 10px 0px 10px 90px;
}

h2+p {
        margin: 10px 0px 10px 30px;
}

h1, h2, h3, h4 {
		page-break-after: avoid;
}

ul.cv {
		page-break-inside: avoid;
}

.period {
		float: left;
		width: 130px;
}

.title {
		float: left;
		width: 175px;
}

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

a:hover {
		color: #888;
}

.period, .grey {
		color: #888;
}

.black {
		color: #000;
}

.red {
		color: #f44;
}

.cv {
		display: none;
}

.resume {
		display: block;
}

.noprint {
    display: none;
	text-align: center;
	position: fixed;
	font-style: italic;
	right: 20px;
	top: 20px;
}

.noprint p {
	margin: 5px;
}

@media print {
	.noprint {
		display: none;
	}
}