/*
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;
}