/* @group Import */
	@import url(reset.css);
	@import url(scratch.css);
/* @end */

/* @group Body */
	body {
		background: rgb(255,255,255) url(../img/html_bg.png) repeat-x;
		font: 12px/1.5 Verdana, Helvetica, Arial, sans-serif;
		color: rgb(92,91,86);
	}
/* @end */

/* @group Headings */
	h1 {
		font: normal 2em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: rgb(0,56,92);
	}

	h2,h3,h4,h5,h6 {
		font-family: Georgia, Cambria, "Times New Roman", Times, serif;
		font-weight: normal;
	}

	h2 {
		margin: 1.125em 0;
		font-size: 1.5em;
		line-height: 1.125em;
		color: rgb(0,56,92);
	}

	h3,h4 {
		margin: 1.2857em 0;
		font-size: 1.1667em;
		line-height: 1.2857em;
		color: rgb(0,56,92);
	}

	/* @group Banner */
		#container > header h2 {
			margin-top: 0;
		}
	/* @end */

	/* @group Navigation */
		.page h3:first-child {
			margin-top: 0.75em;
		}
	/* @end */

	/* @group Aside */
		aside h1,
		aside h2,
		aside h3 {
			width: 180px;
			margin: 0 0 8px 0;
			font: bold 1em/1.2857em Verdana;
		}

		aside h2 {
			width: 180px;
			padding-top: 15px;
			border-top: 1px solid rgb(255,255,255);
		}
	/* @end */
/* @end */

/* @group Typography */
	.document div[role="main"] header h2 {
		margin-top: 18px;
	}

	.document div[role="main"] header a {
		display: block;
		margin-top: 18px;
	}

	p {
		margin: 1.5em 0;
		font-size: 1em;
	}

	ul {
		margin: 1.5em 0;
		list-style-type: none;
	}

	/* @group Navigation */
		.content nav[role="navigation"] {
			font-family: "Gill Sans MT", "Gill Sans", Helvetica, Arial, sans-serif;
		}

		.breadcrumb {
			margin: 1.5em 0;
			font: 0.75em/13px Verdana, Helvetica, Arial, sans-serif;
		}

		aside nav {
			font: 1.3333em Georgia, Cambria, "Times New Roman", Times, serif;
		}
	/* @end */

	/* @group Main */
		div[role="main"] + ul {
			font-family: "Gill Sans MT", "Gill Sans" Helvetica, Arial, sans-serif;
		}
	/* @end */

	/* @group Quotes */
		aside blockquote {
			font-size: 1.1667em;
			line-height: 1.2857em;
		}

		aside blockquote .openingQuotes,
		aside blockquote .closingQuotes {
			font: normal 6em/.1em Georgia, Cambria, "Times New Roman", Times, serif;
		}

		aside cite {
			float: left;
			width: 180px;
			margin: 0;
			font-size: 0.8571em;
			text-align: right;
		}

		aside cite span {
			font-style: italic;
		}

		aside cite .role {
			float: left;
			clear: both;
			width: 100%;
			font-style: normal;
			font-variant: small-caps;
			text-transform: lowercase;
		}
	/* @end */

	/* @group Content info */
		footer[role="contentinfo"] {
			font-size: 0.833em;
		}
	/* @end */
/* @end */

/* @group Figures */
	div[role="main"] figure {
		position: relative;
		min-height: 198px;
		background-color: rgb(255,255,255);
		color: rgb(255,255,255);
	}

	div[role="main"] figure img {
		z-index: 1;
		position: absolute;
		left: 0;
		width: 100%;
		height: 198px;
		overflow: hidden;
	}

    div[role="main"] figure.student_profile_image {
        min-height: 188px;
        width: 300px;
    }

    div[role="main"] figure.student_profile_image img {
         border: 10px solid #fcfcfc;
         box-shadow: 0px 0px 2px #ccc;
         height: 168px;
         width: 280px;
    }

    /* Bottom left shadow */
    div[role="main"] figure.student_profile_image:before {
        position: absolute;
        background: transparent;
        width: 40%;
        height: 40%;
        content: '';
        left: 5px;
        bottom: 0;
        box-shadow: 0 9px 11px rgba(0, 0, 0, 0.4);
        transform-origin: left bottom;
        transform: skewY(-10deg) rotateY(-10deg);
        -moz-transform-origin: left bottom;
        -moz-transform: skewY(-10deg) rotateY(-10deg);
        -ms-transform-origin: left bottom;
        -ms-transform: skew(-10deg) rotate(-10deg);
        -webkit-transform-origin: left bottom;
        -webkit-transform: skew(-20deg) rotate(-10deg);
        -webkit-box-shadow: 0 9px 11px rgba(0, 0, 0, 0.4);
    }

    /* Bottom right shadow */
    div[role="main"] figure.student_profile_image:after {
        position: absolute;
        background: transparent;
        width: 40%;
        height: 40%;
        content: '';
        right: 5px;
        bottom: 0;
        box-shadow: 0 9px 11px rgba(0, 0, 0, 0.4);
        transform-origin: right bottom;
        transform: skewY(10deg) rotateY(10deg);
        -moz-transform-origin: right bottom;
        -moz-transform: skewY(10deg) rotateY(10deg);
        -ms-transform-origin: right bottom;
        -ms-transform: skew(10deg) rotate(10deg);
        -webkit-transform-origin: right bottom;
        -webkit-transform: skew(20deg) rotate(10deg);
        -webkit-box-shadow: 0 9px 11px rgba(0, 0, 0, 0.4);
    }

	div[role="main"] figcaption {
		z-index: 2;
		position: absolute;
		bottom: 0;
		width: 100%;
		min-height: 18px;
		border-top: 1px solid rgba(255,255,255,.2);
		background-color: rgb(39,69,99);
		background-color: rgba(39,69,99,.9);
	}

	div[role="main"] .rotate figcaption p {
		padding: 0;
	}

	div[role="main"] figcaption p {
		padding: 0 10px;
		margin: 0.75em 0;
	}

	div[role="main"] figcaption a,
	div[role="main"] figcaption a:link,
	div[role="main"] figcaption a:visited,
	div[role="main"] figcaption a:active {
		color: rgb(255,255,255);
	}

	div[role="main"] figcaption a:hover {
		border-bottom: 1px solid rgba(255,255,255,0.9);
		background: rgba(255,255,255,0.1);
		text-decoration: none;
	}
/* @end */

/* @group Links */
	a, a:visited {
		outline : none;
		color: rgb(74,125,120);
		text-decoration: none;
	}

	a:hover {
		color: rgb(176,103,110);
		text-decoration: underline;
	}

	a:active, a:focus {
		color: rgb(133,97,165);
	}

	#container header h2 a {
		color: rgb(255,255,255);
		text-decoration: none;
	}

	aside ul li a {
		color: rgb(69,118,113);
	}

	aside ul li a:hover {
		color: rgb(154,91,97);
	}
/* @end */

/* @group Banner */
	#container header[role="banner"] h2 {
		position: relative;
		top: -5px;
		left: 10px;
		float: left;
		clear: both;
		margin-bottom: 10px;
		font: 2em/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	#container header[role="banner"] a[href="http://www.leeds.ac.uk"] {
		display: block;
		position: relative;
		top: 17px;
		left: -29px;
		float: right;
		width: 183px;
		height: 54px;
		margin: 0;
		background: url(../img/logo.png) no-repeat;
		text-indent: -9999px;
	}

	.content h1 a {
		display: block;
		width: 684px;
		padding: 11px 0 11px 16px;
		margin-top: 10px;
		background-color: rgb(27,75,140);
		color: rgb(255,255,255);
		text-shadow: 1px 2px 1px rgb(0,0,0);
	}

	.content h1 a:hover {
		background: rgb(96,165,157);
		text-decoration: none;
		text-shadow: 0 -1px 1px rgb(0, 0, 0);
	}
	/* @end */

/* @group Forms */
	aside form {
		width: 180px;
	}

	aside form[role=search] {
	    padding-bottom : 16px;
	    border-bottom : 1px solid rgb(193,192,187);
	}

	aside input[name=keywords] {
	    width : 127px;
	}

	aside form select {
	    width : 100%;
	}
/* @end */

/* @group Vendor prefixes */
	/* @group Transitions */
		a, a:visited {
			-moz-transition: all .15s ease-in-out;
			-o-transition: all .15s ease-in-out;
			-webkit-transition: all .15s ease-in-out;
		}

		.content h1 a:hover {
			-moz-transition: all .2s linear;
			-o-transition: all .2s linear;
			-webkit-transition: all .2s linear;
		}

		.content nav[role="navigation"] li a:hover {
			-moz-transition: all .15s ease-in-out;
			-o-transition: all .15s ease-in-out;
			-webkit-transition: all .15s ease-in-out;
		}
	/* @end */

	/* @group Border radius */
		.content nav[role="navigation"] li a:hover {
			-moz-border-radius-topright: 2px;
			-moz-border-radius-topleft: 2px;
			-webkit-border-top-right-radius: 2px;
			-webkit-border-top-left-radius: 2px;
		}

		aside blockquote p:first-child,
		.news div[role="main"] form,
		.widgets .vcalendar,
		.widgets .hfeed,
		.widgets .hfeed.col-2 {
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}

		.widgets .hfeed article time,
		.events div[role="main"] nav,
		.downloads section article {
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

		.events-index tbody th:first-child,
		.document div[role="main"] table th:first-child {
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
		}

		.events-index body th:last-child,
		.document div[role="main"] table th:last-child {
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
		}

		.widgets .rotate nav a {
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
		}
	/* @end */
/* @end */

/* @group Layout */
	#container {
		overflow: auto;
		width: 960px;
		margin: 0 auto;
		background: url(../img/container_shadow.png) 950px 88px no-repeat;
	}

	header[role="banner"] {
		float: left;
		width: 100%;
		min-height: 88px;
	}

	.content {
		float: left;
		width: 720px;
		padding-left: 10px;
		background: rgb(255,255,255);
	}

	div[role="main"] {
		float: left;
		margin-bottom: 36px;
	}

	aside {
		float: right;
		width: 210px;
		min-height: 780px;
		padding: 16px 0 18px 20px;
		background: url(../img/aside_bg.png) no-repeat;
	}

	footer[role="contentinfo"] {
		float: left;
		width: 100%;
		border-top: 1px solid rgb(204,204,204);
	}

	/* @group Columns */
		.col-1 {
			width: 160px;
		}

		.col-2 {
			width: 340px;
		}

		.col-3 {
			width: 520px;
		}

		.col-4 {
			width: 700px;
		}
	/* @end */
/* @end */

/* @group Navigation */
	/* @group Main */
		.content nav[role="navigation"] {
			width: 700px;
			background-color: rgb(53,52,49);
		}

		.content nav[role="navigation"] ul {
			margin: 0;
		}

		.content nav[role="navigation"] ul li {
			display: inline;
			margin-left: -.3em;
			border-right: 1px solid rgb(0,0,0);
			border-left: 1px solid rgb(83,82,80);
		}

		.content nav[role="navigation"] ul li:first-child {
			margin-left: 0;
			border-left: 0;
		}

		.content nav[role="navigation"] ul li:last-child {
			border-right: 0;
			border-left: 1px solid rgb(83,82,80);
		}

		.content nav[role="navigation"] ul li a {
			display: inline-block;
			padding: 0 0.7em 0.5em;
			margin-top: .8em;
			color: rgb(255,255,255);
			text-decoration: none;
			text-transform: uppercase;
		}

		.content nav[role="navigation"] ul li a:hover,
		.content nav[role="navigation"] ul .selected a {
			background: rgb(255,255,255);
			border-top-right-radius: 2px;
			border-top-left-radius: 2px;
			color: rgb(0,0,0);
		}
	/* @end */

	/* @group Breadcrumb */
		.breadcrumb {
			width: 700px;
		}

		.breadcrumb li {
			display: inline;
		}

		.breadcrumb li:after {
			content: "> ";
			position: relative;
			left: 2px;
		}

		.breadcrumb li:last-child:after {
			content: "";
		}

		.breadcrumb li a {
			margin-left: 2px;
		}

		.breadcrumb li:first-child a {
			margin-left: 0;
		}

		.breadcrumb li:last-child a {
			text-decoration: underline;
		}

		.breadcrumb li:last-child a {
			color: rgb(176,103,110);
		}

		.breadcrumb:hover li:last-child a {
			color: rgb(92,91,86);
			text-decoration: none;
		}
	/* @end */

	/* @group Aside */
		aside ul {
			width: 180px;
			margin-top: 0;
		}

		aside nav {
			width: 180px;
		}
		aside nav ul {
			margin-top: 1.5em;
			border-top: 1px solid rgb(193,192,187);
		}

		aside nav li a {
			display: block;
			padding: 10px 0;
			background: url(../img/nav_sub_arrow.png) no-repeat center right;
			border-top: 1px solid rgb(255,255,255);
			border-bottom: 1px solid rgb(193,192,187);
		}

		aside nav li:last-child {
			border-bottom: 1px solid rgb(255,255,255);
		}

		aside nav li a:hover {
			background: url(../img/nav_sub_arrow-hover.png) no-repeat center right;
		}
	/* @end */

	/* @group Page */
		.page {
			width: 160px;
			float: left;
			margin-right: 20px;
		}

		.page ul li {
			margin: 0.3334em 0;
		}

		.page h3 + ul li:first-child  {
			margin-top: 0;
		}

		.document div[role="main"] ol:last-child {
			padding-left: 0;
			list-style: decimal;
			list-style-position: inside;
		}

		.document div[role="main"] ol:last-child li {
			display: list-item;
			margin-left: 0;
		}

		.document div[role="main"] ol:last-child li:first-child:after {
			content: "";
		}

		li a[title*="viewing"]:after {
			content: ' \003C  you are here';
			font-weight: bold;
		}
	/* @end */

	/* @group Tools */
		.tools {
			float: left;
			width: 100%;
		}

		.tools li {
			float: left;
			padding-right: 10px;
		}

		.tools li a {
			float: left;
			min-height: 20px;
			padding: 0 10px 0 30px;
			border-right: 1px solid rgb(204,204,204);
			color: rgb(75,125,120);
			text-transform: uppercase;
		}

		.tools li:last-child a {
			border-right: 0;
		}

		li a[title*="rss"] {
			background: url(../img/rss-icon.png) 0 0 no-repeat;
		}

		li a[title*="print"] {
			background: url(../img/print-icon.png) 0 0 no-repeat;
		}

		li a[title*="email"] {
			background: url(../img/send-icon.png) 0 0 no-repeat;
		}

		li a[title*="downloads"] {
			background: url(../img/download-icon.png) 0 0 no-repeat;
		}

		.tools li a:hover {
			color: rgb(176,103,110);
		}
	/* @end */

	/* @group Content info */
		footer[role="contentinfo"] ul li {
			display: inline;
		}

		footer[role="contentinfo"] li a {
			padding: 0 10px 0 7px;
			border-right: 1px solid rgb(204,204,204);
		}

		footer[role="contentinfo"] li:first-child a {
			padding-left: 0;
		}

		footer[role="contentinfo"] li:last-child a {
			border-right: 0;
		}
	/* @end */
/* @end */

/* @group Supplements */
	/* @group Partners*/
		.partners {
			margin: 1.5em 0;
		}

		.partners a {
			width: 180px;
			height: 51px;
		}

		.partners a:hover {
			background: rgb(0,0,0);
		}

		.partners a {
			display: block;
			-moz-transition: none;
			-o-transition: none;
			-webkit-transition: none;
		}

		.partners span {
			display: block;
			overflow: hidden;
			width: 180px;
			height: 51px;
		}
	/* @end */

	/* @group Quotes */
		aside blockquote {
			width: 180px;
			position: relative;
			color: rgb(255,255,255);
		}

		aside blockquote p:first-child {
			position: relative;
			float: left;
			padding: 10px;
			background: rgb(39,69,99);
			border-radius: 10px;
		}

		aside blockquote p:first-child:after {
		   content:"\00a0";
		   display:block;
		   position:absolute;
		   right:20px;
		   bottom: -30px;
		   width:0;
		   height:0;
		   border-width:15px 15px;
		   border-style:solid;
		   border-color: rgb(39,69,99) transparent transparent;
		}

		aside blockquote .openingQuotes {
			position: relative;
			top: 40px;
			display: block;
			width: 100%;
			min-height: 50px;
		}

		aside blockquote .closingQuotes {
			position: relative;
			top: 40px;
			display: block;
			width: 100%;
			min-height: 40px;
			text-align: right;
		}
	/* @end */
/* @end */

/* @group Pseudo homepages */
	/* @group News */
		/* @group Typography */
			.news div[role="main"] form h3 {
				margin: 0 0 18px;
			}

			.news div[role="main"] .article ul {
				list-style: disc;
				list-style-position: inside;
			}
            
            .news div[role="main"] .article ol {
                padding-left: 18px;
            }
		/* @end */

		/* @group Images */
			.news article img {
				margin-bottom: 18px;
			}
		/* @end */

		/* @group Links */
			.news div[role="main"] header h1 a {
				width: auto;
				padding: 0;
				margin: 0;
				background: none;
				color: rgb(0,56,92);
				font-size: 0.75em;
				line-height: 1.333em;
				text-shadow: none;
			}

			.news div[role="main"] header h1 a:hover {
				color: rgb(176,103,110);
				text-decoration: underline;
			}

			.news a[title*=previous]:before {
				content: "\00AB  ";
			}
			.news a[title*=next]:after {
				content: " \00BB";
			}
		/* @end */

		/* @group Forms */
			.news div[role="main"] form {
				float: right;
				width: 320px;
				padding: 18px 10px;
				background: rgb(241,239,235);
				border-radius: 10px;
			}

			.news div[role="main"] form input[type="search"] {
				width: 247px;
			}
		/* @end */

		/* @group Layout */
			.news div[role="main"] {
				width: 700px;
			}

			.news article {
				float: left;
				width: 340px;
				margin-top: 18px;
			}

			.news div[role="main"] .archive {
				float: right;
				width: 340px;
			}

			.news section {
				float: left;
				width: 100%;
				margin: 18px 0;
			}

			.news section article {
				width: 160px;
				min-height: 370px;
				margin-right: 20px;
			}

			.news section article:nth-child(4n+1) {
				margin-right: 0;
			}
		/* @end */

		/* @group Navigation */
			/* @group Pagination */
				div[role="main"] ol:last-child {
					float: left;
					clear: both;
					width: 100%;
					list-style-type: none;
				}

				div[role="main"] ol:last-child li {
					display: inline;
				}

				div[role="main"] ol:last-child li:first-child:after {
					content: "  \007C";
				}
			/* @end */
		/* @end */
/* @end */
	/* @group Events */
		/* @group Typography */
			.events div[role="main"] nav h3 {
				float: left;
				margin: 0 0 18px;
			}
		/* @end */

		/* @group Links */
			.events div[role="main"] header h1 a {
				width: auto;
				padding: 0;
				margin: 0;
				background: none;
				color: rgb(74,125,120);
				font-size: 0.75em;
				line-height: 1.333em;
				text-shadow: none;
			}

			.events div[role="main"] header h1 a:hover {
				color: rgb(176,103,110);
				text-decoration: underline;
			}

			.events a[title*=previous]:before {
				content: "\00AB  ";
			}

			.events a[title*=next]:after {
				content: " \00BB";
			}
		/* @end */

		/* @group Forms */
			.events div[role="main"] form {
				float: left;
				margin-top: 18px;
			}

			.events div[role="main"] form h3,
			.events div[role="main"] form input[type="search"],
			.events div[role="main"] form select {
				float: left;
			}

			.events div[role="main"] form select {
				margin: 0 10px;
			}
		/* @end */

		/* @group Layout */
			.events div[role="main"] {
				width: 700px;
			}

			.events div[role="main"] nav {
				float: right;
				width: 320px;
				padding: 18px 10px;
				background: rgb(241,239,235);
				border-radius: 5px;
			}

			.events article {
				float: left;
				width: 340px;
				margin-top: 18px;
			}

			.events section {
				float: left;
				width: 100%;
				margin: 18px 0;
			}

			.events section article {
				width: 160px;
				min-height: 440px;
				margin-right: 20px;
			}

			.events section article:nth-child(4n+1) {
				margin-right: 0;
			}

            .events .listings {
                background-color: #fbfaf9;
                height: 80px;
            }

            .events .spacer {
                margin-bottom: 0.75em;
            }

            .events .eventsingleimage {
              margin-bottom: 0.75em;
}
		/* @end */

		/* @group Navigation */
			/* @group Pagination */
				.events div[role="main"] ol {
					float: right;
					list-style-type: none;
				}

				.events div[role="main"] ol li {
					display: inline;
				}

				.events div[role="main"] nav ol li:first-child:after {
					content: "  \007C";
				}
			/* @end */
		/* @end */
	/* @end */

	/* @group Profiles */
		/* @group Headings */
		.profiles section h2:not(:first-of-type) {
			float: left;
			clear: both;
			width: 100%;
			margin-top: 0;
		}
		/* @end */

		/* @group Typography */
			.profiles .vcard .title {
				font-style: italic;
			}
		/* @end */

		/* @group Layout */
			.profiles div[role="main"] {
				width: 700px;
			}

			.profiles article {
				float: left;
				width: 680px;
				padding: 18px 10px;
				margin-bottom: 18px;
				background: rgb(241,239,235);
				border: 1px solid rgb(193,192,187);
				border-radius: 10px;
			}

			.profiles .vcard {
				float: left;
				width: 320px;
			}

            .profiles .student_profile {
                float: right;
                width: 340px;
            }

            .profiles .student_profile p.student_profile_course {
                font-size: 0.866em;
                font-style: italic;
}

			.profiles .vcard p {
				float: left;
				width: 100%;
				margin: 0;
			}

			.profiles .vcard p:first-child {
				float: left;
				margin-top: 0;
			}

			.profiles .vcard p:last-child {
				width: 320px;
			}

			.profiles article p:last-child {
				float: right;
				width: 340px;
				margin: 0;
			}
		/* @end */

		/* @group Navigation */
			/* @group Pagination */
				.profiles div[role="main"] ol li a[title*=previous]:before {
					content: "\00AB  ";
				}

				.profiles div[role="main"] ol li a[title*=next]:after {
					content: " \00BB";
				}
			/* @end */
		/* @end */
	/* @end */
/* @end */

/* @group Pseudo documents */
		/* @group Event */
			/* @group Typography */
				.events.event article ul {
					margin-left: 20px;
					list-style: disc;
				}
 
                .events.event article ol {
                    float: none;
                    margin-left: 20px;
                    list-style: decimal;
                }

                .events.event article ol li {
                    display: list-item;
                }
			/* @end */
			/* @group Layout */
				.events.event section {
					float: none;
				}

				.events.event div[role="main"] nav {
					margin-left: 20px;
				}

				.events.event section article {
					float: none;
					width: 100%;
				}
			/* @end */
		/* @end */

		/* @group Profile */
			/* @group Typography */
				.profile div[role="main"] ul {
					margin-left: 20px;
					list-style: disc;
				}
			/* @end */
			/* @group Figures */
				.profile figure {
					float: right;
					max-width: 340px;
					height: auto;
					margin: 0 0 18px 20px;
				}
			/* @end */
		/* @end */

	/* @group Downloads */
		/* @group Typography */
			.downloads article header h1 {
				font-size: 1.3333em;
				line-height: 1.125em;
			}

			.downloads article footer p {
				margin-bottom: 0;
			}

			.downloads article footer p span {
				float: right;
                color: #999;
                font-size: 10px;
				text-transform: uppercase;
			}
		/* @end */
		/* @group Links */
			.downloads div[role="main"] header h1 a {
				width: auto;
				padding: 0;
				margin: 0;
				background: none;
				color: rgb(74,125,120);
				font-size: 0.6667em;
				line-height: 1.125em;
				text-shadow: none;
			}

			.downloads div[role="main"] header h1 a:hover {
				color: rgb(176,103,110);
				text-decoration: underline;
			}
		/* @end */

		/* @group Layout */
			.downloads section {
				float: left;
				width: 100%;
				margin: 0;
			}

			.downloads section article {
				float: left;
				padding: 10px;
				margin: 0 20px 18px 0;
				border: 1px solid rgb(193,192,187);
				border-radius: 5px;
                width: 498px;
			}

			.downloads article:nth-child(3n) {
				margin-right: 0;
			}
		/* @end */
	/* @end */
/* @end */

/* @group Widgets */
	/* @group Typography */
		.homepage .contentWidget h2 {
			margin-top: 0;
		}

		.widget_content ul {
			list-style: disc;
			list-style-position: inside;
		}
	/* @end */

	/* @group Layout */
		.widgets .rows {
			float: left;
			width: 100%;
		}

		.widgets .row {
			float: left;
			clear: both;
			margin-bottom: 18px;
            width: 100%;
		}

		.widgets .row section:first-child {
			margin-right: 20px;
		}
	/* @end */

		/* @group News col-1 */
			/* @group Links */
			.widgets .hfeed.col-1 header a[title*=rss] {
				position: relative;
				top: 5px;
				left: 10px;
				float: left;
				width: 23px;
				height: 23px;
				background: url(../img/rss-alt.png);
				text-indent: -9999px;
			}
			/* @end */

			/* @group Layout */
			.widgets .hfeed.col-1 article {
				float: left;
				width: 160px;
				margin-right: 20px;
			}

			.widgets .hfeed.col-1 article:last-of-type {
				margin-right: 0;
			}

			.widgets .hfeed.col-1 header {
				float: left;
				width: 100%;
			}

			.widgets .hfeed.col-1 header h1 {
				float: left;
			}

			.widgets .hfeed.col-1 article p {
				float: left;
			}

			.widgets .hfeed.col-1 article p {
				width: 100%;
			}
			/* @end */
		/* @end */

		/* @group News col-2 */
			/* @group Typography */
				.day {
					font-size: 1.1667em;
					line-height: 1.5em;
				}

				.month {
					display: block;
					text-transform: uppercase;
				}

				.year {
					display: block;
					font-size: 0.8333em;
                }

			/* @end */

			/* @group Images */
				.widgets .hfeed article img {
					float: left;
					margin-top: 18px;
				}
			/* @end */

			/* @group Links */
				.widgets .hfeed header h1 a {
					width: auto;
					padding: 0;
					background: none;
					color: rgb(74,125,120);
					font-size: 0.75em;
					line-height: 1.333em;
					text-shadow: none;
				}

				.widgets .hfeed header h1 a:hover {
					color: rgb(176,103,110);
					text-decoration: underline;
				}

				.widgets .hfeed a:last-of-type:after {
					content: " \00BB";
				}

				.widgets .hfeed article a:last-of-type:after {
					content: "";
				}
			/* @end */

			/* @group Layout */
				.widgets .hfeed {
					float: left;
					width: 340px;
				}

				.widgets .hfeed.col-2 {
					width: 320px;
					padding: 18px 10px;
					background: rgb(241,239,235);
					border-radius: 10px;
				}

				.widgets .hfeed.col-2 article {
					float: left;
					border-top: 1px solid rgb(255,255,255);
					border-bottom: 1px solid rgb(193,192,187);
				}

				.widgets .hfeed.col-2 article:first-of-type {
					border-top: none;
				}

				.widgets .hfeed.col-2 article:last-of-type {
					border-bottom: none;
				}

				.widgets .hfeed article p {
					float: left;
					width: 72.5%;
				}

				.widgets .hfeed article header {
					float: left;
				}

				.widgets .hfeed article footer {
					float: right;
				}

				.widgets .hfeed article time {
					float: right;
					padding: 0 5px;
					margin: 18px 0;
					background: rgb(39,69,99);
					border-radius: 5px;
					color: rgb(255,255,254);
					text-align: center;
				}
			/* @end */
		/* @end */

		/* @group Events */
			/* @group Links */
				.widgets .vcalendar header h1 a {
					width: auto;
					padding: 0;
					background: none;
					color: rgb(74,125,120);
					font-size: 0.75em;
					line-height: 1.333em;
					text-shadow: none;
				}

				.widgets .vcalendar header h1 a:hover {
					color: rgb(176,103,110);
					text-decoration: underline;
				}
				.widgets .vcalendar a:last-of-type:after {
					content: " \00BB";
				}

				.widgets .vcalendar article a:last-of-type:after {
					content: "";
				}
			/* @end */

			/* @group Layout */
				.widgets .vcalendar {
					float: left;
					width: 320px;
					padding: 18px 10px;
					background: rgb(241,239,235);
					border-radius: 10px;
				}

				.widgets .vcalendar article {
					border-top: 1px solid rgb(255,255,255);
					border-bottom: 1px solid rgb(193,192,187);
                    float: left;
				}

                .widgets .vcalendar article p {
                    float: left;
                    width: 72.5%;
                }

				.widgets .vcalendar article:first-of-type {
					border-top: none;
				}

				.widgets .vcalendar article:last-of-type {
					border-bottom: none;
				}

				.widgets .vcalendar time {
					float: right;
					padding: 0 5px;
					margin: 18px 0;
					background: rgb(39,69,99);
					border-radius: 5px;
					color: rgb(255,255,254);
					text-align: center;
				}

				.widgets .vcalendar .vcard {
					margin-bottom: 18px;
				}

                 .time {
                    color: #888;
                    display: block;
                    font-size: 0.866em;
                    line-height: 2.333em;
				}
			/* @end */
		/* @end */

		/* @group Profiles */
			/* @group Links */
				.widgets .profiles header h1 a {
					float: left;
					clear: right;
					padding: 0;
					width: auto;
					background: none;
					color: rgb(74,125,120);
					font-size: 0.75em;
					line-height: 1em;
					text-shadow: none;
				}

				.widgets .profiles header h1 a:hover {
					color: rgb(176,103,110);
					text-decoration: underline;
				}
			/* @end */

			/* @group Figures */
				.widgets .profiles img {
					float: left;
					margin: 13px 20px 0 0;
				}
			/* @end */

			/* @group Layout */
				.widgets .profiles {
					float: left;
				}

				.widgets .profiles article {
					float: left;
					width: 100%;
					padding: 0;
					margin-bottom: 18px;
					background: none;
					border: none;
					border-radius: 0;
				}

				.widgets .profiles.col-2 article p {
					float: left;
					width: 210px;
					margin-top: 18px;
				}
			/* @end */
		/* @end */

		/* @group Image Slider */
			/* @group Links */
				.widgets .rotate nav a {
					display: inline-block;
					width: 10px;
					height: 10px;
					margin-right: 10px;
					background: rgb(255,255,255);
					border-radius: 20px;
					opacity: 0.5;
					text-indent: -9999px;
				}

				.widgets .rotate figcaption a {
					color: rgb(255,255,255);
				}

				.widgets .rotate nav .selected {
					opacity: 1;
				}

				.widgets .rotate nav a:hover {
					background: rgb(204,204,204);
				}
				/* @end */

			/* @group Layout */
				.widgets .rotate {
					position: relative;
					float: left;
					width: 700px;
					height: 252px;
					overflow: hidden;
				}

				.widgets .rotate ul {
					margin: 0;
				}

				.widgets .rotate li {
					width: 100%;
					height: 252px;
				}

				.widgets .rotate img {
					position: relative;
					left: inherit;
					float: right;
                    max-width: 515px;
					width: auto;
					height: 252px;
					overflow: auto;
				}

				.widgets .rotate figcaption {
					position: relative;
					float: left;
					width: 165px;
					min-height: 252px;
					padding: 10px;
					font-size: 1em;
					line-height: 1.5em;
					background: rgb(39,69,99);
				}

				.widgets .rotate nav {
					z-index: 6;
					position: absolute;
					bottom: 0;
					width: 165px;
					padding: 10px;
				}
			/* @end */
		/* @end */
/* @end */

/* @group Editor */
	/* @group Typography */
		.document div[role="main"] ul {
			padding-left: 15px;
			list-style-type: disc;
		}

		.document div[role="main"] ol {
			padding-left: 20px;

		}

		.document div[role="main"] blockquote p {
			margin: 1em 0;
			font: 1.5em/1.5em Cambria, "Times New Roman", Times, serif;
		}

		.document div[role="main"] blockquote p:before {
			content: "\201C  ";
		}

		.document div[role="main"] blockquote p:after {
			content: "\201D";
		}

/*		.document div[role="main"] p+p {
		  margin-top: -18px;
		  text-indent:2em;
		}*/

		.document div[role="main"] cite {
			font-style: normal;
			font-weight: bold;
		}

		.document div[role="main"] dl {
			margin: 1.5em 0;
		}

		.document div[role="main"] dt {
			font-family: Georgia, Cambria, "Times New Roman", Times, serif;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 1px;
		}

		.document div[role="main"] dd {
			display: inline-block;
			margin-bottom: 18px;
		}

		.document div[role="main"] dd:last-child {
			margin-bottom: 0;
		}

		.document div[role="main"] strong {
			font-weight: bolder;
		}

		.document div[role="main"] .indent {
			margin-left: 20px;
		}

		.document div[role="main"] .underline_text {
			text-decoration: underline;
		}

		.document div[role="main"] .strikethrough_text {
			text-decoration: line-through;
		}

		.document div[role="main"] .superscript_text {
			vertical-align: super;
		}

		.document div[role="main"] .subscript_text {
			vertical-align: sub;
		}
	/* @end */
	/* @group Tables */
		.document div[role="main"] table {
			width: 100%;
			margin-bottom: 18px;
		}

		.document div[role="main"] table thead th {
			padding: 5px 10px;
			background-color: rgb(236,236,236);
			border: 1px solid rgb(204,204,204);
		}

		.document div[role="main"] table thead th:first-child {
			border-top-left-radius: 5px;
		}

		.document div[role="main"] table thead th:last-child {
			border-top-right-radius: 5px;
		}

		.document div[role="main"] table tbody td {
			padding: 0 10px;
			border: 1px solid rgb(204,204,204);
		}

		.document div[role="main"] table tbody tr:nth-child(even) td {
			background: rgb(241,239,235);
		}

		.document div[role="main"] table tbody td:hover {
			background: rgb(234,239,247);
		}

		.document div[role="main"] table tbody tr:nth-child(even) td:hover {
			background: rgb(234,239,247);
		}

		.document div[role="main"] table td ul{
			list-style: none;
		}
	/* @end */
	/* @group Layout */
		.document div[role="main"] .text_align_left {
			text-align: left;
		}

		.document div[role="main"] .text_align_right {
			text-align: right;
		}

		.document div[role="main"] .text_align_center {
			text-align: center;
		}

		.document div[role="main"] .float_left {
			float: left;
			margin: 0 20px 18px 0;
		}

		.document div[role="main"] .float_right {
			float: right;
			margin: 0 20px 18px 0;
		}
	/* @end */
/* @end */

/* FMH 2-col image widget */

.fmh-mcol {
    float: left;
    width: 340px;
}

.fmh-mcol:first-child {
   margin-right: 20px;
}

/* CSS for integrated Coursefinder home page within /arts */



#coursefinder .code {
    font-size: 0.9166em;
    letter-spacing: 1px;
}

#coursefinder dl dt {
    margin-bottom: 0.4em;
	display: block;
}

#coursefinder p {
    margin: 0 0 1.5em 0;
}

#coursefinder p b {
    color: #D23804;
    font: 1.1em Georgia;
    letter-spacing: 1px;
}

#coursefinder p.results {
    margin-bottom: 18px;
}

#coursefinder .smallprint {
    border-bottom: 1px dotted #CCCCCC;
    border-top: 1px dotted #CCCCCC;
    font-size: 0.833em;
    margin: 60px 0 1.5em;
}

#coursefinder .smallprint p {
    margin: 0;
    padding: 9px 0;
}

/* Single course info */

#coursefinder .courseInfo dt {
    color: #00385C;
    font: 1.333em/1.125em Georgia, Cambria, "Times New Roman", Times, serif;
}

#coursefinder .courseInfo dd {
    margin: 0 0 1.5em;
}

#coursefinder .courseInfo ul {
    list-style-type: square;
    padding-left: 1.5em;
}

#coursefinder .courseInfo ul li {
    margin-bottom: 0.5em;
}

#coursefinder .topside {
    display: block;
    margin-bottom: 2em;
    border-bottom: 1px dotted #AAA;
}

#coursefinder .index {
    margin-top: 1.5em;
}

#coursefinder .small a {
    border-right: 1px solid #BBB;
    padding: 0 8px 0 4px;
}

#coursefinder .small a:last-child {
    border-right: none;
}

h2.coursetitle {
    font-size: 1.5em;
    margin: 1.333em 0 1em 0;
}

.aztxt {
    color: #68625C;
    display: block;
    font-size: 0.833em;
    margin: 2px 0;
}

.course_index {
    font-size: 1.333em;
}

/* Tabbed nav */

#subtabs {
  clear: left;
  width: 520px;
}

#subtabs a {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #4A7D78;
    margin-left: 2px;
    margin-righ: 2px;
    padding-top: 0.2em;
  text-transform: none;
}    
#subtabs a:hover {
    background: #274563;
    color: #fff;
}
#subtabs .selected a {
    background: #fff;
    color: #000;
}

#kis_widget_wrapper {
  float: right;
}

/* Course search form */

#queryForm {
    background: url("/site/styles/corporate_light/images/search.png") no-repeat scroll 97% 65% #F1EFEB;
    -moz-border-radius: 8px 8px 8px 8px;
    margin-bottom: 18px;
    overflow: hidden;
    padding: 0 18px;
    height: 200px;
    width: 485px; /* was 664 */
}

#queryForm input.button {
    height: 20px;
    left: 5px;
    margin-bottom: 18px;
    position: relative;
    width: 54px;
}

#queryForm input#query {
    display: block;
    float: left;
    margin-bottom: 18px;
    padding-left: 5px;
    width: 135px; /* was 200 */
}

#queryForm input.text, input.title, textarea, select {
    border: 1px solid #BBBBBB;
}

#queryForm label {
   font: 1.333em/1.125em Georgia; 
   /*font: 1.185em/1em Georgia;*/
   margin: 10px 0 15px;
   display: block;
}

#queryForm p.error {
    clear: left;
    color: #C00000;
    float: left;
    font-weight: normal;
    margin: -20px 0 12px 30px;
    width: 200px;
}

#queryForm select#type {
    float: left;
    font-size: 90%;
    height: 20px;
    margin: 0 5px 0 10px;
    width: 145px;
}

#queryForm select#term {
    float: left;
    font-size: 90%;
    height: 20px;
    margin: 0 5px;    
}

span.small {
  font-size: 0.9375em;
}

ul#AtoZ {
    border-bottom: 1px dotted #AFAA99;
    border-top: 1px dotted #AFAA99;
    clear: both;
    float: left;
    margin-bottom: 18px;
    margin-top: 0;
    overflow: auto;
    padding: 10px 0 0;
}

ul#AtoZ li {
    display: inline;
    font: 1.0666em Georgia;
}

 ul#AtoZ li a {
    display: block;
    float: left;
    margin-bottom: 10px;
    padding: 0 6.25px 0 0;
    text-shadow: 0 1px 0 #D5CFC3;
}


/*  People profiles with tabbed navigation within /arts */
/********************************************************/
/*                                                      */

    div.profileTabsContainer { /* used to push heading down, in case tabs spill onto a second line */
        overflow: auto;
    }

    ul.profileTabs {
        border-bottom: 1px solid #ccc;
        font: 1em Helvetica, Arial, sans-serif;
        height: 25px;
    }

    ul.profileTabs li {
        background: #1b4b8c; /* for IE */
        background: -moz-linear-gradient(top, #2360af 0%, #113056 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2360af), color-stop(100%,#113056));
        background: -webkit-linear-gradient(top, #2360af 0%,#113056 100%);
        background: -o-linear-gradient(top, #2360af 0%,#113056 100%);
        background: linear-gradient(top, #2360af 0%,#113056 100%);
        border: 1px solid #ccc;
        border-bottom: 1px solid #113056;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        color: #fff;
        float:left;
        height: 24px;
        line-height: 25px;
        margin-bottom: 5px;
        margin-right: 5px;
        opacity: 0.95;
        overflow: hidden;
        position: relative;
        -moz-transition: opacity 0.4s ease 0s;
        -webkit-transition: opacity 0.4s ease 0s;
        transition: opacity 0.4s ease 0s;
    }

    ul.profileTabs li:hover {
        opacity: 1;
    }

    ul.profileTabs li a {
        color: #fff;
        display: block;
        font-size: 0.9166em;
        padding: 0 5px;
        text-decoration: none;
        text-shadow: 0.5px 0.5px #000;
        white-space: nowrap;
        word-spacing: -1px;
    }

    /* Grey tabs for students */

    ul.profileTabs li.student {
        background: #353431; /* for IE */
        background: -moz-linear-gradient(top, #7d7e7d 0%, #141414 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#141414));
        background: -webkit-linear-gradient(top, #7d7e7d 0%,#141414 100%);
        background: -o-linear-gradient(top, #7d7e7d 0%,#141414 100%);
        background: linear-gradient(top, #7d7e7d 0%,#141414 100%);
        border-bottom: 1px solid #141414;
        color: #fff;
        opacity: 0.95;
    }

    ul.profileTabs li.student:hover {
        opacity: 1;
    }

     /* Active tab */

    ul.profileTabs li.profileTabsItemActive {
        background: #fff;
        border-bottom: 1px solid #fff;
    }

    ul.profileTabs li.profileTabsItemActive a {
        color: #113056;
        text-shadow: 0.5px 0.5px #ccc;
    }

    ul.profileTabs li.profileTabsItemActive.student a {
        color: #141414;
    }

    ul.profileTabs li.last { /* last tab */
        margin-right: 0;
    }


/* Twitter widget */
/******************/

#faculty-arts .twitterWidget {
    background: none repeat scroll 0 0 #F1EFEB;
    border-radius: 10px 10px 10px 10px;
    float: left;
    padding: 18px 10px;
    width: 320px;
}

#faculty-arts .twitterWidget h2 {
    color: rgb(0,56,92);
    font: normal 2em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
}

#faculty-arts .twitterWidget .follow {
    margin-bottom: 0;
}

#faculty-arts .twitterWidget .follow a:last-of-type:after {
    content: " »";
}

#kis_widget_wrapper {
    margin: 1em 0;
}

/* Social icons in footer */

.footerSocialIcons {
    float: right;
    margin-top: 1em;
    text-align: right;
    width: 150px;
 }

.footerSocialIcons a {
    margin-right: 2px;
}

.footerSocialIcons a:hover {
    text-decoration: none;
}

/* Sidebar image supplement */

.image-supp {
    margin-top: 5.133em;
}

.image-supp img {
    border-radius: 3px;
}

.image-supp figcaption {
    font-size: 0.9166em;
    line-height: 1.333em;
    margin: 0 0 0.5em;
    width: 180px;
}

/* FAQs */

.faq_click, .faqWidget, .faqWidget article, .faqWidget article span, .faq, .faqsmall {
    float: left;
}

.faq_click {
    border: 1px solid #CCCCCC;
    background: url("/arts/site/images/right1.png") no-repeat scroll 3px 3px #F1EFEB;;
    border-radius: 0.5em;
    color: #2D3031;
    margin: 1.5em 1.5em 2em 0;
    padding: 5px 10px 5px 35px;
    width: 475px;
}

.faqWidget article {
    margin: 5px 0 18px 0;
}

.faq {
    background: url("/arts/site/images/questionmark1.png") no-repeat scroll 0px 3px transparent;
    margin: 0 0.25em 1.25em 0;
    padding: 5px 10px 5px 35px;
}

.faqsmall {
    background: url("/arts/site/images/questionmark_small.png") no-repeat scroll 0px 4px transparent;
    margin: 0 0.25em 0.75em 0;
    padding: 5px 10px 5px 27px;
}

.faq a:active, .faq a:focus, .faqsmall a:active, .faqsmall a:focus {
    color: #4A7D78;
}

.answer, .answer_ajax {
    background-color: #F1EFEB;
    border: 1px dashed #CCCCCC;
}
.answer_ajax {
    margin-left: -27px;
    margin-top: 2em;
}
.answer, .answer_ajax {
    border-radius: 0.75em;
    margin-bottom: 1em;
    padding: 0.75em;
}

.document div[role="main"] table.tight tbody td, .widget_content table.tight tbody td {
    padding: 0 3px;
}

/* MW/FO additions for FMH accordion widget */

.FMHAccordionWidget {
    width: 100%;
}

.FMHAccordionWidget h2, .FMHAccordionWidget h3 {
    background-color: #F1EFEB;
    border-radius: 5px;
    padding: 10px;
}

.FMHAccordionWidget h2.curriculum {
    background-color: transparent;
    font-size: 1em;
}

.FMHAccordionWidget h2 a {
    color: inherit !important;
}

.FMHAccordionWidget h2:first-child {
    margin-top: 0;
}

.FMHAccordionWidget h2 a span {
    display: block;
    float: right;
    font-weight: bold;
}

.FMHAccordionWidget ol, .accordionContent ol {
    list-style-position: inside;
}




/* OCI */
span.ocilabel {
	margin: 1.2857em 0;
	font-size: 1.1667em;
	line-height: 1.2857em;
	color: rgb(0,56,92);
	font-family: Georgia,Cambria,"Times New Roman",Times,serif;
font-weight: normal;
}

table#oci-coursestructuretable {
	border: 1px solid;
}

table#oci-coursestructuretable {
	border: 1px solid;
}

table#oci-coursestructuretable td, th {
	padding: 5px;
	border: 1px solid;
}

table#oci-coursestructuretable .oci-cs-modtype {
	font-weight: bold;
}

table#oci-coursestructuretable .oci-cs-hide {
	display: none;
}