/**
03/MODULES
=====================================================================**/
/** MODULES **/
.mod { position: relative; }

    .basic {  } /* extends .mod */

    .media                  { margin-bottom: 20px; position: relative; }
        .media .title       { display: block; text-align: center; position: absolute; bottom: 10px; left: 20px; width: 270px; z-index: 2; padding: 20px 5px; word-wrap: break-word; }



/* flash messages */
.js_flash_msg               { position: fixed; top: 100px; left: 50%; margin-left: -400px; padding: 0 20px; z-index: 1000; background: #000 !important; opacity: .95;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
    .js_flash_msg p         { font-size: 18px !important; }
    .js_flash_msg.success, .js_flash_msg.ok
                            { background: #fff !important; opacity: .95; color: #000 !important; font-weight: bold !important; border: 10px solid green; }
    .js_flash_msg.error     { background: red !important; opacity: .95; color: #fff !important; font-weight: bold !important; border: 10px solid black;  }


/**
04/BORDERS, BACKGROUNDS
=====================================================================**/

/** BORDERS **/
.brd_t      { border-top: 1px dotted #e5e5e5; }
.brd_b      { border-bottom: 1px dotted #e5e5e5; }
.brd_l      { border-left: 1px dotted #e5e5e5; }
.brd_r      { border-right: 1px dotted #e5e5e5; }
.brd_round  { border: 1px dotted #e5e5e5; }
.brd_0      { border: none !important; }

.brd_round_l_meta   { border: 10px solid #ced7c4; }
.brd_round_l_note, .media .image
                    { border: 10px solid #f1edea; }
    #slider_main_img img
                    {  border: 10px solid #ced7c4; border-bottom-width: 11px; }



.rounded    { -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; }

    /* listing */

.brd_rad_s  { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.brd_rad_m  { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }


/** BACKGROUNDS **/
body        { background: #e8e3dd url(cssimg/bg/body.png) 0 0 repeat-x; }
    body.debug_grid             { background: transparent url(cssimg/bg/grid.png) repeat-y center top; }
        body.debug_grid .bg_w   { background: rgba(255, 255, 255, .5); }

.iframe, .iframe body           { background: white; }

.bg_w           { background-color: white; }
.bg_w_pageflip  { background: url(cssimg/bg/page_flip.png) 0 0 no-repeat; top: -1px; padding-top: 35px; }
    .bg_w_pageflip_ext { background-image: url(cssimg/bg/page_flip_ext.png); }
.bg_w_pageflip_23 { background: url(cssimg/bg/page_flip_23.png) 0 0 no-repeat; top: -1px; padding-top: 35px; }
.bg_b           { background-color: black; }

.bg_light   { background-color: #fafafa !important; }
.bg_meta    { background-color: #ced7c4; }
.bg_note    { background-color: #e8e3dd; }

.invert     { background-color: #361f11; }


.bg_title               { background: transparent url(cssimg/bg/title_l.png) 0 0 no-repeat; height: 40px; padding: 0 0 0 20px; position: absolute; top: -40px; right: 40px; }
    .bg_title_r         { display: inline-block; width: 20px; height: 40px; background: transparent url(cssimg/bg/title_r.png) 0 0 no-repeat; position: absolute; right: -20px; top: 0; }

.bg_smoke,
    .media .title
            { background: transparent url(cssimg/bg/smoke.png) 0 0 repeat; }

.bg_shade               { background: white url(cssimg/bg/shade.png) 0 0 no-repeat; }
.bg_sunshade            { background: transparent url(cssimg/bg/sunshade.jpg) 50% 0 no-repeat; background-size: 1920px; /* This solves the iOS5 Safari scaling bug */ }
.bg_sunshade_flags      { background: transparent url(cssimg/bg/sunshade_flags.png) 50% 100% no-repeat; }
.bg_shade_alt           { background: #d7d7d7 url(cssimg/bg/shade_alt.png) repeat-x left bottom; }
.bg_bosko_c             { background: url(cssimg/bg/bosko_c.png) no-repeat center top; min-height: 400px; }


/* nav_filtering */
.bg_nav_filtering_t     { background: transparent url(cssimg/bg/filtering_t.png) 0 0 no-repeat; height: 75px; margin-top: -75px; z-index: 3; }
.bg_nav_filtering_m     { background: transparent url(cssimg/bg/filtering_m.png) 0 0 repeat-y; }
.bg_nav_filtering_b     { background: transparent url(cssimg/bg/filtering_b.png) 0 100% no-repeat; height: 75px; }