/**
* 1.1 Boxes.
*/
.bg-box {
	margin-bottom: 20px;
}

.bg-box-top {
	background: #fff;
	border: 1px solid #e1e1e1;
	padding: 10px;
	font-weight: bold;
}

.bg-box-bottom {
	border: 1px solid #e1e1e1;
	border-top: 0px;
	background: #fbfbfb;
	padding: 10px;
}

.bg-box-bottom > p:first-child {
	margin-top: 0px;
}

.bg-box-bottom.premium {
	border-left: 4px solid #46b450;
}

.bg-box-bottom.premium .button-success,
.postbox .premium .button-success {
	float: right;
	margin: 0px 0px 10px 10px;
}

.postbox .premium {
	border-left: 4px solid #46b450;
	background: #fbfbfb;
	border-top: 1px solid #e1e1e1;
	padding: 10px;
}

/**
* 1.2 Left navigation.
*
* Similar to Inspirations' left nav for categories.
*/
.bg-left-nav {
	margin: 0px;
	border: 1px solid #e1e1e1;
}

/* Nav menu items cannot be clicked until the page has loaded and event listeners added. Change the
   cursor to a wait, and remove the before-ready class when the page is loaded. */
.bg-left-nav.bg-before-ready li {
	cursor: wait;
}

.bg-left-nav li {
	padding: 5px 0px 5px 10px;
	margin: 0px;
	background: #fff;
	cursor: pointer;
}

.bg-left-nav li:hover,
.bg-left-nav .active {
	background: #0073aa;
	color:#fff;
}

.bg-left-nav li {
	-webkit-transition: background-color .3s linear, color .3s linear;
	-moz-transition: background-color .3s linear, color .3s linear;
	-o-transition: background-color .3s linear, color .3s linear;
	-ms-transition: background-color .3s linear, color .3s linear;
	transition: background-color .3s linear, color .3s linear;
}

/**
* 1.3 Columns
*
* #col-container, #col-left, #col-right taken from Posts > Categories page.
*/
#col-container {
	margin-top: 20px;
}

#col-container h2:first-child {
	margin-top: 0px;
}

#col-left {
	max-width: 180px;
}

#col-right {
	width: calc(100% - 180px - 20px);
}

/**
* 1.4 Misc
*/
.button.button-success {
	border-color: darkgreen;
	box-shadow: 0 1px 0 darkgreen;
	background: green;
	color: #fff;
}
.button.button-success:hover,
.button.button-success:focus {
	border-color: green;
	box-shadow: 0 1px 0 green;
	background: #009900;
	color: #fff;
}

/* Add a primary page title action. */
.wrap .page-title-action-primary {
	border-color: #0073aa #006799 #006799;
    background: #0085ba;
    color: #fff;
}
.wrap .page-title-action-primary:hover {
	border-color: #006799;
    background: #008ec2;
    color: #fff;
}

/**
* 1.5 Media queries
*/
@media screen and ( max-width: 782px ) {
	#col-left,
	#col-right {
		max-width: none;
		width: inherit;
	}
	
	#col-left {
		margin-bottom: 20px;
	}
}