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

 body {
  background-color: #33333f;
  font-family: "Avenir", Verdana;
}

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

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

.hidden{
  display: none !important;
}

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

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 {
  background-color: #ffffff;
  max-width: 1000px;
  padding: 20px 20px 0 20px;
  /*height: 100%;*/
}
.article-column { margin: 0; padding: 15px 0 5px 0; }

.flash {
  border: 2px dashed #c33;
  padding: 6px;
  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{
  background: transparent url(images/tocdot2.gif) 0 0.7em no-repeat;
  line-height: 1.5em;
}

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

.date {
  font-size: 15px;
  display: inline-block;
  min-width: 50px;
  /*font-family: Georgia, Times New Roman, serif;*/
}
.assignment{
 /* margin-left: 65px;*/
  font-size: 0.9em;
  font-weight: bold;

  margin-bottom: 5px;
}

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

.assignment:before, .assignment:after{
  content: "**";
}

.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;
}

.links{
  font-weight: normal;
}


.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;
}

.entry {
  margin-bottom: 10px;
}

.reading{
  font-size: 0.9em;
  padding-left: 55px;
}

.reading small{
  color: #666;
}

.reading .optional{
  opacity: 0.7;
}

/* -- sidebar styles -- */
.sidebar {
  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 5px 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; }

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


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

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

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


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