/* CSS Document
Site: http://GregLeding.com
Created: 20 January 2010
Author: Greg Leding
Contact: greg(at)gregleding(dot)com */

 
/* Broswer Resets
=========================================================*/

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, img, input, p, blockquote, table, tr, td, embed, object { margin: 0; padding: 0; }


/* Global
=========================================================*/

body {
    background: #fff;
    color: #fff;
    margin: 0; }


/* Layout
=========================================================*/

div#header {
    background: #1f274c url(/assets/images/bg-header.jpg) center repeat-x;
    height: 154px;
    padding-top: 4px;
    width: 100%; }

div#dashboard {
    background: #1f274c url(/assets/images/bg-dashboard.jpg) center repeat-x;
    height: auto;
    padding-bottom: 14px;
    width: 100%; }

    div#countdown_infographic {
        float: left;
        width: 190px; }

        div#e-day {
            border-right: 1px solid #434c74;
            border-bottom: 1px solid #434c74;
            float: left;
            height: 158px;
            width: 88px; }

        div#days_left {
            background: url(/assets/images/days_left.png) no-repeat;
            border-bottom: 1px solid #434c74;
            float: left;
            font: 108px "League Gothic", Impact, sans-serif;
            height: 156px;
            letter-spacing: 0px;
            line-height: 1.0;
            padding: 2px 0 0 2px;
            text-align: center;
            width: 98px; }

    #feature_infographic {
        background: url(/assets/images/scratch.png) no-repeat;
        float: left;
        height: 360px;
        margin: 10px 0 12px 8px;
        padding: 3px 6px 11px 6px;
        width: 742px;
        z-index: -500; }

    #half_infographic {
        float: left;
        height: auto;
        padding: 10px 0 2px 8px;
        width: 756px; }

div#main_content {
    background: url(/assets/images/down_arrow.png) no-repeat;
    color: #313131;
    font: 14px Georgia, "Times New Roman", serif;
    line-height: 1.6;
    min-height: 360px;
    padding: 36px 0; }

div#footer {
    background: url(/assets/images/bg-footer.jpg) repeat-x;
    height: 300px;
    width: 100%; }

    div#footer ul {
        float: left;
        font: 12px Helvetica, Arial, sans-serif;
        list-style-position: inside;
        margin: 36px 18px 0 0;
        padding: 0;
        width: 124px; }

    div#footer ul li {
        border-top: 1px solid #232c54; }

    div#footer ul li a {
        color: #41497c;
        text-decoration: none;
        text-shadow: 0 -1px 0 #141934; }

    div#footer ul li a:hover {
        color: #fff; }

    div#footer ul#footer_ctrb_block {
        color: #41497c;
        float: right;
        font-size: 9.2px;
        line-height: 1.5;
        width: 228px; }

    div#footer ul#footer_ctrb_block li {
        padding: 12px 0;
        text-align: center; }

    .contribute a {
        background: url(/assets/images/ctrb-btn.png) no-repeat;
        cursor: pointer;
        display: block;
        height: 64px;
        overflow: hidden;
        width: 228px; }

    .contribute a:hover {
        background-position: 0 -64px; width: 228px; }

    div#footer ul#footer_ctrb_block #thanks {
        border-top: 1px solid #232c54;
        border-bottom: 1px solid #232c54;
        margin: 18px 0 0;}

.button {
        background: url(/assets/images/submit-btn.png) no-repeat;
        cursor: pointer;
        display: block;
        height: 64px;
        margin: 0 auto;
        overflow: hidden;
        width: 228px; }


/* Images
=========================================================*/

img { border: 0; }
.img-center { margin: 0 auto; }
.img-left { float: left; margin-right: 18px; }
.img-right { float: right; margin-left: 18px; }


/* Library
=========================================================*/

.address { color: #444; margin: 0 18px; }
a.back_to_top { float: right; font-family: Helvetica, Arial, sans-serif; font-variant: small-caps; text-transform: lowercase; }
.border { border: 1px solid #aaa; padding: 4px; }
.caption { color: #787878; font: 12px Helvetica, Arial, sans-serif; line-height: 1.5; }
.center { margin: 0 auto; }
.clear { clear: both; }
li.col_header { font-weight: bold; padding: 8px 0;http://thefiveforty.com/cgi-bin/mt//mt.cgi?__mode=view&_type=template&blog_id=50&id=2851 text-transform: uppercase; }
li.col_item { padding: 8px 6px; }
.devil_details { color: #969696; font-size: 11px; }
.end-notes { color: #929292; font-style: italic; }
.fire { border: 1px solid #ff0000; } /* In case of debugging emergency, break glass. */
.inner { margin: 0 auto; width: 960px; }
.inset_photo { margin: 24px auto; }
.left { float: left; }
a.more-link { font-family: "League Gothic", Impact, sans-serif; padding-left: 2px; text-transform: uppercase; }
.right { float: right; }
.LeagueGothic { font-family: "League Gothic", Impact, sans-serif; }

div.sidebar_block, ul.sidebar_menu { color: #969696; font: 11px Helvetica, Arial, sans-serif; margin: 0; padding: 0; }

    ul.sidebar_menu li { border-top: 1px solid #ddd; padding: 6px 0 6px 2px; }
    ul.sidebar_menu li.sidebar_menu_head { font-weight: bold; text-transform: uppercase; }

div.sidebar_block { border-top: 1px solid #ddd; border-left: 1px solid #ddd; line-height: 1.5; padding: 16px 0 4px 12px; }


/* Typography
=========================================================*/

@font-face {
    font-family: "League Gothic";
    src: url(http://gregleding.com/assets/typefaces/League_Gothic.eot); /* IE */
    src: local("League_Gothic.otf"), url("http://gregleding.com/assets/typefaces/League_Gothic.otf"); } /* Non-IE */

@font-face {
    font-family: "HVD Steinzeit";
    src: url("http://gregleding.com/assets/typefaces/HVD_Steinzeit.otf"); }

h1 {
    border-top: 1px solid #969696;
    color: #27325e;
    font-family: "League Gothic", Impact, sans-serif;
    font-size: 40px;
    line-height: 1.25;
    text-transform: uppercase; }

h2 {
    color: #27325e;
    font-family: "League Gothic", Impact, sans-serif;
    line-height: 1.0;
    text-transform: uppercase; }

h3, h4 {
    color: #27325e;
    line-height: 1.0;
    text-transform: uppercase; }

h1 { font-size: 40px; padding: 4px 0; }
h2 { font-size: 24px; padding: 4px 0; }
h3 { font-size: 14px; padding: 4px 0; }
h4 { font-size: 11px; padding: 4px 0; }

a:link, a:visited { color: #767d98; text-decoration: none; }
a:hover, a:active { color: #ac0000; }

blockquote { color: #787878; font: 28px "League Gothic", Impact, sans-serif; padding: 18px; }
p { margin: 12px 6px; }

p.indent { padding-left: 8px; }

p.closing:after {
    content: url(/assets/images/end-star.png);
    padding-left: 4px; }

p.drop-cap:first-letter {
    color: #41497c;
    float: left;
    font: 78px "League Gothic", Impact, sans-serif;
    line-height: 1.0;
    padding: 5px 8px 0 0; }

p.opening { color: #767d98; font-size: 16px; }

.steinzeit { font: 72px "HVD Steinzeit"; }


/* Main Navigation
=========================================================*/

#main_navigation {
    border-bottom: 1px solid #434c74;
    border-top: 1px solid #434c74;
    clear: both;
    float: left;
    height: 52px;
    padding-left: 202px;
    width: 758px; }

    #main_navigation a {
        background: url(/assets/images/nav-menu.png) 0 0;
        display: block;
        height: 52px;
        text-indent: -999em;
        overflow: hidden; }

    #main_navigation li {
        float: left;
        position: relative; }

    * html #main_navigation li * {
        position: relative; }

    #main_navigation li, ul {
        list-style: none;
        margin: 0;
        padding: 0; }

    #nav-home a { background-position: 0 0; width: 80px; }
    #nav-greg a { background-position: -80px 0; width: 164px; }
    #nav-issues a { background-position: -244px 0; width: 164px; }
    #nav-action a { background-position: -408px 0; width: 180px; }
    #nav-contribute a { background-position: -588px 0; width: 156px; }

    #nav-home a:hover { background-position: 0 -52px; width: 80px; }    
    #nav-greg a:hover { background-position: -80px -52px; width: 164px; }
    #nav-issues a:hover { background-position: -244px -52px; width: 164px; }
    #nav-action a:hover { background-position: -408px -52px; width: 180px; }
    #nav-contribute a:hover { background-position: -588px -52px; width: 156px; }

    #nav-home a.selected { background-position: 0 -104px; width: 80px; }
    #nav-greg a.selected { background-position: -80px -104px; width: 164px; }
    #nav-issues a.selected { background-position: -244px -104px; width: 164px; }
    #nav-action a.selected { background-position: -408px -104px; width: 180px; }
    #nav-contribute a.selected { background-position: -588px -104px; width: 156px; }

    #main_navigation li:hover ul { left: 0; display: block;}
    #main_navigation li li { float: left; position: static; width: 100%; }

    #main_navigation li li a, #main_navigation li li a:hover, #main_navigation li li a:active {
        background: none;
        color: #fff;
        font: 24px "League Gothic", Impact, sans-serif;
        height: auto;
        letter-spacing: 1px;
        padding: 4px 0 4px 20px;
        text-decoration: none;
        text-indent: 0;
        text-shadow: 0 1px 1px #000;
        text-transform: uppercase;
        width: 89%; }

    #main_navigation li li a:hover { background: url(/assets/images/bg-select.jpg) repeat-x; text-shadow: 0 1px 1px #313131; }

    #main_navigation li ul {
        background: url(/assets/images/bg-ddlist.jpg) repeat-y;
        border-bottom: 1px solid #565d78;
        border-left: 1px solid #565d78;
        border-right: 1px solid #565d78;
        display: none;
        margin: 0 0 0 18px;
        padding: 8px 0 12px 0;
        position: absolute;
        top: 52px;
        width: 180px;
        z-index: 9999 !important;
        filter:alpha(opacity=92);
        -moz-opacity:.92;
        opacity:.92; }


/* Form Elements
=========================================================*/

label { color: #41497c; font: 14px Helvetica, Arial, sans-serif; font-weight: bold; margin-top: 18px; text-transform: uppercase; }

.break { height: 18px; }
.form_field { border: 1px solid #41497c; font-size: 24px; height: 36px; padding: 6px 4px 6px; width: auto; }
.text_field { border: 1px solid #41497c; color: #787878; font: 14px Helvetica, Arial, sans-serif; padding: 6px 4px 0; width: auto; }

.focusField{
    background: #d4d8f1;
    border: solid 1px #aaa;
    color: #787878; }

.idleField{
    background: #f4f4f4;
    border: solid 1px #aaa;
    color: #969696; }

.asset-footer { font-family: Helvetica, Arial, sans-serif; margin: 18px 0; }
.asset-meta { color: #969696; font: 11px Helvetica, Arial, sans-serif; }
.entry-content { margin-top: 24px; }
.hentry { border-bottom: 1px solid #aaa; margin: 36px 0; }
.published { border: none; }

table td { vertical-align: top; }

/*
jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
Copyright (c) 2009 Niall Doherty
This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
/* Most common stuff you'll need to change */
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {
float: left;
height: 374px;
overflow: hidden !important;
padding-right: 0px;
}
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
width: 742px;
}
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
width: 742px;
}
/* Tab nav */
.coda-nav ul li a.current {
background: #fff;
}
/* Panel padding */
.coda-slider .panel-wrapper {
padding: 0px;
}
/* Preloader */
.coda-slider p.loading {
padding: 0px;
text-align: center;
}
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul {
clear: both;
display: block;
margin: auto;
overflow: hidden;
position: absolute;
z-index: 50;
top: 370px;
left: 644px;
}
.coda-nav ul li {
display: inline;
margin: 0;
}
.coda-nav ul li a {
background: #41497c;
border: 1px solid #42507d;
color: #41497c;
display: block;
float: right;
margin-right: 6px;
overflow: hidden;
text-decoration: none;
width:13px;
height:13px;
}
.coda-nav ul li a.current { background: #fff; color: #fff; }
/* Miscellaneous */
.coda-slider-wrapper {
height: 374px;
clear: both;
overflow: none;
position: relative;
}
.coda-slider {
float: left;
overflow: hidden;
position: relative;
}
.coda-slider .panel {
display: block;
float: left;
}
.coda-slider .panel-container {
position: relative;
}
.coda-nav-left a{
position: absolute;
display:block;
width: 42px;
height: 42px;
text-indent: -99999px;
background: transparent url('../images/arrowLeft.png') no-repeat center center;
top: 123px;
left: -15px;
z-index: 60;
}
.coda-nav-right a{
position: absolute;
display:block;
width: 42px;
height: 42px;
text-indent: -99999px;
background: transparent url('../images/arrowRight.png') no-repeat center center;
top: 120px;
left: 643px;
z-index: 60;
}

.feature { z-index: -1000; }

.feature_caption {
    background: #000;
    display: block;
    height: 58px;
    font: 12px Helvetica, Arial, sans-serif;
    margin-top: -82px;
    padding: 10px;
    position: relative;
    z-index: 100;
    filter:alpha(opacity=92);
    -moz-opacity:.92;
    opacity:.92; }

h3.title { margin: 0; padding: 0; }

.entries_list { list-style: none; margin: 6px 0 0 4px; }

/* SLIMBOX */

.slimbox_thumb { background: url(/assets/images/92t.png); height: 92px; margin: 0 4px 0; padding: 5px 5px 11px; width: 92px; }

#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}

.lbLoading {
background: #fff url(/assets/images/loading.gif) no-repeat center;
}

#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background: transparent url(/assets/images/prevlabel.jpg) no-repeat 0 15%;
}

#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background: transparent url(/assets/images/nextlabel.jpg) no-repeat 100% 15%;
}

#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(/assets/images/closelabel.jpg) no-repeat center;
margin: 5px 0;
outline: none;
}

#lbCaption, #lbNumber {
margin-right: 71px;
}

#lbCaption {
font-weight: bold;
}

#meet_greg_gallery { border-top: 1px solid #ddd; margin: 36px auto 0; padding: 16px 0; width: 791px; }