/* Theme Name: Glossy Luxe Theme URI: http://www.glossyluxe.com Description: This is the custom made theme hand-made for Glossy Luxe based on the Wordpress Kubrick theme. Version: 1.0 Author: Matthew Hensler Author URI: http://www.sixseventydesigns.com Tags: */ * {margin: 0; padding: 0; border: none;} .clearfix {clear: both;} .italic {font-style: italic;} .go-right {float: right;} .go-left {float: left;} .text-right {text-align: right;} .text-left {text-align: left;} .type40 {width: 40%;} /* heading styles */ h1, h2, h3, h4, h5 {font-family: "Baskerville Old Face", Baskerville, Times, serif; font-weight: lighter;} /* general link styles */ p a, ul a, ol a, h2 a, h3 a, h4 a, div.navigation a {padding: 2px; color: #0060a3; text-decoration: none;} p a:hover, ul a:hover, ol a:hover, h2 a:hover, h3 a:hover, h4 a:hover, div.navigation a:hover, ul.category-post-list li a.hover:hover {color: #fff; background: #0060a3; text-decoration: none;} a.no-hover {padding: 0;} a.no-hover:hover {background: none;} /* general article image styles */ img.alignleft {float: left; margin: 0 10px 10px 0;} div.alignleft {float: left; margin: 0 10px 0 0;} img.alignright {float: right; margin: 0 0 10px 10px;} div.alignright {float: right; margin: 0 0 0 10px;} img.aligncenter {display: block; margin: 0 auto 10px auto;} img.no-border, div.entry-single img.no-border {border: 0;} more-link {clear: left;} /* styles the continue reading links */ html {background: url(images/b-html.jpg) repeat-y top center #004670;} body {font-family: "Helvetica Neue", Arial, sans-serif; background: url(images/b-body-top.jpg) repeat-x top center;} div#wrapper-main {margin: 0 auto; width: 950px;} div#header {height: 116px; overflow: hidden;} #header div.header-container {width: 400px;} #header div#icon-menu-container {margin-right: 10px; width: 290px; height: 40px; background: url(images/b-icon-menu-container.jpg) no-repeat top center #000;} /* icon menu */ #icon-menu-container ul#icon-nav {margin: 5px 10px; padding: 0; width: 270px; float: left; list-style-type: none;} #icon-menu-container ul#icon-nav li {float: left; height: 25px; text-indent: -9999px; overflow: visible; position: relative; z-index: 900;} #icon-menu-container ul#icon-nav li a {display: block; height: 25px; padding: 0; background: url(images/b-icon-menu.jpg) top left no-repeat;} #icon-menu-container ul#icon-nav li.subscribe a {padding-right: 22px; background-position: 0 0; width: 75px;} #icon-menu-container ul#icon-nav li.subscribe a:hover {background-position: 0 -25px; } #icon-menu-container ul#icon-nav li.facebook a {padding-right: 22px; background-position: -95px 0; width: 75px;} #icon-menu-container ul#icon-nav li.facebook a:hover {background-position: -95px -25px; } #icon-menu-container ul#icon-nav li.contact a {background-position: -194px 0; width: 75px;} #icon-menu-container ul#icon-nav li.contact a:hover {background-position: -194px -25px; } div#menu {height: 54px;} /* primary navigation */ #menu ul#primary-nav li {float: left; margin-top: 15px; height: 30px; text-indent: -9999px; overflow: visible; position: relative; z-index: 900; background: url(images/b-menu-2.jpg) top left no-repeat; /*border-right: 1px solid #d3d2d2; border-left: 1px solid #fff;*/} #menu ul#primary-nav li a {display: block; padding: 0; margin-top: -15px; height: 55px; background: url(images/b-menu-2.jpg) top left no-repeat;} #menu ul#primary-nav {margin: 0; padding: 0; width: 600px; float: left; list-style-type: none;} #menu ul#primary-nav li.first {border-left: none;} #menu ul#primary-nav li.cook a {background-position: 0 0; width: 101px;} #menu ul#primary-nav li.cook a:hover {background-position: 0 -55px; } #menu ul#primary-nav li.cook a#cook-current {background-position: 0 -110px;} #menu ul#primary-nav li.listen a {background-position: -101px 0; width: 106px;} #menu ul#primary-nav li.listen a:hover {background-position: -101px -55px;} #menu ul#primary-nav li.listen a#listen-current {background-position: -101px -110px;} #menu ul#primary-nav li.style a {background-position: -207px 0; width: 100px;} #menu ul#primary-nav li.style a:hover {background-position: -207px -55px; } #menu ul#primary-nav li.style a#style-current {background-position: -207px -110px;} #menu ul#primary-nav li.drink a {background-position: -307px 0; width: 100px;} #menu ul#primary-nav li.drink a:hover {background-position: -307px -55px; } #menu ul#primary-nav li.drink a#drink-current {background-position: -307px -110px;} #menu ul#primary-nav li.beauty a {background-position: -407px 0; width: 110px;} #menu ul#primary-nav li.beauty a:hover {background-position: -407px -55px; } #menu ul#primary-nav li.beauty a#beauty-current {background-position: -407px -110px;} /* serach functionality in navigation header */ div#quick-search {float: right; margin-right: 15px; padding-top: 18px; font-family: "Trebuchet MS";} #quick-search label {display: none;} #quick-search input {padding: 4px; font-size: 0.70em; border: 1px solid #434343;} #quick-search input#s {width: 212px;} #quick-search input#searchsubmit {padding: 5px; color: #fff; text-transform: uppercase; background: #434343; border: none; cursor: pointer;} #quick-search input#searchsubmit:hover {color: #f8f8f8; background: #8f8f8f;} div#wrapper-content {margin-top: 30px; width: 940px; background: url(images/b-wrapper-content.jpg) repeat-y top center #fff; border: 5px solid #0160aa;} div#content-left {float: left; width: 600px; padding: 15px;} #content-left div#slider {width: 600px; height: 350px; background: url(images/b-slider.jpg) no-repeat top center;} #content-left div#slider div.featured-img {margin-top: 15px; display: block; width: 275px;} div.featured-img img {border: 1px solid #000;} #content-left div#slider div.featured-headline {width: 275px;} div.featured-headline div.featured-date {margin-bottom: 5px; height: 35px;} div.featured-headline p.category {color: #037dd2; text-transform: uppercase; font-size: 0.875em;} div.featured-headline h2 {margin: 8px 0; font-size: 2.2em; color: #fff;} div.featured-headline p.teaser {font-style: italic; font-size: 1.0em; color: #d5d2d2;} div.featured-headline div.featured-more {clear: left; margin-top: 10px; margin-left: 150px; height: 35px; text-align: right;} div.featured-more img {display: block;} #content-left div#sub-wrapper {clear: both; margin-top: 30px; width: 600px;} #sub-wrapper div.sub-col {margin-bottom: 30px; width: 290px;} #sub-wrapper div.sub-col img {border: 1px solid #bcb6b6;} #sub-wrapper div.sub-col img.size-full {display: none;} /* hides post images */ #sub-wrapper div.sub-col h2 {font-family: "Helvetica Neue", Arial, sans-serif; font-size: 0.75em; text-transform: uppercase; color: #0063a7;} #sub-wrapper div.sub-col h2 span.arrow {padding-left: 5px; font-size: 115%;} #sub-wrapper div.sub-col h3 {font-size: 1.125em;} #sub-wrapper div.sub-col h3 a {padding: 0; color: #000;} #sub-wrapper div.sub-col h3 a:hover {color: #0060a3; text-decoration: underline; background: none;} #sub-wrapper div.sub-col h4 {padding-top: 15px; font-size: 0.875em;} #sub-wrapper div.sub-col p, #sub-wrapper div.sub-col ul {margin-bottom: 10px; font-size: 0.75em; line-height: 1.35em;} #sub-wrapper div.sub-col ul {margin-left: 15px; line-height: 1.75em;} #sub-wrapper div.sub-col ul a {text-decoration: underline;} div#content-right {float: right; width: 280px; padding: 15px;} #content-right div.right-module {margin-bottom: 30px;} #content-right h3 {margin-bottom: 10px; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 0.875em; color: #565656;} #content-right p, #content-right ul {margin-bottom: 10px; font-size: 0.75em; line-height: 1.35em;} #content-right div.google-ad-250 {padding: 13px; background: #a4a4a4; border: solid 1px #868686;} #content-right div#twitter_div {} #content-right ul#twitter_update_list {font-size: 95%; list-style-type: none;} #content-right ul#twitter_update_list li {padding: 5px 0; border-bottom: 1px dashed #ccc;} #content-right ul#recent-posts, #content-right div.comments-tab ul {list-style-type: none; font-size: 100%;} #content-right ul#recent-posts li, #content-right div.comments-tab li {padding: 5px 0; border-bottom: 1px dashed #ccc;} #content-right div#categories {width: 125px; padding: 10px; background: #d3d3d3;} #content-right div#categories ul {list-style-type: none;} #content-right div#categories ul li {padding: 2px 0;} #content-right div#categories div#itunes img {margin: 0; padding: 0;} div#tiny-footer {margin: 15px 0; text-align: center; font-size: 0.69em;} #tiny-footer a {color: #fff;} /* single article page and page styles */ div.navigation {margin-bottom: 15px; font-size: 0.70em;} div.entry-single {margin-bottom: 25px; padding-bottom: 25px; background: url(images/b-respond.jpg) no-repeat center bottom;} div.entry-single h2, div.entry-single h3, div.entry h2, div.entry h3 {margin-bottom: 10px;} div.entry-single p, div.entry-single ul, div.entry-single ol, div.entry p, div.entry ul, div.entry ol {margin-bottom: 20px; font-size: 0.88em; line-height: 1.35em;} div.entry-single ul, div.entry-single ol, div.entry ul, div.entry ol {margin-left: 25px; clear: left;} div.entry-single ul.special, div.entry-single ol.special, div.entry-single div.special {margin: 30px; padding: 30px; border: 1px solid #a4a4a4; background: #d9d9d9;} div.entry-single ul.playlist li {line-height: 15px;} div.entry-single ul.playlist img, div.entry-single ol.playlist img {border: 0;} div.entry-single ul.playlist a, div.entry-single ol.playlist a {padding: 0;} div.entry-single ul.playlist a:hover, div.entry-single ol.playlist a:hover {background: 0;} div.entry-single img, div.entry img {border: solid 1px #757575;} /* comments */ div#respond h3 {margin-bottom: 15px;} div#respond p {margin-bottom: 10px;} div#respond input, div#respond textarea {font-size: 0.75em; padding: 3px; border: 1px solid #757575;} div#respond textarea {width: 570px;} ol.commentlist {font-size: 0.75em;} ol.commentlist li {margin-left: 15px; padding: 15px;} ol.commentlist li.thread-odd {border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background: #eeeeee;} ol.commentlist li div.comment-author {float: left;} ol.commentlist li div.comment-meta {float: right;} ol.commentlist p {clear: both; padding:5px 5px 5px 0;} /* category page */ div#category-featured {clear: both; margin-bottom: 15px; padding: 15px; background: url(images/b-category-featured.jpg) repeat-x bottom; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;} div#category-featured p, div#category-featured post ul {font-size: 0.88em; line-height: 1.35em;} div#category-featured img {border: solid 1px #757575;} div#category-featured h2 {margin: 10px 0;} div#category-featured h2 a {color: #000; padding: 0;} div#category-featured h2 a:hover {background: none; text-decoration: underline;} div#category-featured p.postmetadata {font-size: 80%;} ul.category-post-list {clear: both; margin-left: 15px; list-style-type: none;} ul.category-post-list li {padding: 10px 0; border-bottom: 1px dashed #757575; } ul.category-post-list li a:hover {background: none;}/* general hover rule will cause headings to be hover-able */ ul.category-post-list img {border: solid 1px #757575;} ul.category-post-list p.teaser {font-size: 0.88em;} /* contact form */ div#contact-form {padding-bottom: 15px;} #contact-form fieldset.cf-fs1, #contact-form fieldset.cf-fs2 {margin-bottom: 15px; padding: 15px; border: 1px solid #dad8d8;} #contact-form ol {margin: 0; list-style-type: none;} #contact-form li {clear: left; margin: 0; padding: 5px 0; line-height: 0.88em;} #contact-form label {float: left; margin-bottom: 15px; width: 75px; font-size: 0.70em; text-transform: uppercase;} #contact-form input, #contact-form textarea {float: left; padding: 2px; font-size: 0.80em; font-weight: bold; border: 1px solid #838383;} #contact-form .reqtxt, #contact-form .emailreqtxt {padding: 0 3px; font-size: 0.80em;} #contact-form p.cf-sb {margin-left: 93px;} #contact-form #sendbutton2 {padding: 4px; text-transform: uppercase; color: #fff; background: #0060a3; border: 1px solid #02406c;} #contact-form p.linklove {clear: both; margin-top: 50px; font-size: 0.67em;} #contact-form #usermessage2a {padding: 10px 0; color: #dc3305; font-style: italic;} /* search page */ div.search-page div.post {padding: 10px 0; border-bottom: 1px dashed #757575; } div.search-page div.post h3 {font-size: 1.5em;} div.search-page img {border: solid 1px #757575;} div.search-page div.post p.postmetadata {font-size: 0.70em;}