/*
=========================
MEDIUM LAYOUT (default)
=========================
*/




.form-wide-2 {
	display:none;
}

.form-narrow-2 {
	display:block;
	width:214px;
}


.form-wide-3 {
	display:block;
	width:684px;	
}

.form-narrow-3 {
	display:none;
}



.story-width-1 {
	width:916px;			
}
	
	
.story-width-2  {	
	width:214px;	
}
	
.story-width-3  {	
	width:685px;	
}
	
	
.story-width-4 {	
	width:916px;			
}
	
.story-width-5  {	
	width:214px;			
}



	.col2div {	
		width:214px;			
		float:left;
		clear:both;
		padding-right:20px;	
	}
	
	.col2bdiv {	
		width:214px;	
		padding-right:20px;	
		display:block;
	}
	

	
	.col3div  {	
		width:684px;	
		float:left;		
		margin-right:0px;
		display:block;		
		clear:none;
	}
	
	.col4div {
		margin-left:0px;
	}
	
	.col5div {	
		display:none;
	}




/*
================
LARGE LAYOUT
================


@media only screen and (min-width: 1213px) {
	
	
	
	

.story-width-1 {
	width:916px;			
}
	
	
.story-width-2  {	
	width:214px;	
}
	
.story-width-3  {	
	width:916px;	
}
	
	
.story-width-4 {	
	width:916px;			
}
	
.story-width-5  {	
	width:214px;			
}



	.col2div {	
		width:214px;			
		float:left;
		clear:both;
		padding-right:20px;	
	}
	
	.col2bdiv {	
		width:214px;	
		padding-right:20px;	
		display:block;
	}
	

	
	.col3div  {	
		width:684px;	
		float:left;		
		margin-right:0px;
		display:block;		
		clear:none;
	}
	
	.col4div {
		margin-left:0px;
	}
	
	.col5div {	
		display:none;
	}



		
	.col2div  {	
		clear:both;
		float:left;
		width:214px;	
		padding-right:20px;	
		display:block;
	}
	
	.col2bdiv {	
		width:214px;	
		padding-right:20px;	
		display:block;
	}
	
	
	
	.col3div  {	
		clear:none;
		float:left;
		width:929px;
		padding-right:20px;	
		display:none;
	}
	
	
	.col12div {
		display:none;
	}
	
	.col1div {
		display:none;
		min-height:30px;
	}
	
	
	.col13div {
		display:block;
		min-height:20px;
		width:918px;
	}
		
		
	.col4div {
		margin-left:234px;
	}
	
	.col5div {	
		display:none;
	}


	
}






/*
================
SMALL LAYOUT
================

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




.story-width-1 {
	width:685px;			
}
	
	
.story-width-2  {	
	width:214px;	
}
	
.story-width-3  {	
	width:448px;	
}
	
	
.story-width-4 {	
	width:685px;			
}
	
.story-width-5  {	
	width:214px;			
}



		
	.col2div {	
		clear:both;
		float:left;
		width:214px;	
		padding-right:0px;	
		margin-right:20px;
		display:block;
	}
	
	.col2bdiv {	
		width:214px;	
		padding-right:20px;	
		display:block;
	}
	
	.col3div  {	
		clear:none;
		float:left;
		width:446px;		
		padding-right:0px;
		margin-right:0px;
	
	}
	
	
	.col4div {
		margin-left:0px;
	}
	
	.col5div {	
		display:none;
	}
	
}





/*
================
EXTRA SMALL LAYOUT
================

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

	
	
	
.story-width-1 {
	width:448px;			
}
	
	
.story-width-2  {	
	width:448px;	
}
	
.story-width-3  {	
	width:448px;	
}
	
	
.story-width-4 {	
	width:448px;			
}
	
.story-width-5  {	
	width:448px;			
}




	.col2div  {	
		clear:both;
		float:left;
		width:448px;		
		padding-right:0px;
		margin-right:10px;
		display:block;
	}
	

	.col2bdiv {	
		width:448px;	
		padding-right:20px;	
		display:none;
	}
	
	
	/* .col13div  {	
		float:left;
		width:214px;		
		padding-right:0px;
	}
	
	
	.col3div  {	
		float:left;
		width:214px;		
		padding-right:0px;
	}
	

	
	.col4div {
		margin-left:0px;
	}
	.col5div  {	
		display:block;
		width:448px;		
		padding-right:0px;
	}

	
	
}








/*
================
MOBILE LAYOUT
================


@media only screen and (max-width: 486px) {
	
	
.story-width-1 {
	width:214px;			
}
	
	
.story-width-2  {	
	width:214px;	
}
	
.story-width-3  {	
	width:214px;	
}
	
	
.story-width-4 {	
	width:214px;			
}
	
.story-width-5  {	
	width:214px;			
}



	
	.col2div  {	
		float:none;
		width:214px;		
		padding-right:0px;
		display:block;
	}


	.col2bdiv  {	
		display:none;
		width:214px;		
	}
	
	.col3div  {	
		float:none;
		width:214px;		
		padding-right:0px;
	}

.col4div {
		margin-left:0px;
	}
	
	.col5div  {	
		display:block;
		width:214px;		
		padding-right:0px;
	}

	
	
}