@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 { margin-bottom:20px; text-align:center; }
	#sectionSections li { position:relative; display:inline-block; margin:0 1% 4% 1%; width:30%; vertical-align:top; text-align:center; }
	#sectionSections a { display:block; background-size:cover; background-position:center; border-radius:10px; border:solid 3px #ddd; transition:border-color 0.2s linear; }	
		#sectionSections a:before { content:""; display:block; padding-top:125%; }		
		#sectionSections a:hover  { border-color:#bbb; }
	
	#sectionSections h4  { padding-top:10px; margin:0; color:#55504A; font-size:1.2em; }	

#thumbImage { max-width:500px; margin:0 auto; }


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


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

@media only screen and (max-width:300px) {		
	
	#sectionSections li { width:auto; display:block; }
}