/*
 * Basic Styling for the site
 */

 
strong
{
	color:#900;
}

b
{
	color:#000000;
}

 
body
{
	color:#5d5e57;
}

a
{
	color:#06c;
}

a:hover
{
	background:#06c;
	color:#fff;
	text-decoration:none;
}

h2 {
	color:#4b0000;
}

h3 {
	color:#4b0000;
}

h1
{
	margin-top:.5em;
	font-size:161.6%;
	font-weight:normal;
}

/*
 * Style for the site header and footer
 */

#container
{
	text-align:left;
}

#header
{
	position:relative;
	height:74px;
	margin-bottom:10px;
	background:url(/images/header-background.png) repeat-x center top;
}

#header h1
{
	position:relative;
	height:74px;
	margin:0;
}

#header h1 a
{
	position:absolute;
	top:10px;
	left:50px;
	display:block;
	width:163px;
	height:37px;
	background:url(/images/mixpo-logo.gif) no-repeat;
	text-decoration:none;
	text-indent:-2000px;
	overflow:hidden;
}

#header h1 span
{
	position:absolute;
	top:40px;
	left:170px;
	text-transform:uppercase;
	color:#b9d305;
	font-weight:bold;
	font-size:77%;
}

#header ul
{
	position:absolute;
	top:25px;
	right:50px;
	width:60%;
	margin:0;
}

#header ul li
{
	float:right;
	display:block;
	list-style-type:none;
}

#header ul li a
{
	display:block;
	height:14px;
	padding:3px 0 3px 0;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:93%;
}

#header ul li#signinControl { width:84px; }
#header ul li#signinControl a { width:84px; background:url(/images/navigation.gif) no-repeat 0 0; }
#header ul li#signinControl a:hover { background-position:0 -30px; }

#header ul li#welcome { width:250px; padding:3px 12px 3px 3px; text-align:right; }

#header ul li#studioControl { width:90px; }
#header ul li#studioControl a { width:90px; background:url(/images/navigation.gif) no-repeat -93px 0; }
#header ul li#studioControl a:hover { background-position:-93px -30px; }

#header ul li#settingsControl { width:81px; }
#header ul li#settingsControl a { width:81px; background:url(/images/navigation.gif) no-repeat -161px 0; }
#header ul li#settingsControl a:hover { background-position:-161px -30px; }

#header ul li#signoutControl { width:84px; }
#header ul li#signoutControl a { width:84px; background:url(/images/navigation.gif) no-repeat -245px 0; }
#header ul li#signoutControl a:hover { background-position:-245px -30px; }

#footer
{
	clear:both;
	height:87px;
	margin-top:20px;
	padding-top:10px;
	background:url(/images/footer-background.png) repeat-x;
	text-align:center;
}

#footer ul
{
	width:720px;
	margin:auto;
}

#footer p
{
	height:30px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:30px;	
}


#footer ul li
{
	display:inline;
}

#footer ul li a
{
	float:left;
	display:block;
	width:100px;
	margin:0 4px 0 4px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px;
	background:#b3b5a9 url(/images/footer-link-background.png) repeat-x;
	text-decoration:none;
	color:#fff;
}

#content
{
	width:974px;
	margin:auto;
	font-size:114%;
}

#breadcrumbs
{
	font-weight:bold;
	font-size:93%;
}

/*
 * Style for thumbnails that appear throughout the site
 */
ul.thumbnails
{
	margin:0;
	padding:0;
}
 
ul.thumbnails li
{
	float:left;
	width:110px;
	margin:0 10px 20px 10px;
	overflow:hidden;
	list-style-type:none;
	list-style-image:none;
	font-size:85%;
	font-weight:bold;
	text-align:center;
}

ul.thumbnails li a
{
	display:block;
	height:50px;	
	padding:75px 5px 5px 5px;
	background-position:15px 10px;
	background-repeat:no-repeat;
	background-color:#fff;
}

* html ul.thumbnails li a:hover
{
	background-position:15px 10px;
	background-repeat:no-repeat;
	background-color:#fff;
}

.employee
{
	color:#909;
}

/**********************************************
 * Browser Hacks
 **********************************************/
 
/*
 * Prevents container divs from colapsing when containing floats
 */
.contain:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .contain {height:1%;}
.contain {display:block;}

/*
 * FireFox hack to make Flash fill full height of javascript resized div
 */
#player
{
	height:100%; 
}