@import url('http://fonts.googleapis.com/css?family=Chau+Philomene+One');

    body																	{ background: url("bg_body.png") center top scroll no-repeat #00273f; }

    .jelppititle                                                            { margin: 20px 0; color: white; font: 32px normal normal 'Chau Philomene One', sans-serif; text-transform: uppercase; display: block; clear: both; text-shadow: 2px 2px 5px #000000; filter: dropshadow(color=#000000, offx=2, offy=2); }

    .campaign-channelmegabox 												{ height: 450px; color: #000; overflow: hidden;
                                                                            background: #235376; /* Old browsers */
                                                                            background: -moz-linear-gradient(top,  #235376 0%, #0b2f46 100%); /* FF3.6+ */
                                                                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#235376), color-stop(100%,#0b2f46)); /* Chrome,Safari4+ */
                                                                            background: -webkit-linear-gradient(top,  #235376 0%,#0b2f46 100%); /* Chrome10+,Safari5.1+ */
                                                                            background: -o-linear-gradient(top,  #235376 0%,#0b2f46 100%); /* Opera 11.10+ */
                                                                            background: -ms-linear-gradient(top,  #235376 0%,#0b2f46 100%); /* IE10+ */
                                                                            background: linear-gradient(to bottom,  #235376 0%,#0b2f46 100%); /* W3C */
                                                                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235376', endColorstr='#0b2f46',GradientType=0 ); /* IE6-9 */
                                                                            }
    .campaign-channelmegabox #megatitle                                     { margin: 20px 0; }
    .campaign-channelmegabox #text											{ width: 320px; font: normal normal 12px/17px Arial, Helvetica, Verdana; color: white; }

    #community-join                                                         { margin: 10px 0 0; }
    #community-join .button-submit.submit                                   { color: white !important; font-size: 15px; padding: 8px 15px; background: #448519; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; -webkit-box-shadow:  0px 5px 10px 1px rgba(0, 0, 0, 0.3); box-shadow:  0px 5px 10px 1px rgba(0, 0, 0, 0.3); }


/* ---------------------------------------------
        H1 Menu
------------------------------------------------ */

    #h1 																	{ margin-bottom:0px; }
    #h2-icon                                                                { display: none; }

/* ---------------------------------------------
        H2 Menu
------------------------------------------------ */

    #h2																		{ background: none; margin-top: -38px; z-index: 300;}

    #h2-content 															{ padding-top:0; }
    #h2-menu 																{ padding:0; min-height:26px; height:26px; }
    #h2-menu .subtitle 														{ display:none;	}
    #h2-menu h2																{ display:none; }


/* ---------------------------------------------
        Campaign elements
------------------------------------------------ */

    #center .first .header                                                  { background: none; }
    #center .box                                                            { -moz-border-radius: 0; }
    .box .center                                                            { padding-top: 0; padding-bottom: 0; }
    #center .box#yleishyodylliset                                           { background: #002841; padding: 25px 0; }
    #center-shadow                                                          { background: none; }
    #center-footer                                                          { margin-top: -9px; }

    #jelppititle                                                            { font-size: 28px; margin: 0 0 20px 10px; }
    #jelpit                                                                 { padding-left: 10px; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }

    .jelppi_boksi                                                           { display: inline-block; margin: 0 0 30px; width: 330px; background: white; border: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -moz-column-break-after: auto; -webkit-column-break-after: auto; column-break-after: auto; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; break-inside: avoid-column; -webkit-box-shadow:  0px 5px 10px 1px rgba(0, 0, 0, 0.3); box-shadow:  0px 5px 10px 1px rgba(0, 0, 0, 0.3); }
    .jelppi_6                                                               { break-after: always; -moz-column-break-after: always; -webkit-column-break-after: always;}
    .jelppi_boksi .content                                                  { padding: 20px; color: #000; font: normal normal 12px/17px Arial, Helvetica, Verdana; }
    .jelppi_boksi .content h4                                               { font-weight: bold; font-size: 13px; text-transform: uppercase; margin: 0;}
    .jelppi_boksi .content .jelppi_logo                                     { float: right; margin: 0 0 10px; max-width: 140px; max-height: 90px; }
    .jelppi_boksi .content p                                                { margin: 15px 0 0; clear: both; }
    .jelppi_boksi .content em                                               { color: #000; font-weight: bold; font-style: italic; text-decoration: none; }
    .jelppi_boksi a                                                         { font-weight: bold; font-size: 13px; color: #0086be !important; }
    .jelppi_boksi a.jelppi_link                                             { display: block; text-align: center; color: white !important; font-size: 12px; font-weight: bold; background: #448519; padding: 5px 0; margin: 15px 0 0; border: solid 1px rgba(0,0,0,0.5); -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
    .jelppi_boksi a.jelppi_link:hover                                       { background: #0086be; }

    .jelppi_boksi.mega                                                      { width: 290px; position: absolute; background-color: #ffefa2; margin: 0; float: none; -webkit-box-shadow:  2px 5px 10px 1px rgba(0, 0, 0, 0.6); box-shadow:  2px 5px 10px 1px rgba(0, 0, 0, 0.6); }
    .jelppi_boksi.mega .content h4                                          { margin: 0 0 20px;}
    .jelppi_boksi.mega .content                                             { line-height: 16px; }
    .jelppi_boksi#featured-1                                                { top: 70px; left: 360px; }
    .jelppi_boksi#featured-2                                                { top: 50px; left: 670px; }
