/** Created for buttercream-df child theme, uses mods to epicuriously.com.au, with extra mods added by me as per comment below (priority for post-comment inherit value, lines 42, 102 and 175). Does not contain any edits to .navbar settings to resolve bugs as these were done in the child style.css file
* Version date: 21 May 2012
* Dependencies: Buttercream parent media.css */

@media only screen and (min-width: 1200px) {
	#page {
		margin: 0 auto;
		padding: 30px 0 0;
		width: 900px;
	}
	#masthead hgroup {
		width: 100%;
	}
	#main {
		width: 100%;
	}
	#content {
		float: left;
		width: 655px;
	}
	#header-menu ul.menu ul {
		bottom: auto;
		top: 100% !important;
	}
	#header-menu ul.menu li > ul {
		margin: -1.5px 0 0 0;
	}
	#header-menu ul.menu ul ul {
		bottom: auto !important;
		top: 1px !important;
	}
	#sidebar-right {
		float: right;
		margin: 0 20px;
		padding: 0;
		width: 200px;
	}
	a.post-edit-link,
	a.comment-edit-link,
	.search .page a.post-edit-link {
		left: 0;
		right: inherit !important; /*added priority to stop edit box going too wide on larger screens*/
		margin: 70px 0 0 -35px;
	}
	a.comment-edit-link {
		margin: 0 0 0 -35px;
	}
	.main-navigation {
		width: 900px;
	}
	.navbar {
		bottom: inherit;
		top: 0;
	}
	.post-date {
		left: -65px;
		right: inherit;
	}
	.sidebars {
		width: 900px;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {

	#page {
		margin: 0 auto;
		padding: 30px 0 0;
		width: 900px;
	}
	#masthead hgroup {
		width: 100%;
	}
	#main {
		width: 100%;
	}
	#content {
		float: left;
		width: 655px;
	}
	#header-menu ul.menu ul {
		bottom: auto;
		top: 100% !important;
	}
	#header-menu ul.menu li > ul {
		margin: -1.5px 0 0 0;
	}
	#header-menu ul.menu ul ul {
		bottom: auto !important;
		top: 1px !important;
	}
	#sidebar-right {
		float: right;
		margin: 0 20px;
		padding: 0;
		width: 200px;
	}
	a.post-edit-link,
	a.comment-edit-link,
	.search .page a.post-edit-link {
		left: 0;
		right: inherit !important; /*added priority to stop edit box going too wide on larger screens*/
		margin: 70px 0 0 -35px;
	}
	a.comment-edit-link {
		margin: 0 0 0 -35px;
	}
	.main-navigation {
		width: 900px;
	}
	.navbar {
		bottom: inherit;
		top: 0;
	}
	.post-date {
		left: -65px;
		right: inherit;
	}
	.sidebars {
		width: 900px;
	}

}

@media only screen and (min-width: 608px) and (max-width: 1000px) {
	#page {
		margin: 25px auto;
		padding: 30px 0 0;
		width: 100%;
	}
	.navbar {
		bottom: inherit;
		top: 0;
	}
}

@media only screen and (min-width: 700px) and (max-width: 1000px) {

	#page {
		margin: 25px auto;
		padding: 30px 0 0;
		width: 100%;
	}
	#masthead hgroup {
		width: 100%;
	}
	#main {
		width: 700px;
	}
	#content {
		float: left;
		width: 475px;
	}
	#header-menu ul.menu ul {
		bottom: auto;
		top: 100% !important;
	}
	#header-menu ul.menu li > ul {
		margin: -1.5px 0 0 0;
	}
	#header-menu ul.menu ul ul {
		bottom: auto !important;
		top: 1px !important;
	}
	#sidebar-right {
		float: right;
		margin: 0 20px;
		padding: 0;
		width: 180px;
	}
	a.post-edit-link,
	a.comment-edit-link,
	.search .page a.post-edit-link {
		left: 0;
		right: inherit !important; /*added priority to stop edit box going too wide on larger screens*/
		margin: 70px 0 0 -35px;
	}
	a.comment-edit-link {
		margin: 0 0 0 -35px;
	}
	.main-navigation {
		width: 600px;
	}
	.navbar {
		bottom: inherit;
		top: 0;
	}
	.post-date {
		left: -65px;
		right: inherit;
	}
	.sidebars {
		width: 600px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 608px) {
	#page {
		margin: 25px auto;
		padding: 30px 0 0;
		width: 100%;
	}
	#main {
		border-left: 0 none;
		border-right: 0 none;
	}
}