/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #1b1b1b;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.ui-loader { display:none; }

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

.sprite { display:block; overflow:hidden; text-indent:-999px; background-image:url('../img/sprites-global.png'); background-repeat:no-repeat; background-position:0px 0px; }

/* ==========================================================================
   CUSTOM TYPOGRAPHY / FONTS ETC.
   ========================================================================== */


body { font-size:14px; line-height:24px; font-family:'Helvetica', Arial, sans-serif; color:#333; }
b, strong, .bold { font-family:'AkzidenzMedCond'; }

h1, h2, h3, h4, h5, h6  { font-family:'AkzidenzLightCondItalic'; font-weight:normal; text-transform:uppercase; }

a { color:#000; text-decoration:none; }
a:hover { color:#ff0000; text-decoration:none; }


/* ==========================================================================
   CUSTOM STRUCTURE
   ========================================================================== */

html,
body { overflow:hidden; width:100%; height:100%; margin:0; padding:0; }
body { background:#000; margin:0; padding:0; }

img.fill	{ position:absolute; top:0px; left:0px; }
img.fillWidth { position:relative; width:100%; min-width:100%; height:auto; }
img.fillHeight { position:relative; width:auto; min-height:100%; height:100%; }
img.fill.base,
img.fillWidth.base,
img.fillHeight.base { z-index:0; }

#content,
#background { position:relative; width:100%; height:100%; margin:0; padding:0; }
#background { z-index:0; }
#logo-bar { display:block; position:absolute; bottom:12px; left:0px; width:100%; height:44px; background:rgba(0,0,0,0.5); }
#logo { position:absolute; z-index:2; top:12px; left:12px; font-family:'Helvetica', Arial, sans-serif; font-size:24px; line-height:24px; color:#fff; }
#content #bar { position:absolute; z-index:2; bottom:0px; left:0px; height:12px; width:100%; background:#000; }
#bar #title { overflow: hidden; width: 100%; height:12px; font-family:'Helvetica', Arial, sans-serif; font-size:12px; line-height:12px; color:#fff; }

#twitter,
#facebook,
#gplus { position:absolute; top:12px; width:24px; height:24px; }
#twitter { right:84px; background-position:-28px -1px; }
#facebook { right:48px; background-position:-1px -1px; }
#gplus { right:12px; background-position:-55px -1px; }