/* Theme Name: Pure Magazine Theme URI: http://bizzartic.com/ Description: Developed by Zeljan Topic. Version: 1.0 Author: BizzArtic Author URI: http://bizzartic.com/ */ /* IMPORTANT NOTE! If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme without worrying about overwriting your style changes. */ /*=== Setup ===*/ /* Import RESET styling for grid framework*/ @import url('library/css/reset.css'); /* Import TEXT styling for grid framework*/ @import url('library/css/text.css'); /* Import GRID styling for grid framework*/ @import url('library/css/960.css'); /*---------GENERAL STYLING--------- */ body{ font-family:Arial; background:#E1E1DE } a{ color:#000000; text-decoration: none; } a:hover{ text-decoration:underline } input,select,textarea{ border: #e6e6e6 1px solid; font-size: 12px; padding: 2px } .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } img.centered{ display: block; margin-left: auto; margin-right: auto } img.alignright{ padding:0; margin: 3px 0 2px 10px; display: inline } img.alignleft{ padding:0; margin: 3px 10px 2px 0; display: inline } .alignleft{ float: left } .alignright{ float: right } /*---------TOP NAVIGATION for PAGES--------- */ .top-menu-bgr{ background:#000000 } .top_menu{ height:27px; text-align:left; font-size:11px; padding:0; z-index:1000 } .top_menu ul{ list-style:none; margin:0; padding:0 } .page-menu li a{ color:#C9C9C9; display:block; padding:0 10px } .page-menu li ul li a{ border:0; color:#FCFCFC } .page-menu li a:hover,.top_menu li.active a{ color:#FCFCFC; background:#020202 } .page-menu li.current_page_item a{ color:#fff; background:#020202 } .page-menu li.current_page_item a:hover{ color:#fff } .page-menu li a:hover{ color:#FCFCFC; text-decoration:underline; } .page-menu li.current_page_item a:hover,#pagenav li:hover a{color:#FCFCFC} /*---------DROPDOWN NAVIGATION FOR PAGES--------- */ #pagenav a{ display:block } #pagenav li{ float:left; line-height:27px; padding:0; margin:0 } #pagenav li a:hover{ background:#020202 } #pagenav li ul{ position:absolute; width:15em; left:-999em; } #pagenav li:hover ul,#pagenav li.sfhover1 ul{ left:auto; z-index:1000 } #pagenav li ul li{ background:#020202; border:solid #010101; line-height:26px; width:15em; border-width:0 1px 1px } #pagenav li:hover,#pagenav li.hover{ position:static } #pagenav li ul ul{ margin:-29px 0 0 15em } #pagenav li:hover ul ul,#pagenav li:hover ul ul ul,#pagenav li.sfhover1 ul ul,#pagenav li.sfhover1 ul ul ul{ left:-999em; padding:2px 0 0 } #pagenav li:hover,#pagenav li.sfhover1{ background:#020202 } #pagenav li a:hover,#pagenav li a.sfhover1{ color:#fff } #pagenav li ul li ul li,#pagenav li ul li ul li ul li,#pagenav li ul li ul li ul li ul li{ border:1px solid #010101 } #pagenav li:hover ul ul,#pagenav li.sfhover1 ul ul,#pagenav li:hover ul ul,#pagenav li:hover ul ul ul,#pagenav li:hover ul ul ul ul,#pagenav li.sfhover1 ul ul,#pagenav li.sfhover1 ul ul ul,#pagenav li.sfhover1 ul ul ul ul{left:-999em} #pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li li li.sfhover1 ul,#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li li li:hover ul,#pagenav li li li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li li li.sfhover1 ul,#pagenav li li li li.sfhover1 ul{left:auto} select,#pagenav{ padding:0 } #pagenav li a span{ font-size:12px; color:#9D9D9D; font-weight:400 } /*---------SUBSCRIBE --------- */ .feed-spot{ line-height:18px; text-align:right; margin:5px 0 0 0; color:#C9C9C9; float:right; font-size:11px; height:16px; padding:0 5px 0 0 } .feed-spot a{ color:#C9C9C9 } .feed-spot a:hover{ color:#ffffff; background:none; text-decoration:underline } .rss-button{ background:url(images/rss-small-trans.png) center left no-repeat; padding:2px 9px } /*--------- HEADER --------- */ .header-bgr{ background:#ffffff } #header{ padding:10px 0 10px 0 } /*=== Logo Spot ===*/ #header #logo-spot{ padding:0 } #header .blog-title{ line-height:60px; display:inline } #header .blog-title a{ background:#ffffff; color:#cc3300; font-size:50px; font-weight:bold ; font-family:Helvetica; padding:10px 15px } #header .blog-title a:hover{ text-decoration:none } #header .blog-description{ color:#cc3300; font:normal 11px Helvetica; margin:0 0 15px 0; padding:15px 20px } #header h1.logo { padding:0; margin:0; line-height:10px } #header h1.logo a:hover{ background:none } /*=== 468x60 AD ===*/ .ad-468{ padding:0; text-align:right; top:0 } /*---------TOP NAVIGATION for CATEGORIES--------- */ .top-cat-bgr{ background:#ffffff; border-top:1px solid #C6C6C6; border-bottom:5px solid #cc3300; margin:0 0 10px 0 } #cat-menu{ height:25px; text-align:left; background:#ffffff } #cat-manu a{ display:block } #cat-menu li{ float:left; font-weight:normal; line-height:25px; padding:7px 0; margin:0 } #cat-menu li a{ color:#cc3300; display:block; padding:0 11px; text-transform:uppercase; font-size: 11px } #cat-manu li a:hover{ background:#cc3300; text-decoration:underline } #cat-menu li a:hover, #cat-menu li.active a{ color:#ffffff; background:#cc3300 } #cat-menu li.category-home a{ border-left:0 } #cat-menu li.current-cat a, #cat-menu li.current-cat-parent a{ background:#cc3300; color:#ffffff } /*---------DROPDOWN NAVIGATION FOR CATEGORIES--------- */ #catnav, #catnav ul{ float:left; list-style:none; font-weight:normal; padding:0; font-size: 11px; margin-bottom:0; z-index:1000 } #catnav li ul li a{ font-size:11px; padding-top:0 } #catnav li ul li a:hover{ text-decoration:underline } #catnav li ul{ position:absolute; width:15em; left:-999em; margin:7px 0 0 0; border:1px solid #cc3300 } #catnav li:hover ul, #catnav li.sfhover ul{ left:auto; z-index:1000 } #catnav li ul li{ background:#ffffff; line-height:30px; padding:0; width:15em; font-weight:normal } #catnav li:hover, #catnav li.sfhover{ position:static } #catnav li ul ul{ margin:-31px 0 0 15em } #catnav li:hover ul ul, #catnav li:hover ul ul ul, #catnav li.sfhover ul ul, #catnav li.sfhover ul ul ul{ left:-999em; padding:0 } #catnav li:hover, #catnav li.sfhover{ } #catnav li ul li ul li, #catnav li ul li ul li ul li, #catnav li ul li ul li ul li ul li{ margin-top:0 } #catnav li ul li ul, #catnav li ul li ul li ul, #catnav li ul li ul li ul li ul{ } #catnav li:hover ul ul, #catnav li.sfhover ul ul, #catnav li:hover ul ul, #catnav li:hover ul ul ul, #catnav li:hover ul ul ul ul, #catnav li.sfhover ul ul, #catnav li.sfhover ul ul ul, #catnav li.sfhover ul ul ul ul{ left:-999em } #catnav li:hover ul, #catnav li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li li li.sfhover ul, #catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li li li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li li li.sfhover ul, #catnav li li li li.sfhover ul{ left:auto } select, #catnav{ padding:0 } /*=== Search Spot ===*/ #search-spot{ padding:0 } #search-spot .search-form{ padding:7px 0 0 0; margin:0 } #search-spot .search-form input{ border:1px solid #353535; width:198px; background:#4C4C4C; padding:6px 10px 5px 10px; color:#ffffff; font-size:14px } #search-spot .search-form button{ border:none; width:30px; height:30px; top:15px; right:0 } /*=== Featured Panel ===*/ .featured-panel{ background:#ffffff url(images/bgr-box-trans.png) no-repeat top left; margin:0 0 10px 0; padding:10px 0; border:1px solid #BFB7A6 } .featured-panel .featured-post{ background:#ffffff; margin-right:8px } .featured-panel .featured-post h3{ margin:5px 0 10px 0; padding:0 0 5px 0; font:bold 13px Tahoma; color:#666666; border-bottom:1px solid #BFB7A6 } .featured-panel .featured-post img { float:left; margin:0 15px 0 0 } .featured-panel .featured-post .feat-right { } .featured-panel .featured-post .feat-right .feat-title { margin:0; padding:0 0 5px 0 } .featured-panel .featured-post .feat-right .feat-title a { font:normal 19px Tahoma; color:#cc3300 } .featured-panel .featured-post .feat-right .feat-meta { padding:5px 0 10px 0; color:#666666; text-transform:uppercase; font:normal 10px Tahoma } .featured-panel .featured-post .feat-right .feat-meta a { color:#666666 } .featured-panel .featured-post .feat-right .feat-meta span.feat-date { text-align:left } .featured-panel .featured-post .feat-right .feat-meta span.feat-comment { text-align:right } .featured-panel .featured-post .feat-right .feat-content { margin:0; padding:10px 0 0 0 } .featured-panel .featured-post .feat-right .feat-related { background:#ECE9E2; margin:15px 0 10px 0; padding:5px 0 } .featured-panel .featured-post .feat-right .feat-related .rellist { margin:3px 0 } .featured-panel .featured-post .feat-right .feat-related .rellist a{ color:#cc3300; font:normal 11px Tahoma } .featured-panel .top-stories{ background:#ECE9E2 url(images/bgr-box-trans.png) no-repeat top left; border:1px solid #D8D4CA; margin-left:8px } .featured-panel .top-stories h3{ margin:5px 10px 0 10px; padding:0 0 5px 0; font:bold 13px Tahoma; color:#000000; border-bottom:1px solid #CECAC2 } .featured-panel .top-stories .ts-content{ padding:10px } .featured-panel .top-stories .ts-content .ts-cat { } .featured-panel .top-stories .ts-content .ts-cat a { text-transform:uppercase; font:normal 10px Tahoma } .featured-panel .top-stories .ts-content .ts-title { padding:0 0 13px 0 } .featured-panel .top-stories .ts-content .ts-title a { font:normal 17px Tahoma; color:#cc3300 } .featured-panel .top-stories .ts-content .ts-more { color:#cecac2; border:solid #cecac2; border-width:1px 0; margin:15px 0 0 0 } .featured-panel .top-stories .ts-content .ts-more a{ color:#cc3300; font:normal 11px Tahoma } /*=== Stepcarousel ===*/ .featslider{ background:#F9F8E5 url(images/bgr-box-trans.png) no-repeat top left; margin:0 0 10px 0; padding:10px 0; border:1px solid #BFB7A6 } .featslider h3{ margin:5px 0 10px 0; padding:0 0 5px 0; font:bold 13px Tahoma; color:#444444; border-bottom:1px solid #BFB7A6 } ul#galleryNav{ width:60px; position:absolute; top:0; right:0; z-index:9999 } ul#galleryNav li{ list-style:none } ul#galleryNav li a span{ display:none; visibility:hidden } ul#galleryNav li#left a, ul#galleryNav li#right a{ background:url(images/bt-left-right.gif) no-repeat; width:20px; height:20px; position:absolute; top:0; left:5px } ul#galleryNav li#right a{ background-position:-22px 0; top:0; left:30px } .stepcarousel{ position: relative !important; overflow: scroll; height:220px; } .stepcarousel .belt{ position: absolute !important; left: 0; top: 0 } .stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 0px 18px 15px 3px; width: 140px } .slider-post{ line-height:24px } .slider-post .slider-cat{ padding:5px 0 } .slider-post .slider-cat a{ font:normal 11px Tahoma; text-transform:uppercase } .slider-post .slider-title{ padding:7px 0 0 0 } .slider-post .slider-title a{ color:#cc3300; font:bold 13px Arial } /*=== Widgetized ===*/ .widgetized{ margin:0 11px 0 0; display: inline; float: left; position: relative } .wlast{ margin:0 0 0 1px } .widgetized .widget{ background:#ffffff url(images/bgr-box-trans.png) no-repeat top left; border:1px solid #BFB7A6; width:300px; padding:5px; margin:0 0 10px 0 } .widgetized .widget h3{ margin:5px 5px 10px 5px; padding:0 0 5px 0; font:bold 13px Tahoma; color:#666666; border-bottom:1px solid #BFB7A6 } .widgetized .widget h3 span{ float:right; padding:1px 0 0 0 } .widgetized .widget h3 span a{ background:url(images/rss-small-trans.png) no-repeat; width:16px; height:16px; padding:2px 8px } .widgetized .widget .rec-post-cat { margin:0; padding:0 5px 5px 5px } .widgetized .widget .rec-post-cat .rec-title { margin:0; padding:0 0 5px 0 } .widgetized .widget .rec-post-cat .rec-title a { font:normal 19px Tahoma; color:#cc3300 } .widgetized .widget .rec-post-cat .rec-meta { padding:5px 0 10px 0; color:#666666; text-transform:uppercase; font:normal 10px Tahoma } .widgetized .widget .rec-post-cat .rec-meta a { color:#666666 } .widgetized .widget .rec-post-cat .rec-meta .rec-date { float:left } .widgetized .widget .rec-post-cat .rec-meta .rec-comment { text-align:right } .widgetized .widget .rec-post-cat img{ float:left; margin:0 10px 10px 0 } .widgetized .widget .rec-post-cat p.featured-excerpt { padding:3px 0 15px 0; margin:0 0 8px 0; border-bottom:1px solid #cecac2 } .widgetized .widget .rec-post-cat .rec-list { margin:3px 0 } .widgetized .widget .rec-post-cat .rec-list a{ font:bold 11px Tahoma; color:#cc3300 } .widgetized .widget .rec-post-cat .rec-more { color:#cecac2; border:solid #cecac2; border-width:1px 0; margin:15px 0 0 0 } .widgetized .widget .rec-post-cat .rec-more a{ color:#cc3300; font:normal 11px Tahoma } .widgetized .widget ul, .widgetized .widget ol{ padding:10px 0 0 20px; margin:0 } .widgetized .widget ul a, .widgetized .widget ol a{ color:#cc3300; font-weight:bold } .widgetized .widget ul li{ margin:0; padding:5px 0; line-height:15px } .widgetized .widget ol li{ list-style-type:decimal; margin: 0 0 0 50px; } .widgetized .widget ul li ul{ margin:0; padding:10px 0 0 20px; border:none } .widgetized .widget ul li ul li{ border:none; padding:5px 0; margin:0 } /*---------SIDEBAR --------- */ .sidebar { padding:0; margin:0 0 0 10px } .sidebar .widgetized{ margin:0 } .sidebar .widgetized .widget{ background:#ffffff url(images/bgr-box-trans.png) no-repeat top left; border:1px solid #BFB7A6; width:300px; padding:5px; margin:0 0 10px 0 } /*=== Widget styling ===*/ .flickr { padding:0 0 20px 0 } .flickr_badge_image{ float:left; list-style:none; margin:5px 0 5px 10px } .flickr img{ border:1px solid #dddddd; background-color:#ffffff; padding:5px } .flickr img:hover{ border-color:#333 } .widget #searchform label{ visibility:hidden; display:none } .widget #searchform input#s{ border:1px solid #000000; width:200px; margin:0 0 5px 5px } .widget #searchform input#searchsubmit{ background:#000000; color:#ffffff } #wp-calendar { width:100%; padding:0; margin-bottom: 15px; clear: both } #wp-calendar caption {padding: 10px; margin-bottom:5px;} #wp-calendar th {color: #fff;} #wp-calendar th, #wp-calendar td {padding:5px; text-align: center; background: #dddddd; color: #333333 } #wp-calendar td {background: transparent;} #wp-calendar td, table#wp-calendar th {padding: 3px 0;} #wp-calendar a {text-decoration: underline;} #wp-calendar a:hover {text-decoration: none;} .subscribe img{ vertical-align:middle; margin:6px 0 8px } #twitter_update_list li{ line-height:23px } #twitter_update_list li a{ font-weight:normal } #twitter p.website{ margin:10px 0 0 0; padding:15px 0 15px 60px; background: url(images/twitter-trans.png) left top no-repeat } .popular ul li span.comments a{ line-height:25px; font-weight:10px; color:#7f7f7f } .popular ul li span.comments a:hover{ color:#ffffff } .featured-panel .top-stories{ background:#ECE9E2 url(images/bgr-box-trans.png) no-repeat top left; border:1px solid #D8D4CA; margin-left:8px } .featured-panel .top-stories h3{ margin:5px 10px 0 10px; padding:0 0 5px 0; font:bold 13px Tahoma; color:#000000; border-bottom:1px solid #CECAC2 } .featured-panel .top-stories .ts-content{ padding:10px } .featured-panel .top-stories .ts-content .ts-cat { } .featured-panel .top-stories .ts-content .ts-cat a { text-transform:uppercase; font:normal 10px Tahoma } .featured-panel .top-stories .ts-content .ts-title { padding:0 0 13px 0 } .featured-panel .top-stories .ts-content .ts-title a { font:normal 17px Tahoma; color:#cc3300 } .featured-panel .top-stories .ts-content .ts-more { color:#cecac2; border:solid #cecac2; border-width:1px 0; margin:15px 0 0 0 } .featured-panel .top-stories .ts-content .ts-more a{ color:#cc3300; font:normal 11px Tahoma } /*---------ADVERTISING ads --------- */ .ad-box{ background:transparent; padding:5px 0 0 0; margin:0 0 15px 3px } #big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 0 2px } #big_banner1 img{ background:transparent; border:none; margin:10px 0 0 0 } #big_banner a:hover, #big_banner1 a:hover{ background:transparent } /*=== Advertising Scripts ===*/ .adsense-box { background:#ffffff url(images/bgr-box-trans.png) no-repeat top left; border:1px solid #BFB7A6; margin-bottom:10px; text-align:center } .adsense-inline { padding:10px } /*=== Archive ===*/ .archive-spot { padding:8px; margin:0; background:#ffffff url(images/bgr-box-trans.png) no-repeat top left; border:1px solid #BFB7A6; } .archive-spot h2{ margin:5px 5px 20px 5px; padding:0 0 5px 0; font:normal 20px Tahoma; color:#000000; border-bottom:1px solid #BFB7A6 } .archive-spot .post { margin:15px 5px 10px 5px; padding:0 0 10px 0; border-bottom:1px solid #BFB7A6 } .archive-spot .post h2 { font:normal 17px Tahoma; margin:0 0 10px 0; color:#000000; border:none } .archive-spot .post img { float:right; margin:0 0 0 25px } .archive-spot .post .meta { margin:0 0 10px 0; color:#999999 } .archive-spot .post .meta a { color:#999999 } /*=== Single/Page ===*/ .archive-spot .single { margin:5px 5px 10px 5px; padding:0 0 5px 0 } .archive-spot .single h2.title { font:normal 25px Tahoma; margin:0 0 15px 0; padding:0; color:#000000; border:none } .archive-spot .single h2 { font:normal 23px Tahoma; margin:0 0 10px 0; color:#000000; border:none } .archive-spot .single .meta { margin:0 0 10px 0; color:#999999 } .archive-spot .single .meta a { color:#999999 } .archive-spot .single img { float:none; margin:0 0 0 25px } .archive-spot .single h1, .archive-spot .single h2, .archive-spot .single h3, .archive-spot .single h4, .archive-spot .single h5, .archive-spot .single h6 { font-weight:normal; padding:10px 0 15px 0; margin:0 } .archive-spot .single a{ color:#cc3300; font-weight:bold } .archive-spot .single ul, .archive-spot .single ol{ padding:5px 0 20px 20px; margin:0 } .archive-spot .single ul li{ color: #555555; margin:0 0 0 30px; padding:0 0 5px 0; line-height: 24px } .archive-spot .single ul li ul, .archive-spot .single ol li ol{ padding:0; margin:10px 0 0 0 } .archive-spot .single ol li{ color: #555555; list-style-type:decimal; margin: 0 0 0 30px; line-height: 24px } .archive-spot .single blockquote { background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block } .archive-spot .single code{ background:#e9e9e9 } .archive-spot .single fieldset { border: 1px solid #cccccc; padding:10px } .archive-spot .single p{ line-height:24px } .wp-caption{ background:#f6f6ed; border:6px solid #f6f6ed } .wp-caption img{ border:5px solid #f6f6ed } .wp-caption a{ border:none } .wp-caption a:hover{ background:none } .wp-caption p{ color:#777777; background:#f6f6ed; font:normal 11px Tahoma; text-align:center; line-height:17px; padding:0 10px 10px 10px; margin:0 } /*=== Comments ===*/ #comments { padding:10px 5px 0 5px; margin:0; border-top:1px solid #BFB7A6 } #comments h3{ font:normal 17px Tahoma; padding:0 0 20px 0; margin:0 } #comments .commentlist { padding:0; margin:0 } #comments ol{ padding:20px 0; list-style:none } #comments .comment { margin: 10px 0 0 0; width: 100%;} #comments .comment a{ text-decoration:none; border-bottom:1px dotted; padding:1px 0 } #comments .comment a:hover{ color:#000000 } #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa } #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px dotted #aaaaaa; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 } #comments ul.children { margin:10px 0 0 20px; padding:0 } #comments .comment .authcomment{ background:#F7F7F7; border:1px dotted #aaaaaa } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 } span.comm-reply a{ font-size:13px; color:#aaa } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0; width:595px } #respond p{ padding:5px 0; margin:0 } #respond textarea, .commpadd input{ background:none; border:1px dotted #aaaaaa } #respond textarea { margin:0; padding:5px } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px } p.commpadd label{ padding:0 0 0 5px } input#submit{ font:bold 12px Tahoma; color:#FFFfff; text-align:center; padding: 5px; background:#000000; margin:0 } /*---------PAGE NAVIGATION - pagination --------- */ .pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 } .Navi { float: right; padding:20px 25px 25px 0 } .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #000000 !important } .Navi a { text-decoration: none !important; border:1px solid #D8D8D8; color: #000; display: block; float: left; padding: 3px 7px; margin-left: 4px } .Navi a:hover { color:#000; background: #e9e9df } /*=== Footer ===*/ .footer{ background:#000000; margin-top:10px } .copyright{ color:#CBCBCB; font-size:13px; margin:0; padding:13px 0 33px 0 } .copyright .searchform { position:relative; margin:-2px 0 0 0; padding:0 } .copyright .searchform .s { color:#C4C1B0; font:bold 12px Tahoma; padding:5px 30px 5px 8px; width:300px; background:#2A2B24; border:1px solid #A2A091 } .copyright .button { position:absolute; top:6px; right:6px; border:none; width:11px; height:13px } .copyright a{ color:#CBCBCB } .copyright a:hover{ color:#ffffff; text-decoration:underline } .copyright .fr{ width:225px } .copyright .fr span{ background:url(images/bizzartic_credits-trans.png) right no-repeat; margin: 0 0 0 5px; padding:3px 57px; z-index:1000 } .credentials{ background:#ffffff url(images/bgr-box-trans.png) no-repeat top left; padding:10px 0; margin-bottom:50px; border:solid #BFB7A6; border-width:0 1px 1px 1px; } .credentials .fr { padding:0; margin:0 -11px 0 0 } .credentials .fr li{ display:block; float:left; padding:0 10px 0 0px; margin:0 0 0 10px; border-right:1px solid #BFB7A6 } .footer-background{ background:#e9e9df }