/* Enter Your Custom CSS Here */
body.custom-background { 
  background-repeat: no-repeat !important; 
  background-color: rgb(247,251,250) !important; 
  background-attachment: fixed !important;
}

/* Links */
a { color: #00acd1; font-weight: bold; text-decoration: none; outline: none; }
a:hover { color: #fff; background-color: #00acd1; text-decoration: none; outline: none; } 	

/* Imark Reverse Logo */
#imark { 
  float: left; 
  padding-top: 1.3em; 
  margin-right: 24px; 
  content: url('/data-science-initiative/files/2017/08/logos_uiuc_blocki_orange.png');
  max-height: 72px;
}

/* Layout */
#wrapperpub {
  margin: 0 auto; 
  padding: 0; 
  background-color: #333;
  background-color: rgba(0,0,0,0.8); 
  position: relative; 
  width: 980px; 
  text-align: left;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#wrapper {
  margin: 0 auto;
  margin-bottom: 20px;
  background-color: #333;
  background-color: rgba(0,0,0,0.8); 
  position: relative; 
  width: 980px; 
  text-align: left;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#wrappertop {
  margin: 0 auto; 
  padding: 0; 
  background-color: #333;
  background-color: rgba(0,0,0,0.8); 
  position: relative; 
  width: 980px; 
  text-align: left; 
}
#container {
  margin: 0; 
		width: 96%;
		padding: 3em 2em 1em 2em;
  /*padding: 3em 0 1em 2em;
  width: 600px;*/
  background-color: transparent; 
  float: left; 
  display: inline; 
  clear: both;
}
#containerlarge {
  margin: 0.8em 0 2em 2em; 
  width: 950px; 
  float: left; 
  display: inline; 
  clear: both; 
  background-color: transparent;
}
* html #containerlarge { margin: 2em 0 2em 2em; width: 950px; float: left; background-color: rgba(0,0,0,0.8); }
#content { background-color: transparent; padding: 0; overflow: hidden; }
#content h1 {
  font-size: 2.6em; 
  font-weight: bold; 
  color: #fff; 
  text-transform: uppercase; 
  letter-spacing: 0; 
  margin: 0 0 0.5em 0; 
}
#content h2, #content h3, #content h4, #content h5, #content h6 { font-weight: normal; letter-spacing: 0; margin: 0 0 0.5em 0; }
#content h2 { font-size: 2.6em; font-weight: bold; }
#content .entry-content h3 { font-size: 1.8em !important; margin: 1em 0 0.75em 0; }
#content .entry-content h4 { font-size: 1.5em !important; }
#content .entry-content h5 { font-size: 1.3em !important; }
#content .entry-content h6 { font-size: 1.1em !important; }
#content code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 11px; }
#footer #pre-footer, #footer .center, #footer #post-footer, #footer .publish-footer-factory-widgets { display: none; }
#footer {
  color: #bbb;
  margin: auto; 
  width: 980px; 
  padding: 0; 
  clear: both;
  text-align: left; 
  font-size: 1.3em; 
  line-height: 1.5em;
}
#footer .publish-footer-factory-content { padding: 3em 2em; }
#footer .publish-footer-factory-content img { float: left; width: 50px; margin-right: 20px; }
#footer a, #footerlink a { color: #bbb; text-decoration: none; outline: none; border-bottom: 1px dotted #bbb; }
#footer a:hover, #footerlink a:hover { background: #f3f3f3; color: #444; text-decoration: none; outline: none; }
#footer p, #footerlink p { color: #bbb; }
#footerlink { 
  display: none;
  /*color: #bbb; 
  margin-bottom: 2em; 
  width: 980px; 
  padding: 1em 0; 
  clear: both; 
  text-align: left; 
  font-size: 1.1em; */
}

/* Heading */
h1, h2, h3, h4 {font-family: Helvetica, Verdana, Arial, sans-serif; }
h1 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 3em; }
h1.blogtitle, #blog-title {
  font-family: Helvetica, Verdana, Arial, sans-serif; 
  font-weight: bold; 
  text-transform: uppercase; 
  font-size: 3em; 
  margin: 0.25em 0 0 0; /*0.5em 0 0 0;*/
  white-space: nowrap; 
  overflow: hidden;
}
h1 a { color: #fff; font-weight: bold; }
h1.blogtitle a, .blogtitle a { color: #fff !important; }
h1 a:link { color: #fff; }
h1 a:visited { color: #fff; }
h1 a:hover { color: #fff; background: transparent; }
h2 a, h3 a, h4 a { color: #00acd1; font-weight: bold; }
h2.entry-title { color: #fff; font-weight: bold; margin: 0; font-size: 2em; text-transform: uppercase; }
h2.single-entry-title { color: #fff; font-weight: bold; margin: 0 0 0.5em 0; font-size: 2em; text-transform: uppercase; }
h2.page-title { color: #fff; font-weight: bold !important; text-align: center; margin: 0 0 0.5em 0; font-size: 2em; }
h3.widgettitle { color: #000; font-size: 1.5em !important; }
.description { color:#fff; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 1.8em; margin: 0; }

/* header */
div#header { 
  margin: 35px 0 0 0; 
  padding: 4em 1em 3em 3em; 
  height: 10em; 
  background: transparent; 
  font-weight: normal; 
}
div#headertop { margin: 1em 0 0 0; background-color: transparent; }
#logo a { background-color: transparent; }

/* Navigation */
#access {
  background: #fff; 
  display: block;
  float: left;
  width: 980px; 
  margin: 0 auto;
  text-transform: uppercase; 
  border-bottom: 8px solid rgb(0,172,209); 
  border-radius: 0;
}
#access .menu-header, div.menu { font-size: 1.6em; margin-left: 0; width: 980px; }
#access .menu .top_parent { display: none; }
#access a { 
  color: #000; 
  line-height: 0; 
  padding: 24px 12px;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
#access li:hover > a, #access ul ul :hover > a { 
  background: rgb(0,172,209); 
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a, #access ul li.current-menu-parent > a,
* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, 
* html #access ul li a:hover {
  background: #444; 
  background: rgb(0,172,209);
  color: #fff; 
}
.navigation a { color: #00acd1; }
.navigation a:hover { color:#fff; }

/* sidebar */
div.sidebar { background-color: transparent; padding: 0; margin: 2em 2em 0 0; }
.sidebar ul li ul li { padding-top: 1em; }

/* Post area */
.linebreak { padding: 1em 0 0.5em 0; border-top: none; /*border-top: 0 solid #00acd1;*/ }
.hentry { font-weight: normal; margin-bottom: 2em; color: #fff; }
.entry-content { font: 1.2em Helvetica, Arial, sans-serif; color: #fff; margin: auto; text-align: left; }
.entry-content p { margin: 0 0 1.5em 0; padding: 0; color: #fff; line-height: 1.5; font-size: 1.2em; }
* html .entry-content p { margin: 0; }
.entry-content ol, .entry-content ul, .entry-content pre { margin: 0 0 1.5em 2.5em; padding: 0; }
.entry-content ol li, .entry-content ul li { margin: 0 0 0.2em; line-height: 1.3; font-size: 1.2em; }
.entry-content ol li li, .entry-content ul li li { font-size: 1em; }
.entry-content a { color: #00acd1; background-color: transparent; }
.entry-content a:visited { color: #00acd1; }
.entry-content a:hover { color: #fff; background-color: #00acd1; }

#content .dp100 { width: 100%; }

.alignleft { float: left; }
.alignright { float: right; }
.center { text-align: center; }
img.alignleft { margin: 0.4em 1.1em 0.4em 0; display: inline; padding: 0.2em; }
img.alignright { margin: 0.4em 0 0.4em 1.1em; display: inline; padding: 0.2em; }
img.center { display: block; margin: 0.4em auto; padding: 0.2em; }
.entry-meta { color: #bbb; padding: 0; font-size: 1.1em; line-height: 1.5em; }
.page-link { clear: both; color: #000; font-weight: bold; margin: 0 0 22px 0; word-spacing: 0.5em; }
.page-link a:link, .page-link a:visited { 
  background-color: #000; 
  background-color: rgba(0,0,0,0.5);
  font-weight: normal; 
  padding: 0.5em 0.75em; 
  text-decoration: none;
  color:#fff;
} 
.page-link a { background-color: #000; background-color: rgba(0,0,0,0.5); color: #fff; } 
.page-link a:active, .page-link a:hover { color: #fff; background-color: #00acd1; text-decoration: none; outline: none; } 

/*widget*/
.widgetblock { font-size: 1.2em; background: transparent; margin: 0 0 2.5em 0; padding: 0.5em 0 0 0; }
.widgetblock img { max-width: 300px; height: auto; }
.widgetblock li a { font-size: 1.2em; }
.widgettitleb { background-color: #fff; margin: 0 0 0.5em 0; padding: 0.5em 1em; color: #fff; }
.screen-reader-text { display: none; }

#comments, #nav-above, #nav-below, .entry-meta { display: none; }

/*program*/
.entry-content .prog_time { float: left; width: 16%; font-size: 1.2em; padding-top: 3px; }
.entry-content .prog_segment { margin: 0 0 15px 17%; width: 83%; padding: 0; font-size: 1.1em; }
.entry-content .prog_white { font-size: 1.1em; color: #ddd; margin-bottom: 0; font-style: italic; }
.entry-content .prog_segment .prog_title { font-weight: bold; margin-bottom: 0; }
.entry-content .prog_segment .prog_name { margin: 0 0 15px 4.5%; font-size: 1.1em; }
.entry-content .prog_segment .prog_abstract { margin: 5px 0 15px 4.5%; font-size: 1em; line-height: 1.3; font-style: italic; }
/*end program*/

.entry-content .about_img { width: 100%; max-width: 300px; }

@media screen and (max-width: 1000px) {
  #wrapperpub, #wrapper { width: 85%; }
  div#header { padding: 3em 3em 6em 3em; /*padding: 3em;*/ }
  #header .dp100 { width: 69%; /*width: 85%;*/ }
  h1.blogtitle, #blog-title { white-space: normal; overflow: visible; }
  #access, #access .menu-header, div.menu, #footer { width: 100%; }
  #access a { padding: 24px 10px; }
  #container { width: 66%; /*width: 65%;*/ }
  div.sidebar { width: 26%; }
}

@media screen and (max-width: 800px) {
  #wrapperpub, #wrapper { width: 92%; padding: 0 0 20px 0; }
  div#header { margin-top: 3em; padding: 2em 2em 6em 2em; }
  #header #imark { padding-top: 5px; }
  #header .dp100 { width: 100%; margin: 2em 0 0 0; /*width: 80%;*/ }
  h1.blogtitle, #blog-title { margin: 0; }
  #access a { padding: 20px 8px; }
  #container { width: 89%; padding: 2em; /*width: 95%;*/ }
  div#primary { clear: both; }
  div.sidebar { width: 94%; }
  .widgettitleb { padding: 1em; }
  h3.widgettitle { font-size: 1.7em !important; }
  .widgetblock li a { font-size: 1.5em; }
  .entry-content, #footer { font-size: 1.4em; }
  #footer .publish-footer-factory-content { padding: 1em; /*2em;*/ }
  #footer p, #footerlink p { padding: 0; }
}

@media screen and (max-width: 600px) {
  div#header { min-height: 150px; }
}