/* Copyright (C) 2007 - 2010 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: 20px;
    line-height: 26px;
    color: #ae3333 /* pacevedo #3990BD */;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    font-weight: normal
    }
#headermodules .module h3.header, #bottom2 .module h3.header {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)
    }
#bottom2 div.mod-shadowbox h3.header, #headermodules div.mod-shadowbox h3.header {
    color: #ae3333 /* pacevedo #3990BD */;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9)
    }
.module span.header-2, .module span.header-3 {
    display: block
    }
.module h3.header span.title {
    display: block;
    font-size: 18px;
    line-height: 26px
    }
.module h3.header span.subtitle {
    display: block;
    margin-top: -3px;
    line-height: 10px;
    font-size: 9px;
    font-weight: normal;
    letter-spacing: 0;
    text-indent: 1px;
    text-transform: lowercase
    }
/*
 * space between modules
 */
#left .module, #right .module, #contentleft .module, #contentright .module {
    margin-bottom: 30px
    }
#left div.last, #right div.last, #contentleft div.last, #contentright div.last {
    margin-bottom: 0
    }
#top .module, #headermodules .module, #left .module, #right .module, #maintop .module, #contenttop .module, #contentbottom .module, #mainbottom .module, #bottom .module, #bottom2 .module {
    margin-left: 10px;
    margin-right: 10px
    }
#contentleft .module {
    margin-left: 10px
    }
#contentright .module {
    margin-right: 10px
    }
#left .module {
    margin-right: 20px
    }
#right .module {
    margin-left: 20px
    }
#top .topblock .module {
    margin-bottom: 20px
    }
#top .topbox {
    padding-bottom: 20px
    }
#bottom .module {
    margin-top: 20px
    }
#bottom2 .module {
    margin-top: 15px
    }
/*
 * 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 {
    padding: 5px;
    overflow: hidden
    }
#menu .mod-dropdown .dropdown {
    width: 300px
    }
/*
 * module: line
 */
div.mod-line div.header-1 {
    margin-bottom: 10px;
    background: url(../images/module_line.png) 0 0 no-repeat
    }
div.mod-line div.header-2 {
    padding: 0 60px 0 60px;
    background: url(../images/module_line.png) 100% -45px no-repeat
    }
div.mod-line div.header-3 {
    height: 40px;
    background: url(../images/module_line.png) 100% -90px repeat-x
    }
#headermodules div.mod-line div.header-1, #bottom2 div.mod-line div.header-1 {
    background-position: 0 -135px
    }
#headermodules div.mod-line div.header-2, #bottom2 div.mod-line div.header-2 {
    background-position: 100% -180px
    }
#headermodules div.mod-line div.header-3, #bottom2 div.mod-line div.header-3 {
    background-position: 100% -225px
    }
div.mod-line h3.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 38px;
    text-align: center
    }
div.mod-line div.box-1 {
    overflow: hidden
    }
/*
 * module: box
 */
div.mod-box div.box-t1 {
    background: url(../images/module_box_corners.png) 0 0 no-repeat
    }
div.mod-box div.box-t2 {
    padding: 0 10px 0 10px;
    background: url(../images/module_box_corners.png) 100% -15px no-repeat
    }
div.mod-box div.box-t3 {
    height: 10px;
    background: url(../images/module_box_corners.png) 0 -30px repeat-x
    }
div.mod-box div.box-1 {
    background: url(../images/module_box_edges.png) 0 0 repeat-y
    }
div.mod-box div.box-2 {
    padding: 0 10px 0 10px;
    background: url(../images/module_box_edges.png) 100% 0 repeat-y
    }
div.mod-box div.box-3 {
    padding: 10px;
    background: url(../images/module_box_bg.png) 0 0 repeat;
    overflow: hidden
    }
div.mod-box div.box-b1 {
    background: url(../images/module_box_corners.png) 0 -45px no-repeat
    }
div.mod-box div.box-b2 {
    padding: 0 10px 0 10px;
    background: url(../images/module_box_corners.png) 100% -60px no-repeat
    }
div.mod-box div.box-b3 {
    height: 10px;
    background: url(../images/module_box_corners.png) 0 -75px repeat-x
    }
#headermodules div.mod-box div.box-t1, #bottom2 div.mod-box div.box-t1 {
    background-position: 0 -90px
    }
#headermodules div.mod-box div.box-t2, #bottom2 div.mod-box div.box-t2 {
    background-position: 100% -105px
    }
#headermodules div.mod-box div.box-t3, #bottom2 div.mod-box div.box-t3 {
    background-position: 0 -120px
    }
#headermodules div.mod-box div.box-1, #bottom2 div.mod-box div.box-1, #headermodules div.mod-box div.box-2, #bottom2 div.mod-box div.box-2 {
    background-image: url(../images/module_box_edges_dark.png)
    }
#headermodules div.mod-box div.box-b1, #bottom2 div.mod-box div.box-b1 {
    background-position: 0 -135px
    }
#headermodules div.mod-box div.box-b2, #bottom2 div.mod-box div.box-b2 {
    background-position: 100% -150px
    }
#headermodules div.mod-box div.box-b3, #bottom2 div.mod-box div.box-b3 {
    background-position: 0 -165px
    }
/* module box hover styling */
div.mod-box div.hover {
    width: 50%;
    float: left
    }
div.mod-box div.hover > a {
    display: block;
    padding: 10px;
    border: 1px solid transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #858586;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7)
    }
div.mod-box div.hover:hover > a {
    border-color: #D9D9DA;
    color: #858586;
    background-color: #F4F5F7 !important
    }
/*
 * module: separator
 */
div.mod-separator div.box-t1 {
    height: 20px;
    background: url(../images/module_separator_corners.png) 0 0 no-repeat
    }
div.mod-separator div.box-1 {
    padding: 0 0 0 20px;
    background: url(../images/module_separator_edge.png) 0 0 repeat-y;
    overflow: hidden
    }
div.mod-separator div.box-b1 {
    height: 20px;
    background: url(../images/module_separator_corners.png) 0 -25px no-repeat
    }
#headermodules div.mod-separator div.box-t1, #bottom2 div.mod-separator div.box-t1, #headermodules div.mod-separator div.box-b1, #bottom2 div.mod-separator div.box-b1 {
    background-image: url(../images/module_separator_corners_dark.png)
    }
#headermodules div.mod-separator div.box-1, #bottom2 div.mod-separator div.box-1 {
    background-image: url(../images/module_separator_edge_dark.png)
    }
#page div.mod-separator.first div.box-t1, #page div.mod-separator.first div.box-1, #page div.mod-separator.first div.box-b1 {
    background: none
    }
div.mod-separator div.badge {
    right: -10px
    }
/*
 * module: header
 */
div.mod-header div.box-1 {
    font-size: 16px;
    font-style: italic;
    overflow: hidden
    }
div.mod-header div.box-1 .readmore {
    font-style: normal
    }
div.mod-header h3.header {
    font-size: 40px;
    line-height: 40px;
    font-style: normal
    }
/*
 * module: shadowbox
 */
div.mod-shadowbox div.box-t1 {
    background: url(../images/module_shadowbox_corners.png) 0 0 no-repeat
    }
div.mod-shadowbox div.box-t2 {
    padding: 0 60px 0 60px;
    background: url(../images/module_shadowbox_corners.png) 100% -10px no-repeat
    }
div.mod-shadowbox div.box-t3 {
    height: 5px;
    background: url(../images/module_shadowbox_corners.png) 0 -20px repeat-x
    }
div.mod-shadowbox div.box-1 {
    background: url(../images/module_shadowbox_edges.png) 0 0 repeat-y
    }
div.mod-shadowbox div.box-2 {
    padding: 0 5px 0 5px;
    background: url(../images/module_shadowbox_edges.png) 100% 0 repeat-y
    }
div.mod-shadowbox div.box-3 {
    /*padding: 16px;*/
    padding: 11px;
    background: #F7F7F8;
    overflow: hidden
    }
div.mod-shadowbox div.box-b1 {
    background: url(../images/module_shadowbox_corners.png) 0 -30px no-repeat
    }
div.mod-shadowbox div.box-b2 {
    padding: 0 60px 0 60px;
    background: url(../images/module_shadowbox_corners.png) 100% -45px no-repeat
    }
div.mod-shadowbox div.box-b3 {
    height: 10px;
    background: url(../images/module_shadowbox_corners.png) 0 -60px repeat-x
    }
#headermodules div.mod-shadowbox, #bottom2 div.mod-shadowbox {
    color: #858586;
    text-shadow: none
    }
/*
 * module: menu-shadowbox
 */
div.mod-menu-shadowbox h3.header {
    margin-left: 20px
    }
div.mod-menu-shadowbox div.box-2 {
    padding-left: 1px;
    padding-right: 1px
    }
div.mod-menu-shadowbox div.box-3 {
    padding-left: 0;
    padding-right: 0
    }
div.mod-menu-shadowbox h3.header {
    margin-bottom: 20px
    }
/*
 * module: polaroid
 */
div.module.mod-polaroid {
    overflow: hidden
    }
#top div.module.mod-polaroid, #bottom div.module.mod-polaroid {
    margin: 10px
    }
div.mod-polaroid div.badge-tape {
    position: absolute;
    top: 0;
    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 {
    background: url(../images/module_polaroid_shadows.png) 0 0 no-repeat
    }
div.mod-polaroid div.box-b2 {
    padding: 0 70px 0 70px;
    background: url(../images/module_polaroid_shadows.png) 100% -5px no-repeat
    }
div.mod-polaroid div.box-b3 {
    height: 5px;
    background: url(../images/module_polaroid_shadows.png) 0 -10px 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;
    text-shadow: none
    }
div.mod-polaroid div.badge {
    top: 13px
    }
/*
 * module: postit
 */
#top div.module.mod-postit, #bottom div.module.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 {
    background: url(../images/module_postit_shadows.png) 0 0 no-repeat
    }
div.mod-postit div.box-b2 {
    padding: 0 90px 0 60px;
    background: url(../images/module_postit_shadows.png) 100% -40px no-repeat
    }
div.mod-postit div.box-b3 {
    height: 40px;
    background: url(../images/module_postit_shadows.png) 0 -80px repeat-x
    }
div.mod-postit h3.header {
    height: 30px;
    margin: -15px -15px 5px -15px;
    background: #FFFFDA;
    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
    }