html, body{
	padding: 0;
	margin: 0;
	line-height: 130%;
}

*{
	border: 0;
}

#page-loading{
	background-image: url(progress.gif);
	position: absolute;
	top: 49.5%;
	left: 49.5%;
	width: 16px;
	height: 16px;
	z-index: -100;
}

.logo_box img{
	display: block;
}



#wrap {
 
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;

}


#container{
	 padding: 5px;
}


.box.crid_0{
	height: 162px;
}

.box.crid_0.featured{
	height: 334px;
}

.box.crid_1{
	height: 334px;
	/* cursor: pointer; */
}


.box.crid_1.outthere{
	height: 162px;
	/* cursor: pointer; */
}


.crid_1 h2{
	font-size: 11px;
	color: #333;
	padding: 0px;
	margin: 0;
}


.box.featured.crid_1{
	height: auto;
}



.box.crid_2{
	height: 162px;
	cursor: pointer;
}

.box.crid_2 h2{
	padding: 10px;
	display: block;
	line-height: 130%;
	text-decoration: none;
	color: #656565;
}



.crid_tags{
	height: 162px;
	cursor: pointer;
}


.box {
  width: 226px;
  margin: 5px;
  background-color: #f1f1f2;
  position: relative;
  overflow: hidden;
  border: 0;
  padding: 0;
}

.box_plus_into {

  height: 334px;

}

.box img.cat_thumb{
	position: absolute;
	top: 0px;
	left: 0;
	width: 226px;
	height: 162px;
}

.box .caption{
	position: absolute;
	left: 0;
	top: 0;
	width: 206px;

	padding: 10px;
	background-image: url(transp_ddd_90.png);
	overflow: hidden;
}

.not_featured .caption .resize{
	width: 16px;
	height: 16px;
	/* background-image: url(resize-7-24-1.png); */
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 8px;
}

.featured .caption .resize{
	width: 16px;
	height: 16px;
	/* background-image: url(resize-7-24-1.png); */
	background-position: bottom left;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 8px;
}


/* No media */

.no_media{
	width: 226px;
	margin: 5px;
	background-color: #f1f1f2;
	position: relative;
	border: 0;
	padding: 0;
	overflow: hidden;
	
}

.no_media.not_featured{
	height: 162px;
}

.no_media.not_featured .text{
	display: none;
}

.no_media.featured{
	/* height: 334px; */
	widows: 462px;
}

.no_media.featured .text_container{
	/* background-color: aqua; */
	overflow: auto;
}




.title_no_media{
	padding: 10px;
	cursor: pointer;
	background-image: url(transp_ddd_90.png);
}

.title_no_media h2 a{
	font-size: 11px;
	color: #333;

	width: 95%;
	display: block;
	text-decoration: none;
}

.title_no_media .resize{
	width: 16px;
	height: 16px;
	/* background-image: url(resize-7-24-1.png); */
	background-position: bottom left;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 8px;
}

/* End no media */



.crid_0{
	cursor: pointer;
	background: transparent;
}

.crid_0 .caption{
	position: absolute;
	left: 0;
	top: 162px;
	width: 206px;
	background-image: url(transp_80.png);
	display: block;
}

.crid_0.featured .caption{

	top: 334px;

}

.crid_3{
	cursor: pointer;
}


.crid_3 h2{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 206px;
	display: block;
	cursor: pointer;
	
	
	font-size: 11px;
	color: #5A5A5A;
	padding: 5px;

	text-align: left;
	
}


.box .caption h2{
	font-size: 11px;
	color: #333;
	

}


.box .caption h2 a{
	color: #333;
	text-decoration: none;

}





.box .caption p{
	font-size: 11px;
	color: #5A5A5A;
	padding: 0;
	margin: 0;
}

.box .date{
	font-size: 11px;
	color: #5A5A5A;
	padding: 0;
	margin: 0;
	float: left;
	margin: 0 2px 0 0;
}

.featured .intro{
	display: none;
}


.crid_1 .text{
	display: none;
}

.featured .text{
	display: block;
}

.featured .video{
	position: absolute;
	visibility: visible;
	top: 33px;
	left: 0;
}

.not_featured .video{
	position: absolute;

	visibility: hidden;
	display: none;
}

.not_featured .video_image{
	display: block;
}

.not_featured .sm_box{
	display: none;
}

.featured .sm_box{
	padding: 0;
}

.featured .video_image{
	display: none;
}



.intro{
	padding: 10px;
	font-size: 11px;
}

.intro p{
	padding: 0 0 5px 0;
	color: #656565;
	margin: 0;	
}

.intro p a{
	color: #656565;
}

.text  a{
	color: #656565;
	text-decoration: underline;
}


.text ol{
	list-style: decimal;
	margin: 0 40px;
	margin-bottom: 10px;
	display: block;
	clear: both;
}

.text ul{
	list-style: disc;
	margin: 0 40px;
	margin-bottom: 10px;
	display: block;
	clear: both;
}


.img_container{
	position: relative;
	/* height: 162px; */
	cursor: pointer;
}

.featured .img_container{
	position: relative;
	/* height: 334px; */
	min-height: 334px;
}

.featured{
	width: 462px;
	/* height: 334px; */
	margin: 5px;
}




.featured img.thumb{
	width: 462px;
	height: 334px;
	display: block;
}

.featured .inbg_thumb_a{
	display: none;
}


.box.featured .caption{

	width: 442px;

}

.not_featured, .not_featured img.thumb{
	width: 226px;
	height: 162px;
	display: block;
}

a.more{
	cursor: pointer;
	color: #656565;
	padding:  0 0 10px 0;
	display: block;
	text-decoration: none;
}

.featured .more{
	/* display: none; */
}


.not_featured .ui-icon{
	display: none;
}


.not_featured .inbg_container{
	display: none;
}


.featured .inbg_container{
	display: block;
}

.inbg_container a, .inbg_container img{
	display: block;
}

.inbg_container a{
	padding-bottom: 10px;
	background-color: #fff;
}

.inbg_container > :last-child {padding-bottom: 0px; !important; }


.box.text h2{
	font-size: 14px;
	color: #5A5A5A;
	padding: 10px;
	margin: 0;
}



.alone .caption{
	display: none;
}

.pub_3, 
.pub_3 .date,
.pub_3 .intro p,
.pub_3 .intro a, 
.pub_3 .caption, 
.pub_3 .caption .date, 
.pub_3 .caption h2, 
.pub_3 .text p , 
.pub_3 .text a,
.pub_3 .more{
	color: #fff;
}



.pub_3, .pub_3 .caption{
	background-image: url(pub_3.png);
}

.pub_3 .caption{
	border-bottom: 1px solid #fff;
}





.pub_4, 
.pub_4 .date,
.pub_4 .intro p,
.pub_4 .intro a, 
.pub_4 .caption, 
.pub_4 .caption .date, 
.pub_4 .caption h2, 
.pub_4 .text p , 
.pub_4 .text a,
.pub_4 .more{
	color: #fff;
}



.pub_4, .pub_4 .caption{
	background-image: url(pub_4.png);
}

.pub_4 .caption{
	border-bottom: 1px solid #fff;
}




.pub_5, 
.pub_5 .date,
.pub_5 .intro p,
.pub_5 .intro a, 
.pub_5 .caption, 
.pub_5 .caption .date, 
.pub_5 .caption h2, 
.pub_5 .text p , 
.pub_5 .text a,
.pub_5 .more{
	color: #fff;
}



.pub_5, .pub_5 .caption{
	background-image: url(pub_5.png);
	background-color: fuchsia;
}

.pub_5 .caption{
	border-bottom: 0px solid #fff;
}



.people .media_container{
	cursor: pointer;
}

.featured.people .media_container{
	
}

.not_featured.people .caption{
	top: 162px;
}

.featured.people .caption{
	
}

.not_featured.people .media_container img{
	width: 226px;
}

.box.featured.people{
height: auto; /* Important */


}

.people .personalia p{
	margin-bottom: 3px;
}


/* Twweets */
.tweet{
	background-color: #00D8FC;
	color: #222;
	position: relative;
}

.tweet .txt{
	padding: 10px;
	color: #555;
	font-weight: bold;
	font-size: 12px;
}

.tweet .txt a{
	color: #555;

}

.tweet_footer{
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 10px;
}

.tweet_footer p, .tweet_footer p a{
	color: #555;
	font-weight: bold;
}

/* Indicators */
.box_prepend{
	background-color: #f1f2f2;
	width: 206px;
	height: 142px;
	margin: 5px;
	padding: 10px;
	color: #656565;
	font-weight: bold;
	font-size: 14px;
}

.indicator{
	width: 226px;
	/* height: 162px; */
	height: 334px;
	background-color: #f1f1f2;
	margin: 5px;
}

.indicator h2{
	padding: 10px;
	display: block;
	line-height: 130%;
	text-decoration: none;
	color: #656565;
	text-transform: uppercase;
	letter-spacing: 8px;
}






/* Corner stamps */
.corner-stamp {
  width: 462px;
  margin: 5px;
  border: 0;
  padding: 0;
}



.corner-stamp a{
	color: #fffffe;
	text-decoration: underline;
	font-size: 11px;
	
}

.corner-stamp a:hover, .corner-stamp a.selected{
	text-decoration: none;
}


.corner-stamp-content{
	width: 442px;
	min-height: 486px;
  	margin: 5px;
  	padding: 10px;
  	background-color: #f1f1f2;
  	display: none;
  	font-size: 11px;
}

.corner-stamp-content-inside{
	
  	margin-top: 10px;
}

.corner-stamp-content a{
	color: #fffffe;
	text-decoration: underline;
	font-size: 11px;
	
}

.cs1{
	background-image: url(cs1_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.cs2{
	background-color: #ed008c;
	height: 162px;
}

.cs2 a{
	text-decoration: none;
}

.cs2 a:hover, .cs2 a.selected{
	color: #333;
}

.login{
	position: absolute;
	left: 10px;
	bottom: 10px;
}

a.login{
	text-decoration: none;
	color: #fff;
}



a.admin{
	text-decoration: none;
	color: #fff;
	position: absolute;
	left: 50px;
	bottom: 10px;
	text-transform: capitalize;
}

.corner-stamp_2 {
  width: 934px;
  margin: 5px;
  border: 0;
  padding: 0;
  overflow: hidden !important;
 /* background-image: url(cs1_bg.gif); */
	background-repeat: repeat-y;
	background-position: bottom left;
}

.corner-stamp_2 div.ctrl_box{

	float: left; 
	display: block;
	margin-left: 10px;
	width: 462px; 
	height: 162px;
	position: relative;
	background-color: #ed008c;
}

.corner-stamp_2 div.four_images_box{
	width: 944px;
	float: left;
	display: block;
	/* background-color: gray; */
}

.corner-stamp_2 div.four_images_box img{
	float: left; 
	display: block;
	width: 462px; 
	height: 334px;
	margin:  10px 10px 0 0;
}


.corner-stamp_2 .info_table{

	margin-top: 10px;
}

.info_table{
	background-image: url(cs1_bg.gif);

}

.corner-stamp_2 #info_box_2{
	margin-right: 10px;
	margin-top: 0;
}

.corner-stamp_2 .corner-stamp-content-inside{
	margin: 0;
	padding: 0;
}



/* 4 images box vertical */

.four_images_box_vertical a{

	display: block;

}

.four_images_box_vertical img{
	margin-bottom: 10px;
	display: block;
	width: 462px; 
	height: 346px;
}

/* End corner stamps */



.mobile{
	width: 462px;
	/* background-color: aqua; */
	margin: 5px;
}



#info_container{
	float: left;
	margin: 10px;
}

#info_box_1, #info_box_2{
	width: 462px;
  	padding: 0px;

  	background-color: #f1f1f2;
  	font-size: 11px;
}

#ss_info{

	position: relative;
	left: 0px;
	top: 0px;
	z-index: 999;

}

.backbox{
	
	top: 0px;
}

#info_box_2{
	margin-top: 10px;
	margin-bottom: 0px;
	
}

.mobile #info_box_2{
	margin-top: 0;
	margin-bottom: 0px;
	
}

.ss_info #info_box_1{
	display: none;
	z-index: 10;
}

.info_box_1_small{
	padding: 10px;
	width: 206px;
	height: 76px;
	background-color: #f1f1f2;
	overflow: hidden;
	cursor: pointer;
}

h1{
	color: #656565;
	font-size: 11px;
	background-color: #ddd;
	padding: 7px 10px;
}

.text{
	color: #656565;
	font-size: 11px;
	padding: 10px;
	
}

.crid_1.featured .text_container{
	/*
overflow-y: auto;
	max-height: 344px;
*/
}

.text p{
	margin: 0 0 10px 0;
}

.element div.text{
	color: #656565;
	line-height: 130%;
	padding: 10px;
	margin: 0;
	
}



blockquote {
  font-size: 16px;
  line-height: 130%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 3px solid #ed008c;
}

blockquote p{
  color: #ed008c;
}



.file_collection a{
	color: #656565;
	text-decoration: none;
	font-weight: bold;
}


#contentt{
	/* display: none; */
}
.ss_info{
	margin: 5px;
	background-color: #f1f1f2;
	position: relative;
	z-index: 100;
	float: left;
	color: #fffffe;
}

.info_box_1_small h1{
	font-size: 11px;
	margin-bottom: 5px;
}

.ss_info p{
	font-size: 11px;
	margin: 0 0 5px 0;
	color: #fffffe;
	text-decoration: none;
	line-height: 100%;
}

.ss_info a{
	font-size: 11px;
	color: #fffffe;
	text-decoration: none;
}


a.tag{
	color: #656565;
	text-decoration: underline;
}

a.tag:hover{
	text-decoration: none;
}

.label{
	font-weight: bold;
	color: rgb(101,101,101);
}

.vars{
	width: 200px;
	float: left;
	margin-bottom: 15px;
	display: block;
	margin-right: 20px;
}

.vars .input, .vars .input a{
	color: #656565;
}

.quote{
	height: 162px;
}

ul#filters{
	position: absolute;
	left: 120px;
	top: 10px;
	width: 240px;
	/* width: 120px; */
}

#filters li{
	float: left;
	width: 240px;
	
}

#filters li a, #sort-by li a{
	font-size: 13px;
	line-height: 115%;
}

ul#sort-by{
	position: absolute;
	left: 360px;
	top: 10px;
}

#info_box_2 div.text, .featured div.text{
	/* width: 340px; */
	padding-bottom: 10px;
}

.sm_box{
	padding: 10px;
}

.corner-stamp_2 .sm_box{
	padding: 10px;
}

.sm_box a{
	text-decoration: none;
}

.sm_box img{
	width: 15px;
}

.contact{
	width: 442px;
	height: 314px;
	background-color: #f1f2f2;
	margin: 5px;
	padding: 10px;
	color: #656565;
}

.contact_map{
	width: 462px;
	height: 334px;
	background-color: #f1f2f2;
	margin: 5px;
	padding: 0;
	border: 0;
	overflow: hidden;
}

.contact a{
	color: #656565;
}

.contact a:hover{
	text-decoration: none;
}

.contact li{
	font-size: 11px;
}

.module_container {
	margin: 0 10px;
	width: 462px;
}

.cleaner{
	clear: both;
}

/* 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.6s;
     -moz-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-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;
       -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,
input, textarea {
  -webkit-transition-duration: 0s;
     -moz-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;
       -o-transition: none;
          transition: none;
}


/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: #ed008c;
  
  padding: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}