/***** ELEMENTS *****/

body {
    padding-top: 140px;
}

a img {
    border-style: solid;
    border-width: 1px;
}

/***** HEADER *****/

#masthead {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    height: 80px;
    line-height: 80px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    z-index: 10;
}
#masthead a,
#masthead a:hover {
    font-weight: normal;
    text-decoration: none;
}

/***** NAVIGATION: MAINNAV *****/

#mainNav {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    line-height: 32px;
    z-index: 20;
}
#mainNav,
#mainNav li ul,
#mainNav li,
#editNav {
    margin: 0;
    padding: 0;
    text-align: center;
}
#mainNav li,
#mainNav a {
    text-decoration: none;
}
#mainNav li {
    display: inline;
}
#mainNav a {
/*     font-size: 12px; */
    margin: 0;
    padding: 6px 10px;
    white-space: nowrap;
}
#mainNav a:focus {
    -moz-outline-style: none;
}
li#curMain a {
    font-weight: bold;
}

/***** NAVIGATION: SUBNAV *****/
#mainNav li ul {
    background-repeat: repeat-x;
    display: none;
    font-size: 10px;
    left: 0;
    height: 60px;
    line-height: 24px;
    padding-top: 12px;
    top: 24px;
    position: absolute;
    width: 100%;
    z-index: 0;
}
#mainNav li ul a {
    background-color: transparent;
    font-size: 11px;
    padding: 10px 6px 6px;
}
#mainNav li#curMain ul {
    border-bottom-width: 0;
    display: block;
}
#mainNav ul li {
    padding: 0 4px;
}
li#curMain li a {
    font-weight: normal;
}
li#curMain li#curSub a {
    font-weight: bold;
}
#mainNav li:hover ul {
    display: block;
    z-index: 9;
}

/***** PAGE LAYOUT: CONTENT *****/

#content {
    padding: 80px 0 40px;
    margin: 0 auto;
}

/***** SOCIAL MEDIA *****/

#socialMedia {
    height: 24px;
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 100;
}
#socialMedia div {
    background: url(/global/socialMedia.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin-right: 7px;
    width: 24px;
}
#socialMedia div[title='Twitter'] {
    background-position: 0 -24px;
}
#socialMedia div[title='Google+'] {
    background-position: 0 -48px;
}
#socialMedia div[title='Linkedin'] {
    background-position: 0 -72px;
}
#socialMedia div[title='Instagram'] {
    background-position: 0 -96px;
}
#socialMedia div[title='Pinterest'] {
    background-position: 0 -120px;
}

/***** CREDITS *****/

#credits {
    font-size: 9px;
    text-align: center;
}

body > #credits {
    position: absolute;
    height: 30px;
    line-height: 30px;
    right: 15px;
    text-align: right;
    top: 0;
    z-index: 10;
}