.break
{
	float: none;
	clear: both;
}

body
{
	background-color: #131313;

	font-family: "Open Sans", sans-serif;
}

#background
{
}
#background-overlay
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -100;

	background-color: rgba(255, 255, 255, 0.05);
}

#container
{
	margin: 90px auto;
	margin-bottom: 0px;

	width: 980px;
}

#side
{
	float: right;

	width: 250px;
}

#logo a
{
	background-image: url("/images/logo_250.png");
	height: 177px;
	width: 250px;

	display: block;
}

.menu
{
	margin-top: 21px;
}

.menu ul
{
	list-style: none;

	padding: 0;
	margin: 0;
}
.menu ul li
{
	margin-bottom: 7px;
}

.menu a
{
	color: #FF7A00;

	display: block;

	padding: 7px 9px;

	line-height: 20px;
	font-size: 20px;
	text-decoration: none;

	border-style: solid;
	border-width: 1px;
	border-color: transparent;

	background-color: rgba(0, 0, 0, 0.9);
}
.menu a:hover, .menu li.current a
{
	border-color: #FFE0A1;
}

.menu.menu-toggle
{
	position: relative;
}
.menu-toggle-item a
{
	padding-left: 2.5em;
	text-align: right;
}

.menu-toggle-item a:before {
	content: "";
  	position: absolute;
  	left: 0.5em;
  	top: 0.35em;
  	width: 1.5em;
  	height: 0.2em;
  	background: #FF7A00;
  	box-shadow:
    	0 0.4em 0 0em #FF7A00,
    	0 0.85em 0 0em #FF7A00;
}
.menu-toggle-item:hover a:before {
	content: "";
  	position: absolute;
  	left: 0.5em;
  	top: 0.35em;
  	width: 1.5em;
  	height: 0.2em;
  	background: #FFFFFF;
  	box-shadow:
    	0 0.4em 0 0em #FFFFFF,
    	0 0.85em 0 0em #FFFFFF;
}

#content
{
	margin-right: 420px;
}

#content .content-box,h2,h3
{
	padding: 7px 9px;

	color: #FF9F00;

	border-color: transparent;
	border-style: solid;
	border-width: 0px;


	background-color: rgba(0, 0, 0, 0.8);
}

#content h2,h3
{
	color: #FF7A00;
}

#content .content-box
{
	padding: 14px;
	line-height: 1.4em;

	text-align: left;
}


#content .content-box ul
{
	margin: 0;
	padding: 14px;
	margin-left: 10px;
}

#content .content-box ul li
{
	margin-bottom: 7px;
}

#content .content-box a
{
	text-decoration: underline;

	color: #FF7A00;
}
#content .content-box a:hover
{
	text-decoration: none;
}

#content .content-box .portrait-box
{
	float: right;
	margin-top: -14px;
	margin-right: -14px;

	margin-left: 14px;

}

#content .contact-box, .citation.bottom
{

	position:fixed;
	bottom: 90px;
}

#content .contact-box .content-box,h2
{
	padding-right: 200px;
}

#content .citation .content-box
{
	padding-right: 60px;

	font-size: 1.2em;
}

#content span.course_next
{
	display: block;
	margin: 7px 0px 15px 30px;
	font-style: italic;
}
#content span.course_next.last
{
	margin-bottom: 30px;
}

/*
 * Reactive Design
 */
@media only screen and (max-width: 990px)
{
	#container
	{
		width: inherit;
		margin: 90px 21px;
	}

	#content
	{
		margin-right: 271px;
	}
}

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

	#side {
		float: none;
		width: 100%
	}

	#content {
		margin-left: 0;
		width: 100%;
	}

	#content .contact-box, .citation.bottom
	{
		position:inherit;
	}

	#content
	{
		padding-top: 42px;
	}

	#logo
	{
		float: left;
		margin-right: 21px;
	}

	.menu
	{
		margin-left: 271px;
	}
}

@media only screen and (max-width: 563px)
{
	#logo
	{
		float: none;
	}

	.menu
	{
		margin-left: 0px;
	}
}

/*@media only screen and (max-width: 500px) {

	#content .content-item.artist-heads {
		width: 314px;
		margin: 0 auto;
	}
}

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

	#content .content-item.artist-heads {
		width: 157px;
		margin: 0 auto;
	}
}

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

	#side .date {
		font-size: 24px;
	}

	#content .content-item .artist-name {
		line-height: 22px;
	}

}

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

	#footer a.sat_logo_long {
		width: 100%;
		height: 53px;

		background-size: 100%;
	}
}*/