body { margin : 0; padding : 0; text-align : left; color : #000000; //background : #858563 url(img/bgdwider.png) repeat-y top center; font : 100% "Trebuchet MS", verdana, arial, tahoma, sans-serif; } #container { width : 1000px; margin : 0 auto; color : #000000; background : #ffffff; } /*BANNER*/ #banner { float : left; width : 1000px; height :315px; padding : 0; margin-bottom : 0; background : #eee url(img/banner.jpg) no-repeat left; //background : url(img/bbclogo.png) no-repeat left, url(img/banner.jpg) no-repeat right; box-shadow:0 0 5px #000; } #banner h1 { margin : 100px 0 0 20px; font : normal 2em georgia, verdana, arial, tahoma, sans-serif; text-transform : none; letter-spacing : 3px; color : #ffffff; background : transparent; } /*MAIN CONTENT*/ #content { padding : 0 10px 0 10px; margin-left : 170px; margin-right : 170px; margin-top : 0; line-height : 1.8em; } #content h1 { padding : 20px 0 0 0; font : normal 1.4em verdana, tahoma, arial, sans-serif; text-transform : uppercase; letter-spacing : 3px; color : #2C3E50; background : inherit; text-align : center; } #specials { color: #D5AD6D; /*if no support for background-clip*/ background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%); background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; font-weight: bold; font-size: 150%; } /*LEFT SIDEBAR*/ #sidebar { float : left; width : 150px; margin : 0 0 0 0; padding : 5px; } /*NAVIGATION*/ .menu { margin-bottom : 20px; width : 110px; padding : 10px 0 0 0; } .menu ul { margin : 0; padding : 0; list-style-type : none; } .menu li { margin : 0 0 0.2em 0; } .menu a { display : block; font-size : 11px; color : #ffffff; background : #B18904; width : 120px; padding : 0.5em 0.8em; text-decoration : none; border-left : 10px solid #A4A4A4; } .menu a:hover { border-left : 10px solid #088a08; background-color : #848484;; color : #fff; } .links { font-size : 1.4em; text-transform : uppercase; letter-spacing : 3px; } /*RIGHT SIDEBAR*/ #sidebar-b { float : right; width : 150px; margin : 0 0 0 0; padding : 5px; } /*FOOTER*/ #footer { background : #ffffff url(img/footer.gif) repeat-x top; text-align:center; } #footer p{ padding : 20px; margin-top : 5px; height : 40px; font-size : 0.8em; border-top : 1px solid #EAEDED; color : #000000; } #footer a:link, #footer a:visited { color : #236bac; text-decoration : none; } #footer a:hover { color : #3186d3; } /*TYPOGRAPHY*/ h1 { margin : 0 0 10px 0; font : normal 1.4em verdana, arial, tahoma, sans-serif; text-transform : uppercase; color : #acaf2c; background : inherit; } blockquote { font-weight : bold; font-style : italic; color : #b29b35; } /*LINKS*/ a { color : #236bac; font-weight : bold; text-decoration : none; background : inherit; } a:hover { text-decoration : none; color : #369; background : inherit; } a img { border: 0; } /*CLASS*/ .clear { clear : both; overflow : hidden; width : 0; height : 1px; } .post { background-color : #404040; padding : 3px; margin : 20px 10px 0 5px; border : 0 dashed #8a795d; font-size : 80%; } .post .date { background : url(img/clock.gif) no-repeat left center; padding-left : 15px; margin : 0 15px 0 5px; } .post .comments { background : url(img/comment.gif) no-repeat left center; padding-left : 15px; margin : 0 15px 0 5px; } .post .readmore { background : url(img/document.gif) no-repeat left center; padding-left : 15px; margin : 0 15px 0 5px; }