/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol{list-style:decimal}
ul{list-style:circle}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}


/* Pretty printing styles. Used with prettify.js. */


.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
pre.prettyprint { padding: 1em; line-height:1.5; background-color:rgba(200,200,230,0.8)}

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}


/* My Style*/
html {
    background-color:rgb(60,60,120);
    font-family: Arial,Tahoma,Century gothic,sans-serif;
    font-weight: normal;
    font-size: 100%;
    background: url(Hexagon_smallest.png) repeat fixed;
}

h1,h2,h3,h4,h5,h6,.bmenu {
    font-family: 'Ubuntu', sans-serif;
}

.bmenu {
    font-weight: 700;
    font-size: 130%;
    display: block;
    position: fixed;
    left: 0em;
}

.bmenu ul {
    list-style: none;
}      
.bmenu li {
    margin: 0.2em 0 0 0;
}

.bmenu li a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: white;
    padding: 0.3em 1.5em 0.3em 1.5em;
    width: 6em;
    display: block;
    text-decoration: none;
    background-color: rgba(20,20,30,0.8);
    border-left-style:solid;
    border-width:0.5em;
    border-color: white;
    box-shadow: 0em 0em 0.5em #000;
}
      
.bmenu li a:hover {
    padding: 0.3em 1.5em 0.3em 3em;    
}


.content {
    float: right;
    margin-right: 1.1%;
    margin-top: 1%;
    width: 75%;
}


.homeentry {
    color: white;
    padding: 1em;
    margin: 1em;
    background-color: rgba(20,20,30,0.8);
    overflow:hidden;
    border-left-style:solid;
    border-width:0.5em;
    border-color: white;
    box-shadow: 0em 0em 0.5em #000;
}

.entrycontent {
    display: inline;
    line-height: 150%;
}

.entrycontent p {
    text-align:justify;
}

.homeheader {
    color: white;
    padding: 1em;
    margin: 1em;
    background-color: rgba(20,20,30,0.8);
    overflow:hidden;
}


.nice {
    box-shadow: 0em 0em 0.5em #000;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
    margin-bottom:1em;
}

.centered {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
    margin-bottom:1em;
}

.entryicon {
    float: left;
}


.entryindicator{
    float: left;
    margin-left: -11em;
    width: 7.5em;
    padding: 0.5em;
    border: none; 
    /*background: white; */
    /*background-color: rgba(100,100,120,0.5); */
    font-weight: bold;
    line-height: 90%;
}



h1 {
    font-size: 150%;
    /*color: #59474F;*/
    color: white;
    margin-bottom:1em;
}

h2 {
    font-size: 100%;
    /*color: #59474F;*/
    color:: white;
    font-style: italic;
}

h3 {
    font-size: 120%;
    /*color: #59474F;*/
    color:white;
    font-style: italic;
    margin-top:1em;
    margin-bottom:1em;
}

a {color:#BBBBFF;}

hr {background:#fff;
    color: #59474F;
    clear:both;
    float:none;
    width:100%;
    height:0.2em;
    margin:0 0 1.7em;
    border:none;
}

hr.space {background:#fff;
          color:#fff;
          visibility:hidden;
}


table {
    margin:0em;
    padding:0em;
    width:100%;
    box-shadow: 0.5em 0.5em 0.5em 0.3em #222244;
}


table tr:nth-child(odd) {
    background-color:#eaeaea;
}

table tr:nth-child(even) {
    background-color:#ffffff;
}

table td{
    vertical-align:middle;
    text-align:left;
    padding:0.7em;
    font-size:1em;
    font-weight:normal;
    color:#000000;
}


table tr:first-child th{
    background:-o-linear-gradient(bottom, #3f3f3f 5%, #000000 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3f3f), color-stop(1, #000000) );
    background:-moz-linear-gradient( center top, #3f3f3f 5%, #000000 100% );
    background: -o-linear-gradient(top,#3f3f3f,000000);
    background-color:#3f3f3f;
    text-align:center;
    font-size:1.4em;
    font-weight:bold;
    color:#ffffff;
}

table tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #3f3f3f 5%, #000000 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3f3f), color-stop(1, #000000) );
    background:-moz-linear-gradient( center top, #3f3f3f 5%, #000000 100% );
    background: -o-linear-gradient(top,#3f3f3f,000000);
    background-color:#3f3f3f;
}

table tr:first-child td:first-child{
    border-width:0em 0em 0.1em 0em;
}

table tr:first-child td:last-child{
    border-width:0em 0em 0.1em 0.1em;
}

blockquote:before { 
    content: "“"; 
}
blockquote:after { 
    content: "”"; 
}
blockquote { 
    margin: 1em;
    padding: 1em;
    box-shadow: 0.5em 0.5em 0.5em 0.3em #222244;
    background-color:rgba(80,80,100,0.8);
}

li {margin-top:1em;}

.swint {
    font-family: 'Yanone Kaffeesatz', arial, serif;
    font-size: 110%;
    line-height:1.5;
    background-color: rgba(2,2,4,0.8);
    border-radius: 15px; 
    margin: 1em;
    padding: 1em;
    color: white;
}

.swintheader {
    height: 1.5em; 
    width:100%; 
    border-radius: 15px; 
    background-color:#4319ff; 
    text-align:center
}

.swintcommand {
    text-align:center;
    height:1.5em;
    border-radius:15px;
    border-style:solid;
    border-width:2px;
}

.sent {
    border-color:#12b212;
}
.receive {
    border-color:#cc6514;
}

.plot-container {
    box-sizing: border-box;
    width: 850px;
    height: 450px;
    padding: 20px 15px 15px 15px;
    margin: 15px auto 30px auto;
    border: 1px solid #ddd;
    background: #fff;
    background: linear-gradient(#f6f6f6 0, #fff 50px);
    background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.plot-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
}

.legend table {
    width: auto;
}