/* ----------------------
author: joern schreibner;
date: 24 mai 2013;
----------------------- */

.wrapper { width: 950px; margin: 0 auto;}

/* structure */
#topbar {
    overflow: hidden;
    background: #292929; /* Old browsers */
    background: -moz-linear-gradient(top,  #292929 0%, #4c4c4c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #292929 0%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #292929 0%,#4c4c4c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #292929 0%,#4c4c4c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #292929 0%,#4c4c4c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */

    border-radius: 0 0 6px 6px;
    border-top: 3px solid #419bab;
}
#emotion-header     {margin: 10px 0 160px 0;}
#emotion-header-img {border-radius: 6px;}
#content-bg-pane {
    background: #eee url('https://u.jimcdn.com/cms/o/layout/l3e6a4533018c668b/img/cream_dust.png');
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
}

#content-bg-pane .wrapper {
    position: relative;
    top: -150px;
    border: 1px solid #b1b1b1;
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

#content {padding: 10px;}

#footer {
    padding: 10px;
    color: #fff !important;
    background-color: #49AEC0;
    border-top: 3px solid #419bab;
}

#footer a,
#footer p,
#footer table,
#footer td  {color: #fff;}

/* Navigation */

#mainNav1,
#mainNav2,
#mainNav3 {margin: 0; padding: 0; list-style: none; overflow: hidden;}
#mainNav1 li, #mainNav2 li, #mainNav3 li {float: left;}
#mainNav1 a, #mainNav2 a, #mainNav3 a {display: block; text-decoration: none;}

#mainNav1 a {
    padding: 20px 20px;
    color: white;
    font-size: 120%;
    border-left: 1px solid #464646;
}

#mainNav1 li:first-child a,
#mainNav2 li:first-child a {border: none;}

#mainNav1 > li > a:hover {color: #419bab;}
#mainNav1 > li > a.current:hover,
#mainNav1 > li > a.parent:hover,
#mainNav2 > li > a.current:hover,
#mainNav2 > li > a.parent:hover {color: #fff !important;}

#mainNav1 .current,
#mainNav1 .parent {
    background: #419bab; /* Old browsers */
    background: -moz-linear-gradient(top,  #419bab 0%, #49aec0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#419bab), color-stop(100%,#49aec0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #419bab 0%,#49aec0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #419bab 0%,#49aec0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #419bab 0%,#49aec0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #419bab 0%,#49aec0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#419bab', endColorstr='#49aec0',GradientType=0 ); /* IE6-9 */

}

#mainNav2 {
    background: #49aec0; /* Old browsers */
    background: -moz-linear-gradient(top,  #49aec0 0%, #419bab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49aec0), color-stop(100%,#419bab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #49aec0 0%,#419bab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #49aec0 0%,#419bab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #49aec0 0%,#419bab 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #49aec0 0%,#419bab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49aec0', endColorstr='#419bab',GradientType=0 ); /* IE6-9 */

    border-bottom: 1px solid #327986;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
}
#mainNav2 a {
    padding: 15px 10px;
    color: #fff;
    border-left: 1px solid rgba(255,255,255,0.1);
}
#mainNav2 a:hover {color: #292929;}
#mainNav2 a.current,
#mainNav2 a.parent { background-color: #292929;}
#mainNav3 {background: #e5e5e5; border-bottom: 1px solid #b1b1b1; border-top: 1px solid #fff;}
#mainNav3 a {
    padding: 10px;
    color: #414141;
}
#mainNav3 a:hover {color: #419bab;}
#mainNav3 .current,
#mainNav3 .parent { color: #419bab; font-weight: bold;}