@charset "utf-8";
/* CSS Document */

/* Before this, include kuvalo.css, main.css and beforelogin.css! */


.blog #header .pagetitle {
    font-size:50px;
    color:#dedddb;
    position:absolute;
    bottom:-5px;
    margin-left:215px;
    padding:0;
}

.blog #gutter {
    padding-top:3px;
    border-bottom:1px solid #dedddb;
    background-color:white;
}

.blog .navigation {
    float:left;
    width:200px;
    /* margin:5px; */
    /* padding:20px 5px 10px 20px; */
    background-color:rgb(26,54,84);
    color:#99AABB;
    letter-spacing:0.5px;
}
.blog .navsegment {
    padding:15px;
    border-bottom:1px dashed #9ab;
}
.blog .last {
    border-bottom:0px;
}
.blog .navigation h3 {
    text-transform:uppercase;
    font-size:1.1em;
    margin-bottom:1em;
}
.blog .navigation ul {
    margin-top:1em;
    margin-bottom:1em;
}
.blog .navigation li {
    line-height:1.1em;
    margin:0.5em 0 0.5em 0;
}
.blog .navigation li p.newsdate {
    margin-top:0;
    font-size:0.8em;
    font-weight:normal;
    /* color:#888; */
}
.blog .navigation li.selected {
    /* font-weight:bold; */
    color:#fff;
}
.blog .navigation a {
    text-decoration:none;
    white-space:normal;
    color:#9ab;
}
.blog .navigation li a:hover {
    text-decoration:underline;
}

.blog .navigation p {
    margin:1em 0 1em 0;
    text-align:left;
    line-height:1.8em;
}
.blog .navigation .emailbox {
    width:150px;
    color:#666;
    margin-bottom:2px;
}
.blog #container {
    background:#fff url("/images/blog-navigation-faux-column-bg.png") repeat-y top left;
}

/* CONTENT DIV */

.blog .contentwrapper {

}
.blog .content {
    min-height:500px;
    /* border-left:1px dashed #960; */
    float:right;
    width:575px;
    background-color:white;
    padding:5px 35px 5px 20px;
    margin-top:15px;
    margin-bottom: 5px;
}
.blog .content h2 {
    margin-right:0;
}
.blog .content .newsdate {
    position:relative;
    top:-20px;
}
.blog .content p {
    margin-top:0.5em;
    margin-bottom:0.5em;
}
.blog .reg {
    vertical-align:super;
    font-size:0.8em;
}
.blog img.meili {
    position:relative;
    top:3px;
}
.blog .content p.quote {
    margin-left:3em;
    margin-right:3em;
}
.blog .content span.person {
    font-weight:bold;
}
.blog .content a:link, .blog .content a:hover, .blog .content a:visited {
    text-decoration:none;
    color: rgb(34, 102, 153);
}
.blog .content a:hover {
    text-decoration:underline;
}
.blog .content ul {
    list-style-type:none;
}
.blog .content .personnel {
    float:left;
    clear:both;
    margin-bottom:2em;
}
.blog .content .personnel img.face {
    /* display:none;  remove this when we have pics of everyone */
    float:left;
    max-width:90px;
    /* height:120px; */
    margin-right:20px;
    background-color:#ddd;
}

.blog .content .personnel .desc {
    float:left;
    width:430px;
}

.blog .content .logobox {
    float:left;
    text-align:center;
    width:150px;
    margin-top:1em;
    margin-bottom:1em;
}
.blog .content .logobox .imgwrapper {
    /*
    height:50px;
    border:1px solid #ddd;
    padding:5px;
    margin:5px;
    */
}
.blog .content .logobox .imgwrapper img {
    max-width:100px;
}
.blog .content .logobox p {
    text-align:center;
}
.hidden {
    display: none;
}

.blog.purchasecomplete p {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}


/*
 * Purchase complete message's table
 */
.beforelogin .content td.payeelabel {
    text-align:left;
    width:16em;
    padding:0.2em;
}
.beforelogin .content td.payeedata {
    text-align:left;
    width:20em;
    padding:0.2em;
}


.errorfield {
    margin-left: 1em ! important;
    color: #C00 ! important;
}