.decorative-shadow {
  -webkit-box-shadow: 0px 0px 0px 4px #e6e6e6;
  -moz-box-shadow: 0px 0px 0px 4px #e6e6e6;
  box-shadow: 0px 0px 0px 4px #e6e6e6;
}
body {
  color: #666666;
  font-family: 'Lato','Arial', sans-serif;
  font-size: 13px;
  background-image:url(/packages/theme_karma/themes/theme_karma/images/ocean.jpg);
}
.wrapper {
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
  /* customize_wrapper-background-color */ background: #FFF; /* customize_wrapper-background-color */
  margin: 20px auto 0px auto;
}

.wra {
  margin-top: 20px;
}
html body div#karma div.container.wrapper div.wra div.row div.span4 div.info-column p span span{line-height: 20px;}
blockquote {
  padding: 15px 15px 15px 15px;
  margin: 0 0 20px;
  background: #F4F5F7;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  font-family: 'Abel', sans-serif;
  margin-bottom: 0;
  font-size: 17px;
  font-style: italic;
  font-weight: none;
  line-height: 25px;
}
blockquote small {
  display: block;
  line-height: 20px;
  font-size: 13px;
  color: #999999;
}

.cont {
  background: #fff;
  border-right: 2px solid #333;
  border-left: 2px solid #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #5099CE;
  font-weight: 500;
}

html body div#karma div.container a {
  color: #5099CE;
  text-decoration: none;
}

html body div#karma div.container a:hover {
  color: #FFF;
  text-decoration: none;
}
.well {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 0;
  -moz-box-shadow: inset 0 0 0;
  box-shadow: inset 0 0 0;
  background: #F4F5F7;
  margin-top:30px;
}


.well h3 {
  font-family: 'Abel', sans-serif;
}

.label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding: 2px 6px;
}
.centered {
  text-align: center;
}

.navbar {
  margin-top: 20px ;
  margin-bottom: 1px;
}
.navbar-inner {
background-color: #E3E3E5;
  background-image: none;
  background-repeat: no-repeat;
  padding-left: 0px;
  padding-right: 0px;
  -ms-filter: none;
  filter: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.navbar .brand,
.navbar .nav > li > a {
  color: #5099CE;
  font-family: 'Abel', sans-serif;
  font-size: 15px;
  text-shadow: none;
  padding: 15px 25px;
  background: url(/packages/theme_karma/themes/theme_karma/images/divider.png) no-repeat right 50%;
}
.navbar .brand:hover,
.navbar .nav > li > a:hover {
  color: #ffffff;
  background-color: #5099CE;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #ffffff !important;
  background: #5099CE; 
  background-color: #5099CE;
  box-shadow: none;
}
.navbar .brand:hover {
  background-color: transparent;
}
.navbar .btn-navbar {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #222222;
  background-image: none;
  background-repeat: repeat-x;
  border-color: #040404 #040404 black;
}
.navbar .btn-navbar:hover {
   background-color: #222222; 
}

html body div#karma div.container .navbar .nav li.dropdown.open > .dropdown-toggle,
html body div#karma div.container .navbar .nav li.dropdown.active > .dropdown-toggle,
html body div#karma div.container .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #5099CE;
  color: #ffffff;
}
.navbar .nav li.open > a {
  background: none;
}
.dropdown-menu {
  margin-top: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /* customize_drop-down-background-color */ background-color: #E3E3E5; /* customize_drop-down-background-color */
}
.dropdown-menu li > a {
  color: #ffffff;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  /* customize_drop-down-hover-background */ background-color: #5099CE; /* customize_drop-down-hover-background */
  background-image: none;
  -ms-filter: none;
  filter: none;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
}
.navbar .nav > li > .dropdown-menu::before,
.navbar .nav > li > .dropdown-menu::after {
  display: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #5099CE;
  background-image: none;
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5099CE', endColorstr='#5099CE', GradientType=0);
}

.info-column {
  margin: 15px 8px 15px 15px
}

header form {
  margin-top: 30px;
  text-align: right;
}

.pricing-table {
  position: relative;
  margin-left: 0;
  padding: 10px;
  list-style: none;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0px 7px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 0px 7px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0px 7px rgba(0, 0, 0, 0.05);
}

.plan-name {
	border-bottom: none !important;
}

.pricing-table li {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #ddd;
}

.price {
	color: #1189D9;
}

.pricing-table h3 {
	margin-bottom: 18px;
}

.dollar {
	font-size: 32px;
	margin-right: 3px;
}

.qty {
	font-size: 47px;
	margin-right: 3px;
}

.month {
	font-size: 17px;
	font-style: italic;
	font-weight: 300;
	font-size: 15px;
}

.pricing-table .footer {
  border: 0;
  margin-top: 18px;
  margin-bottom: 8px;
}

.avatar {
  margin-right: 8px;
  margin-bottom: 10px;
}
.post-img {
  margin-bottom: 15px;
}

article {
  margin-bottom: 50px;
}
article h3 {
  margin-top: 0;
}
article h3 a {
  color: #2d3032;
}
article h3 a:hover {
  color: #5099CE;
}
.comment-form {
  padding: 3px;
}

footer {
  height: 80px;
  margin-top: 30px;
  padding-top: 10px;
  color: #EEE;
  background: #5099CE;
}

footer a {
   color: #FFF; 
}

footer a:hover {
  color: #FFF; 
}

footer .footer-line {
  width: auto;
  padding-left: 14px;
  padding-right: 14px;
}

footer .footer-line p {
  margin-right: 10px;
  margin-top: 5px;
}

@media (min-width: 1200px) {
  input.flexible {
    width: 80%;
  }
}
@media (max-width: 1199px) {
  input.flexible {
    width: 70%;
  }
}
@media (max-width: 979px) {
  .navbar .nav-collapse .nav > li > a,
  .navbar .nav-collapse .dropdown-menu a {
    color: #ffffff;
  }
  .navbar .nav > li > a {
    background: none;
  }
  .navbar .nav-collapse .nav > li > a:hover,
  .navbar .nav-collapse .dropdown-menu a:hover {
    background-color: #5099CE;
  }
  .info-box {
    text-align: center;
  }
  input.flexible {
    width: 50%;
  }
}

}
@media (max-width: 767px) {

  footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  footer .footer-line {
    margin-left: -20px;
    margin-right: -20px;
  }
  
  .headermin {
	margin-top: 0;
	text-align: center;
  }
  
  header form {
  	text-align: center;
  }
  
  .centerlogo {
	text-align: center;
  }
  
}

@media (min-width: 100px) and (max-width: 768px) {
	.input-append {
		display: none;
	}
	.logo h1 {
		text-align: center;
		padding: 0;
		margin: 0;
	}
	#ccm-system-nav {
		display: none;
	}
}

.nav-list > .active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #1A85C1;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.ccm-input-button {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.sidebar ul li {
	line-height: 30px;
	padding-left: 10px;
}

.sidebar ul li.active a {
	color: #fff;
	background: #E3E3E5;
	font-weight: bold;
}

.sidebar ul li.active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #4FAA57;
}

.sidebar ul li a {
	color: #222;
}

.info-column img {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

hr {
	margin-bottom: 25px;
}

.content-area {
	padding-left: 15px;
	padding-right: 15px;
	padding-top:10px;
}

.blog-entry {
	padding-top: 20px;
}

.backtotop {
	padding-top: 17px;
}

.logo {
	padding-left: 25px;
}

.miniSurveyView #msg { 
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6; 
  padding:8px 8px 8px 8px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  }

#blog-entry img {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.posted {
  font-size: 13px;
  font-weight:none;
}

ul.ccm-tag-list li a{	
  background:#EEE;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding:3px;
}

#main-content-sidebar-archives li {
  list-style-type: none;
}

.ccm-search-block-submit {
  margin-bottom:9px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
}

/*Icons list*/
the-icons{list-style-type:none;margin:0}.the-icons li{cursor:pointer;line-height:32px;height:32px;padding-left:12px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;list-style-type: none;}.the-icons li [class^="icon-"],.the-icons li [class*=" icon-"]{width:32px;font-size:14px}.the-icons li:hover{background-color:#fbf4f4}.the-icons li:hover [class^="icon-"],.the-icons li:hover [class*=" icon-"]{*font-size:28px;*vertical-align:middle}.the-icons li:hover [class^="icon-"]:before,.the-icons li:hover [class*=" icon-"]:before{font-size:28px;vertical-align:-5px}

#searchwrapper {
    background-image: url("/packages/theme_karma/themes/theme_karma/images/searchbox.png");
    background-repeat: no-repeat;
    float: right;
    height: 33px;
    margin: 0 5px 0 0;
    padding: 0;
    top:50px;
    position: relative;
    width: 270px;
}
.searchbox {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    font-size: 10px;
    left: 9px;
    position: absolute;
    top: 4px;
    width: 220px;
}
html body div#karma div div#searchwrapper form input.searchbox_submit {position: relative;top:-28px;right: 2px;}
html body div#karma div#searchwrapper form input.searchbox {border: none !important;background:none !important;box-shadow:none !important;}
html body div#karma div.container div.wra div.row div.span12 div.navbar div.navbar-inner div.container div.nav-collapse ul.nav li.dropdown ul.dropdown-menu li.active a.active {color:#FFF;}
html body div#karma div.container div.wra div.row div.span12 div.navbar div.navbar-inner div.container div.nav-collapse ul.nav li.dropdown.open a.dropdown-toggle:hover {color:#FFF;}
html body div#karma div.container.wrapper div.wra div.row div.span8 div.info-column span.title {font-size: 18px; color:#222;font-weight: bold;display: block;padding-bottom: 20px;}
html body div#karma div.container.wrapper div.wra div.row div.span8 div.info-column span.quote {font-size:14px;  font-style: italic; }
html body div#karma div.container.wrapper div.wra div.row div.span12 div#ccm-SlideshowBlock-display41.ccm-SlideshowBlock-display div.slideImgWrap2 {position: absolute !important;}