/* Theme Name: Wallow Theme URI: http://www.twobeers.net/annunci/wallow Description: Multistyle theme from TwoBeers. Use one of the six default styles or mix them to get your personal one. Wallow has a lot of features, like five built-in new widgets, the quickbar (a fixed bar for your most important widgets always on top), customizable menu, background and header, widgetized sidebar. Version: 5.50 Tags: flexible-width, two-columns, theme-options, translation-ready, right-sidebar, custom-background, custom-menu, custom-header, black, blue, orange, dark, light Author: TwoBeers Crew Author URI: http://www.twobeers.net/ License: GNU General Public License, version 2 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Common html tags ----> */ body { font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0; padding: 0; } h1, h2, h3 { font-weight: bold; } hr { color:#DFF; } a img { border: none; } acronym, abbr { border-bottom: 1px dotted; cursor: help; } blockquote { margin:15px 30px 0 10px; padding-left:20px; font-style:italic; letter-spacing:1px; } pre, code, tt, kbd { font:1.2em "Courier New", monospace; padding:0 8px; letter-spacing:1px; } pre { display:block; margin:5px auto; overflow:auto; padding:5px; white-space:pre; width:90%; } ol#comments li p { font-size: 100%; } ul { list-style:none outside none; } table { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } td { /*border: none;*/ padding: 3px; } th { padding:5px; } input { font-size:10pt; } fieldset { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:8px; } legend { font-size:0.9em; padding:3px; } #content img { max-width: 100%; height: auto; } /* <---- Common html tags */ /* Quickbar classes ----> */ #quickbar { position: fixed; z-index: 1000; } .footer_wig { float: left; height:40px; padding:0 10px; position:relative; z-index:200; } .footer_wig h4{ margin:5px 0; cursor:default; font-size:1em; } .footer_wig .fw_pul { margin:0; position:absolute; display:none; bottom:0; width:300px; left:-10px; -moz-box-shadow: 1px 1px 0 #333; box-shadow: 1px 1px 0 #333; -webkit-box-shadow: 1px 1px 0 #333; -khtml-box-shadow: 1px 1px 0 #333; max-height: 250px; overflow: auto; } .footer_wig ul li{ padding-top:5px; } .footer_wig ul li:before { content: "» "; } .footer_wig ul { margin:0px; padding:0px; } .footer_wig:hover .fw_pul { display: block; } .fw_pul_cont { position:absolute; bottom:40px; z-index:4; } #avatar_cont { height: 50px; padding: 25px; width: 50px; } /* <---- Quickbar classes */ /* Post classes ----> */ .post { position:relative; margin-bottom:3em; } .post ul { padding:0 0 0 27px; margin: 0px; } .post ul li { margin:2px 0; padding-left:9px; } .meta, .comment-meta, .reply{ font-size: .9em; font-weight: normal; letter-spacing: 0; padding-bottom: 5px; } .storytitle { font-size:1.8em; margin:0; /*text-transform:capitalize;*/ } .sticky { padding:5px; } .storycontent { margin-top: 30px; } .storycontent p { } /* <---- Post classes */ /* Comment classes ----> */ #commentform #author, #commentform #email, #commentform #url, #commentform textarea, .post input[type="password"], .post input[type="text"], .post textarea { border: 1px solid #aaa; padding: .2em; background:#fff url(images/input.jpg) left top repeat-x; } #commentform #author:hover, #commentform #email:hover, #commentform #url:hover, #commentform textarea:hover, .post input[type="password"]:hover, .post input[type="text"]:hover, .post textarea:hover { border: 1px solid #d54e21; } #commentform #author:focus, #commentform #email:focus, #commentform #url:focus, #commentform textarea:focus, .post input[type="password"]:focus, .post input[type="text"]:focus, .post textarea:focus { border: 1px solid #0080BC; } #commentform textarea { width: 100%; } #commentlist { list-style:none outside none; } .comment, .trackback , .pingback { padding-left:10px; padding-right:50px; position:relative; margin:10px 0; min-height:45px; } .comment-author { font-size: 1.1em; font-weight: bold; padding-bottom: 5px; } #commentlist li .avatar { border: 1px solid #ccc; padding: 2px; position: absolute; right: 0; top: 0; margin: 3px; } .comment_tools { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 5px 0; padding: 3px; float: left; clear: both; } ul.children { padding: 0 0 0 10px; } .bypostauthor { /* * rules for this class are loaded by css/load-styles.php */ } .form-allowed-tags { color: #000080; text-align: center; } /* <---- Comment classes */ /* Pages classes ----> */ #pages { padding :20px 34% 20px 0; z-index:2; width: 100%; } #pages_subcont { padding-left: 30px; color: #FF0000; } #mainmenu > li.page_item, #mainmenu > li.menu-item { float: left; margin: 5px 0; padding: 2px 10px; } #mainmenu > li.page_item > a, #mainmenu > li.menu-item > a{ display: block; } #mainmenu > li.page_item > ul.children, #mainmenu > li.menu-item > ul.sub-menu { position: absolute; display: none; z-index: 30; max-width: 300px; min-width: 150px; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000; margin: 0; padding: 5px 10px 10px; } #mainmenu > li.page_item:hover > ul.children, #mainmenu > li.menu-item:hover > ul.sub-menu { display: block; } #mainmenu ul.children li, #mainmenu ul.sub-menu li { margin: 0 0 0 10px; padding: 5px 0 0; } #mainmenu ul.children li:before, #mainmenu ul.sub-menu li:before { content: "» "; } #mainmenu .children li > div, #mainmenu .sub-menu li > div { display: inline; } #mainmenu { margin:0; padding:0; width:100%; position:relative; z-index:2; } #rss_imglink { position:absolute; margin-left :-20px; } /* <---- Pages classes */ /* Sidebar classes ----> */ #menu { clear:right; float:right; padding-bottom:30px; width:25%; margin-top: 20px; } #sidebartop { width: 100%; } #sidebarbottom { width: 100%; } .searchform { margin: 5px auto; padding: 5px 3px; text-align: center; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #menu ul { font-weight: bold; margin: 0; padding-left: 3px; /* text-transform: lowercase;*/ } #menu ul li { letter-spacing: 0.1em; margin-top: 10px; padding-bottom: 10px; } #menu ul ul li:before { content: "» "; } #menu ul ul { font-weight: normal; margin: 0 0 0 10px; padding: 0; text-align: left; } #menu ul ul li { border: 0; margin: 3px 0 0; padding: 0; } #menu ul ul li a { } #menu ul ul li a:hover { } #menu ul ul ul.children { padding-left: 4px; } #menu select { font-family:inherit; font-size:inherit; font-size-adjust:inherit; font-stretch:inherit; font-style:inherit; font-variant:inherit; font-weight:normal; line-height:inherit; max-width:100%; } .widget { overflow: auto; word-wrap: break-word; max-width: 100%; } .widget img { max-width: 100%; } #quickbar .wlw_widget_user_quick_links .avatar { vertical-align: top; } /* <---- Sidebar classes */ /* widget classes ----> */ ul.with-thumbs img { margin: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* <---- widget classes */ /* Calendar classes ----> */ #calendar_wrap { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin:5px 0; } #wp-calendar { empty-cells: show; margin: 0; width: 100%; border: none; background: transparent; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; } #wp-calendar td { letter-spacing: -1px; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } #wp-calendar tfoot { } /* <---- Calendar classes */ /* Other classes ----> */ #header { letter-spacing: 0.2em; margin: 0; padding: 20px 0 20px 40px; min-height:65px; overflow: hidden; } #header h1 { margin: 0 0 5px !important; font-size:4em; filter: dropshadow(color=#000000,offX=3,offY=3); } #header img { max-width: 98%; } #content { font-size:1.2em; margin:20px 0 20px 20px; padding:5px 10px; } #nav_pages { text-align:center; } #credits a { font-weight: bold; } .fixfloat { clear: both; } #rap { float: left; width: 74%; } .wlw_allcat { text-align: right; margin-top:12px; } #error404-widgets-area .widget, #post-widgets-area .widget { margin: 0 0 30px; float: left; padding: 0 1%; width: 48%; } .wp-pagenavi { padding: 10px; } /* <---- Other classes */ /* Gallery listing ----> */ .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .category-gallery .gallery-thumb { float: left; margin-right: 20px; margin-top: -4px; } .home #content .category-gallery .entry-utility { padding-top: 4px; } #content .gallery { margin: 0 auto 18px; clear: both; } #content .gallery .gallery-item { float: left; margin: 0 0 20px 0; text-align: center; margin-bottom: 20px; padding: 2%; } #content .gallery .gallery-caption { font-size: 10px; margin: 0 0 12px; } #content .gallery img { border: 10px solid #f1f1f1; } #content .gallery br+br { display: none; } .gallery-columns-0 .gallery-item, .gallery-columns-1 .gallery-item { width: 95%; } .gallery-columns-2 .gallery-item { width: 46%; } .gallery-columns-3 .gallery-item { width: 29%; } .gallery-columns-4 .gallery-item { width: 21%; } .gallery-columns-5 .gallery-item { width: 16%; } .gallery-columns-6 .gallery-item { width: 12.5%; } .gallery-columns-7 .gallery-item { width: 10%; } /* <---- Gallery listing */ /* Captions & aligment ----> */ .aligncenter, div.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; } img.alignleft, .alignleft { display:inline; float:left; margin-right:24px; margin-top:4px; } img.alignright, .alignright { display:inline; float:right; margin-left:24px; margin-top:4px; } img.alignleft, img.alignright, img.aligncenter { margin-bottom:4px; } .wp-caption { text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; max-width: 97%; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .wp-post-image { margin: 0 0 10px 10px; -moz-box-shadow: 0 0 7px #000; box-shadow: 0 0 7px #000; -webkit-box-shadow: 0 0 7px #000; -khtml-box-shadow: 0 0 7px #000; } /* <---- Captions & aligment */ /* micronav ----> */ #micronav { width: 48px; height: 48px; position: relative; float: left; margin-top: -7px; margin-left: -48px; } #micronav .prev a, #micronav .next a { display: block; width: 16px; height: 48px; position: absolute; } #micronav .prev a { top: 0; left: 0; background-position: 0 0; } #micronav .next a { top: 0; right: 0; background-position: -32px 0; } #micronav .up a, #micronav .home a, #micronav .down a { display: block; width: 16px; height: 16px; position: absolute; left: 16px; } #micronav .up a { top: 0; background-position: -16px 0; } #micronav .home a { top: 16px; background-position: -16px -16px; } #micronav .down a { top: 32px; background-position: -16px -32px; } #micronav .prev a:hover { background-position: 0 -48px; } #micronav .next a:hover { background-position: -32px -48px; } #micronav .up a:hover { background-position: -16px -48px; } #micronav .home a:hover { background-position: -16px -64px; } #micronav .down a:hover { background-position: -16px -80px; } /* <---- micronav */ /* Thickbox ----------------------------------------------------------*/ #TB_overlay { z-index: 1001; } .TB_overlayBG { opacity: 0.85; filter: alpha(opacity=85); } #TB_window { z-index: 1002; border-color: transparent; } #TB_window img#TB_Image { border-color: transparent; } #TB_prev a, #TB_next a { display: block; height: 100%; position: fixed; top: 0; width: 100px; opacity: 0.3; filter: alpha(opacity=30); color: transparent; } #TB_next a:hover, #TB_prev a:hover { opacity: 0.6; filter: alpha(opacity=60); } #TB_prev a { background: url('images/arrows.png') no-repeat left center #000; left: 0; } #TB_next a { background: url('images/arrows.png') no-repeat right center #000; right: 0; } #TB_closeWindow { display: none; } #TB_load { border: none; z-index: 1003; padding: 0; box-shadow: 0 4px 30px #000; background: #000; } #TB_caption { float: none; text-align: center; } /** * New Wallow style generator * * @since 0.50 * @package Wallow * */ /* genlook (fire style) */ /* Common html tags ----> */ a { color: #0080BC; text-decoration: none; } a:hover, .menu-item a:hover, #credits a:hover, #content a:hover, .storytitle a:hover { color: #d54e21; } blockquote { border-left:4px double #ccc; } body { color: #333; background: #912308 url(../images/fire/bg.jpg) left top no-repeat; } h2.posts_date { border-bottom:1px solid #ccc; color:#999; font-size:0.9em; padding-bottom:3px; text-align:right; } pre { border:1px solid #ddd; } table { border: 1px solid #999; background: rgb(239,239,239); /* Old browsers */ background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(202,202,202,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(202,202,202,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(202,202,202,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(202,202,202,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(202,202,202,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(239,239,239,1) 0%,rgba(202,202,202,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */ } thead { background-color:#fff; } tfoot { background-color:#ddd; } th { border:1px solid #ccc; } fieldset { border:1px solid #ccc; } legend { color: #ccc; } /* <---- Common html tags */ /* Post classes ----> */ .post ul li { border-left:4px solid #333; } .meta { color: #808080; } .storytitle a { color: #333; } .sticky { background: -moz-linear-gradient(left, rgba(201,238,255,0.1) 0%, rgba(201,238,255,0.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(201,238,255,0.1)), color-stop(100%,rgba(201,238,255,0.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(201,238,255,0.1) 0%,rgba(201,238,255,0.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(201,238,255,0.1) 0%,rgba(201,238,255,0.1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(201,238,255,0.1) 0%,rgba(201,238,255,0.1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(201,238,255,0.1) 0%,rgba(201,238,255,0.1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ac9eeff', endColorstr='#1ac9eeff',GradientType=1 ); /* IE6-9 */ border:1px solid #87CEFA; padding:5px; } /* <---- Post classes */ /* Comment classes ----> */ .comment:hover { border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; } .comment, .trackback , .pingback { background: -moz-linear-gradient(left, rgba(128,128,128,0.2) 0%, rgba(128,128,128,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(128,128,128,0.2)), color-stop(100%,rgba(128,128,128,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(128,128,128,0.2) 0%,rgba(128,128,128,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(128,128,128,0.2) 0%,rgba(128,128,128,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(128,128,128,0.2) 0%,rgba(128,128,128,0) 100%); /* IE10+ */ background: linear-gradient(left, rgba(128,128,128,0.2) 0%,rgba(128,128,128,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33808080', endColorstr='#00808080',GradientType=1 ); /* IE6-9 */ border-top:1px solid transparent; border-right:1px solid transparent; border-bottom:1px solid transparent; } .bypostauthor { background: -moz-linear-gradient(left, rgba(255,225,161,0.3) 0%, rgba(255,225,161,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,225,161,0.3)), color-stop(100%,rgba(255,225,161,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,225,161,0.3) 0%,rgba(255,225,161,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,225,161,0.3) 0%,rgba(255,225,161,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,225,161,0.3) 0%,rgba(255,225,161,0) 100%); /* IE10+ */ background: linear-gradient(left, rgba(255,225,161,0.3) 0%,rgba(255,225,161,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffe1a1', endColorstr='#00ffe1a1',GradientType=1 ); /* IE6-9 */ } .comment { border-left:3px solid #888; } .trackback , .pingback { border-left:3px solid #ddd; } .feedback { color: #808080; text-align: right; clear: both; } .comment_tools { background-color:#fff; border:1px solid #999; } /* <---- Comment classes */ /* Other classes ----> */ #header { color:#fff; } #header h1 { margin: 0; font-size:4em; text-shadow:2px 2px 5px #000; } #header .description { text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000,offX=1,offY=1); } #header a { color: #fff; } #content { border-radius: 15px; background-color:#F6F6F6; border:1px solid #333; } #nav_pages { padding-top: 10px; border-top: 1px solid #ccc; } #credits { border-top:1px solid #E8A403; float:left; padding-bottom:100px; text-align:right; width:99%; color: #ccc; padding-right: 1%; } .intr { color: #ccc; } /* <---- Other classes */ /* Captions & aligment ----> */ .wp-caption { border: 1px solid #999; background: rgb(239,239,239); /* Old browsers */ background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(202,202,202,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(202,202,202,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(202,202,202,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(202,202,202,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(202,202,202,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(239,239,239,1) 0%,rgba(202,202,202,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */ } /* <---- Captions & aligment */ #menu a { color: #87CEFA; text-decoration: none; } #menu a:hover { color: #d54e21; } #sidebarbody { padding: 10px 10px 10px 18px; background: transparent url('../images/fire/graph.png') -1200px top repeat-y; } #sidebartop { background: transparent url('../images/fire/graph.png') -600px top no-repeat; height:25px; } #sidebarbottom { background: transparent url('../images/fire/graph.png') no-repeat top left; height:25px; } .searchform { border: 1px solid #666; background: #444; } #menu input#s { width: 50%; background: #eee; border: 1px solid #999; color: #000; } #menu ul { color: #333; } #menu ul li { color:#ddd; } /* <---- Sidebar classes */ /* Calendar classes ----> */ #calendar_wrap { border: 1px solid #666; background-color: #444; color:#ccc; } #wp-calendar caption { color: #999; } #wp-calendar #today { background-color: #333; } #wp-calendar thead { background: transparent; } #wp-calendar th { border:1px solid #555; } #wp-calendar tfoot { background: transparent; } .page_item a, .menu-item a { color: #87CEFA; text-decoration: none; } .page_item a:hover, .menu-item a:hover { color: #d54e21; } #pages { background: #404040; /* Old browsers */ background: -moz-linear-gradient(top, #404040 0%, #6c6c6c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#6c6c6c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #404040 0%,#6c6c6c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #404040 0%,#6c6c6c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #404040 0%,#6c6c6c 100%); /* IE10+ */ background: linear-gradient(top, #404040 0%,#6c6c6c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#6c6c6c',GradientType=0 ); /* IE6-9 */ border-bottom:1px solid #888; border-top:1px solid #333; } #mainmenu > li.menu-item , #mainmenu > li.page_item{ background: transparent url("../images/fire/pages_sep.png") right center no-repeat; } .current_page_ancestor .hiraquo, .current-menu-ancestor .hiraquo { color: #d54e21; } #pages .children a, .sub-menu a, .fw_pul a { color: #87CEFA; text-decoration: none; } .comment .comment a { color: #004867; } #pages .children a:hover, .sub-menu a:hover, .fw_pul a:hover { color: #d54e21; } .current_page_item > a, .current-menu-item > a, .current-cat > a { color: #d54e21; } .footer_wig .fw_pul{ color: #ccc; padding: 10px; border-color:#888; border-style:solid; border-width:1px; background: #333 url("../images/fire/pop.jpg") left top no-repeat; border-radius: 5px; } #mainmenu > li.page_item > ul.children, #mainmenu > li.menu-item > ul.sub-menu { border:1px solid #888; background: #333 url(../images/fire/pop.jpg) left top no-repeat; border-radius: 5px; color: #ccc; } #mainmenu ul.sub-menu, #mainmenu ul.children { margin:0px; padding:0px; }#quickbar { color: #ccc; margin: 0 0 10px; padding: 0; bottom: 0; height:56px; width:100%; left: 0; } #qb_left { background: transparent url(../images/fire/qb.png) left -112px no-repeat; float:left; height:56px; margin-left:1%; width:2%; } #qb_center { background: transparent url(../images/fire/qb.png) left top repeat-x; float:left; height:56px; width:83%; } #qb_right { background: transparent url(../images/fire/qb.png) right -56px no-repeat; float:left; height:36px; width:13%; padding: 10px 0; text-align: center; font-weight: bold; } .footer_wig { background:url("../images/fire/menu_sep.png") no-repeat right top transparent; } .footer_wig:hover h4{ color: #fff; } #avatar_cont { margin-top:-46px; float:left; } #micronav .prev a, #micronav .next a, #micronav .up a, #micronav .home a, #micronav .down a { background-image: url(../images/fire/micronav.png); } #micronav { background: url(../images/fire/micronav.png) no-repeat scroll center -96px transparent; } #avatar_cont { background:url("../images/fire/ava.png") no-repeat scroll center center transparent; }