/* Theme Name: Salon Dev Theme URI: http://www.salondev.com Description: Theme designed for Salon Development Corp. Author: Toby Cryns Author URI: http://www.themightymo.com Version: 0.1 Template: hybrid */ /** * Import pre-made styles from Hybrid ************************************************/ /* Eric Meyer's reset.css */ @import url('../hybrid/library/css/reset.css'); /* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */ /* @import url('../hybrid/library/css/18px.css'); */ /* @import url('../hybrid/library/css/20px.css'); */ /* @import url('../hybrid/library/css/21px.css'); */ /* @import url('../hybrid/library/css/22px.css'); */ /* @import url('../hybrid/library/css/25px.css'); */ /* Holy Grail */ /* @import url('../hybrid/library/css/holy-grail-fluid.css'); */ /* Plugins CSS */ /* @import url('../hybrid/library/css/plugins.css'); */ /* Hybrid's default CSS */ /* @import url('../hybrid/library/css/screen.css'); */ /** * Body ************************************************/ /* Contains everything */ body { font-family: Arial, sans-serif; } /* Wrapper for everything inside of the body */ #body-container { width: 960px; margin: 0 auto; } /** * Elements ************************************************/ /* Hyperlinks */ a:link {} a:visited {} a:hover {} a:active {} /* Headers */ h1 { font-size: 26px; margin-bottom: 30px; } h2 { font-size: 20px; margin-bottom: 20px; } h3 {} h4 {} h5 {} h6 {} /* Text elements */ strong {} em {} cite {} abbr {} acronym {} sup {} sub {} address {} ins {} dfn {} del {} /* Paragraphs */ p { padding-bottom:20px;} /* Unordered lists */ ul {} ul li {} .singular ul{ margin-bottom:20px;} /* Ordered lists */ ol {} ol li {} /* Defition lists */ dl {} dt {} dd {} /* Blockquotes */ blockquote {} blockquote blockquote {} blockquote em {} /* Object */ object {} /* Code */ code {} pre {} pre code {} /* Tables */ table {} caption {} tr {} th {} td {} /* Forms */ form {} textarea {} input {} label {} option {} /* Drop caps */ .drop-cap { } /* Notes */ .note {} /* Warnings/Alerts */ .warning, .alert {} /* Errors */ .error {} /* Downloads */ .download {} /* Alignment */ .left, .alignleft { float:left; } .right, .alignright { float:right; } .center, .aligncenter {} .block, .alignnone {} .clear {} /** * Images ************************************************/ /* Normal images */ img {} a img {} /* WP Smilies */ img.wp-smiley {} /* Thumbnails */ .thumbnail {} /* WP Captions [caption] */ .wp-caption { color:#888888; font-size:12px; line-height:18px; text-align:center; } .wp-caption img { margin:5px; } .wp-caption p { margin:0 0 4px; } /* Gallery [gallery] */ .gallery {} .gallery img {} .gallery-caption { font-weight: bold; font-size: 14px; text-transform: uppercase; color: #999; } /* Avatars */ .avatar {} /** * Header ************************************************/ /* Contains entire header */ #header-container { height: 107px; background: url('images/sd-header-main.gif') no-repeat top left; } /* Contains site title and tagline */ #header { height: 107px; border-bottom: 2px solid #000; } #header .logo { float:left; height:106px; width:145px; } #header .redkenLogo { float:left; height:106px; width:290px; } #header .mchome-link { display: block; width: 235px; height: 106px; background: url('images/facebook_up.png') no-repeat top left; float: right; } #header .mchome-link:hover { background-position: bottom left; background: url('images/facebook_over.png') no-repeat top left; } /* Site title */ #site-title { display: none; } #site-title a {} #site-title a span {} /* Site description/tagline */ #site-description { display: none; } /** * Page navigation ************************************************/ /* Wrapper for navigation */ #navigation { height: 28px; margin-bottom: 30px; } /* Page nav */ #page-nav { margin-top: 2px; } #page-nav ul { margin-bottom:0; } #page-nav li { display: block; height: 28px; background: url('images/sd-nav-button-bg.jpg') no-repeat top right; float: left; margin-right: 3px; text-transform: uppercase; } #page-nav li a { float: left; display: block; height: 25px; background: url('images/sd-nav-button-bg.jpg') no-repeat top left; overflow: hidden; margin-right: 10px; padding-left: 10px; padding-top: 3px; color: #FFF; font-size: 17px; letter-spacing: 1px; } #page-nav li a:hover { color: #000; } #page-nav li.current_page_item { background-position: bottom right; } #page-nav li.current_page_item a { background-position: bottom left; } #page-nav li.current_page_item a:hover { color: #FFF; } #page-nav li.page-item-9 { margin-right: 0; } /** * Containers below the header and navigation ************************************************/ /* Wrapper for the content and primary/secondary widget sections */ #container { } .home #container { height:405px; } .home #preload { display: none; } /** * Content ************************************************/ /* Contains site's main content */ #content { font-family:Verdana, Geneva, sans-serif;} /* Home page */ #home-station { width: 960px; height: 440px; background: url('images/homeBG.jpg') no-repeat top left; } #home-station .window { width: 430px; height: 278px; margin: 0 auto; text-align: center; overflow: hidden; } #home-station .window img { max-width: 580px; max-height: 370px; } #home-station .slider-controls { height: 35px; margin: 8px auto 0; text-align: right; } .slider-controls .slidernav {float: left; text-align: center; } .slider-controls .slidernav a { font-size: 16px; font-weight: bold; color: #FFF; float: left; display: block; width: 28px; height: 24px; text-decoration: none; margin: 0; padding: 1px 4px 0 1px; background:url('images/slider_number.png'); background-repeat:no-repeat; } .slider-controls .slidernav a.activeSlide { color: #333; } .slider-controls .slidernav a:focus { outline: none; } .slider-controls .slidernavbutton { } .cursor-fix { cursor: pointer; } #home-station .book { width: 164px; height: 75px; margin: 0; } /*#home-station a .drawer { float: left; height: 417px; } #home-station a .drawer-one { width: 302px; height: 380px; margin: -11px 0 0 26px; } #home-station a .drawer-two { width: 304px; margin: -48px 0 0 0; } #home-station a .drawer-three { width: 314px; margin: -48px 0 0 0; } #home-station a:hover .drawer-one { background: url('images/home-bg-drawers.png') no-repeat -63px bottom; } #home-station a:hover .drawer-two { background: url('images/home-bg-drawers.png') no-repeat -365px bottom; } #home-station a:hover .drawer-three { background: url('images/home-bg-drawers.png') no-repeat -669px bottom; }*/ #home-station #homeLeftSide{ float:left; display:inline; width: 218px; height: 157px; } #home-station #homeLeftSide a .drawer1 { width: 218px; height: 157px; background-image:url('images/drawer1Closed.jpg'); } #home-station #homeLeftSide a:hover .drawer1 { width: 218px; height: 157px; background-image:url('images/drawer1Open.jpg'); } #home-station #homeLeftSide a .drawer1a { width: 218px; height: 157px; background-image:url('images/drawer1aClosed.jpg'); margin-top:9px; } #home-station #homeLeftSide a:hover .drawer1a { width: 218px; height: 157px; background-image:url('images/drawer1aOpen.jpg'); } #home-station #homeMiddle{ float:left; display:inline; width: 431px; margin-left: 49px; padding-top: 30px; } #home-station #homeRightSide{ float:right; display:inline; width: 215px; } #home-station #homeRightSide a .drawer2 { display: block; width: 215px; height: 171px; background-image:url('images/drawer2Closed.jpg'); } #home-station #homeRightSide a:hover .drawer2 { width: 215px; height: 171px; background-image:url('images/drawer2Open.jpg'); } #home-station #homeRightSide a .drawer3 { display: block; width: 215px; height: 147px; background-image:url('images/drawer3Closed.jpg'); } #home-station #homeRightSide a:hover .drawer3 { width: 215px; height: 147px; background-image:url('images/drawer3Open.jpg'); } /* Training Programs page */ .training-programs { width: 930px; margin: 0 auto; clear: both; } .divider { border-top: thin solid black; padding-top: 10px; } .training-programs .program-description { float: left; width: 420px; margin: 0 0 35px 0; font-size: 18px; line-height: 26px; letter-spacing: 1px; } .training-programs .program-description .entry-content span.title { font-style: italic; text-transform: uppercase; font-weight: bold; } .training-programs .program-description .entry-content p { display: inline; } .training-programs .program-description .learn-more, .training-programs .program-description .dates-locations, .training-programs .program-description .trainers { float: left; text-transform: uppercase; margin: 20px 20px 0 0; font-size:16px; } .training-programs .program-description .learn-more a, .training-programs .program-description .dates-locations a, .training-programs .program-description .trainers a { text-decoration: underline; color: #000; } .training-programs .program-description .learn-more a:hover, .training-programs .program-description .dates-locations a:hover { color: #999; } .training-programs .program-image { float: right; width: 490px; height: 330px; margin: 0 0 35px 0; text-align: center; } .training-programs .program-image img { max-width: 490px; max-height: 330px; } .training-programs-prods { clear: both; width: 930px; margin: 0 auto; height: 135px; } .training-programs-prods .product { float: left; width: 298px; height: 133px; border: 1px solid #959595; } .training-programs-prods .sp { margin-right: 14px; } .training-programs-prods .product .left-buttons { float: left; } .training-programs-prods .product .left-buttons a .learn-more-button { width: 114px; height: 56px; margin: 29px 0 29px 7px; background: url('images/learn-more.gif') no-repeat top left; } .training-programs-prods .product .left-buttons a:hover .learn-more-button { background-position: bottom left; } .training-programs-prods .product .left-buttons a .add-to-cart { width: 125px; height: 19px; background: url('images/add-to-cart.gif') no-repeat top left; } .training-programs-prods .product .left-buttons a:hover .add-to-cart { background-position: bottom left; } .training-programs-prods .product .product-image { float: right; width: 160px; height: 127px; text-align: center; margin: 2px 2px 0 0; } .training-programs-prods .product .product-image img { max-width: 158px; max-height: 125px; } /* Look listen & earn page */ .counter2{ background-color:#c9edfc;} .datesAndLocationsItem{ padding:10px;} .datesAndLocationsItem h2{ margin-bottom:0;} .minuteMoviesTitle { background-image:url('images/purpleBG.png'); background-repeat:repeat-x; background-position:bottom; color:#3f3b5d; } .audioPodcastsTitle { background-image:url('images/blueBG.png'); background-repeat:repeat-x; background-position:bottom; color:#2b62a0; } .articlesTitle { background-image:url('images/greenBG.png'); background-repeat:repeat-x; background-position:bottom; color:#2f6c38; } /* Look listen & earn page */ #media { width: 930px; margin: 0 auto; } #media #play-area { float: left; width: 535px; min-height: 200px; margin: 0 0 20px 0; } #media #play-area h1 { margin: 0 0 10px 0; } #media #play-area p { margin: 0 0 10px 0; } #media #play-area .podcastTitle h2, #media #play-area .podcastSummary h2 { margin-bottom:0; } #media .controls { float: right; width: 380px; margin: 0 0 20px 0; } #media .controls h1 { margin: 0; text-transform: uppercase; font-style: italic; padding-left:10px; } #media .controls select { width: 380px; margin: 0 0 20px 0; } #media .controls p { font-size: 18px; } #media .controls p a { text-transform: uppercase; text-decoration: underline; color: #000; } #media .controls p a:hover { color: #999; } /* Articles page */ #articles { width: 930px; margin: 0 auto; } #articles .article-nav { float: left; width: 260px; margin: 0 0 20px 0; } #articles .article-nav a { text-decoration: underline; color: #202020; text-transform: none; } #articles .article-nav a:hover { color: #999; } #articles .article-nav li.cat-item a { font-weight:bold; } #articles .article-nav li li.cat-item a { font-weight:normal; } #articles .article-main { float: right; width: 650px; margin: 0 0 20px 0; } #articles li { margin-bottom: 10px;} #articles ul.children { list-style-position:inside; margin-left:15px; } #articles ul.children li { margin-bottom:0; } #articles ol { margin-left:30px; } #articles ol li { list-style:outside decimal; } #articles .article-nav .articlesSidebarArticles { font-style:italic; margin:0; padding-left:10px; text-transform:uppercase; background-image:url('images/greenBG.png'); background-repeat:repeat-x; background-position:bottom; color:#2f6c38; } /* Join Michael's List page */ .join-list { width: 960px; margin: 0 auto; } .join-list .join-list-image { float: left; width: 361px; margin: 0 0 30px 0; background: url('images/join-list-side-bg.jpg') no-repeat top left; text-align: center; } .join-list .join-list-image a.subscribe { display: block; width: 175px; height: 30px; margin: 580px auto 20px; } .join-list .join-list-image a:hover.subscribe { background-position: bottom left; } .join-list .join-list-image a.learn-more { text-decoration: underline; color: #000; font-weight: bold; } .join-list .join-list-text { float: right; width: 549px; margin: 0 10px 30px 0; } .join-list .join-list-text h1 { margin-top: 20px; } .join-list .join-list-text p { font-size: 18px; margin-bottom: 40px; line-height: 26px; } .join-list .join-list-text p a { text-decoration: underline; color: #000; } /* Bios page */ .bios-page { width: 960px; margin: 0 auto; } .bios-page .bios-images { float: left; width: 340px; margin: 0 0 30px 0; } .bios-page .bios-images .gallery-caption { margin-bottom: 20px; } .bios-page .bios-page-text { float: right; width: 620px; margin: 0 0 30px 0; } .bios-page .bios-page-text p { line-height: 26px; margin: 0 0 30px 0; } .page-31 h2{ clear:both; margin-top:10px; } .page-31 .wp-caption { padding-right:20px; } /* Details page */ .details-page { width: 930px; margin: 0 auto; } .details-page h2 { color:#353971; font-size:1.7em; } .details-page h3 { color:#353971; font-size:1.4em; text-transform:lowercase; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; } .details-page .details-page-text { float: left; width: 390px; margin: 0 10px 30px 0; } .details-page .details-page-text h1 { text-align: center; } .details-page .details-page-text p { line-height: 26px; margin: 0 0 30px 0; } .details-page .details-image { float: right; width: 490px; margin: 0 0 30px 0; } .details-page .details-image img { max-width: 490px; } .details-page .details-image .bios-images { width: 490px; text-align: center; } .details-page .details-image .bios-images h2 { text-transform: uppercase; font-style: italic; font-weight: normal; } .details-page .details-image .bios-images h2 span { font-weight: bold; } .details-page .details-image .bios-images .gallery-caption { margin-bottom: 10px; } /* Shopping page */ .shopping-nav { width: 930px; height: 50px; margin: 0 auto 20px;; } .shopping-nav .sort { float: left; width: 780px; height: 50px; background: url('images/quick-sort.gif') no-repeat left center; } .shopping-nav .sort ul { margin: 3px 0 0 220px; list-style: none; } .shopping-nav .sort ul li { display: inline; margin-right: 10px; } .shopping-nav .sort ul li a { color: #000; text-decoration: underline; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; } .shopping-nav .sort ul li a:hover { color: #999; } .shopping-nav .buttons { float: left; width: 150px; height: 50px; } .shopping-nav .buttons a .view-cart-button { width: 150px; height: 25px; background: url('images/view-cart.gif') no-repeat top center; } .shopping-nav .buttons a:hover .view-cart-button { background-position: bottom center; } .shopping-nav .buttons a .check-out-button { width: 150px; height: 25px; background: url('images/check-out.gif') no-repeat top center; } .shopping-nav .buttons a:hover .check-out-button { background-position: bottom center; } .shopping-featured { width: 930px; height: 226px; margin: 0 auto 20px; } .shopping-featured .featured-product { float: left; width: 450px; height: 226px; margin: 0 7.5px; } .shopping-featured .featured-product .featured-buttons { width: 450px; height: 19px; } .shopping-featured .featured-product .featured-buttons a .featured-buy-now { float: left; width: 89px; height: 19px; background: url('images/featured-buy-now.gif') no-repeat top left; } .shopping-featured .featured-product .featured-buttons a:hover .featured-buy-now { background-position: bottom left; } .shopping-featured .featured-product .featured-buttons a .featured-learn-more { float: left; width: 117px; height: 19px; background: url('images/featured-learn-more.gif') no-repeat top left; } .shopping-featured .featured-product .featured-buttons a:hover .featured-learn-more { background-position: bottom left; } .shopping-featured .featured-product .featured-info { width: 448px; height: 185px; border: 1px solid #959595; text-align: center; } .shopping-featured .featured-product .featured-info img { max-width: 448px; max-height: 185px; } .shopping-featured .featured-product .featured-title { width: 450px; height: 20px; text-align: center; text-transform: uppercase; font-size: 14px; } .shopping-products { width: 930px; margin: 0 auto; } .shopping-products .sproduct { float: left; width: 208px; height: 230px; margin: 0 12.25px 30px; } .shopping-products .sproduct a .shopping-buy-now { float: left; width: 92px; height: 19px; background: url('images/shopping-product-buttons.gif') no-repeat top left; } .shopping-products .sproduct a:hover .shopping-buy-now { background-position: bottom left; } .shopping-products .sproduct a .shopping-learn-more { float: left; width: 116px; height: 19px; background: url('images/shopping-product-buttons.gif') no-repeat top right; } .shopping-products .sproduct a:hover .shopping-learn-more { background-position: bottom right; } .shopping-products .sproduct .sproduct-info { width: 206px; height: 194px; border: 1px solid #959595; text-align: center; overflow: hidden; } .shopping-products .sproduct .sproduct-info img { max-width: 206px; max-height: 194px; } .shopping-products .sproduct .sproduct-title { width: 208px; height: 15px; margin-top: 2px; text-align: center; font-size: 12px; } /* Product detail page */ #detail-page { width: 930px; margin: 0 auto; } #detail-page .detail-product-image { float: left; width: 330px; height: 350px; margin-bottom: 20px; } #detail-page .detail-product-image img { max-width: 328px; max-height: 348px; text-align: center; } #detail-page .detail-info { float: right; width: 572px; margin-bottom: 20px; } #detail-page .detail-info h1 { font-style: italic; text-transform: uppercase; } /*#detail-page .detail-info .detail-title { width: 572px; margin: 0 0 15px 0; }*/ /*#detail-page .detail-info .detail-title h1 { font-style: italic; text-transform: uppercase; margin: 15px;}*/ #detail-page .detail-info .detail-content { width: 572px; line-height: 26px; } #detail-page .detail-info .detail-content p { margin: 0 10px 0; font-size: 20px; } #detail-page .detail-info .detail-content li { margin-left: 30px; } #detail-page .detail-pricing { width: 930px; height: 125px; clear: both; margin: 0 auto 10px; } #detail-page .detail-pricing .cart { float: left; width: 448px; padding-top: 30px; } #detail-page .detail-pricing .cart h1 { float: left; width: 100px; font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 0 0 0 15px; text-align: center; padding-top:5px; } #detail-page .detail-pricing .cart a .detail-add-to-cart { float: left; width: 171px; height: 50px; margin: 0 0 10px 0; background: url('images/detail-add-to-cart.gif') no-repeat top left; } #detail-page .detail-pricing .cart a:hover .detail-add-to-cart { background-position: bottom left; } #detail-page .detail-pricing .cart .buttons { float: left; width: 150px; height: 50px; margin: 0 0 0 10px; } #detail-page .detail-pricing .cart .buttons a .view-cart-button { width: 150px; height: 25px; background: url('images/view-cart.gif') no-repeat top center; } #detail-page .detail-pricing .cart .buttons a:hover .view-cart-button { background-position: bottom center; } #detail-page .detail-pricing .cart .buttons a .check-out-button { width: 150px; height: 25px; background: url('images/check-out.gif') no-repeat top center; } #detail-page .detail-pricing .cart .buttons a:hover .check-out-button { background-position: bottom center; } #detail-page .detail-pricing .other-info { float: right; width: 454px; height: 125px; } #detail-page .detail-pricing .other-info img { max-width: 452px; max-height: 123px; } #detail-page .detail-pricing .continue-shopping { margin: 0 0 0 150px; text-decoration: underline; font-size: 20px; text-transform: uppercase; font-style: italic; color: #000; } #detail-page .detail-pricing .continue-shopping:hover { color: #999; } #detail-page .bottom-info { width: 930px; height: 125px; clear: both; margin: 0 auto 20px; } #detail-page .bottom-info .other-links { float: left; width: 476px; height: 125px; } #detail-page .bottom-info .other-links .other { float: left; width: 149px; height: 123px; margin: 0 7px 0 0; border: 1px solid #959595; text-align: center; } #detail-page .bottom-info .other-links .other a {} #detail-page .bottom-info .other-links .other a img { max-width: 149px; max-height: 123px; } #detail-page .bottom-info .package-deals { float: right; width: 451px; height: 123px; border: 1px solid #959595; text-align: center; } #detail-page .bottom-info .package-deals img { max-width: 452px; max-height: 123px; } /* Meet page */ .meet { width: 860px; margin: 0 auto; } .meet .meet-text h1 { margin-top: 20px; text-transform: uppercase; } .meet .meet-text p { font-size: 18px; margin-bottom: 20px; } .meet .meet-text a { color: #000; font-weight: bold; font-size: 18px; text-transform: uppercase; text-decoration: underline; } .meet .meet-text a:hover { color: #999; } /* Redken Business Partners Page */ .page-283 ul.redkenLogos { margin-left:100px; } .page-283 ul.redkenLogos li { list-style: none outside none; float:left; width: 200px; } /* .redkenPartnersItem { clear:both; display:block; height:150px; background-image: url('images/dottedLine.gif'); background-position:left bottom; background-repeat:no-repeat; } .redkenPartnersImage { float: left; width: 200px; } .redkenPartnersText { float:left; width: 400px; }*/ /* Breadcrumb trail */ .breadcrumb {} /* Archive and search
before posts are listed */ .author-info {} .category-info {} .date-info {} .search-info {} .tag-info {} /* Posts */ .post {} /* Post, page, and archive titles */ .entry-title {} .single-title {} .page-title {} .attachment-title {} .error-404-title {} .author-title {} .category-title {} .date-title {} .search-title {} .tag-title {} /* Author and date byline */ .byline {} /* Full entries */ .entry-content {} /* Excerpts (introduced in Hybrid 0.4) */ .entry-summary {} /* Using */ p.pages a {} /* More link */ a.more-link {} /* Post meta data */ .post-meta-data {} /* Post series */ .series {} .series-title {} /* Navigation links */ .navigation-links {} .navigation-links .previous {} .navigation-links .next {} /* WP PageNavi (plugin) */ .wp-pagenavi {} .wp-pagenavi .pages {} .wp-pagenavi .current {} .wp-pagenavi .extend {} .wp-pagenavi a {} /* Attachment image navigation */ .navigation-attachment {} /** * Comments template ************************************************/ /* Wrapper for entire comments area */ #comments-template {} /* Comments section headers/titles */ .comments-header {} #comments-number {} /* Comments closed paragraph */ p.comments-closed {} /* Main comments section */ #comments {} #comments ol {} /* Individual comments (note that WordPress has even/odd backwards) */ #comments li {} #comments li li {} #comments li li li {} #comments li li li li {} #comments li.even {} #comments li.odd {} #comments li.thread-even {} #comments li.thread-odd {} #comments li.author {} #comments li.trackback {} #comments li.pingback {} /* Comment avatars */ #comments .avatar {} /* Comment meta data */ #comments .comment-meta-data {} #comments .comment-meta-data cite {} /* Comment text */ #comments .comment-text {} /* Paged comments navigation */ #comments-template .paged-navigation {} #comments-template .paged-navigation .page-numbers {} #comments-template .paged-navigation .next {} #comments-template .paged-navigation .prev {} /* Main comment form div */ #respond {} /* Comment form title */ #reply {} /* Comment form elements */ p#cancel-comment-reply {} #respond form {} #respond .form-author {} #respond input {} #respond .form-email {} #respond .form-url {} #respond .form-textarea {} #respond textarea {} #respond .button {} #respond .comment-action {} /** * Utility widget sections (see other widget code below) ************************************************/ /* All utility widget sections (except widgets template) */ .utility {} /* Before content */ #utility-before-content {} /* After content */ #utility-after-content {} /* After post but before comments */ #utility-after-single {} /* After page but before comments */ #utility-after-page {} /* Widgets page template widgets */ .page-template-widgets #content .widget {} /** * Widget sections (Primary and Secondary) ************************************************/ /* Widgets in general */ .widget {} .widget-inside {} .widget-title {} /* Primary widget section */ #primary {} #primary .widget {} #primary .widget-inside {} #primary .widget-title {} #primary .widget ul {} #primary .widget ul li {} /* Secondary widget section */ #secondary {} #secondary .widget {} #secondary .widget-inside {} #secondary .widget-title {} #secondary .widget ul {} #secondary .widget ul li {} /** * Footer ************************************************/ /* Wrapper for the entire footer */ #footer-container { clear: both; } /* Subsidiary widget section */ #subsidiary {} #subsidiary .widget {} #subsidiary .widget-inside {} #subsidiary .widget-title {} /* Footer section */ #footer { border-top: 2px solid #000; margin-top: 30px; padding-top: 4px; } /* Footer extra */ #footer .copyright { float: left; color: #999; font-size: 14px; } #footer .credit { float: right; text-transform: uppercase; color: #999; font-size: 14px; } #footer .credit a { color: #999; } #footer .credit a:hover { color: #000; }