/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */
.ma-image-container-square{

	width:100%;margin-left:0%; text-align:center;
}

.ma-image-container-tall{

	width:100%;margin-left:0%; text-align:center;
}

.ma-collection-thumb{
}

.ma-member-bar{
	padding-top:12px;padding-bottom:12px;
}

.ma-member-options {
	margin-top:10px;
	text-align:left;
}

.ma-collection-creator-container{
	text-align:left;
	margin-top:20px; 
}

header{
	padding-bottom:24px; // NOTE THIS CHANGE~!
}

.ma-collection-info{
	padding-top:12px;padding-bottom:12px;
}

.ma-collection-creator-badge{
	float:left;margin-right:10px;margin-left:0px;margin-top:-5px;
}

.ma-icon-subwrapper{
	width:80%;
	margin-left:0%;
}

.ma-icon-subwrapper img{
	width:100%;
}


header {
	width: 93.75%; /* 450px / 480px */
}


#maincontent{
	width: 93.75%; /* 450px / 480px */
}


.maincontent{
	width: 93.75%; /* 450px / 480px */
}


footer {
	width: 93.75%; /* 450px / 480px */
}

	
.ma-teaser-container{
	margin:-10px;
}	
		

/*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */

.span_8_of_8 {
	width: 100%; 
	margin-left: 0;
}

.span_7_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_6_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_5_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_4_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_3_of_8 {
	width: 74.2%;
	margin: 1% 0 1% 3.2%;
}

.span_2_of_8 {
	width: 48.4%;
	margin: 1% 0 1% 3.2%; 
}

.span_1_of_8 {
	width: 22.6%;
	margin: 1% 0 1% 3.2%; 
}

.span_1_of_8:nth-child(4n+1) { 
	clear: both;
	margin-left: 0;
}
		
/*  Except in the Example */

#example .maincontent .span_8_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_7_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_6_of_8 {
	width: 100%;
	margin-left: 0; 
}
#example .maincontent .span_5_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_4_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_3_of_8 {
	width: 100%;
	margin-left: 0; 
}
#example .maincontent .span_2_of_8 {
	width: 100%%; 
	margin-left: 0;
}
#example .maincontent .span_1_of_8 {
	width: 100%; 
	margin-left: 0;
}

.morpholio{
	font-size:2.3em;
	text-align:left;
	margin-top:.5em;
	line-height:0.9em;
}

.ma-headline{
	font-size:5.15em;
}





.ma-lightbackground-userblock {
width: 100%;
margin-left: 0;
}
.ma-lightbackground-userblock-right {
width: 100%;
margin-left: 0;
}

.ma-userblocksmall {
margin-left: 0;
}
.ma-light-collection-cell {
	width: 100%;
	margin-left:0;
}
.ma-header-user{

	text-align: left;
}
.ma-dot {
  display:none;
} 

.ma-light-signup-message{
line-height: 10pt;
font-size: 8pt;
padding-top: 8px;
padding-bottom: 8px;

}
.ma-light-message {
line-height: 10pt;
font-size: 8pt;
padding-top: 8px;
padding-bottom: 8px;
}

.ma-member-options-light{
line-height: 10pt;
font-size: 8pt;
padding-top: 8px;
padding-bottom: 8px;
}

.ma-header-login-links {margin-top: 5px;}

.ma-user-icon-square{
	float:left;margin-right:10px;margin-left:5px;

}

.ma-title-smallscreen{
	display:block;
}

.ma-stats-light{
	font-size:10pt;
}

.ma-stats-eyetime {
	float:left;
}
.ma-collection-info-blowup {
	padding-left:0px;
}
.hide-on-smallscreen{
	display:none;
}
.ma-collection-title-block{
	float:left;width:65%;
}
.ma-collection-stats-block{
float:right;width:35%;
}

.ma-collection-tile{
	position:relative;
}

.ma-light-winner-banner {
	bottom: 15px;
left: 20px;
}

.ma-collection-info {
padding-top:10px;
 }