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

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


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

.module .badge {
	width: 32px;
	height: 22px;
	background: url(../images/module_badges.png) 0 0 no-repeat;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -25px; }
.module .badge-free { background-position: 0 -50px; }
.module .badge-new { background-position: 0 -75px; }


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

.module .module-title .icon { background: url(../images/module_icons.png) 0 0 no-repeat; }

.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; }


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

.mod-box {
	padding: 15px;
	border: 1px solid #ddd;
}

.mod-box .badge { top: 10px; right: 10px; }

/*ThemeKat module styles*/

.mod-fabric-light {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #6d6d6d;
  background:url(../images/fabriclight.png);
  color:#222222;
}

.mod-fabric-light h3 {color:#3377BB;}
.mod-lines-light h3 {color:#3377BB;}

.mod-fabric-dark {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #2d2d2d;
  background:url(../images/fabricdark.png);
  color:#ddd;
}

.mod-fabric-dark h3 {color:#fff;}

.mod-fabric-blue {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #2d2d2d;
  background:url(../images/fabricblue.png);
  color:#ddd;
}

.mod-fabric-gold {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #2d2d2d;
  background:url(../images/fabricgold.png);
  color:#fff;
}

.mod-fabric-gold h3 {color:#fff;}

.mod-fabric-blue h3 {color:#fff;}

.mod-lines-light {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #6d6d6d;
  background:url(../images/lineslight.png);
  color:#222222;
}

.mod-lines-dark {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #2d2d2d;
  background:url(../images/linesdark.png);
  color:#fff;
}

.mod-lines-dark h3 {color:#fff;}

.mod-lines-blue {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #2d2d2d;
  background:url(../images/linesblue.png);
  color:#fff;
}

.mod-lines-blue h3 {color:#fff;}

.mod-lines-gold {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #2d2d2d;
  background:url(../images/linesgold.png);
  color:#fff;
}

.mod-lines-gold h3 {color:#fff;}

.mod-gradient-blue {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #2d2d2d;
  background:#3377BB url(../images/gradient.png) repeat-x;
  color:#fff;
}

.mod-gradient-blue h3 {color:#fff;}

.mod-gradient-gold {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #2d2d2d;
  background:#ecc802 url(../images/gradientgold.png) repeat-x;
  color:#fff;
}

.mod-gradient-gold h3 {color:#fff;}