/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property:    -moz-transform, opacity;
  -ms-transition-property:     -ms-transform, opacity;
  -o-transition-property:         top, left, opacity;
  transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}


.sidebar-widget{
  margin-bottom: 20px;
  float: none;
  overflow: hidden;
}
.form-submit{
  background: none repeat scroll 0 0 #666666;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
input.form-text{
  border: 1px solid #EBEBEB;
}
ul.primary li.active a{
  border: 0 none;
  background-color: #BBBBBB;
}
#searchForm .form-submit{
  display: none;
}
.date-post .month{
  text-transform: uppercase;
}
.field-type-taxonomy-term-reference .field-item{
  display: inline;
}
.field-type-taxonomy-term-reference .field-item:after{
  content: ',';
  margin-left: 5px;
}
.field-type-taxonomy-term-reference .field-item:last-child:after{
  content: '';
}
.field-type-taxonomy-term-reference{
  margin-bottom: 10px;
}
.field-type-taxonomy-term-reference a{
  color: #A1A1A1;
}
.form-submit{
  margin-right: 8px;
}
.comment-wrapper{
  border: 0 none;
  padding: 0;
}
.comment{
  border: 1px solid #F3F3F3;
  margin-bottom: 20px;
  padding: 10px;
}
.user-picture{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.user-picture img{
  width: 100px;
  height: 100px;
}
.comment-reply{
  float: none;
  width: auto;
}
.comment h3{
  font-size: 12px;
  margin-bottom: 0;
}
.comment .submitted{
  font-style: italic;
}
.about-author{
  border: 1px solid #F3F3F3;
  margin-bottom: 20px;
  padding: 10px;
}
.sidebar #user-login-form .form-text{
  width: 250px;
}
.panels-flexible-region-1-center{
  width: 100%;
}
.article-post .field-type-image img,
.node-portfolio .field-type-image img{
  width: 100%;
  height: auto;
}
ul.link-list li.portfolio_detail_category a{
  display: inline;
}
.article-post .smallbtn2{
  margin-top: 10px;
}
.portf_item{
  display: block;
}
.portfolio-item-wrapper{
  position: relative;
}
ul#portfolio li{
  position: inherit;
}
#filter{
  float: none;
}
#portfolio{
  overflow: hidden;
  display: block;
  clear: both;
}
#filter{
  float: left;
}
#footer .item-list li{
  background: url("../images/link-list-footer.png") repeat-x scroll left bottom transparent;
  margin: 0 0 15px;
  padding: 0 0 15px;
}
#footer .block h5{
  margin-bottom: 20px;
}
#footer .more-link{
  display: none;
}
#block-block-4 .sidebar-list a{
  display: inline;
}
.front .panel-separator{
  background: url("../images/divider.png") repeat-x scroll left bottom transparent;
  margin-top: 20px;
  margin-bottom: 30px;
  height: 1px;
}

#style-switcher {  
  position: fixed;  
  width: 338px;  
  top: 15px;  
  left: -358px;
  color:#333;
  background: #f3f3f3;
  padding: 20px 10px;
  border: 4px solid #515151;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index:9999;     
} 

#style-switcher-container {
  position: relative;
  display: block;
}

#style-switcher-container img {
  margin: 5px;
}

.color_whell {
  background: url(../images/color2.png) no-repeat left top;
  height: 70px;
  width: 60px;
  position: absolute;
  right: -70px;
  top: 10px;
  cursor: pointer;
}
.switchercontainer a{
  display: block;
  float: left;
  height: 40px;
  margin: 5px;
  width: 100px;

}
.switchercontainer a.c-blue{
  background-color: #3BADE2;
}
.switchercontainer a.c-green{
  background: none repeat scroll 0 0 #6AC17F;
}
a.c-orange{
  background: none repeat scroll 0 0 #F15A23;
}
a.c-pink{
  background: none repeat scroll 0 0 #F1238E;
}
a.c-purple{
  background: none repeat scroll 0 0 #AD519E;
}
a.c-red{
  background: none repeat scroll 0 0 #F12323;
}
a.c-yellow{
  background: none repeat scroll 0 0 #F9E509;
}