/* hide from internet explorer for mac \*/

@import "../enlarge/styles.css?v2";

body {
	background-color:	#e9e6c9;
	background-image:	url("../images/background.png");
	background-size:	20px 185px;
	background-position:0 0;
	background-repeat:	repeat-x;
	color:				#303620;
	margin:				0;
	text-align:			center;
}
body#imageupload {
	background-image:	none;
	text-align:			left;
	overflow:			hidden;
}

a:link, a:visited {
	color:				#515741;
	font-weight:		600;
	text-decoration:	none;
}
a:hover, a:active {
	color:				#000;
	font-weight:		600;
	text-decoration:	underline;
}

#page {
	position:			relative;
	width:				calc(100% - max(50px, env(safe-area-inset-left) + env(safe-area-inset-right)));
	max-width:			800px;
	margin:				0 auto;
	padding:			0 20px;
	text-align:			left;
}
#header {
	position:			relative;
	width:				100%;
	height:				100px;
}
#categories, #sidebar {
	position:			absolute;
	top:				5px;
	left:				0;
	width:				150px;
	font-weight:		600;
	text-align:			left;
}
#categories, s, strike {
	color:				#a3a383;
}
#content {
	position:			relative;
	width:				100%;
	max-width:			800px;
	margin:				20px 0 0 0;
}
#main {
	margin:				0 0 0 180px;
}

/* headers \*/

#header h1 {
	position:			absolute;
	bottom:				36px;
	left:				-4px;			
	width:				139px;
	height:				28px;
	margin:				0;
}
#header h1 a, #header h1 b {
	display:			block;
	background-image:	url("../images/nav.png");
	background-size:	703px 28px;
	background-position:0 0;
	background-repeat:	no-repeat;
	top:				0;
	left:				0;			
	width:				139px;
	height:				28px;
	text-indent:		-9999px;
	overflow:			hidden;
	margin:				0;
}

#header h2 {
	display:			none;
}

h3.header {
	font-size:			2.0em;
	line-height:		95%;
	text-transform:		lowercase;
	color:				#4d513d;
	margin:				0 5px 0 0;
	display:			inline-block;
}
body.install h3 {
	text-transform:		lowercase;
	color:				#4d513d;
}

h3.findasite_h, h3.recentsiteupdates_h, h3.upcomingevents_h, 
h3.recentcomments_h, h3.signin_h, h3.siteeditor_h {
	font-size:			1.5em;
	margin:				0 0 10px 0;
}
h3.searchresults_h {
	font-size:			1.5em;
	margin:				0 0 3px 0;
}

h3.categories_h {
	float:				left;
}
h3.category_h {
	float:				left;
}

/* navigation \*/

#nav {
	position:			absolute;
	bottom:				36px;
	left:				173px;
}
#nav-extra {
	position:			absolute;
	bottom:				36px;
	right:				-7px;
}
#nav ul, #nav-extra ul {
	margin:				0;
	padding:			0;
	list-style-type:	none;
}
#nav li, #nav-extra li {
	display:			block;
	margin:				0;
	padding:			0;
	float:				left;
}
#nav a, #nav b, #nav-extra a, #nav-extra b {
	background-image:	url("../images/nav@2x.png");
	background-repeat:	no-repeat;
	background-size:	703px 28px;
	display:			block;
	height:				28px;
	text-indent:		-9999px;
	overflow:			hidden;
	margin:				0;
}
#nav a:hover, #nav a:active, #nav-extra a:hover, #nav-extra a:active {
	opacity:			0.8;
}
#nav b, #nav-extra b {
	opacity:			0.4;
}

a.entries, b.entries {
	background-position:-139px 0;
	width:				63px;
}
a.files, b.files {
	background-position:-202px 0;
	width:				44px;
}
a.orders, b.orders {
	background-position:-246px 0;
	width:				65px;
}
a.options, b.options {
	background-position:-311px 0;
	width:				71px;
}
a.account, b.account {
	background-position:-382px 0;
	width:				76px;
}
a.users, b.users {
	background-position:-458px 0;
	width:				54px;
}
a.sites, b.sites {
	background-position:-512px 0;
	width:				47px;
}
a.viewsite {
	background-position:-559px 0;
	width:				36px;
}
a.help, b.help {
	background-position:-595px 0;
	width:				36px;
}
a.settings {
	background-position:-631px 0;
	width:				36px;
}
a.signout {
	background-position:-667px 0;
	width:				36px;
}

.copyright {
	color:				#a3a383;
}
#footer, #mediumfooter, #largefooter, #setupfooter {
	position:			relative;
	background-image:	url("../images/divider.png");
	background-size:	10px 2px;
	background-position:0 10px;
	background-repeat:	repeat-x;
	color:				#a3a383;
	padding:			22px 0 20px 0;
	margin:				0 180px 20px 180px;
	overflow:			hidden;
	clear:				both;
}
#mediumfooter {
	max-width:			620px;
	margin-right:		0;
}
#largefooter, #page.help-full #mediumfooter, #setupfooter {
	max-width:			800px;
	margin-left:		0;
	margin-right:		0;
}

/* other general tags \*/

fieldset.inlineselect {
	margin:				0 0 3px 0;
}
fieldset.pad {
	margin:				0 0 10px 0;
}
fieldset.padtop {
	margin:				15px 0 0 0;
}
input, textarea {
	margin:				0;
	padding:			3px;
	box-sizing:			border-box;
}
input[type="file"] {
	margin:				2px 0;
	padding:			0;
	border-width:		0;
}

code, pre {
	color:				#8c8c69;
}

#search input, #editfolders input {
	margin:				0 0 5px 0;
}
#search.searchcontent input {
	margin-bottom:		0;
}
#search {
	margin-top:			10px;
}
#search.searchcontent {
	margin:				0;
}
input.search {
	width:				100%;
	max-width:			340px;
}
#juneform fieldset.juneuser input, #juneform fieldset.password input {
	width:				100%;
}

.signin .itemlist a, #categories-list .category a, #categories-list .category span {
	display:			inline-block;
	max-width:			150px;
	overflow-x: 		hidden;
	text-overflow:		ellipsis;
	white-space:		nowrap;
}

/* field sizing \*/

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

input.tiny {
	width:				30px;
}
input.mini, fieldset.color input {
	width:				64px;
}
fieldset .medium {
	width:				calc(50% - 8px);
}
input.large, textarea.large,
fieldset .one .medium, fieldset .two .medium,
fieldset .smallone .small, fieldset .smalltwo .small, 
fieldset .smallthree .small, fieldset .smallfour .small {
	width:				100%;
}

/* other form elements \*/

td input[type="text"] {
	width:				calc(100% - 4px);
}
.checkbox {
	width:				14px;
	height:				14px;
}
fieldset label, fieldset .label {
	position:			relative;
	margin:				2px 0 0 0;
}
fieldset.label label, fieldset.label .label,
fieldset.checkboxes label, fieldset.checkboxes .label {
	display:			inline;
	vertical-align:		middle;
	margin:				0 10px 0 0;
}
fieldset.inlineselect label, fieldset.inlineselect .label, .inlineselect select {
	display:			inline;
	vertical-align:		middle;
	margin:				0;
}
fieldset .float {
	float:				left;
}
fieldset.side input, fieldset.side select, fieldset.side span,
.label input, .label select, .label span,
.checkboxes input, .checkboxes select, .checkboxes span,
.inlineselect input, .inlineselect select {
	vertical-align:		middle;
	margin-right:		2px;
}
fieldset.setdate select, fieldset.setdate span {
	margin-right:		4px;
}
fieldset.side input, fieldset.side select, fieldset.side span, fieldset.side div.data,
fieldset.setdate select, fieldset.setdate span {
	margin-bottom:		5px;
}
fieldset.side label, fieldset.side .label {
	margin-top:			-3px;
}
fieldset.setdate span.time {
	white-space:		nowrap;	
}
.label span#manualdatelink, label span#manualpagelink,
.label span.parenthesis, label span.parenthesis {
	font-weight:		normal;
	vertical-align:		baseline;
	margin-right:		0;
}
fieldset select#timezonename {
	max-width:			200px;
}
.setup-settings, .setup-options {
	margin:				15px 0 0 0;
}
.setup-options input {
	margin:				1px 10px 10px 0;
	float:				left;
	clear:				left;
}
.above {
	margin:				0 0 5px 0;
}
.below {
	margin:				2px 0 0 0;
}
.clear {
	clear:				both;
}
#imageupload .message {
	margin:				0 0 5px 0;
}
.pages {
	margin:				0 0 10px 0;
	clear:				both;
}
.pages.bottom {
	margin:				15px 0 5px 0;
}
.section {
	position:			relative;
}
.section, .section.line {
	margin:				0 0 5px 0;
}
.section.pad {
	margin-top:			15px;
}
.notfound {
	clear:				both;
}
.setuperror {
	color:				#be3428;
	margin-bottom:		15px;
}

/* private and archived items \*/

div.private, td.private, tr.private td, tr.archived {
	color:				#a3a383;
}
div.private img {
	opacity:			0.8;
}
div.private .title a:link, div.private .title a:visited,
div.private .text a:link, div.private .text a:visited,
td.private a:link, td.private a:visited,
tr.private td.name a:link, tr.private td.name a:visited,
tr.private td.size a:link, tr.private td.size a:visited,
tr.private td.date a:link, tr.private td.date a:visited,
tr.archived td.user a:link, tr.archived td.user a:visited,
tr.archived td.title a:link, tr.archived td.title a:visited {
	color:				#acad8b;
}
div.private .title a:hover, div.private .title a:active,
div.private .text a:hover, div.private .text a:active,
td.private a:hover, td.private a:active,
tr.private td.name a:hover, tr.private td.name a:active,
tr.private td.size a:hover, tr.private td.size a:active,
tr.private td.date a:hover, tr.private td.date a:active,
tr.archived td.user a:hover, tr.archived td.user a:active,
tr.archived td.title a:hover, tr.archived td.title a:active {
	color:				#000;
}

/* sections on main page \*/

#forms {
	position:			absolute;
	top:				0;
	left:				0;
	width:				150px;
	padding-bottom:		20px;
	text-align:			left;
}
#entries {
	margin:				0 180px 0 180px;
}
#commentsection  {
	position:			absolute;
	top:				0;
	right:				0;
	width:				150px;
	padding-bottom:		20px;
}
#entries p, #commentsection p {
	margin-bottom:		0;
}

/* entries on main page \*/

.item, .line, .months, .folderlist {
	position:			relative;
	background-image:	url("../images/divider.png");
	background-size:	10px 2px;
	background-position:0 14px;
	background-repeat:	repeat-x;
	width:				100%;
	margin:				0 0 2px 0;
	border:				none;
	padding:			30px 0 0 0;
	overflow:			hidden;
	clear:				both;
}
body.install .line {
	background-position:0 10px;
	padding-top:		20px;
}
.item.first-item {
	padding-top:		20px;
	background-position:0 4px;
}
.months {
	padding:			20px 0 13px 0;
	background-position:0 4px;
}
.noline {
	padding-top:		0;
	background-image:	none;
}

.itemheader, .itemheadernoedit {
	position:			relative;
	margin:				0 0 10px 0;
}
.itemheader:last-child, .itemheadernoedit:last-child {
	margin-bottom:		0;
}
.item .image {
	width:				202px;
	text-align:			right;
	margin:				0 13px 13px 0;
	float:				left;
}

.recentupdate .image, .commententry .image {
	width:				150px;
	margin-bottom:		0;
}
.recentupdate .hasimage, .commententry .hasimage {
	margin-left:		165px;
}
.item .text .image {
	width:				auto;
}
.item select {
	max-width:			100%;
}

/* buttons general \*/

div.header-buttons {
	margin:				8px 0 0 0;
	float:				left;
}
table.productformats div.header-buttons {
	margin-top:			3px;
}
a.button, span.disabled {
	font-size:			0.65em;
	font-weight:		bold;
	line-height:		100%;
	text-transform:		uppercase;
	text-decoration:	none;
	color:				#e7e7e5;
	background-color:	#4d513d;
	border-radius:		10px;
	margin:				0 5px 5px 0;
	padding:			4px 9px 4px 9px;
	display:			inline-block;
}
a.button:hover {
	text-decoration:	none;
	box-shadow:			0 0 10px #fff;
}
a.button:active {
	text-decoration:	none;
	color:				#b2b2ad;
	background-color:	#36382c;
	padding:			5px 9px 3px 9px;
	box-shadow:			0 0 10px #fff;
}
span.disabled {
	background-color:	#999a80;
	cursor:				default;
	-webkit-touch-callout:	none;
	-webkit-user-select:	none;
	-khtml-user-select:	none;
	-moz-user-select:	none;
	-ms-user-select:	none;
	user-select:		none;
}

/* buttons specific \*/

a.signin_b {
	margin:				5px 0 0 0;
	clear:				both;
}
a.search_b {
	margin:				2px 0 0 0;
}

a.new_entries_b, a.new_comments_b, a.new_files_b, #main a.new_categories_b, 
a.new_templates_b, a.new_sites_b, a.new_users_b, a.new_products_b,
a.new_orders_b, a.new_formats_b, a.new_metadata_b {
	float:				left;
}
a.edit_files_b, a.edit_folders_b, span.edit_folders_b,
.categories a.edit_categories_b, a.edit_users_b, a.edit_sites_b, a.edit_orders_b {
	margin:				auto 0;
}
#categories a.edit_categories_b, #categories span.edit_categories_b {
	margin:				0 0 10px 0;
}
#categories a.new_folders_b {
	margin:				5px 0 0 0;
}
a.save_entry_b, a.save_file_b, a.save_folder_b, a.save_categories_b, 
a.save_category_b, a.save_general_b, a.save_store_b, a.save_fonts_b, a.save_themes_b,
a.save_template_b, a.save_comment_b, a.save_account_b, a.save_site_b,
a.save_user_b, a.save_order_b, a.save_product_b, a.save_metadata_b {
	float:				left;
}
a.delete_entry_b, span.delete_entry_b, 
a.delete_file_b, span.delete_file_b,
a.delete_folder_b, span.delete_folder_b,
a.delete_category_b, span.delete_category_b,
a.delete_template_b, span.delete_template_b,
a.delete_comment_b, span.delete_comment_b,
a.delete_site_b, span.delete_site_b,
a.delete_user_b, span.delete_user_b,
a.delete_order_b, span.delete_order_b,
a.delete_product_b, span.delete_product_b,
a.delete_comments_b, span.delete_comments_b {
	float:				left;
}
a.delete_metadata_b, span.delete_metadata_b, 
a.delete_categories_b, a.delete_formats_b, span.delete_formats_b,
a.delete_contributors_b, a.delete_items_b {
	margin:				auto 0;
}
a.preview_entry_b, span.preview_entry_b, 
a.preview_product_b, span.preview_product_b {
	float:				left;
}
a.validate_entry_b, span.validate_entry_b,
a.validate_product_b, span.validate_product_b {
	float:				left;
}
a.revert_entry_b, span.revert_entry_b,
a.revert_product_b, span.revert_product_b {
	float:				left;
}
a.divider_categories_b {
	float:				left;
}

/* tables common \*/

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.tags {
	width:				100%;
	border:				none;
	margin:				0;
	padding:			0;
	clear:				both;
}
table.usersandsites, table.contributors, table.orders, table.orderitems, table.spamfilters {
	width:				100%;
}
table.files tr, table.folders tr, table.categories tr, table.categorytemplates tr, 
table.usersandsites tr, table.contributors tr, table.orders tr, table.orderitems tr, 
table.spamfilters tr, table.products tr, table.productformats tr, table.metadata tr, 
table.tags tr {
	border:				none;
}
table.files th, table.folders th, table.categories th, table.categorytemplates th, 
table.usersandsites th, table.contributors th, table.orders th, table.orderitems th, 
table.spamfilters th, table.products th, table.productformats th, table.metadata th, 
table.tags th {
	border:				none;
	padding:			0 4px 4px 4px;
}
table.files td, table.folders td, table.categories td, table.categorytemplates td, 
table.contributors td, table.orders td, table.orderitems td, table.spamfilters td, 
table.products td, table.productformats td, table.metadata td, table.tags td {
	border:				none;
	padding:			4px;
}
table.usersandsites td {
	border:				none;
	padding:			6px 8px;
}
table.files .alternate td, table.folders .alternate td, table.categories .alternate td, 
table.categorytemplates .alternate td, table.usersandsites .alternate td, 
table.contributors .alternate td, table.orders .alternate td, 
table.orderitems .alternate td, table.spamfilters .alternate td, 
table.products .alternate td, table.productformats .alternate td, 
table.metadata .alternate td, table.tags td, .dragalternate {
	background-color:	#dfddbf;
}
table.tags .alternate td {
	background-color:	#e9e6c9;
}
table.files th.edit, table.files td.edit,
table.categories th.edit, table.categories td.edit,
table.usersandsites th.edit, table.usersandsites td.edit,
table.orders th.edit, table.orders td.edit, 
table.products td.edit {
	font-size: 			1.0em;
	width:				48px;
}
table.categories th.edit, table.categories td.edit,
table.usersandsites th.edit, table.usersandsites td.edit,
table.orders th.edit, table.orders td.edit, 
table.products td.edit, table.productformats td.delete,
table.metadata td.delete {
	padding-right:		0;
}
table.productformats th.delete {
	font-size: 			1.0em;
}
table.productformats td.delete, table.metadata td.delete,
table.contributors td.delete, table.orderitems td.delete {
	font-size: 			1.0em;
	width:				60px;
}
table.files td.name, table.folders td.name, table.categorytemplates td.name,
table.orderitems td.name, table.spamfilters td.site, table.products td.title {
	font-size: 			0.85em;
}
table.usersandsites td.user span, table.contributors td.user span, 
table.orders td.name span, table.tags td.name a {
	font-size: 			1.2em;
}
table th.dollar, table td.dollar {
	text-align:			right;
	padding-right:		0;
}

/* embedded index \*/

.item .entry-text div div.files {
	margin-bottom:		10px;
}
.item .entry-text div div.file {
	margin-bottom:		0;
}
div.files h3 span.downloaddetails {
	font-size:			0.85em;
	font-weight:		normal;
}
div.files p {
	margin-bottom:		0;
}

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

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

	body {
		background-image:	url("../images/background@2x.png");
	}
	#header h1 a, #header h1 b {
		background-image:	url("../images/nav@2x.png");
	}
	#footer, #mediumfooter, #largefooter, #setupfooter {
		background-image:	url("../images/divider@2x.png");
	}
	.item, .line, .months, .folderlist {
		background-image:	url("../images/divider@2x.png");
	}
	.noline {
		background-image:	none;
	}

}

/* stop hiding from internet explorer for mac */