body {
    margin:0 0 20px;
    padding:0px;
    Xbackground-image:url(graphtall20.png);
     background-color:white;
    background-repeat:repeat-x;
    font-family:arial,helvetica,sans-serif;
    font-size:16px;
    line-height:1.35;    
}
a {
    color:black;
    font-weight:bold;
    text-decoration:none;
    border-color: #bbbbbb;
    border-width: 0 0 1px 0;
    border-style: none none dotted none;
  
}
a:hover{
    background-color:#eeeeee;
}

a.commentlink, .extratitle{
   Xposition:relative;
    Xtop:-12px;
    font-size:15px;
    font-variant:small-caps;
}
.clearbreak {
  clear:both;
}
a.commentlink{
    float:left;
}
.extratitle{
    float:right;
    color:gray;
}





.pagestructure {
    margin:auto;
    
}


.mobilehide{
    display:none;   
}


@media (max-width: 800px) {
    .pagestructure {
        width:580px;
    }
}

@media (min-width: 800px) {
    .pagestructure {
        width:800px;
    }
    .mobilehide {
        display: block;   
    }
}



.basicwrap{
   margin:auto;
    width:560px;
}
.maincontent  {
    padding:0;
    margin:1em;
    width:560px;
    float:left;
    position:relative;
}
.maincontent_not_frontpage {
    padding:0px;
    margin:auto;
    width:560px;

}

.fronttop {
    display: flex;   
    align-items: center;
}
.slogan {
    display:inline-block;
    width: 180px;
    font-size:.9em;
}

@media (max-width: 800px) {
/*    .sidebar ul li {
        display:inline;
        background-color:red;
        width:560px;
    }*/
     .slogan {
     display:none;   
    }
    .sidenav {
        display:flex;
        justify-content: space-evenly;
    }
    .sidenav span {
        display: block;
        
    }
    .sidenav a {
        display:inline-block;   
        text-align:center;
        font-size:20px
    }
    a.mobilehide {
        display:none;   
    }
    /*.sidenav .search {*/
    /*    display:none;   */
    /*}*/
    .fronttop img {
        width:100%;
    }
    .sidenav img{
        width:90px;
    }
    .sidenav a {
           
    }
    
}
@media (min-width: 800px) {
    .sidebar {
      position:absolute;
      left:580px;
      top:50px;
      width:200px;
    }
    .sidenav a {
        display:block;   
    }
    .sidenav img{
        width:64px;
        height:48px;
    }
    
}
.sidenav form {
       display: inline-block;
       
}
.sidenav form input {
    width: 6em;   
}

.sidebar.embed {
    background-color:#cccccc; 
    position: absolute; 
    left:102%;
    top:-2em;
    padding:2px;
}




.sidebar h3{
    color:white;
    background-color: black;
    font-size:1em;
    margin:-2px -2px 8px;
    
    padding:4px;
    text-align:center;
}
.sidebar li{
  list-style-type: none;
}
.sidebar ul {
    padding: 0;
    list-style-type: none;
}
.sidebar a {
    color:black;
    text-decoration:none;
    font-weight:bold;
    border:none;
}
.sidebar a:hover{
    text-decoration:underline;
    background-color:white;
}
.sidebar img {
 vertical-align:middle;
}

.sidebar .sig{
    text-align:right;   
    font-style:italic;
}
.sidebar .commentlink{
    text-align:center;
    
    
}

.titleandtags {
 border-bottom: solid black 3px;   
 margin: 20px 0px 5px
}
.twosplit {
 display:flex; 
 width:100%; 
 justify-content: space-between;
 position: relative;
}
.twosplit .sidebar {
    margin-top: 0;
}
.twosplit.under {
    margin-bottom: 10px;   
}

.twosplit .tagzone {
    text-align: right;   
}

.maincontent hr, .maincontent_not_frontpage hr {
    /*border: 0;*/
    /*height: 3px;*/
    /*background-color: black;*/
    /*width:30px;*/



border: 0;
  height: 3px;
  background-image: linear-gradient(to right, black 52%, rgba(0, 0, 0, 0) 0%);
  background-position: center;
  background-size: 30px 100%;
  background-repeat: repeat-x;
  width: 90px;
}

.maincontent h1 , .maincontent_not_frontpage h1{
    Xborder-bottom: solid black 3px ;
    Xpadding:10px 10px;
    Xbackground-color:#f0f0f0;
    Xborder-radius:10px;
    font-size:28px;
    margin:0px;
    font-variant:small-caps;

}

.maincontent h1 a, .maincontent_not_frontpage h1 a{
    text-decoration:none;
    color:black;
    border:none;
}
#titleimage {
    position:relative; 
    left:-10px;
}

.morefooter {
    text-align:right;
    padding-top:20px;
    font-size:20px;
}
.morefooter a{
  font-weight:bold;
  color:black;
   text-decoration:none;
}



figure {
	margin:20px 0px;
}

.subhead {
    text-align:right;
    display: inline-block;
    width: 300px;

}
.subhead, .subhead a{
    color:#666666;
}

.content {
    width:600px;
    margin:auto;
}





.endtags {
    clear:both;
}

/*
.tags{
	margin:0;
	padding:0;
	position:absolute;
	right:24px;
	bottom:-12px;
	list-style:none;
}*/

.maincontent a.tag, .maincontent_not_frontpage a.tag {
        height: 24px;
        line-height: 24px;
        position: relative;
        font-size: 11px;
        margin: 2px 5px 2px 12px;
        padding: 0 10px 0 12px;
        background: gray;
        color: #fff;
        text-decoration: none;
}
.maincontent a.tag:before, .maincontent_not_frontpage a.tag:before {
 content: "";
 float: left;
 position: absolute;
 top: 0;
 left: -11.5px;
 width: 0;
 height: 0;
 border-color: transparent gray transparent transparent;
 border-style: solid;
 border-width: 12px 12px 12px 0;
}

.maincontent a.tag:after, .maincontent_not_frontpage a.tag:after {
 content: "";
 position: absolute;
 top: 10px;
 left: 0;
 float: left;
 width: 4px;
 height: 4px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 background: #fff;
 -moz-box-shadow: -1px -1px 2px gray;
 -webkit-box-shadow: -1px -1px 2px gray;
 box-shadow: -1px -1px 2px gray;
}



.maincontent a.tag, .maincontent_not_frontpage a.tag {
    display:inline-block;
}


.minishot-gallery {
  font-size:0px;
  border:1px dashed #999;
  cursor:pointer;
  padding:8px;
  text-align:center;
}
.center {
    text-align:center;   
}
.minishot-gallery * {
  display:none;
}
.minishot-gallery a, .minishot-gallery figure {
  display:inline;
}
.minishot-gallery img {
  display: inline-block;
  width:auto;
  height:100px;
  margin:4px;
  max-width:300px;
}

.minishot-gallery .minishot-gallery-caption {
    display: block;
    font-size:20px;
}

.minishot-gallery-caption {
    display: none;   
}
.minishot-gallery .minishot-gallery-caption {
    display: block;   
}
.minishot-gallery .minishot-gallery-caption:hover {
    text-decoration:underline;
}


blockquote.quote {
 position: relative;
 margin-left:24px;
}
blockquote.quote::before{
      content: '\201C';
      position: absolute;
      left: -0.35em;
      top: -0.3em;
      color:#999;
      font-size: 6em;
      z-index: -1;
  }
blockquote.quote footer {
    color:#666;
    padding-left: 1.3em;
    text-indent:-1.3em;
}
blockquote.quote footer::before {
  content: '\2015';  
  color:#666;
}



table.playlist tr:nth-child(even) {
       background-color:#eee;
}
table.playlist  .stars{
    font-size:.8em;   
}
table.playlist tr.star4 .stars{
    color: #666;
}
table.playlist tr.star5 .stars{
    color: red;
}
table.playlist td {
    padding:4px;
}