img {
	display:block;
	float:left;
	padding-right:0px;
	text-decoration:none;
	border:0;
}

img.hidden {
    visibility:hidden;
}

img#top {
	width:100%;
}

.row {
	margin: 0 1%;
}

ul {
	margin-left:42px;
	margin-right:42px;
}

.toptext {
	color: #2800E1;
	text-align: center;
	font-style: italic;
}

div.border {
	position:relative;
	z-index:2;
	border:2px solid;
	border-radius:10px;
	-moz-border-radius:10px; /* Firefox 3.6 and earlier */
    margin-left:auto;
    margin-right:auto;
	overflow:hidden;
	margin-bottom:50px;
	padding: 0;
}

@media (min-width:974px) {
	div.border {
		width:954px;
	}
	.navbar {
		width:954px;
		margin:auto;
	}
	
	.navbar div :not(.container) {
		width:auto;
	}
}

@media (min-width:910px) {	
	.container {
		width:890px;
	}
}

@media (min-width:768px) {	
	.container {
		width:auto;
	}
}

canvas.backdrop {
    position:fixed;
	top:0;
	left:0;
	z-index:1;
}

.bg {
	/*border: 1px solid;
	border-radius: 3px;
	-moz-border-radius: 3px;*/
}

.bg h3 {
	background-color: #07378F;
	color: white;
	border: 1px solid #07378F;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: url('/images/top.png');
}

.metadata {
	color: darkgray;
	font-style: italic;
	font-size: 0.9em;
}

@media (min-width:768px) {
	#projects > div {
		min-height: 250px;
	}
}

.table-responsive {
	border: none;
}

.table-responsive table {
	width: 100%;
}

.table-responsive tbody tr td {
	padding-right: 5px;
	width: 50%;
}

@media (max-width: 767px) {
	.table-responsive tbody tr td:last-child {
		text-align: left;
		border-left: 2px solid black;
	}
	
	.table-responsive tbody tr td{
		padding: 0 10px;
	}
}