@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway-Regular.ttf');  
  }
  @font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans-Regular.ttf');  
  }
.outerwrap {
    color: black;
    width: 1100px;
    font-family: 'Raleway', sans-serif;
    font-family: 'OpenSans', sans-serif;
    padding: 0 20px;
}
.headerwrap {
    padding-bottom: 50px;
}
.menubutton {
    display: none;
   
}
.menu-line {
    background-color: #bbb;
}
h1 {
    line-height: 170%;
}
h3 {
    text-align: center;
}
a {
    color: #555; 
    text-decoration: none;
}
 a.commentbutton, a.post-title {      
    text-decoration:underline;
}
a.post-title {
    font-size: 17px;
    color: darkblue;
    padding-right: 15px;
}
a.adminbutton {
    text-decoration: none;
}

a.adminbutton {
    text-decoration: none;
}
i {
    font-size: 14px;
}

.error, h3 {
    text-transform: uppercase ;
}


.sidebar-column-right {
    padding: 0 30px;
    text-align: left;
    margin: 0 auto;
    
}
.post-content {   
    text-align: left;
    padding:  20px;
    background-color: #eee;   
}

.post-content h4 {
    background-color: yellow;
    display: inline;
}
.member-image {
    display: inline-block;
    vertical-align: top;
}
.login {
    font-size: 15px;
}
.half-column-1, .half-column-2 {   
    text-align: left;
}
.content-column-left {
   text-align: left;
}

.full-column {
    text-align: left;
}
.current {
    border-bottom: 1px solid black;
}
.comment-box {     
    background-color: #eee;
}

.box {
    width: 100%;
    margin: 0 auto;
}

a.commentbutton {
    background-color: white;      
    margin:   5px auto;
    padding: 3px 7px;       
    font-size: 10px;    
    cursor: pointer;    
    text-decoration: none;     
    color: #3e4871;
    display: block;       
   	text-align: center;
    text-transform: uppercase;
    border: 1px solid #3e4871;
    font-weight: bold;
}
.lilaavenue-link {
    display: none;
}
.comment-box {
    margin: 0 0 15px 0;
    
}
.post-bar {
    text-align: left;
    background-color: #3e4871;
    border-radius:  5px;
    padding: 5px 10px;
    margin: 10px 0;
    color: white;
}
.link-content-below p{
    border: 1px solid #3e4871;
    color: black;
    font-weight: bold;
    border-radius:  5px;
    padding:   10px 15px;
    font-size: 16px;
    text-transform: uppercase;
}
.linkgridcolumn a {
    color: white;
  
}
.member-login form {
    text-align: left;
    width: 400px;
    max-width: 100%;
    margin: auto;
}
.member-login input, .create-member-account input, .update-member input{
    width: 300px;
}
input.submitbutton {
    color: black;
    background-color: #bbb;
   width: 100px;
    
}
.link-content-above {
    display: none;
}
.link-content-below {
    color: white;
}
footer {
    margin-top: 200px;
    border-top: 1px solid #eee;
   
}
.memberloggedin a.member-login {
    display: none;

}
@media only screen and (max-width: 1060px) {
    .content-column-left, .content-column-right,  .sidebar-column-left, .sidebar-column-right {        
        display: block;        
        width: 100%;
        margin:  auto;        
    } 
    .content-column-left {
        text-align: left;
    } 
}

@media only screen and (max-width: 850px) {
    .post-bar .half-column-1, .post-bar .half-column-2 {
        width: 100%;
        text-align: left;
    }
    a.menuitem {
        padding: 5px ;
        font-size: 14px;
    }
}
    
@media only screen and (max-width: 650px) {

    /** JS Menu - copy to style at breakpoint where menu button appears*/
    .menubutton {
        display: block;
        margin: auto;
    }     
    .menucontent  {      
        display: none;           
    }    
    .menuwrap1 {
        display: block; 
        margin: auto;        
    }    
    .menucontent1, .menucontent2 { 
        text-align: left;
        width: 100%;
        position: relative;
    }    
    .menuitem, .menubutton1, .menubutton2 {       
        box-sizing: border-box; 
        margin: 0 auto;
        font-size: 16px;
        border: none;
        display: block;
    }
    .menuitem, .menuwrap1 {  
        padding: 15px 0;        
    }
    .current {
        border: none;        
    }  
    
}