@charset "UTF-8";
/* CSS Document */

#container { padding-top:1em;}

/* 4. ---------------------------------------------
---------------------------------------------------
	
	**********       MAIN NAVIGATION	***********
	
---------------------------------------------------
--------------------------------------------------- */

#inside_utsc a, #utsc_news a {
		display:block;
		width:200px;
		height:48px;
		text-indent:-99999px;
		margin-bottom:1em;
		}

#inside_utsc a { background: url(http://www.utsc.utoronto.ca/_insideUTSC/branding/inside_utsc.gif) top left no-repeat;}
#utsc_news a { background: url(http://www.utsc.utoronto.ca/_insideUTSC/branding/utsc_news.png) top left no-repeat;}
		
#utsc_alumni {
		display:block;
		width:200px;
		height:48px;
		text-indent:-99999px;
		background: url(http://www.utsc.utoronto.ca/_includes11/branding/utsc_alumni.gif) top left no-repeat;
		margin-bottom:1em;
		}

#mainnav {
		float:left; 
		width:200px;
		overflow:hidden;
		
		}
		
#mainnav ul {
		text-align:right;
		/*border-bottom:1px dotted #98948d;*/
		}

#mainnav ul li{
		margin-right:20px;
		}
		
#mainnav ul li a { 	
		color:#6CACE4;
		display:block;
		padding:0.5em;
		width:150px;
		padding-right:20px;
		font-weight:bold;
		text-decoration:none;
		}

#mainnav ul li a.active { color:#fff;}
			
#mainnav ul li a:hover {				
		color:#fff;
		background:#6CACE4;
		/*border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;*/
		cursor:pointer;
		}


/* colourful links 
----------------	LIGHT BLUE: #6CACE4;
----------------	LIME: 	    #BFB800;
----------------	ORANGE:	    #D38235;
----------------	PURPLE:	    #A192B2;

NAVY BLUE: #002554;
GREEN:	   #7A9A01;
*/

#mainnav ul li#suggest a {
		margin:1.5em 0;
		color: #D38235;
		}
		
#mainnav ul li#suggest a:hover,
#mainnav ul li#suggest a.active {
		background:#D38235;
		color:#fff;
		}
		
#mainnav ul li#achievments a:hover,
#mainnav ul li#achievments a.active {
		background:#cdc818;
		color:#fff;
		}
		
#mainnav ul li#nav1 a:hover,
#mainnav ul li#nav1 a.active,
#mainnav ul li#nav10 a:hover,
#mainnav ul li#nav10 a.active {
		background:#7A9A01;
		color:#fff;
		}
		

		
#mainnav ul li#nav3 a:hover,
#mainnav ul li#nav3 a.active {
		background:#002554;
		color:#fff;
		}

#mainnav ul li#nav2 a:hover,
#mainnav ul li#nav2 a.active,
#mainnav ul li#nav7 a:hover,
#mainnav ul li#nav7 a.active {
		background:#6CACE4;
		color:#fff;
		}
		
#mainnav ul li#nav4 a:hover,
#mainnav ul li#nav8 a:hover,
#mainnav ul li#nav4 a.active,
#mainnav ul li#nav8 a.active {
		background:#D38235;
		color:#fff;
		}
		

		
#mainnav ul li#nav5 a:hover,
#mainnav ul li#nav6 a:hover,
#mainnav ul li#nav9 a:hover,
#mainnav ul li#nav5 a.active,
#mainnav ul li#nav6 a.active,
#mainnav ul li#nav9 a.active {
		background:#A192B2;
		color:#fff;
		}

/*end colourful links*/

#mainnav ul li#inside a,
#recent #inside2 a 
		{
		margin:1.5em 0;
		color: #9d93c0;
		}
#recent #inside2 a { background:none; }
		
#mainnav ul li#inside a:hover
		{
		background:#9d93c0 url(http://www.utsc.utoronto.ca/_includes11/images/triangle_w.png) 169px center no-repeat;
		color:#fff;
		}	
		
#recent #inside2 a:hover 	
		{
		background:#9d93c0;
		color:#fff;
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}

/* main navigation active links */

#pg1 #nav1 a {
		color:#fff;
		background:#002554 url(http://www.utsc.utoronto.ca/_includes11/images/triangle_w.png) 169px center no-repeat;
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}

#IronPointForm select,
#IronPointForm2 select { width:110px;}

/* 5. ---------------------------------------------
---------------------------------------------------
	
	**********       MAIN ARTICLE	***********
	
---------------------------------------------------
--------------------------------------------------- */
#wrap_articles {width:760px;
				float:left;
				margin-left:30px; 
				}
				
article {
		width:760px;
		color:#4e4a43;
		text-align:left;
		}

article p {
		width:auto;
		line-height:1.4em;	
		
		}

article {font-size:1.1em;}
		
.categories {	display:block; 
				border-top: 1px solid #98948d;
				margin-top:.5em;
				width:auto;
				padding:.5em;
				font-size:1em;
				line-height:1.4em;
				font-style:italic;
				}
.categories a:hover { color:#6CACE4;}
		
.pub-auth { 
			padding:.5em;
			margin-top:.5em;
			width:auto;
			border-top: 1px solid #98948d;
			border-bottom: 1px solid #98948d;
			}
	
.pub-auth small { 
font-size:.9em;
		font-style:italic;
		margin-bottom:1em;
		}		

		
article h2 {
		font-size:1.6em;
		color: #D38235;
		width:auto;
		}

/* colourful h2-s 
----------------	LIGHT BLUE: #6CACE4;
----------------	LIME: 	    #BFB800;
----------------	ORANGE:	    #D38235;
----------------	PURPLE:	    #A192B2;

NAVY BLUE: #002554;
GREEN:	   #7A9A01;*/

article .h2_green, .green h2, .green h3, .green h4 {color:#7A9A01;}
article .h2_navy, .navy h2, .navy h3, .navy h4 {color:#002554;}
article .h2_lblue, .lblue h2, .lblue h3, .lblue h4 {color:#6CACE4;}
article .h2_lime, .lime h2, .lime h3, .lime h4 {color:#BFB800;}
article .h2_yellow, .yellow h2, .yellow h3, .yellow h4 {color:#cdc818;}
article .h2_orange, .orange h2, .orange h3, .orange h4 {color:#D38235;}
article .h2_purple, .purple h2, .purple h3, .purple h4 {color:#A192B2;}


article figure {
	width:290px;
	/*box-shadow: -5px 5px 10px #98948d;*/
	border:1px solid #ccc;
	background:#fff;
	/*mozilla gradient
	background: -moz-linear-gradient(left, #ddd, #fff 15%, #fff 85%, #ddd);*/ 
	/* webkit gradient
	background: -webkit-gradient(linear, left top, right top, from(#ddd), color-stop(15%, #fff), color-stop(85%, #fff), to(#ddd));
	 */ 
	text-align:center;
	margin:1.5em 0 2em 0;
	float:right;
	position:relative;
	}

article figure img { 
	margin:.5em auto; 
	border:1px solid #ccc;
	
	}

figure figcaption {
	margin-bottom:1em;
	display:block; 
	padding:.1em .5em;
	text-align:left;
	}
	
figure small {  
	display:block; 
	color:#98948d;
	font-size:.8em;
	text-align:left;
	}
				
article figure #shadow { 
	display:block;
	position:absolute;
	width:290px;
	height:14px;
	background:url(http://www.utsc.utoronto.ca/_includes11/images/fancy_shadow.jpg) center no-repeat;
	bottom:-15px;
	left:0;
	}

.article_wrap {
	width:450px;
	float:left;
	margin-bottom:1em;
}

.article_wrap p { margin:.5em 0;}

/* 5. ---------------------------------------------
---------------------------------------------------
	
	**********     SIDE INFORMATION 	***********
	
---------------------------------------------------
--------------------------------------------------- */

#section {width:290px;
		  float:right;
		}
			
#sidelinks h3 {
		font-size:1.6em;
		margin:1em 0 0 0;	
		}

#sidelinks h3 a { color: #9d93c0;}
#sidelinks h3 a:hover { border-bottom: 1px dotted #9d93c0;}

#back { background: url(http://www.utsc.utoronto.ca/_includes11/images/triangle_bl.png) center left no-repeat;
		padding-left:1em;
		}
		
#back:hover {		
		color:#6CACE4;
		background: url(http://www.utsc.utoronto.ca/_includes11/images/triangle_l_bl.png) center left no-repeat;
		}

#more html5\:nav { 
	width:290px;
	margin-top:2em;
	}	

#recent {
	float:right;
	/*position:absolute;*/
	top:.8em;
	right:0;
	width:160px;
	}
	
#more nav h3,
#recent nav h3 {
	font-weight:normal;
	font-size:1.1em;
	color:#002554;
	margin-bottom:.7em;
	padding-bottom:.7em;
	border-bottom:1px solid #98948d;
	}
	
#more nav ul,
#recent nav ul,
#recent nav dl { 
	text-align:left;
	margin-left:1em;
	}

#recent dl dt {
	color:#6CACE4;
	padding:0.3em;
	width:150px;
	padding-left:10px;
	font-size:1.2em;
	background: url(http://www.utsc.utoronto.ca/_includes11/images/triangle_l_bl2.png) 0px center no-repeat;
	margin-top:1em;
	}

#recent dl dt:hover,
#recent dl dt.current_year {
	color:#002554;
	background: url(http://www.utsc.utoronto.ca/_includes11/images/triangle_bl2.png) 0px center no-repeat;
	}

#recent dl dt.current_year	 {
	margin-top:0em;
	background: url(http://www.utsc.utoronto.ca/_includes11/images/triangle_bl_down.png) 0px center no-repeat;
	}	

#recent dl dd { margin-left:1em }

#more ul li a,
#recent ul li a,
#recent dl dd a { 	
		color:#6CACE4;
		display:block;
		padding:0.3em;
		width:150px;
		padding-left:10px;
		font-size:1em;
		background: url(http://www.utsc.utoronto.ca/_includes11/images/triangle_l_bl2.png) 0px center no-repeat;
		}

#recent ul li a,
#recent dl dd a { 
		width:130px;
		text-decoration:none;
		}
				
#more ul li a:hover,
#recent ul li a:hover,
#recent dl dd.current a,
#recent dl dd a:hover
		{	
		color:#002554;			
		background: url(http://www.utsc.utoronto.ca/_includes11/images/triangle_bl2.png) 0px center no-repeat;
		}

.current a { font-weight:bold;}

/* news list */

.news_list {
		padding:1em;
		margin-bottom:1em;
		width:500px;
		background:#eee;
		border:1px solid #ddd;
	}
	
.news_list h3 {
		font-size: 1.3em;
		padding-bottom:.2em;
		font-weight:normal;
	}
.news_list pubdate {
	display:block;
	font-size:0.9em;
	color:#4e4a43;
	}
	
.news_list p { color:#4e4a43;
			   margin:.5em 0;
			   }	
.news_list a.more2 { 
		display:block;
		text-align:right;
		float:right;
		cursor:pointer;
		color:#002554;	
		background: url(http://www.utsc.utoronto.ca/_includes11/images/triangle_bl2.png) 50px center no-repeat;
		width:97px;
		font-size:.9em;
		text-decoration:none;
}

.news_list a.more2:hover {
		color:#6CACE4;
		background: url(http://www.utsc.utoronto.ca/_includes11/images/triangle_l_bl2.png) 50px center no-repeat;
}



/* generic page for categories */
					
.categ { padding:1em;
		width:570px; /*580*/
		background:#fff;
		box-shadow: 0px 5px 15px #ccc;
		-moz-box-shadow: 0px 5px 15px #ccc;
		-webkit-box-shadow: 0px 5px 15px #ccc;
		border:1px solid #ddd;
		float:left;
		margin-left:15px; /*20*/
		margin-bottom:15px;
		}
		
.categ h2 { 
			font-size:1.5em;
			margin-bottom:1em;
			padding-bottom:.5em;
			border-bottom:1px solid #98948d;
			}
			
.categ nav ul li { 
	display:block;
	padding-bottom:.3em;
	margin-bottom:.7em;
	cursor:pointer;
	
	}
	
.categ nav ul li a:hover {
	border-bottom:1px dotted #002554;
	}

/* inside _ page */

#inside_container {
	width:600px;
	background:#fff;
	box-shadow: 0px 5px 15px #ccc;
	border:1px solid #ddd;
	float:left;
	margin-left:20px;
	}
	
	
/* calendar styles */

#monthsBox  { margin-top:1em;}

#monthsBox h3, #container #monthsBox h4 { text-align:center;}

#monthsBox h4 { margin-bottom:0;
				margin-top:.5em;
				}
				
#monthsBox h4 a, #monthsBox h4 span.disabled { text-decoration:none;
				padding:0 .5em; 
				font-size:.9em;
				font-weight:normal;
				}

#monthsBox h4 span.disabled { color:#999;}

#monthsBox ul.monthList	 {
	margin:1em 0;
	width:156px
}
#monthsBox ul.monthList li a { color:#002554;}

#monthsBox ul.monthList li { float:left;} /* so IE7 gets it */
#monthsBox ul.monthList li a {
	display:block;
	float:left;
	text-align:center;
	width:50px;
	height:20px;
	font-size:.7em;
	background:none;
	padding:0;
	padding-top:1em;
	border:1px solid white;
}

/* coloured cells */
/* 
----------------	LIGHT BLUE: #6CACE4;
----------------	LIME: 	    #BFB800;
----------------	ORANGE:	    #D38235;
----------------	PURPLE:	    #A192B2;

NAVY BLUE: #002554;
GREEN:	   #7A9A01;
*/
.lblue ul.monthList { border:1px solid #6CACE4; }
.lime ul.monthList { border:1px solid #BFB800; }
.yellow ul.monthList { border:1px solid #cdc818;}
.orange ul.monthList { border:1px solid #D38235; }
.purple ul.monthList { border:1px solid #A192B2; }
.nblue ul.monthList { border:1px solid #002554; }
.green ul.monthList { border:1px solid #7A9A01; }


/*lighter shades */
#container .green ul li a {
background:#f8fedf;
}

#container .lblue ul li a {
background:#e1f1fe;	
}

#container .lime ul li a {
background:#fefde4;	
}

#container .orange ul li a {
background:#fff1e3;	
}

#container .purple ul li a {
background:#f8f1ff;	
}

#container .nblue ul li a {
background:#e5f0fe;	
}

#container .yellow ul li a {
background:#fefdcb;
}


#container .nblue ul li:hover a, 
#container .nblue ul li.active a {
	background:#002554;
	color:white;
	}
#container .purple ul li:hover a, 
#container .purple ul li.active a {
	background:#A192B2;
	color:white;
	}
#container .orange ul li:hover a, 
#container .orange ul li.active a {
	background:#D38235;
	color:white;
	}
#container .lime ul li:hover a, 
#container .lime ul li.active a {
	background:#BFB800;
	color:white;
	}
	
#container .yellow ul li:hover a, 
#container .yellow ul li.active a {
	background:#cdc818;
	color:white;
	}	
	
#container .lblue ul li:hover a, 
#container .lblue ul li.active a {
	background:#6CACE4;
	color:white;
	}
#container .green ul li:hover a, 
#container .green ul li.active a {
	background:#7A9A01;
	color:white;
	}
	
#container ul li.inactive {
	background:#eee;
	color:#4E4A43;
	border: 1px solid white;
    display: block;
    float: left;
    font-size: 0.7em;
    height: 20px;
    padding: 1em 0 0;
    text-align: center;
    width: 50px;

}

	
/* ------------------------------------------------
---------------------------------------------------
	
  **********       MEDIA QUERIES		***********
	
---------------------------------------------------
--------------------------------------------------- */

/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/
@media all and (max-width: 767px) and (min-width: 480px)
 { 
#inside_utsc a { margin:0 auto; margin-bottom:.5em;}
#mainnav ul li#suggest a { margin:0;}
#mainnav { width:auto; float:none; margin:0 auto; }

#mainnav ul { text-align:center;}
#mainnav ul li { margin-right:.5em; display:inline-block; width:auto; }
#mainnav ul li a { width:auto; padding-right:.5em; padding-left:.5em;}
#wrap_articles { width:auto; float:none; margin:0; margin-left:0; }
article, .article_wrap { width:auto; margin-left:0; }
.article_wrap, #mainnav { padding:0 .5em;}
.categ, .news_list { width:auto;}
#container { width:auto;}
#recent { display:none;}
}

/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

@media all and (max-width: 479px) {
		
#inside_utsc a { margin:0 auto; margin-bottom:.5em;}
#mainnav ul li#suggest a { margin:0;}
#mainnav { width:auto; float:none; margin:0 auto; }
#mainnav ul { text-align:center;}
#mainnav ul li { margin-right:.5em; display:inline-block; width:auto; }
#mainnav ul li a { width:auto; padding-right:.5em; padding-left:.5em;}
#wrap_articles { width:auto; float:none; margin:0; margin-left:0; }
article, .article_wrap { width:auto; margin-left:0; }
.article_wrap, #mainnav { padding:0 .5em;}
.categ, .news_list { width:auto;}
#container { width:auto;}
#recent { display:none;}
}


/*e-mail top header styles*/


p, a, div, span, table, tr, td, ul, li, strong, em, img {
			zoom:1;	
		}
		
		#outterContainer p, 
		#outterContainer a, 
		#outterContainer span, 
		#outterContainer em, 
		#outterContainer strong {
			line-height:120%;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;	
			margin:0px;	
			color:#231F20;
		}

		tr {
			vertical-align:top;	
		}
		
		#outterContainer p {
			margin-bottom:10px;
		}
		
		#outterContainer a {
			font-weight:bold;	
		}
		
		#outterContainer a.bulleted {
			font-size:10px;
		}
		
		
		#outterContainer #hotnews2 p.h3 {
			color:#6E9934;
		}		
		
		#outterContainer p.principalCaption {
			line-height:120%;
			font-style:italic;
			margin-top:5px;
		}
		
		#outterContainer p.h1, 
		#outterContainer p.h2, 
		#outterContainer p.h3, 
		#outterContainer p.h4, 
		#outterContainer p.h5, 
		#outterContainer p.h6 {
			margin:0px;
			line-height:100%;
			font-family:Arial, Helvetica, sans-serif;
			
		}
		
		#outterContainer p.h2 {
			font-size:20px;	
			font-weight:bold;
		}
		
		#outterContainer p.h3 {
			font-size:12px;	
			margin-bottom:7px;
			line-height:120%;
			font-weight:bold;
		}
		
		#youShouldKnow p.h3 {
			margin-bottom:10px;
			margin-left:0px;
		}

		#youShouldKnow a {
			text-transform:uppercase;
			color:#F3E5C3;
			line-height:100%;
			margin-bottom:1px;
			
		}
		
		#youShouldKnow p {
			color:#fff;
			margin-left:10px;
			margin-bottom:7px;
			margin-top:2px;
			line-height:100%;
		}


		.column3 table.h4 td {
			padding-left:5px;
		}
		
		#outterContainer .h4 tr td p {
			line-height:100%;
			text-transform:uppercase;
			color:#fff;
			font-size:13px;	
			font-weight:bold;
			margin-bottom:0px;
		}
		
		/*.column3*/ p.newsDesc {
			padding-bottom:7px;
			padding-top:5px;
			border-bottom:1px solid #ccc;	
			margin-bottom:0px;
		}

		.newsLink { display:block; }
		
		#outterContainer .column3 a.newsLink {
			font-size:13px;
		}
		
		.column3 #research a.newsLink, .column3 #hr a.newsLink {
			color:#4891CE;
		}	
		

		.column3 #achievements a.newsLink {
			color:#DE8445;
		}	

		.column3 #pulse a.newsLink, .column3 #department a.newsLink  {
			color:#6C679D;
		}	
		

		
		.tbDontMiss td {
			padding-top:5px;
			padding-bottom:8px;

		}
				
		#outterContainer .tbDontMiss .dmDate p, #outterContainer .tbDontMiss .dmDate strong {
			font-size:15px;
			color:#DE8445;
			margin-bottom:0px;
		}

		
		.tbDontMiss .dmDesc p {
			margin-bottom:0px;
		}

		.fntnBullet {
			display:block;
			margin:0px;
		}


		#fntnGuess .h2 {
			color:#001A49;
			text-transform:uppercase;
		}
		
		#outterContainer #footer p, #outterContainer #footer a {
			color:#fff;	
		}