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

#sections { margin-bottom:20px; }
	#sections ul ul { border-left:solid 1px #CCC; margin-left:25px; }
	#sections div   { padding:5px 10px; background:#E8EEF7; margin:3px; border:solid 1px #D8E2F1; cursor:move; color:#333; }
	#sections span  { float:right; margin-left:5px; border-left:solid 1px #D8E2F1; padding-left:5px; }
		#sections div.hidden { visibility:visible; background:#DDD; }

.placeholder { border: dashed 1px #ccc; background-color:#FFFFCC; padding:5px 0; margin:3px; }

#typeModule .uploadifyQueue { margin-left:145px; width:400px; }

#typeModule #thumbImage, #typeModule #thumbIcon { max-width:500px; background:url(../images/transparent.gif); }

#sectionSections { clear:both;  }	
	#sectionSections li  { display:inline-block; position:relative; overflow:hidden; margin:0.5%; width:23.2%; border:solid 1px #ccc; }
	#sectionSections img { width:100%; }	
	#sectionSections h4  { position:absolute; left:0; right:0; bottom:0; padding:10px; margin-bottom:0; background:url('../images/alpha2.png');
						   font-size:14px; color:#eee; text-align:center; }

						   
/* ==========================================================================
   Media Queries
   ========================================================================== */ 


@media only screen and (max-width:1250px) {		

	#sectionSections li  { width:31%; }
}
  
@media only screen and (max-width:980px) {	
	
	#sectionSections li  { width:23.2%; }
}

@media only screen and (max-width:850px) {	
	
	#sectionSections li  { width:31%; }
}

@media only screen and (max-width:620px) {
	
	#sectionSections li  { width:47%; }
}

@media only screen and (max-width:400px) {	
	
	#sectionSections li  { width:100%; }
}