@charset "utf-8";
/* CSS Document */

/* AUTO GRID STYLES */


/* AUTO TEMPLATE THUMBNAIL IMAGES */
	
	/* mobile */
	@media (max-width: 400px) {
		.mobile .thumb11,
		.mobile .thumb21,
		.mobile .thumb12,
		.mobile .thumb22{
			position:absolute; 
			overflow: hidden;
			display: block;
			width:98%;
			height:auto;
			margin:0% 0% 10px;			
		}
	}
	@media (min-width: 401px) {
		.mobile .thumb11,
		.mobile .thumb21,
		.mobile .thumb12,
		.mobile .thumb22{
			position:absolute; 
			overflow: hidden;
			display: block;
			height:auto;
		}
		.mobile .thumb11{width:48%;}
		.mobile .thumb21{width:98%;}
		.mobile .thumb12{width:48%;}
		.mobile .thumb22{width:98%;}
	}
	
	
	
/* SET WRAPPER SIZES */
@media (max-width: 400px) {
	/*
	.mobile .element_template_holder {
		position:absolute; 
		overflow: hidden;
		display: block;
		width:98%;
		margin:0% 0% 10px;
	}*/
	.mobile.jokes .element_template_holder {
		position:absolute; 
		overflow: hidden;
		display: block;
		width:90%;
		margin:20px 0% 20px 4%;
	}
	
	
	.mobile .row-width{width:100%;}
	
	/* MOBILE ARCHIVE */
	.mobile.galleryarchive .element_template_holder {
		/*position:absolute; */
		overflow: hidden;
		display: block;
		width:48%;
		margin:0% 0% 10px 0%;
	}
	.mobile.galleryarchive .row-width{width:50%;}	
}

@media (max-width: 769px) {
	.fullscreen{left:0px !important; top:32px !important;}
}

@media (min-width: 401px) {
	/* main item holder */
	
	/*
	.mobile .element_template_holder {
		overflow: hidden;
		display: block;
		width:48%;
		margin:0% 0% 2% 0%;
	}
	*/
	
	/* MOBILE ARCHIVE */
	.mobile.galleryarchive .element_template_holder {
		/*position:absolute; */
		overflow: hidden;
		display: block;
		width:31%;
		margin:0% 0% 10px 0%;
	}
	.mobile.galleryarchive .row-width{width:33%;}
	
	.mobile .humor .element_template_holder{width:98%;}
	.mobile.jokes .element_template_holder {
		position:absolute;
		overflow: hidden;
		display: block;
		width:90%;
		margin:20px 0% 20px 4%;
	}
	
	
	
	/*.mobile .element_template_holder.w570{width:98%;}*/
	.mobile .row-width{width:50%;}
}

@media (min-width: 601px) {
	.mobile.jokes .element_template_holder {
		position:absolute; 
		overflow: hidden;
		display: block;
		width:48%;
		margin:10px 0% 10px 0%;
	}
		
	.mobile.jokesarchive .element_template_holder{
		width:40%;
		margin:10px 5% 10px;
	}
	
	/* MOBILE ARCHIVE */
	.mobile.galleryarchive .element_template_holder {
		/*position:absolute; */
		overflow: hidden;
		display: block;
		width:23%;
		margin:0% 0% 10px 0%;
	}
	.mobile.galleryarchive .row-width{width:25%;}
}


/* SET FONT SIZES FOR TITLES SO THEY'RE ALWAYS THE SAME SIZE REGARDING THE IMAGE */
.mobile .element_template_holder {font-size:52px;}
@media only screen and (min-width: 300px) {
	.mobile .element_template_holder h3{
		font-size:60%;
		line-height:100%;
	}
}

@media only screen and (min-width: 400px) {
	.mobile .element_template_holder h3{
		font-size:60%;
		line-height:100%;
	}
	.galleryarchive .element_template_holder h3{
		font-size:50%;
		line-height:100%;
	}
	.jokesarchive .element_template_holder h3{
		font-size:30%;
		line-height:100%;
	}
}

@media only screen and (min-width: 700px) {
	.mobile .element_template_holder h3{
		font-size:100%;
		line-height:100%;
	}
	.galleryarchive .element_template_holder h3{
		font-size:30%;
		line-height:100%;
	}
		
}

@media only screen and (min-width: 1025px) {
	.mobile .element_template_holder h3{
		font-size:100%;
		line-height:100%;
	}
}

@media only screen and (max-width: 500px) {
	div.article_quote{width:100%; margin-bottom:10px;}
}

/* VOTE AND FAVORITES */
.vote_wrapper_mobile{
	width:100%;
	height:auto;
	display:inline-block;
	margin-bottom:10px;
}

/* ### MOBILE TEMPLATS ### */
.mobile .element_template_contents{position:relative; display:block;}

.mobile .element_template_contents img{width:100%;}

.mobile .mobile_article_content img{max-width:100%; height:auto;}

.mobile .fullwidth{
	position:relative;
	width:104.416% !important;
	left:-2.08% !important;
}
.fullwidth100{width:100% !important;}


/* MOBILE ARTICLE TEMPLATES */
.mobile.article_template_wrapper{
	left:0%;
	top:0px;
	right:0%;
	bottom:0px;
	
	position: absolute;
	z-index: 1; 
	overflow: hidden; 
	display: none;
	cursor:n-resize;
}
.mobile .article_scroller{
	padding-bottom:0px;
	margin:0px 2%;
	/*margin-bottom:20px;*/
}

/*
.mobile_toolbar_spacer{
	width:100%;
	height:80px;
	position:relative;
	z-index:-1;
}*/




.mobile .article_gallery{
	height:auto;
	display:inline-block;
	margin-bottom:20px;
}