<data:blog.pageTitle/> <data:blog.pageName/> ~ <data:blog.title/> */ /* Use this with templates/template-twocol.html */ /*.... footer ...*/ #footer { width:100%; margin: auto; background : #222 url(http://i624.photobucket.com/albums/tt327/digitalstatement/footerbg.gif) repeat-x top center; } #footbg { width : 1000px; margin: auto; } #footwrap { width : 100%; margin: auto; background : url() no-repeat top left; padding-bottom: 20px; overflow : hidden; padding-left:10px; } .footer-block { margin-top : 30px; margin-left: -8px; padding : 8px; float : left; width : 300px; } .f-list { margin : 0; padding : 8px 0; float : left; width : 310px; display : block; list-style-type : none; } .f-list li { float : left; width : 280px; margin : 0 0 1px; padding : 0; font-size : 12px; display : block; line-height : 17px; color : #ffffff; } .f-list h2 { font-size : 16px; color : #ffffff; margin-bottom:10px; padding : 0; float : left; width : 280px; } .f-list ul { margin : 0; padding : 0; display : block; float : left; width : 310px; list-style-type : none; } .f-list ul li { display : block; background-color : #2e2e2e; color : #ccc; padding : 5px 10px; } .f-list li a { display : block; background-color : #2e2e2e; color : #ccc; padding : 5px 10px; } .f-list li a:hover { color : #ffcc00; display : block; background-color : #2e2e2e; padding : 5px 10px; } .footer-box { font-size : 12px; line-height : 20px; color : #f9f9f9; margin : 0; padding : 8px 0; float : left; width : 310px; } .footer-box img { background : #333333; margin : 0 5px 5px 0; padding : 3px; float : left; border : 1px solid #000000; } .footer-box a { color : #ff9900; text-decoration : underline; } .footer-box a:hover { color : #999999; text-decoration : none; } ]]>