* { margin: 0; padding: 0; }
body { overflow-x: hidden; 
font: 16px 'Balthazar', serif;
}

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

#page-wrap { width: 95%; margin:20px auto;}


    html { overflow-x: hidden; }

    h1 { 
      font-size: 100px;
      background: black;
      color: white;
      padding-top: 50px 0;
      padding-bottom: 40px 0;
      text-align:center;
      position: relative;
        border-spacing:0 0;
    }

    h1:before, h1:after {
      content: "";
      background: black;
      position: absolute;
      top: 0;
      bottom: 0;

    }
    h1:before {
      right: 100%;
    }
    h1:after {
      left: 100%;
    }
    
    h2 { 
      background: black;
      color: white;
      padding: 15px 0;
      position: relative;
      margin: 15px 0;
      
      border-spacing:0 0;
    }
    h2:before, h2:after {
      content: "";
      background: black;
      position: absolute;
      top: 0;
      bottom: 0;

      right: 100%;
              border-spacing:0 0;

    }
    h2:after {
      left: 100%;
    }
           
    .left-only:after {
      width: 20px;
    }
    
    

p {
   margin: 15px 0;
   }

.readable {
    text-align:justify;
} 

h6 {
    font-size:xx-small;
}  

ul
{
text-align:justify;
list-style-type: square;
padding-left: 40px; 
}


a:link {color:#ff0000;text-decoration:none;}
a:hover {color:#ff0000;}
a:visited {color:#ff0000;}
a:active {color:#ff0000;}

.more {
      display: none;
    }
   a.showLink, a.hideLink, a.taglink {
      text-decoration: none;
      color: #ff0000;
}
   a.showLink:hover, a.hideLink:hover, a.taglink:hover {
      border-bottom: 1px dotted #ff0000; }
      
.iconpics {
  width:20px;
  height:18px;
  padding-left:5px;
  border-width:0px;
}

.big
{
  width:100%;
}

 .center {
    margin-left:auto; 
    margin-right:auto;
  }


.icons
{
  text-align:right;
  margin:0;
  width:10px;
  table-layout: fixed;
  border-spacing:0 0;
}

 .left {
 width:50%;
 text-align:right;
 vertical-align:top;
 padding-right:18px;
 }
 

 .right {
 width:50%;
 vertical-align:top;

 }
 
 .bigbar {
    width:230px;
    font-size: 24px;
    margin-bottom:2px;
    padding:2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
    background-color:#FAFAFA;
}

 .littlebar {
    width:150px;
    margin-bottom:1px;
    padding:2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
    background-color:#FAFAFA;
    }
    
    
 .styled-select select {
   background-color:#FAFAFA;
   padding: 1px 0 1px 5px;
   line-height: 1;
   border:1px solid #CCC;
   border-radius: 0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   }
   
   
.main-select select {
   background-color:#FAFAFA;
   padding: 1px 0 1px 5px;
   border:1px solid #CCC;
   font-size: 24px;
   border-radius: 0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   }
   
.centered {
    text-align:center;
    margin: 40px 40px;
    }
    
.updatepic {
    max-width: 100%;
}
    
.random a:link {color:#FAFAFA;text-decoration:none;}
.random a:hover {color:#FAFAFA;}
.random a:visited {color:#FAFAFA;}
.random a:active {color:#FAFAFA;}

/*mostly for images below*/

.maxed {
    max-height: 340px;
    border-left-width: 20px;
    border-left-style:solid;
    border-left-color:black;
}
.maxedbig {
    max-height: 500px;
    border-left-width: 20px;
    border-left-style:solid;
    border-left-color:black;
}

.maxedbigonly {
    max-height: 500px;
}

.nomax {
    border-left-width: 20px;
    border-left-style:solid;
    border-left-color:black;
    }

.rando {
    max-height: 400px;
    border-style:outset;
    text-decoration:none;
}

.fullsize {
    border-style:outset;
    text-decoration:none;
}