@import "menu.css";
@import "signupform.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic);
@media all
{
  .clear{ clear:both}
  a { color: #016ca6; text-decoration: none; }
  p a {font-weight: 600;}
.pagetitle { font-weight: bold; color: white; margin:0; padding-left: 1em; padding-top: 1em; font-size: 2em}
#main H3.dateheader,
#main H2.dateheader
{ 
font-size: 1.1em; font-weight: bold; color: #515151; margin-top: 0; margin-bottom: 0;
padding: 0;
}
h1,h2,h3,h4,h5
{
  font-weight: bold;
    padding: 0px;
  color: #333333;
}
html
{ 
    font-family: Open Sans,Tahoma, Geneva, sans-serif;
    font-size: 12pt;
}
  #bodycontainer{
position: relative;
    margin: 0px auto;
    padding: 0px;
    min-width: 900px;
  max-width: 1200px;
}
body {
    background-color: white;
    border: 0; padding: 0; margin: 0;
    color: #616161;
    position: absolute;
    left: 0px;
    right: 0px;
  background-image: url(/images/full_sky_gradient.png);
  background-repeat: repeat-x;
}
.top-box
{
  position: relative;
    border:0; padding: 0; margin:0;
}
.topcontent
{
    margin-left: 20px;
    margin-right: auto;
}
#topmenu{
background: white;
width: 100%;
margin: 0px 0px 2em 0px;
}
  #topmenu, #topmenu ul, #topmenu li {
  padding: 0px;
  }
  #topmenu ul {
    margin: 0px auto;
    text-align: center;
  }
#topmenu li {
  list-style-type: none;
  display: inline-block;
  margin: 20px 5px 3px 5px;
  width: 9em;
  font-weight: bold;
  height: 2em;
}
#topmenu a {
display: block;             
border-top: 4px solid #aecce1;
padding-top: 3px;
}
#topmenu a:hover {
border-top: 4px solid #4476a3;
}
#bodybox
{
    position: relative;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#main
{
    position: relative;
    margin: 0px auto;
    padding: 0px;
  }
#main h2
{ 
    font-size: 1.2em;
}
#main h1
{ 
    font-size: 1.4em;
}
#main h3 { font-size: 1.17em;}
#main h4 { font-size: 1.1em;}
#main h5 { font-size: 1.05em;}

#mainbackground
{
    margin: 0px;
    padding: 0px;
  background-color:white;
  }

#maincontent
{
    position: relative;
    margin: -1px -1px -1px 270px;
    padding: 0px;
    border: solid white 1px;
}

#maincontent{
line-height: 1.5em;
}

.page-navigation { text-align: right; }
.flatarchives { margin: 0; padding: 0; }
.flatarchives li { list-style-type: none; }
.cover-image { float: left; margin: 1em; position: relative;}
.cover-image a { text-decoration: none; }
.cover-image img { border: 0; }

#just, #softwaresolutions
{
    font-family: "Flareserif821 Lt Bt", Serif;
    font-style: italic;
    float: left;
    display: block;
}

#software, #solutions
{
    display: block;
}

#software
{ 
    padding-left: 1em;
}

#solutions
{ 
    padding-left: 0.5em;
}

#title
{
    position: relative;
    margin: 0px;
    padding: 0px;
    height: 101px;
    width: 410px;
    overflow: hidden;
    font-size: 1.7em;
}

#title a
{
    display: block;
    text-decoration: none;
    color: #f1efed;
}

#titletext
{ 
    position: absolute;
    top: 0px;
    left: 0px;
    width: 410px;
    height: 101px;
    background-image: url(/images/title_text.png);
}

#just
{
  font-size: 2em;
}
.firstletter
{ 
    font-size: 1.5em;
}
.publications td, .conferences td
{
    vertical-align: top;
  padding-bottom: 1em;
}
#main .conferences h3{
  margin: 0px 0px 0.5em 0px;
  font-size: 1em;
}
.conferences .description{
  width: 60%;
}
.conferences th, .publications th{
  text-align: left;
}

.toggle-helper{
  cursor: pointer;
  color: #016ca6; 
}
.conferences .abstract, .conferences input,
.conferences input:checked + .abstract + .toggle-helper{
  display:none;
}
.conferences input:checked + .abstract{
  display: block;
}

#footbox
{
    font-size: 0.8em;
    text-align: center;
}

#google-search
{
  position:absolute;
  right: 200px;
  top: 0;
  width: auto;
  padding-top: 1em;
  padding-right: 1em;
  overflow: hidden;
}

#google-search .gsc-control-cse{
    background: none;
    border: none;
    width: 250px;
}

.sidebar
{
border: 1px solid;
background-color: #d3d3d3;
  color: #4a5c68;
padding: 0.5em;
float: right;
margin: 0.5em;
width: 50%;
}

.sidebar h4,
.sidebar h3
{
  padding-top: 0px;
  margin-top: 0px;
}

.listing,
.scrolling-listing,
.language-javascript,
.language-html,
.language-apache,
.language-cplusplus
{
display: block;
border: 1px solid;
overflow: scroll;
  max-height: 400px;
}

.scrolling-listing
{
    height: 200px;
}

.emphasized-block{
  display: block;
  border: 1px solid;
  padding-left: 1em;
  padding-right: 1em;
  background: #C8DCEA;
  color: #111111;
}

.rss
{
    border: none;
    margin: 0px;
    padding: 0px;
}

.entry-title a
{
    text-decoration: none;
}

.contact-form,
.comment-form
{
    position: relative;
    border: 1px solid black;
    width: 80%;
    padding: 1em;
}

.comment-form h4
{
    margin: 0px;
}

.contact-form .entry-row,
.comment-form .entry-row,
#feature-request .entry-row
{ 
    height: 1.5em;
}

.contact-form .entry-row span,
#feature-request .entry-row span
{
    width: 12em;
    display: block;
}
.comment-form .entry-row span
{
    width: 12em;
    display: block;
}


.contact-form .entry-row input,
.comment-form .entry-row input,
#feature-request .entry-row input
{
    position: relative;
    top: -1.75em;
    height: 2em;
    margin-left: 12em;
    width: 15em;
}

.comment-form .entry-row input
{
    margin-left: 15em;
}

.contact-form textarea,
.comment-form textarea,
#feature-request textarea
{ 
    width: 100%;
}

.contact-form .submit-contact,
.comment-form .submit-comment
{
    font-size: 1em;
}

#feature-request
{
    width: 23em;
}

.sidebar-ad
{
    float: right;
    margin: 1em;
}

#sample-menu-image
{
    border: 1px solid black;
    float: right;
    margin: 1em;
}

a:hover
{
background-color: #c8dcea;
color: #111111;
}

.comment-author {
padding-left: 3em;
}

.comment-date {
color: #7964E6;
}

.comment-content {
padding: 0.5em;
}

.image
{
    margin: 1em;
    overflow: auto;
}

.sm
{
    display: inline;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

#maincontent > div.rightimage,
.rightimage
{
float: right;
margin: 1em;
overflow: auto;
}

#maincontent > div.centreimage,
.centreimage
{
  margin: 1em;
  text-align: center;
  overflow: auto;
}

.centreimage img
{
    margin: 0px auto;
}
  
.block{
        float: left;
        width: 50%;
}

.fullblock{
float: left;
width: 100%;
}

#maincontent > *,
#maincontent > div.section,
#maincontent > div.emphasized-block,
h1,h2,h3,h4
{
margin: 0.5em 15px;
}

#maincontent > div{
margin: 0px;
}
  
#main .block > *,
#main .fullblock > *{
margin: 0.6em 15px;
}

blockquote{
font-style: italic;
padding: 1em;
}
blockquote .attribution{
display:block;
text-align: right;
font-style: normal;
}

.salebanner{position: absolute; top: 0px; right: 0px; width: 200px; height: 200px;}
.salebanner a,.salebanner a:hover{background: transparent;}

.menutoggle {display:none;}

}
@media print
{
  html
  { 
    min-width: 0px;
  }
  body {
    background-color: white;
    color: black;
    position: static;
    background: none;
  }
  #bodybox
  {
    height: auto;
    width: auto;
  }
  #main
  {
    margin: 0px;
  }
  #mainbackground
  {
    background: none;
  }

  #maincontent
  {
    top: 0px;
    background: none;
  }

  .listing,
  .scrolling-listing
  {
    overflow: auto;
  }

  .scrolling-listing
  {
    height: auto;
  }

  .sidebar-ad
  {
    display: none;
  }
.sidebar-ad,
.top-box,
#menubox{ display:none; }
.salebanner{display:none;}
}

.highlight {
         -webkit-border-radius: 10;
         -moz-border-radius: 10;
         border-radius: 10px; border: 0;
         background: #C8DCEA;
         color: #111111;
}
.section > h2,
.section > h3 {
  margin-left: 0px;
}
.section h3 {
  color: #515151;
  font-style: italic;
  font-size: 1.1em;
}
.section .section {
  padding-left: 0.5em;
}

dt{
    display: list-item;
    margin-left: 1em;
    margin-bottom: 0.5em;
    font-weight: bold;
    list-style-type: disc;
  margin-top: 0.5em;
}
dd{
  margin-top: 0.5em;
}
dd ul {
  padding-left: 1em;
}
dd ul li {
  list-style-type: square;
}