@font-face {
  font-family: 'Fertigo Pro';
  src: url('/static/media/simplecms/Fertigo_PRO.eot');
  src: local('Fertigo Pro Regular'), local('Fertigo Pro'),
         url('/static/media/simplecms/Fertigo_PRO.otf') format('opentype'); }

header, nav, article, aside, footer {
    display: block; }

body {
    background: #FFFFFF url(/static/media/simplecms/noise.jpg) repeat fixed top left;
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 62.5%;
    line-height: 1.5em;
    margin-top: 40px; }

#masthead, #content, #footer {
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 840px; }

/* Selection */

::selection {
    background: #F6B83D; }

::-moz-selection {
    background: #F6B83D; }

/* Headings */

h1, h2 {
    font-family: "Fertigo Pro", Georgia, Times, "Times New Roman", serif;
    letter-spacing: 0.075em; }

h1 {
    font-size: 1.7143em;
    line-height: 1em;
    margin-bottom: 0.75em; }

h2 {
    font-size: 1.2857em;
    line-height: 1.1666em;
    margin-bottom: 1.1666em; }

/* Links */

a,
#masthead a:hover {
    text-decoration: none; }

a:hover {
    text-decoration: underline; }

a:focus {
    outline: 1px solid #F6B83D; }

#content a:link,
#sidebar a:visited {
    color: #4788BE; }

#main a:visited {
    color: #1D2F63; }

#masthead li a {
    background-repeat: no-repeat;
    background-position: center 0px;
    float: left; 
    font-size: 1.6em;
    margin-left: 1.5em;
    margin-top: 18px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-shadow: 0 2px 1px rgba(0,0,0,.8); }

#masthead li a:link,
#masthead li a:visited {
    color: #99CCFF; }

#masthead li a:hover {
    color: white;
    text-shadow: 0 3px 2px rgba(0,0,0,.8); }

#masthead li a:active {
    -moz-transform: translateY(1px);
    -webkit-transform: translateY(1px);
    color: #F6B83D;
    text-shadow: 0 3px 2px rgba(0,0,0,.1); }

/* Page-specific styling */

#home_page      #masthead li.home       a,
#portfolio_page #masthead li.portfolio  a,
#about_page     #masthead li.about      a {
    background-image: url(/static/media/simplecms/arc.png);
    color: white;
    margin-top: 0px;
    padding-top: 18px; }

#portfolio_page [role=main] p,
#portfolio_page [role=main] h2 {
    margin-left: 380px; }

/* Images */

img {
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    border: 1px solid #666;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    padding: 1px; }

.left {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px; }

.right {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px; }

/* Lightbox */

a.lightbox {
    position: relative; }

a.lightbox img.overlay {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    bottom: 8px;
    box-shadow: none;
    position: absolute;
    right: 2px; }

/* Masthead */

#masthead {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background: #1D2F63 url(/static/media/simplecms/bluepaper.jpg) repeat-x -100% 0px;
    border-top: 10px solid #F6B83D;
    height: 140px; }

#masthead {
    position: relative; }

#masthead h1 {
    background: url(/static/media/simplecms/logo.png) no-repeat 0px 20px;
    color: #CCCCCC;
    font-size: 1em;
    height: 160px; }

#masthead h1 a {
    background: url(/static/media/simplecms/inspiral.png) no-repeat 100px 0px;
    bottom: 20px;
    height: 100px;
    position: absolute;
    text-indent: -9999px;
    width: 312px; }

#nav {
    bottom: 66px;
    font-weight: normal;
    letter-spacing: 0.05em;
    position: absolute;
    right: 0px;
    text-transform: uppercase; }

#nav li {
    float: left; }

/* Content */

#content {
    background: #FFFFFF;
    border-left: 1px solid #1D2F63;
    border-right: 1px solid #1D2F63;
    color: #333333;
    font-size: 1.4em;
    line-height: 1.5em;
    overflow: hidden;
    padding: 16px 9px 20px 9px;
    position: relative; }

body.onecol #main {
    float: none;
    width: 100%; }

body.twocol #main {
    border-right: 1px solid rgba(0,0,0,0.1);
    float:left;
    width: 65%; }

#content p {
    margin-bottom: 1.5em;
    padding-right: 10px; }

#content li {
    clear: both;
    padding-top: 20px; }

#content a.action {
    -moz-border-radius: 5px;
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    background: #F6B83D;
    background: -moz-linear-gradient(top, #E8BB65, #F6B83D);
    background: -webkit-gradient(linear, left top, left bottom, from(#E8BB65), to(#F6B83D));
    border: 1px solid #F6B83D;
    border-radius: 5px; 
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    color: #FFFFFF;
    float: right;
    font-size: 1.4em;
    margin: 10px;
    padding: 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2); }

#content p.notice {
    font-weight: bold;
    color: #F6B83D; }

#sidebar {
    float: right;
    padding-left: 10px;
    padding-bottom: 20px;
    width: 33%; }

/* Footer area */

#footer {
    background: #1D2F63;
    clear:both;
    color: #FFFFFF;
    min-height: 60px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative; }

#footer a {
    color: white; }

#footer p {
    font-size: 1.0em;
    line-height: 1.5em; }
    
#swirl {
    height: 0;
    margin-top: -25px;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 50%; }

#swirl a {
    background: url(/static/media/simplecms/whitelogo.png) no-repeat 0px 0px;
    float: right;
    font-size: 0;
    height: 50px;
    line-height: 0;
    width: 50px; }