.container-fluid { padding-left: 2em; padding-right: 5em;}
.triangle-large {
	width: 0; height: 0; border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid red;
}
.circle-large {
	width: 100px; height: 100px; background: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.square-large {
	width: 100px; height: 100px; background: red;
}


.triangle,.circle,.square {
	float: left;
	margin-right: 0.3em;
	margin-top:0.1em; margin-bottom:-0.1em;
}
.triangle {
	width: 0; height: 0;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-bottom: 1em solid gray;
}
.triangle.red { border-bottom: 1em solid red;}

.circle {
	width: 1em; height: 1em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	background-color: gray;
}
.circle.red {background-color: red;}

.square {
	width: 1em; height: 1em; 
	background-color: gray;
	}
.square.red {background-color: red;}

.blank {
	width: 0.6em; height: 0.5em;
	margin-right: 0.5em;
	margin-left: 0.2em;
	border-bottom: 1px solid gray;
	float: left;
}

.contacts ul {
	float: right;
	text-align: right;
    list-style-type: none;
    padding: 0px;
	    /*margin: 0px 0px 0px 5em;*/	
}
.contacts ul li { margin-right: -2em;}
.contacts .glyphicon { margin-left: 1em; color: gray;}
.contacts .glyphicon:hover { color:red; }
.blank-glyphicon { width: 1em;}

.triptych .col-md-4 { padding-left: 6em; padding-right: -6em;}
.triptych .col-md-4 h2 { margin-left: -1.3em;}

.triptych ul {
	    list-style-type: none;
	    padding: 0px;
	    /*margin: 0px 0px 0px 5em;*/	
}
.resume-date {float: right; background-color: white; padding-left: 0.3em;}
.resume-title {background-color: white; padding-right: 0.3em;}
.resume-entry {
	margin-left: 5em;
	background: url(dotted.png) repeat-x bottom;
	background-position: 0 70%;
}
.resume-program  { margin-left: 5em;}
.resume-position { margin-left: 5em;}
.resume-detail {
	z-index:17;
	margin-top: 0.3em; margin-left: 4.5em; margin-bottom: 1em;
	position: absolute;
	/* border: 1px solid black; */
	box-shadow: 3px 3px 10px #888888;
	padding: 0.5em;
	background: white;
	/* -webkit-column-count: 2; / * Chrome, Safari, Opera */
	/* -moz-column-count: 2; / * Firefox */
	/* column-count: 2; */
}

.resume-detail p { margin-top: 0em; margin-bottom: 0.2em;}

.pinned .resume-detail {
	z-index: 12;
	position: relative;
	/* box-shadow: 0px 0px 3px #888888; */
	box-shadow: none;
}
.grayed-out { opacity: 0.3;}
.close-button { 
	font-size: 150%;
	position: absolute;
	top: -0.5em; right: -0.5em;
	color: red;
	background: white;
}
.view-none { display: none;}
.view-block { display: block;}

.indented6em { padding-left: 5em;}
.indented6em h1,h2,h3 { padding-left: 0px; margin-left: 0px;}

.quote { margin-top: 1em; margin-bottom: 1em; }
.quote p { font-size: 150%; font-style: italic; font-weight: lighter; text-align: center;}
.quote .reference { font-size: 85%; float: right; font-style: normal; text-align: right; }

h1 { margin-top: 0px;}
h1,h2,h3 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }

/* .resume-position a { color: black;}
.resume-position a:active { color: black;}
.resume-position a:visited { color: black;}
.resume-position a:hover .resume-detail { display: block;} */