<data:blog.pageTitle/> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image */ } .s3sliderImage span a.featured-title:link, .s3sliderImage span a.featured-title:visited{ color: #DDD; padding: 0px 0px 2px 0px; font-size: 1.167em; } .s3sliderImage span a.featured-title:hover{ color: #999; } .s3sliderImage span a:link, .s3sliderImage span a:visited{ color: #888; } .s3sliderImage span a:hover{ color: #555; } /************** SIDEBAR *****************/ #sidebar{ float: right; clear: right; width: 310px; overflow: hidden; font-size: 0.917em; font-weight: bold; color: #DDD; } #sidebar a:hover{ color: #DDD; } .sidebar-box{ width: 310px; overflow: hidden; margin: 0px 0px 30px 0px; } .sidebar-box .widget { width: 310px; overflow: hidden; margin: 0px 0px 30px 0px; } .sidebar-box h2{ height: 22px; padding: 4px 0px 4px 5px; margin: 5px 0px; font-family: "Tahoma", sans-serif; color: #DDD; font-size: 18px; font-weight: normal; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm4YT7olnI3lGNGOma6IiVd8sxJVAcT3KEXbR0o5iMwBzay_21sHkzzmqc8bX7Kx8xXtOE8O9m9uwdJZzEDyE_ybvEAKP6JA18I6GRkAoJPIFDUll8b7QlCCKk8RR8pjZMnlt_ttRYNA/s1600/sidebarh2.gif) no-repeat; } .sidebar-box ul li{ padding: 5px 0px; } .sidebar-box h2#twitter-h2{ height: 34px; width: 200px; padding: 43px 5px 4px 125px; } .sidebar-box h2#twitter-h2{ background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTPbdbwr3h4RFIMAHuGihw_BZbjpxT4sPJjc3WUzbcp3QuWkmsqLiORsAtPbBxnMrPhU42ECDqbTe67qhwSLhH04G6Lb-MO2RRd-4IEqdNWsrq1HfsQDCrQxyKuTKfEbUPupqiwyLvg/s1600/twitterbirdbluex.png) no-repeat; } ul#twitter_update_list li a:link, ul#twitter_update_list li a:visited{ display: block; } ul#twitter_update_list li span a:link, ul#twitter_update_list li span a:visited{ display: inline; } #twitter-link{ font-size: 0.917em; } .search-box{ width: 306px; height: 21px; margin: 0px 0px 30px 0px; border: 2px solid #333; } .search-input{ float: left; width: 246px; height: 13px; overflow: hidden; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3cYhe5GWM_IUhVcEQeEEm-jIC-frucq0yiyaOfoY2amBIxYvDo8m-FaJC56G5LVDPeH6Q2wsKikrdWRN9joJ3KOIF__jsO2iUZYX209EjZOnyYLBmW8IP80YORE29lCLwWqy3SpDZg/s1600/searchbgx.gif) repeat-x; border: 0px; font-family: "Verdana", sans-serif; font-size: 11px; color: #555; padding: 4px 5px; } .search-button{ float: left; width: 50px; height: 21px; overflow: hidden; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6wTH6_-CDWFIMkVb-1IwDSDNtfW7xzI3rIuBbpxUo3qCGYZd-L57DWzIIYAoSZRDqGzCF7Fpa6SvZ2T5fpUn3GcWrZIK9OVwNh3IU7u_unVVd4_95Ec2BV3PYpJBAULDMIN5FSOyKzQ/s1600/searchbuttonz.gif) no-repeat; border: 0px; cursor: pointer; } /************** PERFIL *****************/ .profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border: 5px solid #E7E9E3; } .profile-data { margin:0; font: arial; color: #000; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: #000; letter-spacing: .1em; } /************** FOOTER *****************/ #footer{ width: 100%; height: 320px; overflow: hidden; padding: 20px 0px 0px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW6mNGWw4gT3QME-Zdxokz0wd8dtZxw-U0VdKI40gt-FOiRbqzKMtDirrioivdH7XbkZITVmg5lhUF6_XW0ZgWo33_B-GciiM0zqIzt-pHJxZSK9trlzZQs4eQgyAN4tOs9XOy64GjMw/s1600/footerf.gif) repeat-x; } #footer-container{ width: 900px; height: 320px; margin: 0 auto; text-align: left; } .footer-widget{ float: left; width: 250px; height: 250px; overflow: hidden; display: inline; padding: 15px; margin: 0px 10px; color: #CCC; outline-color:darkred; outline-style:dashed; outline-width:thin; } .footer-widget h2{ font-size: 1.334em; color: #CCC; font-weight: bold; font-family: "Arial", sans-serif; padding: 0px 0px 10px 0px; } .footer-widget ul li{ padding: 5px 0px; } #footer-credits{ width: 900px; margin: 12px 0px 0px; font-size: 0.834em; color: #999; } #footer-credits a:link, #footer-credits a:visited{ color: #FFF; } #footer-credits a:hover{ text-decoration: underline; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } ]]>