/*Navigation Header*/   
/* Smurf Minifier fucks this up royally so don't include it in the big cache blob */
nav
{
    margin-top:                             0px;
    margin-bottom:                          0px;
    width:                                  600px;
    list-style:                             none;
    letter-spacing:                         .1em;
    height:                                 40px;
    z-index:                                9997;
    display:                                block; /* Firefox needs this */
    white-space:                            nowrap;
    text-align:                             left;
    
}

@media screen and (max-device-width: 480px) 
{
    nav
    {
        margin-bottom:                      60px;
    }
}

nav ul
{
    margin:                                 0px;
    padding:                                0px;
}                                           
                                            
nav li                                      
{                                           
    font-size:                              18px;
    line-height:                            40px;
    height:                                 40px;
    min-height:                             40px;
    max-height:                             40px;
}

nav ul li:before
{
    color:                                  rgba(150, 150, 150, 0.1);
    text-shadow:                            1px 1px 6px rgba(100, 100, 100, 0.2);
    opacity:                                0.2;
    font-size:                              40px;
    line-height:                            40px;
    content:                                "\\\a0\a0";
    position:                               relative;
    top:                                    -10px;
    opacity:                                0.8;
}

nav ul li:nth-of-type(1):before
{
    opacity:                                0;
}

/* Thanks again, Firefox. */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    nav ul li:before
    {
        color:                              rgba(150, 150, 150, 0.3);
        opacity:                            0.8;
        font-size:                          40px;
        line-height:                        40px;
        content:                            "\\\a0\a0";
        position:                           relative;
        top:                                -10px;
        -webkit-mask-image:                 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,1.0)), color-stop(0.5, rgba(0,0,0,0.5)), color-stop(1.0, rgba(0,0,0,0.0)));
    }
}

nav li a, nav li a:link, nav li a:visited, nav li a:active
{
    color:                                  rgba(100, 100, 100, 0.4);
    padding:                                0.1em;
    text-decoration:                        none;   
    letter-spacing:                         -1px;
    opacity:                                0.7;
    text-shadow:                            0px 0px 5px rgba(100, 100, 100, 0.4);
    
    -webkit-transition-property:            opacity, color, text-shadow;
    -webkit-transition-duration:            0.3s, 0.3s, 0.3s;
    -webkit-transition-timing-function:     linear, linear, linear;
}

nav li a:hover
{
    color:                                  #777;
    text-decoration:                        none;
    opacity:                                1.0;
    text-shadow:                            none;
    -webkit-animation-name:                 none !important;
}

nav li a.current
{
    color:                                  #222;
    opacity:                                1.0;
    -webkit-mask-image:                     none;
    text-shadow:                            0px 0px 4px #aaa;
}

nav ul li a:after
{
    content:                                "";
}

ul.breadcrumb
{
    font-size:                              9px;
    line-height:                            20px;
    height:                                 20px;
    min-height:                             20px;
    font-weight:                            bold;
    white-space:                            nowrap;
    list-style-type:                        none;
    margin-bottom:                          20px;
}

@media screen and (max-device-width: 480px) 
{
    ul.breadcrumb
    {
        display:                            none !important;
    }
}

ul.breadcrumb li
{
    display:                                inline;
    color:                                  #555;
    line-height:                            0px;
    margin:                                 0px;
    padding-left:                           5px;
}

ul.breadcrumb li a
{
    text-decoration:                        none;
}


ul.breadcrumb li a:after
{
    color:                                  #bbb;
    font-size:                              14px;
    content:                                "\00bb";
    margin-left:                            7px;
    position:                               relative;
    top:                                    1px;
    text-shadow:                            0px 0px 4px #ddd;
}

ul.breadcrumb li:first-child
{
    padding-left:                           0px;
}

ul.breadcrumb li em
{
    font-style:                             normal;
}