/*

Theme Name: eDream-2017
Author: Madelin Woods & Jeff Carpenter
Version 2 updated & adapted by: Yen-Ching "Jasmine" Shih 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: elegant, cinematic
Text Domain: edream-2017
Version: 2

*/

/* ----- GLOBAL ----- */


html {
        overflow-y: scroll;
}

body { 
	background: url(/wp-content/uploads/2010/09/edreambkgd1.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	padding: 0; 
	margin: auto; 
	height: 100%; 
	width: 100%; 
	overflow:hidden; 
	font: 12px/16px Helvetica, Arial, sans-serif; 
	color: #FFFFFF;
	background-color:#000000; 
}

img { behavior: url(framework/iepngfix.htc); border: 0; }

.col-staff { padding-left: 10px; }

/* Image Captions */
.wp-caption{background-color:#EFEFED;border:1px solid #D0D0CE;margin-bottom:15px;margin-top:15px;padding:3px;text-align:center;max-width:470px!important}
    /* optional rounded corners for browsers that support it
    This code is disabled by default because it is not valid CSS but you are free to enable it if you wish.
    .wp-caption{-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}  */
.wp-caption img{border:none;margin:0;padding:0;width:100%!important;height:auto!important}
.wp-caption-text{color:#676F51;font-size:0.85em;margin:0;padding:4px 0}

/* ----- ARCHITECTURE ----- */
#wrapper {height: 100%; width:1050px; margin:auto; padding:0px; overflow:hidden; }
#leftcol { min-height:800px; height: 100%;  clear: none; background-color: rgba(34, 34, 34, 0.7); float: left; position: relative; background: rgba(34, 34, 34, 0.7); }
#rightcol {float: left; background-color: none; min-height:800px; top:0px; padding:0px 0px 0px 0px; margin:0px;}
#header_wrapper {margin: 0 auto; background-color: rgba(34, 34, 34, 0.7); border-bottom: 1px solid #999999;}
#header {margin: 0px auto; padding:60px 38px 10px 38px; }
#content {background-color: #222222; margin:0; border-top: 1px solid #999999; padding: 20px 40px 80px 40px;}
#nav {text-align:right; font-weight:100; padding:0px; }

/* ----- HEADER ----- */

#logo {float:left;position:relative;top:0px;left:0px;width:385px;}
#illinoislogo {float: right; padding: 0px 0px 0px 0px;}
#uiuc {float:right;position:relative;top:0px; right:0px; font-size:11px; line-height:14px; text-align:right;}
#uiuc2 img {padding: 0px 0px 0px 10px; border:none;}
#edream {float:left; font-style: none; font-weight: normal; font-family:"Trebuchet MS",Trebuchet, verdana, sans-serif; font-size:50px; line-height:45px; color:#999999;}
#edream2 {padding: 14px 0px 0px 0px; float:right; font-size:11px; line-height: 14px;}

#edream a:link, #edream a:visited {font-size:50px; color:#999999; font-weight:normal;}
#edream a:active, #edream a:hover {font-size:50px; color:#FFFFFF; font-weight:normal;}

/* ----- NAVIGATION ----- */


/* ----- TYPOGRAPHY ----- */

h1, h2, h3, h4, h5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 { line-height: 30px; font-weight: 200; font-style: normal; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999; font-size: 20px; margin: 0 0 10px 0;}
h2 { line-height: 20px; color: #999; font-size: 17px; font-weight: normal; margin: 0 0 10px 0;}
h3 { font-weight: lighter; line-height: 25px; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #c09ffa; font-size: 20px; font-style: italic; letter-spacing:1px; margin: 0 0 10px 0;}
h4 { font-weight: 100; line-height: 17px; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #c09ffa; font-size: 18px; letter-spacing: .1em; margin: 0 0 5px 0;}
h5 { color: #999; font-size: 12px; line-height: 16px; margin: 0 0 5px 0;}
h6 { color: #999; font-size: 12px; line-height: 16px; margin: 0 0 5px 0;}
hr { background-color: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 24px 0 20px 0; }
em { font-style: italic; }
p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 18px 0; text-align: left; font-size:12px;line-height:1.5em; }
strong { font-weight: bold;}


/* -Timeline- */
.date { font-size:480%;color:#A36EFF;float:left;line-height: 0.85em; margin-right: 0.2em; margin-bottom:-0.25em; }
#timeline p.info { width:250px; margin-right:20px; float:left;}
#timeline p img { float:right;}
#timeline .info .caption { color:#777777; font-style:italic;}

/* ----- CONTENT ----- */ 
p.alignright {text-align: right; color:#777777; font-style:italic;float:right;padding:0 0 0 25px;margin:0;}
p.alignleft {text-align: left; color:#777777; font-style:italic;float:left;padding:0 25px 0 0;margin:0;}

.alignright img, .alignleft img {padding-bottom:10px;}

/* ----- SIDEBAR ----- */


/* ----- PAGE SPECIFIC ----- */
#content-index { background:none; border-top: 0px solid #999; border-bottom: 0px solid #999; margin-top:20px;}

#page-title { font-size:25px;line-height:45px;margin:20px 0px 0px 0px; padding: 0px 40px; color:#ffffff; background:rgba(20,20,20,.5); border-top:1px solid #999999;}

#quote {
	color: #FFFFFF;
	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica, Arial,sans-serif;
	text-align: left;
	font-size:1em;
	line-height: 2em;
	text-decoration:inherit;
	font-weight:200;
	font-style:italic;
	padding:0px 44px 20px;
	}

div.quotebox {
	height:180px;
	margin:30px 50px;
	background-color:#ffffff;
	border:1px solid black;
	opacity:0.6;
	filter:alpha(opacity=60);
	/* For IE8 and earlier */
	}

div.quotebox p
	  {
	  margin:30px 40px;
	  font-weight:bold;
	  color:#000000;
	  }


/* #content-index #quote {position:relative;top:170px; height:0px;} */
#content-index #quote { background-color: rgba(34, 34, 34, 0.7); min-height:50px; padding:10px 15px;}

#background-movie {
	overflow:hidden;
	background-color: rgba(34, 34, 34, 0.7); 
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	height: 435px;
	position: relative;
	top: 10px;
	z-index: -1;
	}
 
#background-movie[id] {
      display: table;
      position: relative;
}

#iQuote_middle {
	position: static;
	top: 60%;
	} /* for explorer only*/
 
#iQuote_middle[id] {
      display: table-cell;
      vertical-align: middle;
      position: static;
}

#iQuote {
	position:relative;
	top: -50%;
	color: #FFFFFF;
	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica, Arial,sans-serif;
	text-align: left;
	font-size:1.6em;
	line-height: 2em;
	font-weight:200;
	font-style:italic;
	padding:0px 54px 20px;
	}

/* ----------------- */
 
*:first-child+html #background-movie[id] {
    position:relative
} /* for explorer 7 only */
 
*:first-child+html #iQuote_middle[id] {
    position: absolute;
    display:block;
     top: 50%;
} /* for explorer 7 only */
 
*:first-child+html #iQuote[id] {position: relative;}

.category-blog {width:650px;}

/* ----- FOOTER ----- */
#footer { background-color: rgba(34, 34, 34, 0.7); border-top:1px solid #999999; border-bottom: 1px solid #999999; margin-top:20px; min-height:50px; padding:10px 15px;}
#footer img { opacity: .5; filter:alpha(opacity=50); -moz-opacity: .5; -moz-filter:alpha(opacity=50);}
#footer img:hover { opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -moz-filter:alpha(opacity=100);}		
#footer a { opacity: .5; filter:alpha(opacity=50); -moz-opacity: .5; -moz-filter:alpha(opacity=50);}


/* ----- LINKS ----- */
a:link, a:visited { color: #c09ffa; font-weight: bold; text-decoration: none;}
a:active, a:hover { font-weight: bold; color: #FFFFFF; text-decoration: none;}

#rightcol #content a:link, #rightcol #content a:visited { color: #c09ffa; font-weight: bold; text-decoration: none;}
#rightcol #content a:active, #rightcol #content a:hover { font-weight: bold; color: #FFFFFF; text-decoration: none;}

#rightcol #content a:link h4, #rightcol #content a:visited h4 {font-weight:100;}
#rightcol #content a:active h4, #rightcol #content a:hover h4 {font-weight:100;color:#ffffff;}


#leftcol ul {list-style-type:none; line-height:16px; padding: 0 0 10px 0;}

#leftcol ul li a:link, #leftcol ul li a:visited { list-style-type: none; color: #c09ffa; text-decoration: none; font-size: 20px; font-weight:100; margin: 0px; padding:0px; line-height:25px;}
#leftcol ul li a:active, #leftcol ul li a:hover { list-style-type: none; color: #999999; text-decoration: none; font-size: 20px; font-weight:100; margin: 0px; padding:0px; line-height:25px;}

#leftcol ul li ul li a:link, #leftcol ul li ul li a:visited { list-style-type: none; color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight:normal; margin: 0px; padding:0px; line-height:16px;}
#leftcol ul li ul li a:active, #leftcol ul li ul li a:hover { list-style-type: none; color: #999999; text-decoration: none; font-size: 12px; font-weight:normal; margin: 0px; padding:0px; line-height:16px;}

a img { border:none; }
img { border:none; }


/*		
#gallery-image {
	position:relative;
	top:20px;
}

#gallery {
width:650px;
}

#gallerypost {
background: #FFFFFF;
float:left;
width:530px;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}

#gallerypost img {
border: 1px double #0000FF;
}

*/
/* ----- PAGE SPECIFIC ----- */
/*
#sponsorimg {
padding:10px;
border:none;
}

#sponsorlink a {
opacity:0.5;
-moz-opacity: 0.50;
border:none;
}

#sponsorlink a:hover {
opacity:1;
-moz-opaacity:1.00;
border:none;
}
		
*/

@media (max-width: @screen-md-max) {
	#edream {
		font-size: 10px;
	}
}

/* CLASSES REQUIRED BY THEME STANDARDS */
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}
.aligncenter {}