/**
 * Design elements for CSE512 page template
 */

* { padding: 0; margin: 0; }

body {
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #33333f;
  width: 840px;
  font-family: "Avenir", Verdana;
  font-size: 0.95em;
}

a, a:visited { text-decoration: none; color: #7533f4; }
a:hover { text-decoration: underline; color: #f4b014; }
img, a.img, a:hover.img { border: none; }

h1, h2, h3, h4, h5 {
  color: #492a7c;
  background-color: inherit;
  font-weight: normal;
  padding: 0 0 5px 0;
  margin: 15px 0 0 0;
  border: none;
  clear: right;
}
h1 a, h2 a, h3 a, h4 a, h5 a, a.nolink,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, a:hover.nolink {
  color: #21346B !important;
  text-decoration: none !important;
  border: none;
}
.title, .title a{
  color: #492a7c; /*#21346B;*/
  font-size: 24pt;
  margin-bottom: 10px;
  margin-top: 5px;
}
.content.wider{
  padding-left: 40px;
  padding-right: 40px;
}
.pub {
  min-height: 90px;
  margin-top: 15px;
}

.pub .ss{
  max-width:130px;
  max-height: 90px;
}

.pub > .title {
  font-size: 22px;
  font-weight: 600;
  color:black;
}

.pub > .thumbnail {
float: left;
margin-top: 3px;
margin-right: 10px;
width: 130px;
text-align: center;
}

.pub > .entry{
  margin-left: 150px;
}

.pub > .figure {
  margin: 1.5em 0 1.5em 25px;
}

.pub > .figure img {
  max-width: 700px;
}

.pub > .figure .caption {
  font-size: 13px;
  margin-right: 25px;
}

.pub .heading {
  margin-top: 24px;
  margin-bottom: 5px;
  font-size: 12px;
}

.pub > h1.title{
  margin-bottom: 0;
  margin-top: -10px;
}

.pub > .authors {
  font-size: 16px;
  margin-bottom: 1em;
}
.pub > .authors a,.pub > .authors a:visited, .pub > .authors a:active,
.pub > .links a,.pub > .links a:visited, .pub > .links a:active{
  color:black;
}
.pub > .authors a:hover, .pub > .links a:hover{
  color: #8a5ed3;
}

.pub h1, .pub h2, .pub h3, .pub h4, .pub h4{
  color: black;
  border: 0;
}

.pub > .figure .caption {
  font-size: 13px;
  margin-right: 25px;
  margin-top: 5px;
}


h1 { font-size: 18pt; margin:  5px 0 10px 0; line-height: 28px; }
h2 { font-size: 14pt; margin: 30px 0 15px 0; letter-spacing: 0.01em; border-bottom: 1px solid #ccc;  line-height: 20px;}
h3 { font-size: 13pt; }
h4 { font-size: 12pt; }
h5 { font-size: 11pt; }

p, blockquote, table, pre { margin: 0 0 10px 0; }
hr { border: 0px; border-top: 1px solid #ccc; height: 0px; }

div.lecture { margin-bottom: 6px; }

.band{
  width:100%;
  /*height:120px;*/
  padding-top: 10px;
  padding-bottom: 10px;
}

.hidden{
  display: none !important;
}

.person{
  margin-bottom: 3px;
  display: block;
}

.gallery-img{
  width:100%;
  height:150px;
  background-size: cover;
  background-position: center center;
}
.gallery-block{
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 30px;
  cursor: pointer;
}

.gallery-block:hover{
  background-color: #eee;
}


.link{
  background-position: 3px center;
  padding-left: 20px;
  padding-right: 5px;
  background-repeat: no-repeat;
}
.link.link-slides{
  background-image: url(img/keynote_small.png)
}
.link.link-discussion{
  background-image: url(img/discussion_small.png)
}


.thumb{
  /*width: 50px;
  height: 45px;*/
  width:100px;
  height:80px;
  background-size: cover;
  background-position: center center;
  opacity: 0.8;

  display: inline-block;
  /*ie legacy*/
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.thumb:hover{
  opacity: 1;
}

.affix{
  position: fixed;
  top:20px;
}

.affix-child{
  display:none;
}

.affix .affix-child{
  display: block;
  margin-bottom: 15px;
}

.nav li.active > a, .nav li.active > a:active{
  font-weight: bold;
}

.affix.navbar{
  background-color: white;
}

ul.inline li{
  display: inline;
}
ul.inline li a, ul.inline li a:active, ul.inline li a:visited{
  color: #999;
  margin-right: -2px;
  letter-spacing: 0px;
}


.active .active-child{
  display: block;
}

.affix-bottom{
  position: absolute;
}

#schedule-menu{
  background-color: white;
  height: 30px;
  margin-bottom: -10px;
}

.affix#schedule-menu{
  background-color: white;
  position: fixed;
  /*margin-left: 150px;
  margin-right: 50px;*/
  width:600px;
  top:0;

}

.affix-bottom#schedule-menu{
  position: static;
}

.content {
  margin: 0;
  padding: 15px 20px;
  background-color: #ffffff;
  /*height: 100%;*/
}
.article-column { margin: 0; padding: 15px 0 5px 0; }

.flash {
  background-color: #ededed;
  border: 2px dashed #ccc;
  padding: 8px;
  margin-bottom: 1em;
}

.lead {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 0.9em;
}

.todo{
  color:red;
}

/* -- article styles -- */
.article {
  margin-left: 150px;
  margin-right: 50px;
  padding: 0;
  line-height: 1.5em;
  position: relative;
}
.article ul{
  line-height: 1.5em;
}

.article section section{
  margin-bottom: 35px;
}

.date {
  font-size: 15px;
  display: inline-block;
  min-width: 65px;
  /*font-family: Georgia, Times New Roman, serif;*/
}

.assignment{
  font-size: 0.9em;
  margin-bottom: 5px;
}

div.assignment{
  padding-left: 15px;
}

.hidden{
  display: none;
}

.day{
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 7px;
  padding-left: 7px;
  margin-left: -7px;
  margin-right: -7px;
}


.day.current{
  background-color: #eee;
}

.pull-right{
  float:right;
}

.topic{
  font-weight: bold;
}


.menu {
  list-style: none;
  margin-left: 0px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
  width: 125px;
}
.menu li{
  padding-bottom: 8px;
}
.menu li a{
  color: black;
}
.menu .no-bottom{
  margin-bottom: 0;
}

code { font-family: "Lucida Console","Courier New",Courier;  font-size: 12px;}
pre, pre.code {
  font-family: "Lucida Console","Courier New",Courier;
  font-size: 12px;
  padding: 0.5em;
  border-top: 1px solid #aa5;
  border-bottom: 1px solid #aa5;
  background-color: #ffffe5;
  color: #000000;
  overflow: auto;
}

.reading {
  font-size: 0.85em;
  padding-left: 15px;
}
.reading small {
  color: #666;
}
.reading a, .reading a:visited {
  color: black;
}
.reading a:hover {
  color: #7533f4;
}
.reading .optional {
  opacity: 0.8;
}

/* -- sidebar styles -- */
.sidebar {
  margin: 3px 0 0 0;
  padding: 0;
  float: left;
  width: 125px;
  font-size: 9.5pt;
}
.sidebar div { line-height: 12pt; margin-bottom: 15px; }
.sidebar div.clear { margin: 0; padding: 0; clear: both; }
.sidebar .space { margin-top: 10px; }
.sidebar h1 {
  font-size: 10.5pt;
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  margin: 0 0 2px 0;
  padding: 0;
  line-height: 20px;
}
.sidebar a, .sidebar a:visited { color: #000; }
.sidebar a:hover { color: #8a5ed3; }
.sidebar a.block {
  float: left;
  width: 152px;
  padding: 4px 2px 4px 4px;
  border: 1px solid #ddd;
  color: #000;

  font-family: "Avenir", Verdana, Tahoma;
  font-weight: normal;
  font-size: 7pt;
  line-height: 9pt;
  letter-spacing: 0em;
}
.sidebar a.block img { border: none; margin-bottom: 2px; }
.sidebar a.block:hover { border: 1px solid #f88; color:#8a5ed3; text-decoration: none; }
.sidebar .linkname { letter-spacing: 0.1em; font-size: 8pt; line-height: 12pt; }


/* -- footer styles -- */
.footer {
  border-top: 1px solid #ccc;
  margin-top: 30px;
  padding-top: 4px;
  text-align: right;
  font-size: 12px;
}
.footer a {
  color: #21346B;
}
.footer a:hover {
  color: #ce3333;
}

#sflogo { margin-right: 12px; }
.attribution { color: #888; font-size: 8pt; line-height: 12pt; }
.attribution a, .attribution a:visited { color: #888; text-decoration: underline; }
.attribution a:hover { color: #f33; }

/* -- wikilinks -- */
div.wikilinks { margin: 15px 0 0 0; padding: 3px 0 5px 0; font-size: 8pt; color: #888; }
div.wikilinks a, div.wikilinks a:visited { color: #888; }
div.wikilinks a:hover { color: #f33; }
div.wikilinks .bar { clear: both; }
div.wikilinks .bar-left { float: left; }
div.wikilinks .bar-right { float: right; text-align: right; }



/* ---- DOKUWIKI-SPECIFIC FORMATTING ---- */

/* the document */
div.dokuwiki div.page { }
div.dokuwiki table {  font-size: 100%; }
div.dokuwiki tr, div.dokuwiki td, div.dokuwiki th { }
div.dokuwiki img { border: 0; }
div.dokuwiki div.nothing { text-align: center; margin: 2em; }

/* ---------------- forms ------------------------ */

div.dokuwiki form { border: none; display: inline; }
div.dokuwiki label.block { display: block; text-align: right; font-weight: bold; }
div.dokuwiki label.simple { display: block; text-align: right; font-weight: normal; }
div.dokuwiki label.block input.edit { width: 50%; }
div.dokuwiki fieldset {
  width: 300px;
  text-align: center;
  border: 1px solid #ccc;
  padding: 0.5em;
  margin: auto;
  margin-bottom: 1em;
}

div.dokuwiki textarea.edit {
  font-family: monospace;
  font-size: 14px;
  color: __text__;
  background-color: __background__;
  border: 1px solid __border__;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
}

div.dokuwiki input.edit,
div.dokuwiki select.edit {
  font-size: 100%;
  border: 1px solid __border__;
  color: __text__;
  background-color: __background__;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

div.dokuwiki select.edit {
  padding: 0.1em 0;
}

div.dokuwiki input.missing {
  font-size: 100%;
  border: 1px solid __border__;
  color: __text__;
  background-color: #ffcccc;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

/* disabled style - not understood by IE */
div.dokuwiki textarea.edit[disabled],
div.dokuwiki textarea.edit[readonly],
div.dokuwiki input.edit[disabled],
div.dokuwiki input.edit[readonly],
div.dokuwiki select.edit[disabled] {
  background-color: __background_neu__!important;
  color: __text_neu__!important;
}

/* edit form */
div.dokuwiki div.toolbar,
div.dokuwiki div#wiki__editbar {
   margin: 2px 0;
   text-align: left;
}
div.dokuwiki div#size__ctl {
   float: right;
   width: 60px;
   height: 2.7em;
}
div.dokuwiki #size__ctl img {
   cursor: pointer;
}
div.dokuwiki div#wiki__editbar div.editButtons {
   float: left;
   padding: 0 1.0em 0.7em 0;
}
div.dokuwiki div#wiki__editbar div.summary {
   float: left;
   margin-bottom: 15px;
}
div.dokuwiki .nowrap {
   white-space: nowrap;
}
div.dokuwiki div#draft__status {
  float: right;
  color: __text_alt__;
}

/* --------- buttons ------------------- */


div.dokuwiki input.button,
div.dokuwiki button.button {
  border: 1px solid __border__;
  color: __text__;
  background-color: __background__;
  vertical-align: middle;
  text-decoration: none;
  font-size: 100%;
  cursor: pointer;
  margin: 1px;
  padding: 0.125em 0.4em;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.button,
html>body div.dokuwiki button.button {
  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
}

* html div.dokuwiki input.button,
* html div.dokuwiki button.button {
  height: 1.8em;
}

div.dokuwiki div.secedit input.button {
  border: 1px solid __border__;
  color: __text__;
  background-color: __background__;
  vertical-align: middle;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 10px;
  cursor: pointer;
  float: right;
  display: inline;
}

/* ----------- page navigator ------------- */

div.dokuwiki div.pagenav {
    margin: 1em 0 0 0;
}

div.dokuwiki div.pagenav-prev {
    text-align: right;
    float: left;
    width: 49%
}

div.dokuwiki div.pagenav-next {
    text-align: left;
    float: right;
    width: 49%
}

/* --------------- Links ------------------ */

/* external link */
div.dokuwiki a.urlextern {
  /*background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;*/
}

/* windows share */
div.dokuwiki a.windows {
  /*background: transparent url(images/windows.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;*/
}

/* interwiki link (icon are set by dokuwiki) */
div.dokuwiki a.interwiki {
}

/* link to some embedded media */
div.dokuwiki a.media {
}

/* email link */
div.dokuwiki a.mail {
  /*background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;*/
}

/* not existing wikipage */
div.dokuwiki a.wikilink2 {
  color: __missing__ !important;
  text-decoration: none !important;
  border-bottom: dashed 1px __missing__ !important;
}

/* ------------- Page elements ----------------- */

div.dokuwiki div.preview { padding-top: 10px; border-top: 1px dashed #3f3333; }
div.dokuwiki div.breadcrumbs { background-color: __background_neu__; color: __text_neu__; font-size: 80%; padding: 0 0 0 4px; }
div.dokuwiki span.user { color: __text_other__; font-size: 90%; }
div.dokuwiki li.minor { color: __text_neu__; font-style: italic; }

/* embedded images */
div.dokuwiki img.media { margin: 3px; }
div.dokuwiki img.medialeft { border: 0; float: left; margin: 0 1.5em 0 0; }
div.dokuwiki img.mediaright { border: 0; float: right; margin: 0 0 0 1.5em; }
div.dokuwiki img.mediacenter { border: 0; display: block; margin: 0 auto; }
/* smileys */
div.dokuwiki img.middle { vertical-align: middle; }
div.dokuwiki acronym { cursor: help; border-bottom: 1px dotted __text__; }

/* indent different sections */
div.level1 {margin-left: 0px;}
div.level2 {margin-left: 0px;}
div.level3 {margin-left: 0px;}
div.level4 {margin-left: 0px;}
div.level5 {margin-left: 0px;}

/* lists */
ul { line-height: 1.4em; list-style-type: circle; list-style-image: none; margin: 0 0 0.5em 1.2em; color: __text_alt__; }
ol { line-height: 1.4em; list-style-image: none; margin: 0 0 0.5em 2em; color: __text_alt__; font-weight: bold; }
.li { color: __text__; font-weight: normal; }
ol {list-style-type: decimal}
ol ol {list-style-type: upper-roman}
ol ol ol {list-style-type: lower-alpha}
ol ol ol ol {list-style-type: lower-greek}
li.open { list-style-image: url(images/open.gif); }
li.closed { list-style-image: url(images/closed.gif); }
li.level1 ul, li.level1 ol { margin-top: 0.5em; }
li.level2 ul, li.level2 ol { margin-top: 0; }

/* blockquotes and code */
/*div.dokuwiki blockquote { border-left: 2px solid __border__; padding-left: 3px; }
div.dokuwiki pre.pre { background-color: __background_other__; }
div.dokuwiki pre.file { background-color: __background_alt__; }*/

/* inline tables */
div.dokuwiki table.inline { background-color: __background__; border-spacing: 0px; border-collapse: collapse; }
div.dokuwiki table.inline th { padding: 3px; border: 1px solid __border__; background-color: __background_alt__; }
div.dokuwiki table.inline td { padding: 3px; border: 1px solid __border__; }

/* ---------- table of contents ------------------- */

div.toc {
  margin: 0 0 20px 0;
  padding: 0;
}

div.toc div {
  margin: 0 0 2px 0;
  padding: 0;
}

div.tocheader {
  text-align: left;
  text-transform: lowercase;
  font-size: 10.5pt;
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 0.15em;
  margin: 0;
  padding: 0;
}

div.toc span.toc_open,
div.toc span.toc_close {
    float: right;
    display: block;
}

div.toc span.toc_open span,
div.toc span.toc_close span {
    display: none;
}

div.toc span.toc_open {
    margin-top: 0;
}

div.toc span.toc_close {
    margin-top: 0;
}

div.toc #toc__inside {
  text-align: left;
  margin-top: 5px;
}

ul.toc {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}

ul.toc li {
  background: transparent url(images/tocdot2.gif) 0 0.7em no-repeat;
  margin: 0.1em;
  padding: 0 0 0 0.6em;
}

ul.toc li.clear {
  background-image: none;
  padding-left: 0.5em;
}

ul.toc li.level3 {
  font-size: 7pt;
}

/* undo previous spacing rule */
ul.toc li.level1 ul,
ul.toc li.level1 ol {
  margin: 0;
}


/* ---------------------------- Diff rendering --------------------------*/
div.dokuwiki table.diff { background-color: __background__; width: 100%; }
div.dokuwiki td.diff-blockheader { font-weight: bold; }
div.dokuwiki table.diff th { border-bottom: 1px solid __border__; font-size: 120%; width: 50%; font-weight: normal; text-align: left; }
div.dokuwiki table.diff td { font-family: monospace; font-size: 100%; }
div.dokuwiki td.diff-addedline { background-color: #ddffdd; }
div.dokuwiki td.diff-deletedline { background-color: #ffffbb; }
div.dokuwiki td.diff-context { background-color: __background_neu__; }
div.dokuwiki table.diff td.diff-addedline strong, div.dokuwiki table.diff td.diff-deletedline strong { color: red; }

/* --------------------- footnotes -------------------------------- */
div.dokuwiki div.footnotes { clear: both; border-top: 1px solid __border__; padding-left: 1em; margin-top: 1em; }
div.dokuwiki div.fn { font-size: 90%; }
div.dokuwiki a.fn_bot { font-weight: bold; }
div.insitu-footnote { font-size: 80%; line-height: 1.2em; border: 1px solid __border__;
  background-color: __background_other__;  text-align: left; padding: 4px;
  max-width: 40%;    /* IE's width is handled in javascript */
}
/* overcome IE issue with one line code or file boxes which require h. scrolling */
* html .insitu-footnote pre.code,
* html .insitu-footnote pre.file {
  padding-bottom: 18px;
}

/* --------------- search result formating --------------- */
div.dokuwiki .search_result { margin-bottom: 6px; padding: 0 10px 0 30px; }
div.dokuwiki .search_snippet { color: __text_other__; font-size: 12px; margin-left: 20px; }
div.dokuwiki .search_sep { color: __text__; }
div.dokuwiki .search_hit { color: __text__; background-color: __highlight__; }
div.dokuwiki strong.search_hit { font-weight: normal; }
div.dokuwiki div.search_quickresult { margin: 0 0 15px 30px; padding: 0 10px 10px 0; border-bottom: 1px dashed __border__; }
div.dokuwiki div.search_quickresult h3 { margin: 0 0 1.0em 0; font-size: 1em; font-weight: bold; }
div.dokuwiki ul.search_quickhits { margin: 0 0 0.5em 1.0em; }
div.dokuwiki ul.search_quickhits li { margin: 0 1.0em 0 1.0em; float:left; width: 30%; }

/* ------------------ Additional ---------------------- */
div.footerinc { text-align: center; }
.footerinc a img { opacity: 0.5; border: 0; }
.footerinc a:hover img { opacity: 1; }

/* ---------- AJAX quicksearch ----------- */

div.dokuwiki div.ajax_qsearch {
  position: absolute;
  right: 237px;;
  width: 200px;
  opacity: 0.9;
  display: none;
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid __border__;
  background-color: __background_other__;
  text-align: left;
  padding: 4px;
}

/* --------- Toolbar -------------------- */
button.toolbutton {
  background-color: __background__;
  padding: 0px;
  margin: 0 1px 0 0;
  border: 1px solid __border__;
  cursor: pointer;
}

/* nice alphatransparency background except for IE <7 */
html>body button.toolbutton {
  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
}

div.picker {
  width: 250px;
  border: 1px solid __border__;
  background-color: __background_alt__;
}

button.pickerbutton {
  padding: 0px;
  margin: 0 1px 1px 0;
  border: 0;
  background-color: transparent;
  font-size: 80%;
  cursor: pointer;
}

/* ---------------  Image Details  ----------------- */
div.dokuwiki div.img_big { float: left; margin-right: 0.5em; }
div.dokuwiki dl.img_tags dt { font-weight: bold; background-color: __background_alt__; }
div.dokuwiki dl.img_tags dd { background-color: __background_neu__; }
div.dokuwiki div.imagemeta { color: __text_neu__; font-size: 70%; line-height: 95%; }
div.dokuwiki div.imagemeta img.thumb { float:left; margin-right: 0.1em; }


/* ---- PLUG-IN OVERWRITES ---- */

#user__manager table { font-size: 80%; }

#plugin__manager { font-size: 85% }
#plugin__manager .pm_menu { width: 60%; }
#plugin__manager .pm_info { width: 35%; font-size: 7pt; }

#config__manager { font-size: 85% }
#config__manager td.label span.outkey { font-size: 7pt; margin-top: -2.2em; }

div#acl_manager div#acl__tree { height: 500px; }
div#acl_manager div#acl__detail { height: 500px; }
div#acl_manager .level2 { font-size: 80%; }