* {	margin:0;
	padding:0;
}

body {
/*	background: url('http://bglabs.evade.netdna-cdn.com/45875kli90/219.jpg');
	background: url('http://bglabs.evade.netdna-cdn.com/45875kli90/20.gif');*/
	background: #335;
	background-image:url('noise.png');
}

dt {
	font-weight:bold;
}
dd {
	-webkit-margin-start: 60px;
	-moz-margin-start: 60px;
	margin-bottom:5px;
}

.clear {
	clear:both;
}

.top {
	width:800px;
	height:20px;
	margin:0 auto;
	color:#fff;
}

#gototop {
	background:#fff;
	color:#777;
	position:fixed;
	bottom:50px;
	right:50px;
	padding:10px;
	border:1px solid black;
	border-radius:10px;
	opacity:0.3;
	display:none
}

.header {
	position:relative;
	height:50px;
	background:#333;
	font-size:200%;
	color:#fff;
	line-height:50px;
/*	padding-left:50px;*/
	width:100%;
	-moz-box-shadow:    0px 0px 10px 0px #aaa;
	-webkit-box-shadow: 0px 0px 10px 0px #aaa;
	box-shadow:         0px 0px 10px 0px #aaa;
}

.header span {
	width:800px;
	padding:0 30px;
	margin:auto;
	display:block;
	background:#222;
	/*border:1px solid white;*/
	-moz-box-shadow:    0px 0px 10px 5px #ccc;
	-webkit-box-shadow: 0px 0px 10px 5px #ccc;
	box-shadow:         0px 0px 10px 5px #ccc;
}

.main {
	width:800px;
	min-height:650px;
	margin:0 auto;
	/*border:1px solid #000;*/
	border-top:0px;
	padding:30px;
	background:#fff;
	-moz-box-shadow:    0px 0px 10px 5px #ccc;
	-webkit-box-shadow: 0px 0px 10px 5px #ccc;
	box-shadow:         0px 0px 10px 5px #ccc;
}

.collapse-buttons {
	float:right;
	width:100px;
}

#collapse-all, #expand-all {
	padding:5px;
	background:#333;
	color:#fff;
	border:none;
	margin:10px 10px 0 0;
	float:right;
	width:120px;
}

#expand-all {
	clear:both;
}

#collapse-all:hover, #expand-all:hover {
	background:#666;
}
#collapse-all:focus, #expand-all:focus {
	background:#666;
}
#collapse-all:active, #expand-all:active {
	background:#eee;
	color:#333;
}

#sectionlist {
	margin:10px;
	border:1px solid #ddd;
	background:#eee;
	float:left;
	border-radius:10px;
	width:650px;
}

#sectionlist li {
	display:inline-block;
	float:left;
	background:#99b;
	margin:5px;
	padding:5px;
	border-radius:10px;
	color:#eee;
}

#sectionlist li:hover {
	background:#335;
	color:#fff;
}

#sectionlist li a {
}

.collapsible {
	border:1px solid #000;
	border-radius:10px;
	margin:10px;
	overflow:hidden;
	clear:both;
}

.expander {
	float:right;
	height:1em;
	width:1em;
	background-size: contain;
	background-repeat: no-repeat;
}

.collapsible h3 {
	padding:10px 20px;
	background:#335;
	color:#fff;
}

.show .expander {
	background-image:url('minus_cut.svg');
}

.hide .expander {
	background-image:url('plus.svg');
}

h3.show {
	background:#335;
}

h3.hide {
	background:#99b;
}


.cv-content {
	padding: 10px 30px;
	line-height:150%;
}

#contact-information dt {
	float:left;
	clear:left;
	width:100px;
}

#contact-information dd {
	float:left;
}


.photo {
	float:right;
	height:365px;
	/*margin-right:-20px;
	border: 5px solid #303050;
	border-radius:5px;*/
	margin:-10px -30px -10px;
}

.languages {
	list-style-type:none;
	display:inline-block;
}

.languages .lang {
	float:left;
	width:160px;
	font-weight:bold;
	clear:left;
}
.languages .lang-level {
	float:left;
}

#work h4 {
	float:left;
	clear:both;
}

#work h5, #work h6 {
	float:right;
}

#work h6 {
	clear:right;
}

#education h4 {
	float:left;
	clear:both;
}

#education h5, #education h6 {
	float:right;
}

#education h6 {
	clear:right;
}

#education dt {
	clear:left;
	float:left;
	width:100px;
	margin-left:20px;
}

#education dd {
	float:left;
	max-width:500px;
}

#it-skills ul {
	list-style-type:none;
}

#it-skills ul li {
	background:#666;
	color:#fff;
	display:block;
	float:left;
	padding:5px 10px;
	margin:5px;
	border-radius:5px;
}

#residential dl {
	margin-left:20px;
}

.clear {
	clear:both;
}

.separator {
	padding:10px 0;
}

.footer {
	height:80px;
	border-top:1px solid white;
	margin-top:20px;
}
