/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/modules.css);



/* General
----------------------------------------------------------------------------------------------------*/

#logo p {margin: 0 ;}
.capitalize{
text-transform: uppercase;
letter-spacing: 2px;
font-size: 16px
}

/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	width: 45px;
	height: 45px;
	background-image: url(../images/widget/module_badges.png);
	background-repeat: no-repeat;
}

.module.badge-hot, .module.badge-top, .module.badge-free, .module.badge-new{
    border: 1px solid #FFFFFF;  
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
		box-shadow: 0 2px 5px rgba(0,0,0,0.15);} 
}

.module .badge-hot { background-position: 0 0;}
.module .badge-new { background-position: 0 -46px;}
.module .badge-free { background-position: 0 -92px;}
.module .badge-top { background-position: 0 -138px;}

#sidebar-a .module .module-title .icon, 
#sidebar-b .module .module-title .icon
{top: 7px;}


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon { background: url(../images/module_icons.png) 0 0 no-repeat; top: 2px; }
.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -30px; }
.module .module-title .icon-mail { background-position: 0 -60px; }
.module .module-title .icon-bubble { background-position: 0 -90px; }
.module .module-title .icon-login { background-position: 0 -120px; }
.module .module-title .icon-cart { background-position: 0 -150px; }

.wk-twitter-single .content{
    font-size: 17px;
    line-height: 27px;
}

.wk-twitter-single p {
font-style: normal;
}


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box{
    background-clip: padding-box;
    padding: 20px 15px;
}

.mod-box .badge { 
    top: -1px; 
    right: -1px;
}
.mod-box.slogan{padding: 5px 10px}

#top-a .module-title, 
#top-b .module-title, 
#innerbottom .module-title,
#innertop .module-title
{
    background: url(../images/body/mod-dot.png) repeat-x scroll left bottom transparent;
}

#bottom-a .module-title, 
#bottom-b .module-title{
    background: url(../images/body/f_inset_dotted.png) repeat-x scroll left bottom transparent;
}


/* Module Type: styled modules
----------------------------------------------------------------------------------------------------*/

.mod-color, .mod-white, .mod-dark{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mod-color p, 
.mod-white p, 
.mod-dark p {
    margin: 5px;
}

.color-content{
    padding: 0; 
    overflow: hidden; 
    position: relative; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
}

.color-content p, .color-content h3{padding: 12px 15px 10px}
.color-content .button{margin: 10px 1px 4px 0;}
#sheet .mod-color{
    text-shadow: none;
    background-image: url(../images/body/mod-block.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    -webkit-box-shadow: 0 0 1px #FFF inset;
    -moz-box-shadow: 0 0 1px #FFF inset;
    box-shadow: 0 0 1px #FFF inset;
}

.mod-color, .mod-white, .mod-dark{overflow: hidden}
.mod-color h3{color: #FFFFFF !important; text-shadow: none !important}
.mod-color h3 strong{color: #C0C0C0 !important;}

.mod-white{
    background: #FFFFFF; 
    border: 1px solid #E4E4E4;
} 

#sheet .mod-dark{
    background: #404040;
    border: 1px solid #202020; 
    text-shadow: none;
    -webkit-box-shadow: 0 0 1px #c0c0c0 inset;
    -moz-box-shadow: 0 0 1px #c0c0c0 inset;
    box-shadow: 0 0 1px #c0c0c0 inset;
}

.mod-dark .menu-sidebar a, 
.mod-dark .menu-sidebar li > span,
.mod-dark h3,
.mod-dark .module-title .color,
#sheet .mod-dark{
    color: #FFFFFF !important; 
}
.mod-dark h3 strong{color: #808080 !important;}
#sheet .mod-transparent{
    background: rgba(255,255,255,0.65);
}

.latest{
    margin: 4px 10px 6px 0;
    width: 48px;
    height: 48px;
}

#sidebar-a .module-title, 
#system div.item .module-title, 
#content h1.module-title,
#sidebar-b .module-title,
#content .yoo-zoo header,
#system h1.title,
.app-box>h3, 
.app-box .app-widget-header>h3{
    background: url(../images/body/mod-dot.png) repeat-x scroll center bottom transparent;
}

#sheet .mod-dark .module-title, 
#utility .module .module-title{
    background: url(../images/body/mod-dot-dark.png) repeat-x scroll center bottom transparent;
}

/*sidebar a*/
#sidebar-a .module-title, 
#system div.item .module-title, 
#content h1.module-title {
    line-height: 38px;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
    white-space: pre-wrap;
    margin-left: 0px;
}

/*sidebar b*/
#sidebar-b .module-title {
    line-height: 38px;
    padding: 0 0 5px;
    white-space: pre-wrap;
    margin-right: 0px;
}

#content header {
    padding-bottom: 2px;
    margin-bottom: 15px;
}

#content .yoo-zoo header{
    margin-left: 0;
}

/*header texture*/
.boxed .no-header{filter: none !important;}
.bg_texture_12, .head_texture_1, .bottom_texture_1, .footer_texture_1{background: url(../images/texture/12.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_13, .head_texture_2, .bottom_texture_2, .footer_texture_2{background: url(../images/texture/13.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_14, .head_texture_3, .bottom_texture_3, .footer_texture_3{background: url(../images/texture/14.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_15, .head_texture_4, .bottom_texture_4, .footer_texture_4{background: url(../images/texture/15.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_16, .head_texture_5, .bottom_texture_5, .footer_texture_5{background: url(../images/texture/16.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_17, .head_texture_6, .bottom_texture_6, .footer_texture_6{background: url(../images/texture/17.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_18, .head_texture_7, .bottom_texture_7, .footer_texture_7{background: url(../images/texture/18.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_19, .head_texture_8, .bottom_texture_8, .footer_texture_8{background: url(../images/texture/19.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_20, .head_texture_9, .bottom_texture_9, .footer_texture_9{background: url(../images/texture/20.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_21, .head_texture_10, .bottom_texture_10, .footer_texture_10{background: url(../images/texture/21.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_22, .head_texture_11, .bottom_texture_11, .footer_texture_11{background: url(../images/texture/22.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_23, .head_texture_12, .bottom_texture_12, .footer_texture_12{background: url(../images/texture/23.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_24, .head_texture_13, .bottom_texture_13, .footer_texture_13{background: url(../images/texture/24.jpg); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_25, .head_texture_14, .mid_texture_12, .content_texture_12{background: url(../images/texture/25.png); background-repeat: repeat; background-position: top left; background-color: transparent}
.bg_texture_26{background: url(../images/texture/26.jpg) repeat scroll top left #145C00;}

/*header overlay*/
.header-overlay, .box-overlay{position: relative; }
.head_overlay_0{ background: none transparent; }
.head_overlay_1{ background: url(../images/overlay/1.png) no-repeat scroll 50% 0 transparent; }
.head_overlay_2{ background: url(../images/overlay/2.png) no-repeat scroll 50% 0 transparent; }
.head_overlay_3{ background: url(../images/overlay/3.png) no-repeat scroll 0 50% transparent; }
.head_overlay_4{ background: url(../images/overlay/4.png) no-repeat scroll 50% 0 transparent; }
.head_overlay_5{ background: url(../images/overlay/5.png) no-repeat scroll 70% 100% transparent; }
.head_overlay_6{ background: url(../images/overlay/6.png) no-repeat scroll 50% 0 transparent; }
.head_overlay_7{ background: url(../images/overlay/7.png) no-repeat scroll 50% 0 transparent; }
.head_overlay_8{ background: url(../images/overlay/8.png) no-repeat scroll 0 50% transparent; }
.head_overlay_9{ background: url(../images/overlay/9.png) no-repeat scroll 50% 0 transparent; }
.head_overlay_10{ background: url(../images/overlay/10.png) no-repeat scroll 50% 0 transparent; }
.head_overlay_11{ background: url(../images/overlay/11.png) no-repeat scroll 50% 0 transparent; }
.head_overlay_12{ background: url(../images/overlay/12.png) no-repeat scroll 50% 0 transparent; }
.head_overlay_13{ background: url(../images/overlay/13.png) no-repeat scroll 50% 0 transparent; }
.boxed .header-overlay{background: url(../images/body/top-gradient.png) repeat-x scroll top left transparent }


/*body background textures*/
.bg_texture_1, .content_texture_1, .mid_texture_1{background: url(../images/texture/1.jpg) repeat scroll top left #F2F2F2;}
.bg_texture_2, .content_texture_2, .mid_texture_2{background: url(../images/texture/2.jpg) repeat scroll top left #F2F2F2;}
.bg_texture_3, .content_texture_3, .mid_texture_3{background: url(../images/texture/3.jpg) repeat scroll top left #F2F2F2;}
.bg_texture_4, .content_texture_4, .mid_texture_4{background: url(../images/texture/4.jpg) repeat scroll top left #F2F2F2;}
.bg_texture_5, .content_texture_5, .mid_texture_5{background: url(../images/texture/5.jpg) repeat scroll top left #F2F2F2;}
.bg_texture_6, .content_texture_6, .mid_texture_6{background: url(../images/texture/6.jpg) repeat scroll top left #F2F2F2;}
.bg_texture_7, .content_texture_7, .mid_texture_7{background: url(../images/texture/7.jpg) repeat scroll top left #F2F2F2;}
.bg_texture_8, .content_texture_8, .mid_texture_8{background: url(../images/texture/8.jpg) repeat scroll top left #F2F2F2;}
.bg_texture_9, .content_texture_9, .mid_texture_9{background: url(../images/texture/9.jpg) repeat scroll top left #F2F2F2;}
.bg_texture_10, .content_texture_10, .mid_texture_10{background: url(../images/texture/10.jpg) repeat scroll top left #F2F2F2;}
.bg_texture_11, .content_texture_11, .mid_texture_11{background: url(../images/texture/11.jpg) repeat scroll top left #F2F2F2;}


/*body background textures*/
.ut_bg_1{background: url(../images/utility-bg/1.jpg) repeat scroll top left #303030;}
.ut_bg_2{background: url(../images/utility-bg/2.jpg) repeat scroll top left #303030;}
.ut_bg_3{background: url(../images/utility-bg/3.jpg) repeat scroll top left #303030;}

#content .width50 header{
    margin-left: 0px;
    background-position: 90% 100%
}

#content .width33 header{
    margin-left: 0px;
    background-position: 90% 100%
}

/*title*/
#system .item h3{
    padding-bottom: 15px;
}

#system .title{
	padding-left: 0;
}

#system .width50 .title{
    padding-left: 0;
}

#system h1.title{
    padding-left: 0; 
    padding-bottom: 22px;
}

.yoo-zoo h1.title{
    background: none !important;
    padding-bottom: 0 !important;
}

#system .contact-head{
    margin-top: -25px;
}

#system .contact-head h3{
    padding-bottom: 0;
}

/*login*/
#newsletter .module {margin: 0 10px 10px;}
#newsletter .module-title{
    color: #FFF;
    background-image: url(../images/body/bg-gradient.png);
    background-repeat: repeat-x 0 0; 
}

#newsletter{
    margin: 0;
    border-bottom: 1px solid #000000;
}

#newsletter .module-title{
    float: left;
    padding: 20px;
    line-height: 30px;
    margin: 1px 0 -10px -9px;
}

#newsletter p{
    line-height: 37px;
    margin-left: 10px;
    display: inline-block;
}


#newsletter .acymailing_form p{
    float: left;
    position: relative;
    top: 7px;
}

#newsletter p.acysubbuttons {
    line-height: 0;
    margin-left: 20px;
    position: relative;
    right: 5px;
    top: 4px;
}

div.responseContainer{
    background-color: transparent;
    color: #FFF;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    display: block;
    top: 22px;
    left: 11px;
    height: 0 !important;
}

.section-title {
    border-radius: 4px 0 0 0;
    font-size: 24px;
    height: 38px;
    margin-left: 1px !important;
    margin-top: 1px;
    padding: 21px 18px 0;
    text-shadow: none;
}

/*lightbox*/
#lightbox-title-float, .wk-slideshow .caption, .wk-slideshow .caption a{text-shadow: none;}

/*slideshow*/
.caption h2, .caption h3{color: #FFF !important;}
.caption h2{font-size: 35px;}

/*newsletter*/
.acymailing_introtext{
    position: relative;
}

.acysubbuttons{ text-align: right;}

.postcontent-title .t {
    line-height: 45px;
    padding: 0 0 10px 20px;
    white-space: pre-wrap;
}

.footer-body{
    position:relative; text-shadow: none; display: table;
}

.footer-overlay {
    background: url(../images/body/footer-ov.png) repeat-x scroll 0 0 transparent;
    height: 60px;
    margin-top: -60px;
    width: 100%;
}

.footer-overlay-bottom .overlay-shadow{
    background: url(../images/body/footer-shadow.png) no-repeat scroll 100% 100% transparent; height: 44px; margin-top: -22px; max-width: 100%
}


#system #comments .comment-head .author{
    font-weight: normal;
}


/*login module overrides*/

form.short div.button {
    background: none;
    border: none;
    box-shadow: none;
}