#page, #page.help-enabled {
	width:				auto;
}
#header {
	width:				100%;
}
#categories, #sidebar {
	position:			relative;
	top:				auto;
	left:				auto;
	width:				100%;
	margin-bottom:		7px;
}
#content {
	width:				100%;
}
#main {
	clear:				left;
	margin:				0;
}

/* headers and navigation */

@media all and (max-width: 640px) {

	#page.site-editor #header h1, #page.settings #header h1 {
		bottom:				48px;
	}
	#page.site-editor #nav, #page.settings #nav {
		left:				-6px;
		bottom:				20px;
	}
	#page.site-editor #nav-extra, #page.settings #nav-extra {
		bottom:				22px;
	}

}
@media all and (max-width: 420px) {

	#page.site-editor.store-enabled a.settings {
		display:			none;
	}
	#page.site-editor.store-enabled a.signout {
		display:			none;
	}

}
@media all and (max-width: 370px) {

	#page.site-editor a.settings {
		display:			none;
	}
	#page.site-editor a.signout {
		display:			none;
	}
	#page.site-editor.store-enabled a.help {
		display:			none;
	}

}

#footer, #mediumfooter, #largefooter, #setupfooter, #page.help-full #mediumfooter {
	margin-left:		0;
	margin-right:		0;
}

#main .image img {
	max-width:			calc(100% - 2px);
	height:				auto;
}

/* field sizing */

@media all and (max-width: 480px) {

	fieldset .one, fieldset .two {
		width:				100%;
		margin-right:		0;
		float:				none;
	}
	fieldset .smallone, fieldset .smalltwo, fieldset .smallthree, fieldset .smallfour {
		width:				calc(50% - 8px);
		margin-right:		16px;
		float:				left;
	}
	fieldset .smalltwo, fieldset .smallfour {
		margin-right:		0;
	}

	input.tiny {
		width:				25px;
	}
	input.mini {
		width:				50px;
	}
	fieldset .medium {
		width:				100%;
	}
	input.large, textarea.large,
	fieldset .one .medium, fieldset .two .medium,
	fieldset .smallone .small, fieldset .smalltwo .small, 
	fieldset .smallthree .small, fieldset .smallfour .small {
		width:				100%;
	}
	fieldset .two .medium {
		margin-top:			7px;
	}

}

fieldset .float {
	margin-right:		5px;
}

.signin .itemlist a, #categories-list .category a, #categories-list .category span {
	max-width:			100%;
}

/* sections on main page */

#forms {
	position:			relative;
	width:				100%;
	padding-bottom:		0;
}
#commentsection {
	padding-bottom:		0;
}
#commentsection, #entries, #center {
	position:			relative;
	background-image:	url("../images/divider.png");
	background-size:	10px 2px;
	background-position:0 10px;
	background-repeat:	repeat-x;
	width:				100%;
	margin:				0 0 2px 0;
	padding:			22px 0 0 0;
	border:				none;
	overflow:			hidden;
	clear:				both;
}

/* forms on main page */

#juneform h3 {
	display:			block;
}
#juneform fieldset.juneuser, #juneform fieldset.password {
	width:				calc(50% - 10px);
	margin:				0;
	padding:			0;
	float:				left;
	clear:				none;
}
#juneform fieldset.juneuser {
	margin-right:		20px;
}
#searchform fieldset.search {
	width:				100%;
}

/* entries */

@media all and (max-width: 510px) {

	.item .image {
		text-align:			left;
		margin:				0 0 13px 0;
		float:				none;
	}
	.item .hasimage {
		margin-left:		0;
	}
	.recentupdate .image {
		margin:				0 13px 13px 0;
		float:				left;
	}
	.recentupdate .hasimage {
		margin-left:		165px;
	}

}

/* buttons */

a.divider_categories_b {
	display:			none;
}
div.check_comment {
	margin-top:			5px;
}
div.section div.check_comment {
	margin-top:			10px;
}

/* tables */

table.files, table.folders, table.categories, table.categorytemplates, table.usersandsites, 
table.contributors, table.orders, table.orderitems, table.spamfilters, table.products,
table.productformats, table.metadata, table.usersandsites, table.contributors, table.orders,
table.orderitems, table.spamfilters, table.categories.draggable {
	width:				100%;
}

table.usersandsites .title, table.usersandsites .name,
table.usersandsites .site, table.usersandsites .user,
table.contributors th.delete,
table.contributors th.user, table.contributors td.user,
table.contributors th.access, table.contributors td.access {
	width:				auto;
}

/* sections in site editor */

#categories-header {
	display:			block;
	z-index:			1;
}
#categories-header h3 {
	display:			none;
	margin:				0 0 10px 0;
}
#categories-button {
	width:				30px;
	float:				right;
	margin:				4px -5px 0 10px;
}
#categories-button a {
	display:			block;
	background-image:	url("../images/categories.png");
	background-size:	20px 18px;
	background-position:5px 5px;
	background-repeat:	no-repeat;
	width:				30px;
	height:				28px;
	margin:				0;
	padding:			0;
	text-indent:		-9999px;
	overflow:			hidden;
}
#categories-list {
	display:			none;
	background-image:	url("../images/divider.png");
	background-size:	10px 2px;
	background-position:bottom left;
	background-repeat:	repeat-x;
	margin:				0 0 15px 0;
	padding:			0 0 20px 0;
	clear:				left;
}
#categories.expanded #categories-header h3, #categories.expanded #categories-list {
	display:			block;
}

#styles-preview {
	width:				100%;
	margin:				15px 0 15px 0;
	float:				none;
}

.leftcolumn, .rightcolumn {
	width:				100%;
	margin:				0;
	float:				none;
}
 
.color select {
	max-width:			18%;
}

.categorytemplates .name, .categorytemplates .main, 
.categorytemplates .entry, .categorytemplates  .feed {
	width:				60px;
}
.categorytemplates .name, .categorytemplates .main, 
.categorytemplates .entry {
	padding-right:		0;
}
.categorytemplates select {
	width:				100%;
	margin:				0;
	overflow:			hidden;
}

/* orders */

#search.searchcontent fieldset .float select {
	width:				100%;
}
#findproduct {
	width:				100%;
}
#product {
	max-width:			100%;
}
table.orders .status select {
	margin-bottom:		5px;
}

/* category list table */

.dragitem .draghandle {
	display:			none;
}

table.categories .name {
	width:				50%;
}
table.categories .private {
	width:				20%;
}
table.categories .default {
	width:				10%;
}
table.categories .directory,
table.categories .perpage,
table.categories .order {
	display:			none;
}

#main table.categories .name .small {
	width:				90%;
}

/* meta data field list table */

table.metadata .labelname, table.metadata .type, table.metadata .datavalue {
	width:				35%;
}
table.metadata select {
	width:				93%;
	overflow:			hidden;
}

/* high resolution images for high dpi screens \*/

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {

	#commentsection, #entries, #center {
		background-image:	url("../images/divider@2x.png");
	}
	#categories-list {
		background-image:	url("../images/divider@2x.png");
	}
	#categories-button a {
		background-image:	url("../images/categories@2x.png");
	}

}