/**
03/MODULES
=====================================================================**/
/** MODULES **/
.mod { position: relative; margin-top: 5px; margin-bottom: 10px; }

    .basic {  } /* extends .mod */
        .basic .inner { border: 1px solid #e5e5e5; padding: 9px; -moz-box-shadow: 0px 2px 3px #eee; -webkit-box-shadow: 0px 2px 3px #eee; box-shadow: 0px 2px 3px #eee; }
        .basic .bd { margin-bottom: 0; }
            .basic .media_m .bd { padding-top: 130px; }
            .basic .bd .image { padding: 0; border: none; }

    .simple {  } /* extends .mod */

    .masthead /* extends .mod */
        { width: 720px; float: left; margin: 0; }
        .masthead .inner { height: 400px; overflow: hidden; }
        .masthead .bd { width: 310px; padding: 20px 30px; position: absolute; left: 0; bottom: 0; background: transparent url(cssimg/bg/smoke.png); }

    .msg {  } /* extends .mod */
        .msg .inner { border: 5px solid white; color: white;
            -moz-box-shadow: 0px 3px 5px #aaa; -webkit-box-shadow: 0px 3px 5px #aaa; box-shadow: 0px 3px 5px #aaa;
            -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
        }
        .msg .bd { padding: 5px 20px 5px 70px; }
        .msg .ft { position: absolute; left: 20px; top: -7px; width: 45px; height: 60px; }

        .success {  } /* extends .msg */
            .success .inner {
                background: #a5c425;
                background: -moz-linear-gradient(top,  #a5c425 0%, #73a630 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c425), color-stop(100%,#73a630)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #a5c425 0%,#73a630 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #a5c425 0%,#73a630 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #a5c425 0%,#73a630 100%); /* IE10+ */
                background: linear-gradient(top,  #a5c425 0%,#73a630 100%); /* W3C */
            }
            .success .bd { text-shadow: 0px -1px 0px #69a116; }
            .success .ft { background-image: url(cssimg/mod/success.png); }

        .error {  } /* extends .msg */
            .error .inner {
                background: #d52929; /* Old browsers */
                background: -moz-linear-gradient(top,  #d52929 0%, #ba2222 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d52929), color-stop(100%,#ba2222)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #d52929 0%,#ba2222 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #d52929 0%,#ba2222 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #d52929 0%,#ba2222 100%); /* IE10+ */
                background: linear-gradient(top,  #d52929 0%,#ba2222 100%); /* W3C */
            }
            .error .bd { text-shadow: 0px -1px 0px #8d1717; }
            .error .ft { background-image: url(cssimg/mod/error.png); }


/* module headers (applied to .hd) */
.bar { background: #54b4d3; color: white; padding-left: 10px; padding-right: 10px; margin-bottom: 1px; text-shadow: 0px -1px 0px #666; }
    .bar_alt { background: #99cc33; }



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

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


/** BACKGROUNDS **/
html { background: #f1f0e5 url(cssimg/bg/html.jpg); border-top: 3px solid #dcdbd3; }
body { background: transparent url(cssimg/bg/body.png) no-repeat center top; }
    body.debug_grid { background-image: url(cssimg/bg/grid.png); background-repeat: repeat-y; }

.bg_content { min-height: 260px; border: 1px solid #e8e8e5; background: white; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
    .has_sidebar { background-image: url(cssimg/bg/sidebar.png); background-repeat: repeat-y; background-position: left top; }
    body.debug_grid .bg_content { background-color: rgba(255, 255, 255, .6); }

.ft_content { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }

.bg_depth { background: transparent url(cssimg/bg/depth.png) no-repeat center bottom; padding-bottom: 23px; }
#footer .bg_depth { top: auto; left: auto; bottom: -22px; }

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

.bg_w           { background-color: white; }
.bg_b           { background-color: black; }
.bg_hulk        { background-color: #99cc33; }
.bg_barbie      { background-color: #da5399; }
.bg_logo_emboss { background: transparent url(cssimg/logo_emboss.png) no-repeat 75px center; }
.bg_asterisk { background: transparent url(cssimg/asterisk.png) no-repeat left center; padding-left: 15px; }

.tagline_bg { background: url(cssimg/bg/tagline.jpg) no-repeat center center; position: absolute; width: 360px; height: 34px; left: 50%; top: 17px; margin-left: -180px; }
.tagline    { background: url(cssimg/bg/taglines.png) no-repeat; position: absolute; width: 400px; height: 40px; left: 50%; top: 17px; margin-left: -200px; }
    .tagline_hr { background-position: center top; }
    .tagline_en { background-position: center -39px; }
.ie7 #search,
.ie8 #search { width: 300px; }

/*.ie7 .ft_content, .ie8 .ft_content, .ie7 .bg_content, .ie8 .bg_content, .ie7 .msg .inner, .ie8 .msg .inner, .ie7 .pagination, .ie8 .pagination, .ie7 .breadcrumps a, .ie8 .breadcrumps a, .ie7 #search, .ie8 #search, .ie7 .fs_current, .ie8 .fs_current { behavior: url(/css/site/ie-css3.htc); }*/