/* Start: Recommended Isotope styles */

/**** 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:      -o-transform, 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;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}
h3#filter {
  margin: 15px 0 15px 0;
}

#filters {
  text-align: center;
  border-bottom: 1px solid #999;
  margin: 0 0 20px 0;
}
#filters li {
  display: inline-block;
  margin-bottom: 0px;
}
#filters li a {
  display: block;
  text-decoration: none;
  padding: 5px 10px;
  margin-bottom: 0px;
}
#filters li a {
  color: #444;
  border-bottom: 2px solid transparent;
}
#filters li a:hover,
#filters li a.selected {
  border-bottom: 2px solid #444;
}
#update {
	clear:both;
	width:1220px;
	margin: 0 0 15px 0 ;
}
#update article {
	width:263px;
	float:left;
	padding:10px;
	margin: 0 10px 10px 0;
	border: 1px solid #DDD;
	display:block;
	-moz-transition: all 0.2s linear 0;
	-webkit-transition: all 0.2s linear 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	position: relative;
}


#update article  h4 {
font-size: 14px;
margin:0 0 10px 0;
line-height:1.2em;
}

#update article  h4 span.data {
font-size: 60%;
}
#update article  img {
vertical-align: top;
margin: 0 0 10px 0
}
#update article  p.img {
padding: 0
}
#update article  p.topCat {
	font-size:10px;
	line-height:1.8em
}
#update article  time {
	font-size:10px;
	line-height:1.8em
}
#update article  p {
	font-size:14px;
	line-height:1.8em
}
#update article  p.more {
	text-align:right
}
@media (max-width: 1300px) {
#update {
	width:980px;
}
#update article {
	width:205px;
}
}
@media (max-width: 979px) and (min-width: 768px) {
#update {
	width:764px;
}
#update article {
	width:151px;
}
}
@media screen and (max-width: 767px){
#update {
	width:100%;
}
#update article {
	width:45%;
	margin-right: 1%;
}
}
@media (max-width: 600px) {
#update {
	width:100%;
}
#update article {
	width:100%;
	padding:0;
	margin: 0 0 15px 0;
	border-top:none;
	border-left:none;
	border-bottom: 1px solid #DDD;
	border-right:none;
}
#update article img {
	display : none
}
}