/*
Theme Name: ezoons-2006
Theme URI: http://www.ezoons.com/
Description: Recreated theme from the 2006 Movable Type version of ezoons.com.
Author: Gregory Blake / Gemini CLI
Version: 1.9
*/

* {
    box-sizing: border-box;
}

html {
    margin: 0 !important;
}

body {
    margin: 0px 0px 20px 0px !important;
    padding: 0 !important;
    background:#FFF;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
}

/* Fix for WordPress Admin Bar spacing */
body.admin-bar {
    margin-top: 32px !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar {
        margin-top: 46px !important;
    }
}

A { color: #660000; text-decoration: none; }
A:link { color: #660000;  text-decoration: none; }
A:visited { color: #660000;  text-decoration: none; }
A:active { color: #660000;  text-decoration: none; }
A:hover { 
    color: #FFF;  
    text-decoration: none;
    background: #660000;
}

h1, h2, h3 {
    margin: 0px;
    padding: 0px;
}

#banner {
    width: 1000px;
    margin: 0 auto;
    font-family:verdana, arial, sans-serif;
    color:#660000;
    font-size: 24px;
    font-weight:normal;
    padding: 15px;
    border-bottom: solid #660000 thick;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #FFF;
}

#banner h1 {
    color:#660000;
    margin: 0;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
    font-family: verdana, arial, sans-serif;
    font-size: 32px;
    color: #660000;
    background: transparent;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
}

#banner img {
    display: block;
    margin: 0;
    border: none;
}

.description {
    font-family:palatino, georgia, times new roman, serif;
    color:#660000;
    font-size: 11px;
    text-transform:none;
}

#container {
    width: 1000px;
    margin: 0 auto;
    background:#FFF;
    border:1px solid #FFF;
}

#wrapper {
    display: flex;
}

#center {
    flex: 1;
    border-right: 1px solid #EEE;
}

.content {
    display: flex;
    align-items: stretch;
}

#left {
    width: 200px;
    min-width: 200px;
    padding: 15px;
    border-right: 1px solid #EEE;
    font-size: 11px;
    line-height: 1.5;
}

.entries {
    flex: 1;
    padding: 15px;
    min-width: 0; /* Prevents overflow issues */
}

#right {
    width: 150px;
    min-width: 150px;
    padding: 15px;
    font-size: 11px;
    line-height: 1.5;
}

.left-item, .sideblock {
    margin-bottom: 20px;
}

.left-item h3, .sidetitle {
    font-family: palatino, georgia, verdana, arial, sans-serif;
    background: #660000;
    color: #FFF;
    font-size: 11px;
    font-weight: normal;
    padding: 2px;
    letter-spacing: .3em;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 5px;
}

.blog {
    padding:15px;
    background:#FFF; 
}

.blogbody {
    font-family:verdana, arial, sans-serif;
    font-size: 12px;
    font-weight:normal;
    background:#FFF;
    line-height:200%;
}

.date { 
    font-family:verdana, arial, sans-serif; 
    font-size: 13px; 
    border-bottom: 1px solid #660000;
    border-top: 1px solid #660000;
    margin-bottom:10px;
    padding: 2px 0;
}

.title {
    font-family: verdana, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.posted { 
    font-family:verdana, arial, sans-serif; 
    font-size: 10px; 
    margin-bottom:25px;
}

/* Sidebar lists */
.left-item ul, .sideblock ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.left-item ul li, .sideblock ul li {
    padding-left: 10px;
    text-indent: -10px;
    margin-bottom: 5px;
}
.left-item ul li::before, .sideblock ul li::before {
    content: "- ";
}

/* Form elements in sidebar */
.jumpbox, #tcheck, label[for="tcheck"] {
    font-size: 10px;
    font-family: verdana, arial, sans-serif;
}

/* Flickr Widget Styling */
.flickr-photos {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.flickr-photos img {
    transition: transform 0.2s;
}
.flickr-photos img:hover {
    transform: scale(1.1);
    border-color: #333 !important;
}