/*
Theme Name: SignaturePure
Description: A theme for joshua-jung.com
Author: Joshua A. Jung
Version: 1.0
*/

* {
   margin: 0;
   padding: 0;
}

img {
   border-width: 0;
}

body {
   background-color: #fff;
   font-family: "Segoe UI", Tahoma, Arial, Helvetica, Sans-serif;
   color: #000;
   line-height: 1.5em;
}

a:link, a:visited, a:hover, a:active {
   text-decoration: none;
}

a:hover {
}

h1 {
   font-weight: bold;
   text-transform: uppercase;
   font-size: 1.2em;
   padding-right: 5px;
   z-index: 2;
}

h1 a:link, h1 a:visited, h1 a:active {
   color: #000;
   padding: 5px;
   margin-right: -5px;
   border-width: 0 3px 0 0;
   border-style: solid;
   border-color: white;
}

h1 a:hover {
  background-color: #888;
  color: white;
}

#subtitle {
   font-weight: bold;
   text-transform: uppercase;
   font-size: 0.75em;
   padding-right: 5px;
   z-index: 2;
   display: none;
}

h2 {
   font-size: 1.8em;
   font-weight: normal;
   font-family: "Segoe UI", Tahoma, Arial, Helvetica, Sans-serif;
   margin: 0 0 0.9em 0;
}

#photo {
   width: 100%;
   margin-bottom: 20px;
   max-width: 150px;
   max-height: 203px;
   border-right: 3px;
   border-style: solid;
}

#sidebar_top {
   font-weight: bold;
   text-transform: uppercase;
   width: 17%;
   position: absolute;
   right: 82%;
   top: 5%;
   text-align: right;
   font-size: 0.75em;
}

#sidebar_top ul {
   list-style-type: none;
}

#sidebar_top ul li {
   margin-bottom: 2px;
}

#sidebar_top ul li a:link, #sidebar_top ul li a:visited, #sidebar_top ul li a:active {
   color: #747474;
   padding: 5px;
   border-width: 0 3px 0 0;
   border-style: solid;
   border-color: white;
}

#sidebar_top ul li a:hover {
  background-color: #888;
  color: white;
}

#sidebar_bottom {
   width: 17%;
   position: absolute;
   right: 82%;
   bottom: 5%;
   text-align: right;
}

#main {
   width: 80%;
   background-color: #f7f7f7;
   border-color: #ccc;
   border-style: solid;
   border-width: 1px 0 0 1px;
   height: 95%;
   position: absolute;
   bottom: 0;
   right: 0;
   top 5%;
   overflow: auto;
}

.article {
   margin: 20px 25% 40px 20px;
   font-size: 0.95em;
}

.date {
   font-weight: bold;
   text-transform: uppercase;
   color: #747474;
   margin-top: -1em;
   margin-bottom: 1em;

}

.article p {
   margin-bottom: 0.8em;
}

#sigclue {
   width: 13%;
   position: absolute;
   right: 82%;
   margin-bottom: 2em;
   bottom: 5%;
}

.bottomnav {
   text-align: center;
   margin: 10px 0 10px;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 0.75em;
   color: #747474;
}

.bottomnav a:link, .bottomnav a:visited, .bottomnav a:active {
   padding: 5px;
}

.bottomnav a:hover {
   background-color: #888;
   color: white;
}

blockquote {
   padding-left: 15px;
   border-left: 3px solid;
}

.article img {
   margin: 5px;
   padding: 1px;
   border: 1px solid;