body { margin: 0; padding: 0; background: url('bg.jpg') no-repeat left top; background-size: 100%; background-attachment: fixed; }

#bgVideo { position: fixed; right: 0;	bottom: 0; min-width: 100%; min-height: 100%; }

#page-container { position: relative; margin: 20px auto; padding: 0; width: 900px; border: solid 1px #000; background: #0b0c0f; box-shadow: 0px 0px 30px #333; }
#page-left { width: 250px; float: left;	background: #0b0c0f url('nickolas.jpg') no-repeat left top;	background-size: 100%; }
#page-right { background: #fff; margin-left: 250px; height: 1150px; }
#id-left { position: relative; top: 41px; height: 100px; background: #f5b93259; }
#id-left p { text-align: center; color: #fff; top: 20px; position: relative; }
#id-right {	position: absolute;	top: 257px;	height: 100px; background: #f5b93275; }
#id-right p { padding: 6px 10px 0 10px; margin: 0; font-family: Open Sans; font-size: 12px; }
#left-pad { height: 200px; }

#nameplate { font-family: Nunito; font-variant: small-caps;	font-size: 66px; padding-top: 20px; margin-left: 20px; }
#subplate {	font-family: Open Sans;	font-size: 14px; color: #fff; padding: 10px; background: #0b0c0f;	}
#experience-tags { font-family: Open Sans; font-size: 12px; color: #333; text-align: center; padding: 20px; }
#job-history { margin-top: 140px; padding-left: 20px; }
h1 { font-family: Oswald; border-bottom: solid 1px #333; }

table { border-spacing: 10px; }
table td.position { font-family: Open Sans; font-size: 12px; width: 150px; vertical-align: top; border-right: solid 1px #999; }
table td .company { font-weight: bold; color: #b17903; }
table td .dates { color: #666; }
table td .title { font-weight: bold; }
table td.description { font-family: Open Sans; font-size: 12px; }

#left-items { position: relative; top: 50px; }
#left-items h2 { color: #b17903; font-family: Roboto; font-size: 18px; text-align: right; margin-right: 20px; border-bottom: solid 2px #b17903; }
.cert-item { font-family: Open Sans; font-size: 12px; color: #eee; text-align: right; margin: 10px 20px 10px 0; }
.cert-item b { color: #fff; font-family: Roboto; font-size: 13px; }
#contact-items dl dt { color: #b17903; font-size: 24px; float: right; padding-right: 15px; }
#contact-items dl dd { text-align: right; color: #eee; font-family: Open Sans; font-size: 12px; position: relative; top: -5px; right: 5px; }

h3 { font-family: Open Sans; color: #fff; font-size: 14px; margin: 0 20px 5px 0; text-align: right; }
.skill-item ul { list-style: none; margin-top: -10px; }
.skill-item li { list-style: none; padding: 10px 0; }
.bar { background: #ccc; display: block; width: 90%; float: right; margin-right: 20px; height: 2px; border: 1px solid rgba(0,0,0,0.3); border-radius: 3px; }
.bar span {	height: 2px; float: left; background: #b17903; }
.skill-uiux {	width: 95%; }
.skill-appdesign { width: 85%; }
.skill-htmlcss { width: 80%; }
.skill-programming { width: 70%; }
.skill-servers { width: 70%; }
.skill-communication { width: 100%; }
.skill-thinking { width: 90%; }
.skill-aws { width: 60%; }

#references { text-align: center; color: #999; font-family: Open Sans; }
#references p { margin: 0; }