a
{
    background-color: transparent;
    text-decoration: none;
    color: #003388;
    font-weight: 600;
}

html
{
    font-family: 'Pontano Sans', sans-serif;
    font-weight: 500;
    margin: 0;
    font-size: 1em;
    background-color: #dddde0;
    color: #333344;
}

div
{
    display: block;
}

div#main-page
{
    min-width: 350px;
    max-width: 900px;
    margin: auto;
}

div#page-content
{
    padding: 0 50px 0 50px;
}

div.entry-header
{
	padding: 0 0 25px 0;
}

header
{
    padding-top: 16px;
    padding-bottom: 4px;
    margin-bottom: 25px;
    border-bottom: 1px solid #000000;
    height: 50px;
}

header a#name
{
    margin-left: 20px;
    padding-right: 10px;
    float: left;
    font-size: 2.5em;
    font-weight: 700;
    color: #000022;
    display: block;
}

p.subheading
{
	font-size: 80%;
	font-style: italic;
	margin-bottom: 0;
}

hr
{
	border: 0;
	border-bottom: 1px dotted #999999;
}

img#email
{
    margin-right: 6px;
    vertical-align: middle;
    width: 24px;
    height: 14px;
}

.screenshot
{
    margin: auto auto 10px auto;
    width: 75%;
    text-align: center;
	display: table-cell;
    height: auto;
}

.screenshot-full
{
    margin: auto auto 10px auto;
    width: 100%;
    text-align: center;
	display: table-cell;
    height: auto;
}

.screenshot-nowidth
{
    margin: auto auto 10px auto;
    text-align: center;
	display: table-cell;
    height: auto;
}

.embed-video
{
  max-width: 600px;
  width:75%;
  margin: 0px auto 10px auto;
}

.embed-video > div
{
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}

.embed-video iframe
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

pre
{
	margin: 0;
}

table
{
    margin: auto;
	width: 95%;
}

td
{
	padding: 5px;
}

table, tr, td
{
	border-spacing: 0;
	border-collapse: collapse;
}

.highlighttable td
{
	border: 1px solid #999999;
	border-spacing: 0;
	border-collapse: collapse;
    background-color: #333344;
    color: #dddde0;
}

span.c1
{
	color: #3a3;
}

span.k
{
	color: #69c;
}

span.p, span.o
{
	color: #999;
}

img#twitter
{
    margin-left: 2px;
    margin-right: 9px;
    vertical-align: middle;
    width:19px;
    height: 15px;
}

img#github
{
    margin-right: 8px;
    vertical-align: middle;
    width:22px;
    height: 22px;
}

img#linkedin
{
    vertical-align: middle;
}

.nav
{
    list-style: none;
    position: relative;
    float: right;
    margin-top: 25px;
    padding: 0;
}

.nav li
{
    text-transform: uppercase;
    font-size: 0.9em;
    margin-right: 20px;
    display: inline;
}

h1
{
    font-size: 1.5em;
	text-align: center;
}

h2
{
    font-size: 1.2em;
    margin: 0 0 0 0;
}

h3
{
    font-size: 0.9em;
    margin: 0 0 5px 0;
}

h4
{
    margin: 0;
    font-size: 0.8em;
}

p
{
    margin: 0 0 16px 0;
}

@media screen and (max-width: 600px)
{
    header
    {
        /*margin-bottom: 25px;*/
        height: 75px;
    }

    .nav
    {
        width: 300px;
        list-style: none;
        position: relative;
        float: none;
        margin: 0 auto;
        padding: 0;
    }

    .nav li
    {
        margin-right: 20px;
        display: inline;
    }

    .nav li#final-nav
    {
        margin-right: 0;
    }
}