/* CSS */



html, body { /* BACKGROUND BODY COLOR */
    color: #536482;
    background-color: #b0b0b0 ;
}

/* #ec9006 */

.headerbar, .forumbg {  /* HEADER BANNER, and BARTER FRAME */
    border: 3px solid #404040 ;
    background-color: #964B00 ;
    background-image: -webkit-linear-gradient(top, #964B00 0%, #964B00 12px, #EC9006 192px, #EC9006 100%);
    background-image: linear-gradient(to bottom, #964B00 0%, #964B00 12px, #EC9006 192px, #EC9006 100%);
    background-repeat: repeat-x;
}

.forabg { /* BARTER BOARD FRAME */
    background-color: #404040 ;
    background-image: -webkit-linear-gradient(top, #404040 0%, #404040 2px, #404040 192px, #404040 100%); 
    background-image: linear-gradient(to bottom, #404040 0%, #404040 2px, #404040 192px, #404040 100%); 
    background-repeat: repeat-x; 
}

.site_logo {
    background-image: url(https://www.worldwidewoodturners.org/forum/styles/worldwidewoodturners/theme/images/worldwidewoodturners-LOGO.png);
}
#site-description p { float: left ; padding-left: 3em ; }
#logo { float: left ; margin-right: 2em ; }

ul.forums {  /* GRADIENT BACKGROUND OF BOARDS */
    background-color: #D2B48C ;
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #D2B48C 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #D2B48C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D2B48C',GradientType=0 );
}

body { font-size: 13px ; }

.captcha-image img { display: block ; }
    
.forumbg { /* HEADER BANNER */
     /*   height: 200px ; */
}
.headerbar { /* HEADER BANNER */
        height: 200px ;
}

.site_logo { width: 150px  ; height: 150px ; }

.birthday-list { display: none  ; }

.list-inner { margin-top: 9px ; margin-bottom: 9px ;   }

html>body .postbody a:link:after, html>body .postbody a:visited:after {
    content: "  ";  /*  (" attr(href) ") */
    font-size: 90%;
    text-decoration: none;
}

.phpbb_announcement { border: 3px solid black ;  background: #404040 ; }

.phpbb_announcement div { width: 80% ; margin-left: auto !important ; margin-right: auto !important ; color: #ffffff ; font-size: 1em ; }

.bar-bottom { clear: both ; margin-top: 1.5em ;  }

@media (max-width: 700px) {
    .logo { display: block ; }    
}

