/* Supplemental style sheet for School of Theatre Site */

a, a:visited {
	color: #A0005F;
}
#leftnav li a.selected, #leftnav li a.selected:visited{background:none #a8985f }
#leftnav .level2 li a.selected, #leftnav .level2 li a.selected:visited{background:none #a8985f }
#leftnav .level3 li a.selected, #leftnav .level3 li a.selected:visited{background:none #a8985f }

#breadcrumb {
	background: #A0005F;
	color: #BEB287;
}

#breadcrumb a, #breadcrumb a:visited {
	color: #BEB287;
}

#leftcol h2 {
	background: #A0005F;
}

h1.inner, h1 {
	color: #A0005F;
}

#content h2.orangebanner{background: #a8985f}

/* Leftnav Capitol Theatre link */
#leftnav .autumn, #leftnav .autumn:visited {background: #9f5a00; color: #fff}
#leftnav .spring, #leftnav .spring:visited {background: #000d7e; color: #fff}
#leftnav .summer, #leftnav .summer:visited {background: #e35100; color: #fff}

/* Home page */
#homecols h2 {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 2px 5px 2px 5px;
	background: #b0006c url(/images/theatre/home_h2.gif) repeat-x;
}

#homecols h2 a, #homecols h2 a:visited {
	color: #fff;
}

#homecourses {
	width: 198px;
	float: left;
}

#homecourses {
	width: 198px;
	float: left;
	margin-right:18px
}

#homenews {
	width: 198px;
	float: left;
	margin-right:18px
}

#homecapitol {
	width: 198px;
	float: left;
}

#homeads {
	clear: both;
	padding-top: 8px;
}

#homeads #ad1 {margin-right:18px}
#homeads #ad2 {margin-right:18px}

.homeitem {
	padding: 0.5em 0 0.5em 0;
	background: url(/images/theatre/homeitem.gif) repeat-x bottom;
}
#homecols .last {
	background: none;
}
.homeitem p {margin: 0;}
#homecols .homeitem h3 {margin: 0;}

/* About */
#aboutlogos {
	text-align: center;

}
#aboutlogos p {
	font-size: 90%;
	padding-bottom: 20px;
	color: #04226C;
}
#aboutlogos a, #aboutlogos a:visited {color: #04226C;}

/* Courses */
#coursedescription h2, #contentleft #entryrequirements h2, #contentleft #coursefees h2 {color: #A0005F}
#contentright #entryrequirements  {border: 1px solid #A0005F;}
#contentright #entryrequirements h2 {background: #A0005F;}
#entryrequirements dt {color: #A0005F}
#unitslist h2 {color: #A0005F;}
#graduatequote {margin-bottom: 1.5em;}

/* News */
#news {
	background: #fff url(/images/theatre/homeitem.gif) repeat-x top;
	padding: 2px 0 1em 0;
}
.newsitem {
	background: #fff url(/images/theatre/homeitem.gif) repeat-x bottom;
	padding: 7px 0 7px 0;
}
#content .newsitem h3{font-size:100%;margin:0;}
.newsitem p{margin:0;}
.newsitem img{float:left;margin-left:8px;}

/* Copy from news.css */
.newsthumb {
	padding: 0;
	min-height: 75px;
	height: auto !important; /* min height fix http://www.constile.org/tips/min-height/ */
	height: 75px;
}

.newsthumb img {
	padding: 5px 0;
	height: 60px;
}
.newsthumb h3 {
	padding-top: 10px;
	padding-left: 110px;
}
.newsthumb p {
	padding-left: 110px;
	padding-bottom: 10px;
}

/* Contact Us */
#contactus dt {
	font-weight: bold;
}

/* Auditions */
.payonline {
	text-align: center;
	padding: 0.8em 0;
}

.payonline a {
	font-weight: bold;
	border: 1px solid #A0005F;
	padding: 2px 5px;
}

.payonline a:hover{
	text-decoration: none;
	background: #A0005F;
	color: #fff;
}


/* Production photographs */
.photothumb {
	float: left;
	height: 160px;
	width: 160px;
	padding-top: 10px;
	background: #fff url(/images/theatre/homeitem.gif) repeat-x top;
}
.photodesc {
	float: left;
	height: 160px;
	width: 150px;
	padding-top: 10px;
	background: #fff url(/images/theatre/homeitem.gif) repeat-x top;
}

/* Student profiles */
.headsmall {
	float: left;
	height: 110px;
	width: 90px;
	padding-top: 10px;
	background: #fff url(/images/theatre/homeitem.gif) repeat-x top;
}

.headname {
	float: left;
	height: 110px;
	width: 102px;
	padding-top: 10px;
	background: #fff url(/images/theatre/homeitem.gif) repeat-x top;
}

.headname p {
	padding-top: 70px;
}

body#cv #content {
	padding: 0;
}

#cvhead {
	margin-top: 2px;
	background: #000;
	height: 187px;
	color: #fff;
}

#cvhead img {
	float: left;
	padding-right: 80px;
}

#cvhead h1 {
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding-top: 1.5em;
}


#cvhead a, #cvhead a:hover {
	color: #fff;
}

#cvhead table {
	border-spacing: 0;
}

#cvhead th {
	background: #000;
	color: #BEB287;
	width: 8em;
}

#cvdetails {
	background: #fff url(/images/theatre/homeitem.gif) repeat-x bottom;
	padding: 0.5em 0;
}

#cvdetails h2 {
	position: absolute;
	left: 10px;
}

#cvdetails .cvitem {
	margin-left: 150px;
	margin-bottom: 1em;
}

#cvdetails .cvitem p {
	margin: 0;
}

#cvdetails table {
	width: 100%;
	empty-cells: show;
}

#cvdetails td {
	vertical-align: top;
	padding: 1px 6px 1px 0;
	border-bottom: 1px dotted #e0e0e0;
	min-width: 8em;
}


/* CMS */
#cmsphotos {
	border-top: 1px solid #888;
	margin-top: 2em;
}
#cmsphotos td {
	border-bottom: 1px solid #888;
	padding: 5px 20px 5px 0;
}

#cms textarea {
	font-size: 120%;
}

/* Student Form */
#profileform {
	width: 95%;
}
#profileform input {
	background-color: #f0f0f0;
}
#profileform th, #profileform td {
	padding: 0.5em;
	border: 1px solid #A8985F;
} 
#profileform th {
	background-color: #A8985F;
	color: #fff;
}

#profileform textarea {
	background-color: #f0f0f0;
	color: #000;
	font-family: Arial,Helevtica,sans-serif;
	font-size: 100%;
   width: 95%;
}

.profileroles {
	margin-bottom: 1em;
	width: 95%;
}

.profileroles td {
	vertical-align: top;
	padding: 2px 6px 2px 0;
	border-bottom: 1px dotted #e0e0e0;
	min-width: 8em;
}

/* Course Unit Map */
.unitmap {
	overflow: hidden;
	margin-bottom: 1em;
}

.unitmap div {
	border: 2px solid #a0a0a0;
	padding: 5px;
	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
	font-weight: bold;
}

.unitmap .credits {
	margin-bottom: 0;
	font-weight: normal;
}

.unitmap .long {
	width: 392px;
}

.unitmap .short {
	width: 120px;
	min-height: 8em;
}

.unitmap .fat {
	width: 255px;
	min-height: 8em;
}

.unitsummaries {
		position: relative;
}

.unitsummaries > div {
    display: none;
}
.unitsummaries h4 {
	margin-bottom: 0;
}
.mapover {
	background-color: #f0f0f0;
}

.unithover {
    background-color: #FFFFFF;
    border: 1px solid #333;
    display: block;
    padding: 0 10px 10px 10px;
    position: absolute;
    z-index: 9;
	 -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
	 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);

}

#coursedescription .arrow {
    background: url("http://www.art.mmu.ac.uk/gfx/arrows.png") bottom left no-repeat;
    height: 13px;
    position: absolute;
    width: 23px;
    z-index: 10;
}
#coursedescription .above {
    background-position: center top;
} 

/* Button */
.button {
	color: #A0005F;
	padding: 2px 6px;
	background: -moz-linear-gradient(
		top,
		#e6e6e6 0%,
		#e6e6e6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e6e6e6),
		to(#e6e6e6));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #bcbcbc;
	-moz-box-shadow:
		1px 1px 0px rgba(229,229,229,1),
		inset 0px 1px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		1px 1px 0px rgba(229,229,229,1),
		inset 0px 1px 0px rgba(255,255,255,1);
	box-shadow:
		1px 1px 0px rgba(229,229,229,1),
		inset 0px 1px 0px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
}

.phototags {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}