/* ---------------------------------------------------- File Name: style.css RT-THEME 15 Created By: Tolga Can http://themeforest.net/user/stmcan 1 ) GOOGLE FONTS 2 ) GLOBAL STRUCTURE 3 ) NAVIGATIONS 4 ) LINKS 5 ) PAGE ELEMENTS 6 ) CONTENT LIST WIDGETS 7 ) SIDEBAR LIST WIDGETS 8 ) CONTACT LISTS 9 ) SOCIAL MEDIA ICONS 10 ) HEADINGS 11 ) HOME PAGE SLIDER 12 ) IMAGE SLIDER - SHORTCODE 13 ) RT-THEMES CSS FRAMEWORK 14 ) PORTFOLIO 15 ) IMAGES 16 ) BLOG 17 ) FRAMES, BORDERS, CAPTIONS 18 ) PRODUCTS 19 ) PAGING 20 ) PHOTO GALLERY 21 ) TEXT ELEMENTS 22 ) RECENT POSTS WIDGET 23 ) SUB PAGE TOP 24 ) LISTS 25 ) TABLES 26 ) FOOTER 27 ) PRODUCTS DETAIL TABS 28 ) BUTTONS 29 ) FORMS 30 ) ACCORDIONS 31 ) SCROLLABLE IMAGE GALLERIES 32 ) TWITTER 33 ) COMMENTS 34 ) POPULAR POSTS 35 ) FLCKR THUMBS 36 ) RED SKIN 37 ) GREEN SKIN 38 ) BLUE SKIN ------------------------------------------------------- */ /* ---------------------------------------------------- GOOGLE FONTS ------------------------------------------------------- */ /* Oswald */ @import url(http://fonts.googleapis.com/css?family=Oswald); /* Droid Sans */ @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); /* Droid Serif */ @import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic); /* Rock Salt */ @import url(http://fonts.googleapis.com/css?family=Rock+Salt); /* ---------------------------------------------------- GLOBAL STRUCTURE ------------------------------------------------------- */ /* DEFAULT SKIN TIL RESPONSIVE */ h1, h2, h3, h4, h5, h6 { color: #e77927; } /* body */ body .band.header .container.primary { background: #343434;} /* GREEN DEFAULT TIL RESPONSIVE - SLUT */ /* ---------------------------------------------------- RED SKIN ------------------------------------------------------- */ /* RED SKIN TIL RESPONSIVE */ body.red-skin. band.header{background:#3e0101; } body.red-skin ul.slimmenu li { background-color: #3e0101; } /* body */ body.red-skin .band.header .container.primary { background: #3e0101;} /* RED SKIN TIL RESPONSIVE - SLUT */ body.red-skin .sidebar_top{background:url(../images/skin-red.png) left 0px no-repeat;} body.red-skin .sidebar_content{background:#3e0101; } body.red-skin .sidebar_bottom{background:url(../images/skin-red.png) left -122px no-repeat;} body.red-skin .content_top{background:url(../images/skin-red.png) right 0 no-repeat;} body.red-skin .content_bottom{background:url(../images/skin-red.png) right -113px no-repeat;} /* content links */ body.red-skin .content a:hover{ color:#ac4f35;} /* content links */ body.red-skin .widget ul a:hover{color:#876e6e !important;} /* arrow links */ body.red-skin a.more_arrow{ color:#ac4f35;} body.red-skin a.read_more:hover{ color:#ac4f35;} body.red-skin .widget ul a:hover{ color:#ac4f35;} /* headings */ body.red-skin h1,body.red-skin h2,body.red-skin h3,body.red-skin h4,body.red-skin h5,body.red-skin h6{ color:#ac4f35;} /* heading colors and links */ body.red-skin h1 a, body.red-skin h2 a, body.red-skin h3 a, body.red-skin h4 a, body.red-skin h5 a, body.red-skin h6 a{ color:#ac4f35 !important;} body.red-skin h1 a:hover,body.red-skin h2 a:hover,body.red-skin h3 a:hover,body.red-skin h4 a:hover,body.red-skin h5 a:hover,body.red-skin h6 a:hover{ background:#ac4f35;color:#fff !important;} /* sidebar headings */ body.red-skin .sidebar_content h1,body.red-skin h2,body.red-skin .sidebar_content h3,body.red-skin .sidebar_content h4,body.red-skin .sidebar_content h5,body.red-skin .sidebar_content h6{ color:#876e6e;} /* sidebar heading colors and links */ body.red-skin .sidebar_content h1 a, body.red-skin .sidebar_content h2 a, body.red-skin .sidebar_content h3 a, body.red-skin .sidebar_content h4 a, body.red-skin .sidebar_content h5 a, body.red-skin .sidebar_content h6 a{ color:#876e6e !important;} body.red-skin .sidebar_content h1 a:hover,body.red-skin .sidebar_content h2 a:hover,body.red-skin .sidebar_content h3 a:hover,body.red-skin .sidebar_content h4 a:hover,body.red-skin .sidebar_content h5 a:hover,body.red-skin .sidebar_content h6 a:hover{ background:#876e6e;color:#fff !important;} /* description links */ body.red-skin #slider .desc span.text a{ color:#ac4f35;} body.red-skin #slider .desc span.text a:hover, body.red-skin #slider .desc span.title a:hover{ background-color:#ac4f35;} /* active number style*/ body.red-skin #numbers a.activeSlide{background:#ac4f35;} /* text selection */ body.red-skin ::selection {background: #ac4f35; /* Safari */} body.red-skin ::-moz-selection {background: #ac4f35; /* Firefox */} body.red-skin #footer a:hover{color:#ac4f35;} body.red-skin .blog .date {color:#ac4f35;} body.red-skin .widget .recent_posts .date{color:#ac4f35;border:1px solid #ac4f35;} body.red-skin .sidebar_content .widget .recent_posts .date{background-color:#876e6e; border:0 !important;} body.red-skin #navigation a:hover, body.red-skin #navigation li.current_page_item a{color:#876e6e;} body.red-skin #navigation ul a:hover{color:#B47F7D;} body.red-skin #navigation ul ul li a{color:#876e6e;} /* background curv image */ body.red-skin .back-curv{background:url(../images/back-curv-red.png) center top no-repeat;} body.red-skin .back-line{background:url(../images/back-line-red.png) center top repeat-x;} /* popeye slider */ body.red-skin .ppy-nav a:hover {background-color:#ac4f35;} body.red-skin .ppy-caption a {color:#ac4f35;} /* nivo slider */ body.red-skin .theme-default .nivo-caption .nivo-text a {color:#ac4f35; background:transparent;} body.red-skin .theme-default .nivo-directionNav a { background-color:#ac4f35;color:#fff;} body.red-skin .theme-default .nivo-directionNav a:hover , body.red-skin .theme-default .nivo-caption a:hover{ background-color:#C75A3E;color:#fff !important;} body.red-skin .theme-default .nivo-caption .nivo-title a:hover{background-color:#ac4f35;color:#fff !important;} body.red-skin a {color:#fff !important; } /* ---------------------------------------------------- GREEN SKIN ------------------------------------------------------- */ /* you use these selectors to customize background color and the curv image body.red-skin{background:#e6e0e0; } body.red-skin .back-curv{background:url(../images/back-curv-red.png) center top no-repeat;} */ /* GREEN SKIN TIL RESPONSIVE */ body.green-skin .band.header{background:none;} body.green-skin ul.slimmenu li {background-color: #1c2701;} body.green-skin .band.header .container.primary { background: #1c2701;} /* GREEN SKIN TIL RESPONSIVE - SLUT */ body.green-skin .sidebar_top{background:url(../images/skin-green.png) left 0px no-repeat;} body.green-skin .sidebar_content{background:#1c2701; } body.green-skin .sidebar_bottom{background:url(../images/skin-green.png) left -122px no-repeat;} body.green-skin .content_top{background:url(../images/skin-green.png) right 0 no-repeat;} body.green-skin .content_bottom{background:url(../images/skin-green.png) right -113px no-repeat;} /* content links */ body.green-skin .content a:hover{ color:#7d8a26;} /* content links */ body.green-skin .widget ul a:hover{color:#7d8a26 !important;} body.green-skin .sidebar_content .widget ul a:hover{ color:#686e58 !important;} /* arrow links */ body.green-skin a.more_arrow{ color:#7d8a26;} body.green-skin a.read_more:hover{ color:#7d8a26;} /* headings */ body.green-skin h1,body.green-skin h2,body.green-skin h3,body.green-skin h4,body.green-skin h5,body.green-skin h6{color:#7d8a26;} /* heading colors and links */ body.green-skin h1 a, body.green-skin h2 a, body.green-skin h3 a, body.green-skin h4 a, body.green-skin h5 a, body.green-skin h6 a{ color:#7d8a26 !important;} body.green-skin h1 a:hover,body.green-skin h2 a:hover,body.green-skin h3 a:hover,body.green-skin h4 a:hover,body.green-skin h5 a:hover,body.green-skin h6 a:hover{ background:#7d8a26;color:#fff !important;} /* sidebar headings */ body.green-skin .sidebar_content h1,body.green-skin h2,body.green-skin .sidebar_content h3,body.green-skin .sidebar_content h4,body.green-skin .sidebar_content h5,body.green-skin .sidebar_content h6{ color:#686e58;} /* sidebar heading colors and links */ body.green-skin .sidebar_content h1 a, body.green-skin .sidebar_content h2 a, body.green-skin .sidebar_content h3 a, body.green-skin .sidebar_content h4 a, body.green-skin .sidebar_content h5 a, body.green-skin .sidebar_content h6 a{ color:#686e58 !important;} body.green-skin .sidebar_content h1 a:hover,body.green-skin .sidebar_content h2 a:hover,body.green-skin .sidebar_content h3 a:hover,body.green-skin .sidebar_content h4 a:hover,body.green-skin .sidebar_content h5 a:hover,body.green-skin .sidebar_content h6 a:hover{ background:#6F765E;color:#fff !important;} /* description links */ body.green-skin #slider .desc span.text a{ color:#7d8a26;} body.green-skin #slider .desc span.text a:hover, body.green-skin #slider .desc span.title a:hover{ background-color:#7d8a26;} /* active number style*/ body.green-skin #numbers a.activeSlide{background:#7d8a26;} /* text selection */ body.green-skin ::selection {background: #7d8a26; /* Safari */} body.green-skin ::-moz-selection {background: #7d8a26; /* Firefox */} body.green-skin #footer a:hover{color:#7d8a26;} body.green-skin .blog .date {color:#7d8a26;} body.green-skin .widget .recent_posts .date{color:#7d8a26;border:1px solid #7d8a26;} body.green-skin .sidebar_content .widget .recent_posts .date{background-color:#7d8a26; border:0 !important;} body.green-skin #navigation a:hover, body.green-skin #navigation li.current_page_item a{color:#686e58;} body.green-skin #navigation ul a:hover{color:#BEC8A2;} body.green-skin #navigation ul ul li a{color:#686e58;} /* popeye slider */ body.green-skin .ppy-nav a:hover {background-color:#B7CA37;} body.green-skin .ppy-caption a {color:#7d8a26;} /* nivo slider */ body.green-skin .theme-default .nivo-caption .nivo-text a {color:#BEC8A2; background:transparent;} body.green-skin .theme-default .nivo-directionNav a { background-color:#686e58;color:#fff;} body.green-skin .theme-default .nivo-directionNav a:hover , body.green-skin .theme-default .nivo-caption a:hover{ background-color:#BEC8A2;color:#fff !important;} body.green-skin .theme-default .nivo-caption .nivo-title a:hover{background-color:#686e58;color:#fff !important;} body.green-skin a {color:#fff !important; } /* ---------------------------------------------------- BLUE SKIN -------------------------------------------------------*/ /* you use these selectors to customize background color and the curv image body.red-skin{background:#e6e0e0; } body.red-skin .back-curv{background:url(../images/back-curv-red.png) center top no-repeat;} */ /* BLUE SKIN TIL RESPONSIVE */ body.blue-skin .band.header{background:none;} body.blue-skin ul.slimmenu li {background-color: #0c3348;} body.blue-skin .band.header .container.primary { background: #0c3348;} /* BLUE SKIN TIL RESPONSIVE - SLUT */ body.blue-skin .sidebar_top{background:url(../images/skin-blue.png) left 0px no-repeat;} body.blue-skin .sidebar_content{background:#0c3348; } body.blue-skin .sidebar_bottom{background:url(../images/skin-blue.png) left -122px no-repeat;} body.blue-skin .content_top{background:url(../images/skin-blue.png) right 0 no-repeat;} body.blue-skin .content_bottom{background:url(../images/skin-blue.png) right -113px no-repeat;} */ body.blue-skin .sidebar_bottom{background:url(../images/skin-blue.png) left -122px no-repeat;} body.blue-skin .content_top{background:url(../images/skin-blue.png) right 0 no-repeat;} body.blue-skin .content_bottom{background:url(../images/skin-blue.png) right -113px no-repeat;} /* content links */ body.blue-skin .content a:hover{ color:#6599bf;} /* content links */ body.blue-skin .widget ul a:hover{color:#6599bf !important;} body.blue-skin .sidebar_content .widget ul a:hover{ color:#768e9f !important;} /* arrow links */ body.blue-skin a.more_arrow{ color:#6599bf;} body.blue-skin a.read_more:hover{ color:#6599bf;} /* headings */ body.blue-skin h1,body.blue-skin h2,body.blue-skin h3,body.blue-skin h4,body.blue-skin h5,body.blue-skin h6{color:#6599bf;} /* heading colors and links */ body.blue-skin h1 a, body.blue-skin h2 a, body.blue-skin h3 a, body.blue-skin h4 a, body.blue-skin h5 a, body.blue-skin h6 a{ color:#6599bf !important;} body.blue-skin h1 a:hover,body.blue-skin h2 a:hover,body.blue-skin h3 a:hover,body.blue-skin h4 a:hover,body.blue-skin h5 a:hover,body.blue-skin h6 a:hover{ background:#6599bf;color:#fff !important;} /* sidebar headings */ body.blue-skin .sidebar_content h1,body.blue-skin h2,body.blue-skin .sidebar_content h3,body.blue-skin .sidebar_content h4,body.blue-skin .sidebar_content h5,body.blue-skin .sidebar_content h6{ color:#768e9f;} /* sidebar heading colors and links */ body.blue-skin .sidebar_content h1 a, body.blue-skin .sidebar_content h2 a, body.blue-skin .sidebar_content h3 a, body.blue-skin .sidebar_content h4 a, body.blue-skin .sidebar_content h5 a, body.blue-skin .sidebar_content h6 a{ color:#768e9f !important;} body.blue-skin .sidebar_content h1 a:hover,body.blue-skin .sidebar_content h2 a:hover,body.blue-skin .sidebar_content h3 a:hover,body.blue-skin .sidebar_content h4 a:hover,body.blue-skin .sidebar_content h5 a:hover,body.blue-skin .sidebar_content h6 a:hover{ background:#6599bf;color:#fff !important;} /* description links */ body.blue-skin #slider .desc span.text a{ color:#6599bf;} body.blue-skin #slider .desc span.text a:hover, body.blue-skin #slider .desc span.title a:hover{ background-color:#6599bf;} /* active number style*/ body.blue-skin #numbers a.activeSlide{background:#6599bf;} /* text selection */ body.blue-skin ::selection {background: #6599bf; /* Safari */} body.blue-skin ::-moz-selection {background: #6599bf; /* Firefox */} body.blue-skin #footer a:hover{color:#6599bf;} body.blue-skin .blog .date {color:#6599bf;} body.blue-skin .widget .recent_posts .date{color:#6599bf;border:1px solid #6599bf;} body.blue-skin .sidebar_content .widget .recent_posts .date{background-color:#768e9f; border:0 !important;} body.blue-skin #navigation a:hover, body.blue-skin #navigation li.current_page_item a{color:#768e9f;} body.blue-skin #navigation ul a:hover{color:#E1E3F3;} body.blue-skin #navigation ul ul li a{color:#768e9f;} /* popeye slider */ body.blue-skin .ppy-nav a:hover {background-color:#6599bf;} body.blue-skin .ppy-caption a {color:#6599bf;} /* nivo slider */ body.blue-skin .theme-default .nivo-caption .nivo-text a {color:#6599bf; background:transparent;} body.blue-skin .theme-default .nivo-directionNav a { background-color:#6599bf;color:#fff;} body.blue-skin .theme-default .nivo-directionNav a:hover , body.blue-skin .theme-default .nivo-caption a:hover{ background-color:#5886A9;color:#fff !important;} body.blue-skin .theme-default .nivo-caption .nivo-title a:hover{background-color:#6599bf;color:#fff !important;} body.blue-skin a {color:#fff !important; } /* ---------------------------------------------------- WHITE TEXT SKIN -------------------------------------------------------*/ /* you use these selectors to customize background color and the curv image body.red-skin{background:#000; } body.red-skin .back-curv{background:url(../images/back-curv-red.png) center top no-repeat;} */ /* WHITE TEXT SKIN TIL RESPONSIVE */ body.white-skin .band.header{background:none;} body.white-skin ul.slimmenu li {background-color: #343434;} body.white-skin .band.header .container.primary { background: #343434;} body.white-skin .container .fourteen.columns {color:#fff !important;} /* WHITE TEXT SKIN TIL RESPONSIVE - SLUT */ body.white-skin .sidebar_top{background:url(../images/skin-white.png) left 0px no-repeat;} body.white-skin .sidebar_content{background:#000; } body.white-skin .sidebar_bottom{background:url(../images/skin-white.png) left -122px no-repeat;} body.white-skin .content_top{background:url(../images/skin-white.png) right 0 no-repeat;} body.white-skin .content_bottom{background:url(../images/skin-white.png) right -113px no-repeat;} */ body.white-skin .sidebar_bottom{background:url(../images/skin-white.png) left -122px no-repeat;} body.white-skin .content_top{background:url(../images/skin-white.png) right 0 no-repeat;} body.white-skin .content_bottom{background:url(../images/skin-white.png) right -113px no-repeat;} /* content links */ body.white-skin .content a:hover{ color:#fff;} /* content links */ body.white-skin .widget ul a:hover{color:#fff !important;} body.white-skin .sidebar_content .widget ul a:hover{ color:#000 !important;} /* arrow links */ body.white-skin a.more_arrow{ color:#fff;} body.white-skin a.read_more:hover{ color:#fff;} /* headings */ body.white-skin h1,body.white-skin h2,body.white-skin h3,body.white-skin h4,body.white-skin h5,body.white-skin h6{color:#fff;} /* heading colors and links */ body.white-skin h1 a, body.white-skin h2 a, body.white-skin h3 a, body.white-skin h4 a, body.white-skin h5 a, body.white-skin h6 a{ color:#fff !important;} body.white-skin h1 a:hover,body.white-skin h2 a:hover,body.white-skin h3 a:hover,body.white-skin h4 a:hover,body.white-skin h5 a:hover,body.white-skin h6 a:hover{ background:#fff;color:#fff !important;} /* sidebar headings */ body.white-skin .sidebar_content h1,body.white-skin h2,body.white-skin .sidebar_content h3,body.white-skin .sidebar_content h4,body.white-skin .sidebar_content h5,body.white-skin .sidebar_content h6{ color:#fff;} /* sidebar heading colors and links */ body.white-skin .sidebar_content h1 a, body.white-skin .sidebar_content h2 a, body.white-skin .sidebar_content h3 a, body.white-skin .sidebar_content h4 a, body.white-skin .sidebar_content h5 a, body.white-skin .sidebar_content h6 a{ color:#fff !important;} body.white-skin .sidebar_content h1 a:hover,body.white-skin .sidebar_content h2 a:hover,body.white-skin .sidebar_content h3 a:hover,body.white-skin .sidebar_content h4 a:hover,body.white-skin .sidebar_content h5 a:hover,body.white-skin .sidebar_content h6 a:hover{ background:#fff;color:#fff !important;} /* description links */ body.white-skin #slider .desc span.text a{ color:#fff;} body.white-skin #slider .desc span.text a:hover, body.white-skin #slider .desc span.title a:hover{ background-color:#fff;} /* active number style*/ body.white-skin #numbers a.activeSlide{background:#fff;} /* text selection */ body.white-skin ::selection {background: #fff; /* Safari */} body.white-skin ::-moz-selection {background: #fff; /* Firefox */} body.white-skin #footer a:hover{color:#fff;} body.white-skin .blog .date {color:#fff;} body.white-skin .widget .recent_posts .date{color:#fff;border:1px solid #fff;} body.white-skin .sidebar_content .widget .recent_posts .date{background-color:#000; border:0 !important;} body.white-skin #navigation a:hover, body.white-skin #navigation li.current_page_item a{color:#fff;} body.white-skin #navigation ul a:hover{color:#E1E3F3;} body.white-skin #navigation ul ul li a{color:#fff;} /* popeye slider */ body.white-skin .ppy-nav a:hover {background-color:#fff;} body.white-skin .ppy-caption a {color:#fff;} /* nivo slider */ body.white-skin .theme-default .nivo-caption .nivo-text a {color:#fff; background:transparent;} body.white-skin .theme-default .nivo-directionNav a { background-color:#fff;color:#fff;} body.white-skin .theme-default .nivo-directionNav a:hover , body.white-skin .theme-default .nivo-caption a:hover{ background-color:#000;color:#fff !important;} body.white-skin .theme-default .nivo-caption .nivo-title a:hover{background-color:#fff;color:#fff !important;} body.white-skin a {color:#fff !important; } /* ---------------------------------------------------- BLACK TEXT SKIN -------------------------------------------------------*/ /* you use these selectors to customize background color and the curv image body.red-skin{background:#000; } body.red-skin .back-curv{background:url(../images/back-curv-red.png) center top no-repeat;} */ /* BLACK TEXT SKIN TIL RESPONSIVE */ body.black-skin .band.header{background:none;} body.black-skin ul.slimmenu li {background: none;} body.black-skin ul.slimmenu li ul li {background: url(/designs/responsive01/transparant-white-bg.png) !important;} body.black-skin .menu-collapser {color: #000; text-shadow: none;} body.black-skin .band.header .container.primary { background: url(/designs/responsive01/transparant-white-bg.png);} /* BLACK TEXT SKIN TIL RESPONSIVE - SLUT */ body.black-skin .sidebar_top{background:url(../images/skin-black.png) left 0px no-repeat;} body.black-skin .sidebar_content{background:#fff; } body.black-skin .sidebar_bottom{background:url(../images/skin-black.png) left -122px no-repeat;} body.black-skin .content_top{background:url(../images/skin-black.png) right 0 no-repeat;} body.black-skin .content_bottom{background:url(../images/skin-black.png) right -113px no-repeat;} */ body.black-skin .sidebar_bottom{background:url(../images/skin-black.png) left -122px no-repeat;} body.black-skin .content_top{background:url(../images/skin-black.png) right 0 no-repeat;} body.black-skin .content_bottom{background:url(../images/skin-black.png) right -113px no-repeat;} /* content links */ body.black-skin .content a:hover{ color:#000;} /* content links */ body.black-skin .widget ul a:hover{color:#000 !important;} body.black-skin .sidebar_content .widget ul a:hover{ color:#000 !important;} /* arrow links */ body.black-skin a.more_arrow{ color:#000;} body.black-skin a.read_more:hover{ color:#000;} /* headings */ body.black-skin h1,body.black-skin h2,body.black-skin h3,body.black-skin h4,body.black-skin h5,body.black-skin h6{color:#000;} body.black-skin h1, h2 { text-shadow: none; } body.black-skin a:visited { color: #666; } body.black-skin a { color: #666; } body.black-skin ul.slimmenu li .sub-collapser > i {color: #000;} /* heading colors and links */ body.black-skin h1 a, body.black-skin h2 a, body.black-skin h3 a, body.black-skin h4 a, body.black-skin h5 a, body.black-skin h6 a{ color:#000 !important;} body.black-skin h1 a:hover,body.black-skin h2 a:hover,body.black-skin h3 a:hover,body.black-skin h4 a:hover,body.black-skin h5 a:hover,body.black-skin h6 a:hover{ background:#fff;color:#000 !important;} /* sidebar headings */ body.black-skin .sidebar_content h1,body.black-skin h2,body.black-skin .sidebar_content h3,body.black-skin .sidebar_content h4,body.black-skin .sidebar_content h5,body.black-skin .sidebar_content h6{ color:#000;} /* sidebar heading colors and links */ body.black-skin .sidebar_content h1 a, body.black-skin .sidebar_content h2 a, body.black-skin .sidebar_content h3 a, body.black-skin .sidebar_content h4 a, body.black-skin .sidebar_content h5 a, body.black-skin .sidebar_content h6 a{ color:#000 !important;} body.black-skin .sidebar_content h1 a:hover,body.black-skin .sidebar_content h2 a:hover,body.black-skin .sidebar_content h3 a:hover,body.black-skin .sidebar_content h4 a:hover,body.black-skin .sidebar_content h5 a:hover,body.black-skin .sidebar_content h6 a:hover{ background:#fff;color:#000 !important;} /* description links */ body.black-skin #slider .desc span.text a{ color:#000;} body.black-skin #slider .desc span.text a:hover, body.black-skin #slider .desc span.title a:hover{ background-color:#000;} /* active number style*/ body.black-skin #numbers a.activeSlide{background:#fff;} /* text selection */ body.black-skin ::selection {background-color: none !important; background: url(/designs/responsive01/transparant-white-bg.png) repeat; /* Safari */} body.black-skin ::-moz-selection {background-color: none !important; background: url(/designs/responsive01/transparant-white-bg.png) repeat; /* Firefox */} body.black-skin #footer a:hover{color:#000;} body.black-skin #footer {color:#000;} body.black-skin #footer {background-color: none !important; background: url(/designs/responsive01/transparant-white-bg.png) repeat; /* Safari */} body.black-skin .blog .date {color:#000;} body.black-skin .widget .recent_posts .date{color:#000;border:1px solid #fff;} body.black-skin .sidebar_content .widget .recent_posts .date{background-color:#000; border:0 !important;} body.black-skin #navigation a:hover, body.black-skin #navigation li.current_page_item a{color:#000;} body.black-skin #navigation ul a:hover{color:#E1E3F3;} body.black-skin #navigation ul ul li a{color:#000;} /* popeye slider */ body.black-skin .ppy-nav a:hover {background-color:#000;} body.black-skin .ppy-caption a {color:#000;} /* nivo slider */ body.black-skin .theme-default .nivo-caption .nivo-text a {color:#000; background:transparent;} body.black-skin .theme-default .nivo-directionNav a { background-color:#000;color:#fff;} body.black-skin .theme-default .nivo-directionNav a:hover , body.black-skin .theme-default .nivo-caption a:hover{ background-color:#000;color:#000 !important;} body.black-skin .theme-default .nivo-caption .nivo-title a:hover{background-color:#fff;color:#000 !important;} body.black-skin ul.slimmenu li a {color:#000;} #img slideTest {margin:0;} #slideTest {z-index:100;} .slideTest { margin-bottom:0px; background-color: #000; position: relative; width: 600px; height: 400px; z-index: 10; }