#navbar_iv {
        background-color:#333;
        color:#fff;
        font-family:bebasregular;
        font-size:1.4em;
        word-spacing:4px;
        text-align:center;
        margin:0 0 4px;
        padding-top:3px;
        position:fixed;
        top:0px;
        width:100%;
        z-index:44;
}

#navbar_iv a span {
    font-family: bebasregular;
}

#navbar_iv a {
        color:#fff;
        padding:3px;
        margin:0 8px;
}

#navbar_iv a:hover, #navbar_iv a.active {
        border-bottom:4px solid #d60;
        color:#d60;
        text-decoration:none;
}

#navbar_iv a:hover span, #navbar_iv a.active span {
        color:#fff;
}

#site-description h1 a:hover {
    text-decoration:none;
    color:inherit;
}

#page-header {
    margin-bottom:5px;
}

/* BLOCKS */

@media screen and (min-width:701px) {
    #ivleft {
        float:left;
        width:33%;
    }
    #ivright {
        float:right;
        width:66%
    }
    .ivcalcmf {
        width:25%;
        display:inline-block;
        margin-right:.5%;
        vertical-align:top;
    }
    .ivcalcresults {
        width:48%;
        display:inline-block;
        vertical-align:top;
    }
}
@media screen and (max-width:700px) {
    /* alterations for small screen here */
    .ivgallery {
        height:auto !important;
    }
    #navbar_iv a:hover, #navbar_iv a.active {
        border-bottom-color:transparent;
    }
    .resp-logo {
        display:inline !important;
        max-height:42px;
        margin-right:10px;
    }
}

@media (max-width: 540px) {
    #navbar_iv {
        padding-top:1px;
    }
    .resp-logo {
        max-height:30px;
    }
}

@media (max-width: 332px) {
    .resp-logo {
        display:none !important;
    }
}

/* 3.2 adds a class to header dl's which isn't present in IV code so this is a bit of a hack... */
li.header dl {
    padding-left:5px;
}

#ivleft .row:hover, #ivright .row:hover, #iv .row:hover, .ivcalcmf .row:hover, .ivcalcresults .row:hover {
    background:transparent; /* over-ride forum row hover colour */
}

/* CONTENT */

.ivcontent {
    padding:5px;
    font-size:1.3em;
    color:#000;
}

.ivcontent img {
    max-width:100%
}

/* LINKS */

.ivcontent a {
    color:#e0591e;
    text-decoration:none;
}

.ivcontent a:hover {
    text-decoration:underline;
}

a.ivswapcol {
    color:#1e2025;
}

a.ivswapcol:hover {
    color:#e0591e;
    text-decoration:none;
}

.ivzebra:nth-child(even), .ivzebra:nth-child(even):hover {
    background:#efefef !important;
}

.forumzebra:nth-child(even) {
    background:#efefef;
}

/* TABLES */

.ivcontent td {
    border:1px solid #ccc;
    padding:3px;
}

/* MORPHS */

.ivguide {
    margin-left:10px;
}

.ivtinythumb {
    vertical-align:middle;
}

.ivcombo {
    float:right;
    text-align:right;
    color:#1e2025;
}

.ivmorphpic {
    text-align:center;
    font-weight:bolder;
}

.ivmorphpic span {
    font-weight:lighter;
    font-size:0.8em;
}

.ivmorphpic img, .ivgallery img {
    margin-top:5px;
    border:1px solid #e0591e;
}

.ivgallery {
    display:inline-block;
    width:200px;
    height:230px;
    padding:15px;
    border-bottom:1px dotted #ccc;
    vertical-align:top;
    font-size:0.9em;
    line-height:1.4;
}

/* BREEDERS */

.ivflag {
    vertical-align:middle;
}

/* PUNNETTS */

.punnett-input td, .punnett-input th {
    border:none;
    border-bottom:1px dotted #ddd;
}

.punnett-input tr:nth-child(even) {
    background:#efefef;
}

.punnett-input input {
    width:40%;
}

.punnett-result-cont {
    display:inline-block;
    margin-right:20px;
    margin-bottom:5px;
    vertical-align:top;
}

.punnett-result{
    background-color:#fff;
    border:1px solid #ccc;
    color:#333;
    padding:2px;
}

.punnett-fgamete {
    background:#e0591e;
    color:#fff;
    font-weight:bolder;
}

.punnett-mgamete {
    background:#1e2025;
    color:#fff;
    font-weight:bolder;
}

.punnett-code {
    font-family:monospace;
    font-size:0.8em;
    width:99%;
}

/* UPLOADS */

.ivphotomod {
    display:inline-block;
    width:94px;
    height:70px;
    text-align:center;
    vertical-align:top;
    float:left;
    padding-right:10px;
}

.ivphotomod img {
    max-height:70px;
    max-width:94px;
}

.ivnewmorph .fl {
    float:left;
    width:30%;
}

.ivnewmorph label {
    font-size:.8em;
}

/* MORPH CALC */

.calcinput li {
    padding-top:0px;
}

.calcinput select {
    font-size:.8em;
    display:block;
    width:98%;
}