/*
	Arcana 2.1 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/

/* Wrappers */

#main-wrapper
{
	background: #fff;
 padding: 2em 0 4em 0;

}

#header-wrapper
{
	box-shadow: inset 0px 10px 80px 0px rgba(0,0,0,0.2);
 height: 102px;
 position: relative;
 padding: 2.25em 0 2.25em 0;
}

#footer-wrapper
{
	padding: 3.5em 0 5em 0;
 box-shadow: inset 0px 10px 60px 0px rgba(0,0,0,0.15);
}

/* Site Header */

#site-header
{
	position: relative;
 background: url('images/header.png');
 background-size: 100% 190px;
 height: 190px;
 text-shadow: -1px -1px 1px rgba(0,0,0,1);
}

/* Logo */

#logo
{
	position: absolute;
 left: 40px;
 top: 0;
 height: 85px;
 line-height: 85px;
}

#logotext
{
	color: #fff;
 position: relative;
 font-size: 9.4pt;
 text-transform: uppercase;
 left: 2px;
 top: -60px;
}

/* ----------------------------------*/
#logo2 						/* new ryerson logo position*/
{
	position: absolute;
 left: 40px;
 top: 12px;
 height: 46px;
 line-height: 46px;
}


#logotext2, .logotext3 						/* new ryerson logo "Department of Electrical ..." */
{
	color: #ddd;
 position: relative;
 font-size: 10pt;
 font-weight: bold;
/* text-transform: uppercase;*/
 left: 120px;
 top: -70px;
 line-height: 1em;
}

.logotext3
{
	font-weight: normal;
 font-size: 8pt;
 text-transform: uppercase;
 top: 1px;						/* vertical offset after "& Computer Engineering" */
 left: 0px;
}

/* ------------------------------- */

#logo h1
{
	font-size: 2.25em;
 letter-spacing: -1px;
 color: #fff;
}

#logo span
{
	display: inline-block;
 border-left: solid 2px #d0d0d0;
 margin-left: 1em;
 padding-left: 1em;
}

/* Site Nav */

#nav
{
	position: absolute;
 top: 0;
 right: 50px;
 font-family: 'Open Sans Condensed', sans-serif;
 text-align: right;
}

#nav ul
{
	list-style: none;
 overflow: hidden;
}

#nav ul li
{
				display: block;
				float: left;
				text-decoration: none;
				font-size: 1.2em;
				height: 90px;
				line-height: 90px;
				margin: 0 0 0 1.75em;
}

#nav ul li a
{
	color: #c0c0c0;
 text-decoration: none;
 outline: 0;
}

#nav ul li a:hover
{
	color: #eee;
}

#nav ul li.current_page_item
{
				background: url('images/nav-arrow.png') center 77px no-repeat;
}

#nav ul li.current_page_item a
{
	color: #fff;
}

/* Banner */

#banner
{
	margin: 0 0 3em 0;
}

#banner a
{
}

#banner  a img
{
				width: 100%;
				display: block;
}


#banner .captionhome 
{
	background: #1e1e1e url('images/bg3.png') top left repeat-x;
 font-size: 2em;
 color: #ddd;
 text-align: center;
 text-shadow: -1px -1px 1px rgba(0,0,0,1);
 padding: 0.6em 0 0.6em 0;
 
/* there's no alpha blending because the caption on the home page appears below the image */
}

#banner .caption
{
	background: #1e1e1e url('images/bg3.png') top left repeat-x;
 	background: #38c3ff;
 font-size: 2.3em; /* adjust margin-top, below accordingly, if you adjust this*/
 color: #38c3ff;
 color: #008;
 text-align: center;
 text-shadow: -1px -1px 1px rgba(0,0,0,1);
 padding: 0.6em 0 0.6em 0;

   /* this moves "Electrical and Computer Engineering Dept" on top of the image 
      and makes it semi-transparent */
   margin-top: -1.9em;
   opacity: 0.78;
   filter: alpha(opacity=78);

}

#banner .caption span
{
}

#banner .caption span strong
{
	color: #ffffff;
}

#banner .caption .button
{
				border: solid 1px #001916;
				margin-left: 0.8em;
}

article #banner .caption
{

	background: #38c3ff;
 font-size: 1.6em; /* adjust margin-top, below accordingly, if you adjust this*/
 color: #008;
 text-align: center;
 text-shadow: -1px -1px 1px rgba(0,0,0,1);
 padding: 0.3em 0 0.6em 0;

   margin-top: -2.0em;
   opacity: 0.78;
   filter: alpha(opacity=78);

}

/* Site Footer */

#site-footer
{
	text-shadow: 1px 2px 0px #fff;
}

#site-footer a
{
	text-decoration: none;
 color: #525252;
}

#site-footer a:hover
{
	text-decoration: underline;
}


#site-footer ul li
{
	line-height: 2.5em;
}

#site-footer .divider
{
	border-top: solid 1px #d0d0d0;
 border-bottom: solid 1px #d0d0d0;
 height: 4px;
 margin: 1em 0 1em 0;
}

/* Copyright */

#copyright
{
	text-align: center;
 color: #868686;
 color: #434343;
}

#copyright a
{
	color: #868686;
 color: #434343;
}

/* Subpage */

.subpage
{
	padding-top: 4em !important;
}

.subpage article
{
	padding: 0 1em 0 1em;
}

.subpage article.first
{
	padding: 0 1em 0 0;
}

.subpage article.last
{
	padding: 0 0 0 1em;
}

.subpage h2
{
	font-size: 2.2em;
}

.subpage p
{
	margin: 0 0 1.5em 0;
}

.subpage section, .subpage article
{
	margin: 0 0 2em 0;
}

em{
	font-style: italic;
}

.pullquote
{
	color: #774;
 text-align: right;
 font-size: 1.3em;
 font-style: italic;
 font-family: Garamond, Georgia, serif;
	margin-left: 2em;
 line-height: 1.2em;
 padding-bottom: 1.2em;
}