/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/*
 * module headers
 */
.module h3.header {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 26px;
    line-height: 30px;
    color: #A7A7AC;
    font-weight: normal;
    letter-spacing: -1px;
    text-transform: uppercase
    }
.module h3.header span.title {
    display: block;
    font-size: 26px;
    line-height: 28px
    }
.module h3.header span.subtitle {
    display: block;
    margin-top: 10px;
    line-height: 20px;
    font-size: 18px;
    font-weight: normal;
    text-indent: 1px;
    letter-spacing: 0
    }
/*
 * space between modules
 */
#left .module, #contentleft .module {
    margin-right: 1px
    }
#right .module, #contentright .module {
    margin-left: 1px
    }
/*
 * header module positions
 */
#toolbar .left .module {
    margin-right: 15px;
    float: left
    }
#toolbar .right .module {
    margin-left: 15px;
    float: right
    }
/*
 * badge styles
 */
div.module {
    position: relative
    }
div.module div.badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    background: url(../images/module_badges.png) 0 0 no-repeat;
    overflow: hidden;
    z-index: 1
    }
div.module div.badge-hot {
    background-position: 0 0
    }
div.module div.badge-top {
    background-position: 0 -50px
    }
div.module div.badge-pick {
    background-position: 0 -100px
    }
div.module div.badge-new {
    background-position: 0 -150px
    }
/*
 * icon styles
 */
div.module h3.header span.icon {
    display: block;
    position: relative;
    top: -3px;
    left: 0;
    width: 35px;
    height: 30px;
    background: url(../images/module_icons.png) 0 0 no-repeat;
    overflow: hidden;
    float: left
    }
div.module h3.header span.icon-feed {
    background-position: 0 0
    }
div.module h3.header span.icon-download {
    background-position: 0 -30px
    }
div.module h3.header span.icon-twitter {
    background-position: 0 -60px
    }
div.module h3.header span.icon-mail {
    background-position: 0 -90px
    }
div.module h3.header span.icon-message {
    background-position: 0 -120px
    }
div.module h3.header span.icon-users {
    background-position: 0 -150px
    }
div.module h3.header span.icon-shopping {
    background-position: 0 -180px
    }
div.module h3.header span.icon-lock {
    background-position: 0 -210px
    }
/*
 * module: blank
 */
div.mod-blank {
    overflow: hidden
    }
/*
 * module: dropdown
 */
#menu ul.mod-dropdown {
    padding-left: 0;
    background: none
    }
#menu ul.mod-dropdown span.level1 span.color {
    display: inline
    }
#menu .mod-dropdown .module {
    color: #CBCBD3;
    padding: 5px;
    overflow: hidden
    }
#menu .mod-dropdown .dropdown {
    width: 300px
    }
/*
 * module: box
 */
div.mod-box div.box-1 {
    background: #EBEBEB url(../images/module_box_bg.png) 0 0 repeat-x
    }
div.mod-box div.box-2 {
    /*  padding: 20px 20px 19px 20px; */
    border-bottom: 1px solid #DEDEDE;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    background: url(../images/module_box_border.png) 100% 0 repeat-y;
    overflow: hidden
    }
.horizontal div.mod-box.last div.box-2 {
    background: none
    }
div.mod-box h3.header {
    color: #121314;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1)
    }
/* color black */
div.mod-box-black div.box-1 {
    background: #222226 url(../images/module_box_black_bg.png) 0 0 repeat-x
    }
div.mod-box-black div.box-2 {
    padding: 20px 20px 20px 20px;
    border-bottom: none;
    color: #89898F;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
    background-image: url(../images/module_box_black_border.png)
    }
div.mod-box-black h3.header {
    color: #A7A7AC;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5)
    }
div.mod-box-black h3.header span.color {
    color: #fff
    }
div.mod-box-black a {
    color: #fff
    }
/* color templatecolor */
div.mod-box-templatecolor div.box-1 {
    background: #B00 url(../images/module_box_templatecolor_bg.png) 0 0 repeat-x
    }
div.mod-box-templatecolor div.box-2 {
    padding: 20px 20px 20px 20px;
    border-bottom: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3)
    }
div.mod-box-templatecolor h3.header {
    text-shadow: none
    }
div.mod-box-templatecolor h3.header span.color {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3)
    }
div.mod-box-templatecolor h3.header span.subtitle {
    color: #7D0000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25)
    }
div.mod-box-templatecolor a {
    color: #4F0000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
    }
/*
 * module: line
 */
div.mod-line div.box-1 {
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    min-height: 94px !important
    }
.horizontal div.mod-line div.box-1 {
    border-right: 1px solid #E5E5E5
    }
#contentbottom div.mod-line div.box-1, #mainbottom div.mod-line div.box-1 {
    border-top: 1px solid #E5E5E5;
    border-bottom: none
    }
#bottom div.mod-line div.box-1 {
    border-color: #252525
    }
.horizontal div.mod-line.last div.box-1 {
    border-right: none
    }
#left div.mod-line.last div.box-1, #right div.mod-line.last div.box-1, #contentleft div.mod-line.last div.box-1, #contentright div.mod-line.last div.box-1, #bottom .horizontal div.mod-line div.box-1, #bottom .vertical div.mod-line.last div.box-1 {
    border-bottom: none
    }
#bottom .horizontal div.mod-line div.box-1 {
    border-right: none;
    background: url(../images/module_line_bg.png) 100% 0 repeat-y
    }
#bottom .horizontal div.mod-line.last div.box-1 {
    background: none
    }
/*
 * module: menu
 */
div.mod-menu-line div.box-1 {
    padding: 10px 0 20px 0
    }
#left div.mod-menu-line div.box-1, #contentleft div.mod-menu-line div.box-1 {
    padding: 10px 0 20px 0
    }
div.mod-menu-line div.box-1 h3.header {
    margin: 0 20px 10px 20px
    }
/*
 * module: polaroid
 */
div.mod-polaroid, #right div.mod-polaroid, #contentright div.mod-polaroid, #left div.mod-polaroid, #contentleft div.mod-polaroid {
    margin: 10px
    }
div.mod-polaroid div.badge-tape {
    position: absolute;
    top: -13px;
    left: 50%;
    width: 114px;
    height: 38px;
    margin-left: -57px;
    background: url(../images/module_polaroid_tape.png) 0 0 no-repeat;
    z-index: 1
    }
div.mod-polaroid div.box-1 {
    margin-top: 13px;
    padding: 10px 10px 5px 10px;
    border-top: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    background: #fff url(../images/module_polaroid_bg.png) 0 100% repeat-x;
    overflow: hidden
    }
div.mod-polaroid div.box-2 {
    margin-bottom: 5px;
    background: #000
    }
div.mod-polaroid div.box-3 {
    padding: 10px 15px 10px 15px;
    overflow: hidden;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #C8C8C8
    }
div.mod-polaroid div.box-b1, div.mod-polaroid div.box-b2, div.mod-polaroid div.box-b3 {
    background: url(../images/module_polaroid_shadows.png) 0 0 no-repeat
    }
div.mod-polaroid div.box-b2 {
    padding: 0 70px 0 70px;
    background-position: 100% -5px
    }
div.mod-polaroid div.box-b3 {
    height: 5px;
    background-position: 0 -10px;
    background-repeat: repeat-x
    }
div.mod-polaroid h3.header {
    height: 25px;
    margin: 0 0 0 0;
    line-height: 25px;
    text-align: center;
    letter-spacing: -1px;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #323232;
    font-size: 18px;
    text-shadow: none
    }
/*
 * module: postit
 */
div.mod-postit, #right div.mod-postit, #contentright div.mod-postit, #left div.mod-postit, #contentleft div.mod-postit {
    margin: 10px
    }
div.mod-postit div.box-1 {
    background: #FFA;
    color: #323232
    }
div.mod-postit div.box-2 {
    padding: 15px 15px 0 15px;
    overflow: hidden;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic
    }
div.mod-postit div.box-b1, div.mod-postit div.box-b2, div.mod-postit div.box-b3 {
    background: url(../images/module_postit_shadows.png) 0 0 no-repeat
    }
div.mod-postit div.box-b2 {
    padding: 0 90px 0 60px;
    background-position: 100% -40px
    }
div.mod-postit div.box-b3 {
    height: 40px;
    background-position: 0 -80px;
    background-repeat: repeat-x
    }
div.mod-postit h3.header {
    height: 30px;
    margin: -15px -15px 5px -15px;
    background: #FFFFDA;
    font-size: 18px;
    line-height: 30px;
    text-indent: 15px;
    letter-spacing: -1px;
    font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #323232;
    text-shadow: none
    }
div#right.vertical div.module div.box-1 ul.line li a {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif
    }
/* box social */
div#bottom div.bottom-1 div.horizontal div.module div.box-1 p.social a {
    color: #999;
    text-decoration: none
    }
div#bottom div.bottom-1 div.horizontal div.module div.box-1 p.social a:hover {
    color: #fff;
    text-decoration: none
    }
#twitter tbody tr {
    height: 36px
    }
#twitter tbody tr td p.social {
    line-height: 30px;
    margin: 0 !important
    }
#twitter tbody tr td p.social a {
    padding: 6px
    }
#twitter tbody tr td {
    background: url(/images/icon_social/twitter.png) no-repeat;
    padding: 0 !important
    }
#twitter tbody tr td:hover {
    background: url(/images/icon_social/twitter_h.png) no-repeat;
    padding: 0 !important
    }
#facebook tbody tr {
    height: 36px
    }
#facebook tbody tr td p.social {
    line-height: 30px;
    margin: 0 !important
    }
#facebook tbody tr td p.social a {
    padding: 6px
    }
#facebook tbody tr td {
    background: url(/images/icon_social/facebook.png) no-repeat;
    padding: 0 !important
    }
#facebook tbody tr td:hover {
    background: url(/images/icon_social/facebook_h.png) no-repeat;
    padding: 0 !important
    }
#flickr tbody tr {
    height: 36px
    }
#flickr tbody tr td p.social {
    line-height: 30px;
    margin: 0 !important
    }
#flickr tbody tr td p.social a {
    padding: 6px
    }
#flickr tbody tr td {
    background: url(/images/icon_social/flickr.png) no-repeat;
    padding: 0 !important
    }
#flickr tbody tr td:hover {
    background: url(/images/icon_social/flickr_h.png) no-repeat;
    padding: 0 !important
    }
#rss tbody tr {
    height: 36px
    }
#rss tbody tr td p.social {
    line-height: 30px;
    margin: 0 !important
    }
#rss tbody tr td p.social a {
    padding: 6px
    }
#rss tbody tr td {
    background: url(/images/icon_social/rss.png) no-repeat;
    padding: 0 !important
    }
#rss tbody tr td:hover {
    background: url(/images/icon_social/rss_h.png) no-repeat;
    padding: 0 !important
    }