/* header + navigation items *//* --- --- */ body {background:white;} #outer { background:white; margin:0; } #inner {width:1036px; margin:0 auto; background:white; overflow:hidden; position:relative; clear:both;} #inner-head {width:1036px; margin:0 auto; background:white; overflow:hidden; height:30px; display:block; clear:both;} #inner-foot {width:1036px; height:130px; margin:0 auto; background:white; overflow:hidden;display:block;} #header {height:100px; width:1036px; margin:0 auto; background:white;} #header h1#title a {display:block; font-size:32px; margin:10px 0 0 0; padding:0; color:black; text-indent:none; text-decoration:none;} #header h1#title {float:left;} ul.quick-cart {display:none;} #searchform {display:none;} /* --- main nav --- */ ul#nav {display:none;} /* --- main column --- */ #main-col {background: white; width:760px; margin:0 40px 0 0; float:left; border:2px solid black;} #main-col-body {height:auto;} /*--- recipes single head ---*/ #recipes-single #main-col-head {height:90px;} #recipes-single #main-col-head h4#post-title {margin:0 30px 0 0; font-weight:normal; text-transform: capitalize; font-size:26px; width:430px; float:left;} #recipes-single #main-col-head #serving {display:block; float:right; height:40px; width:100px; margin:68px 30px 0 0; font-style:italic; font-weight: bold; font-size: 14px; text-align:right;} #recipes-single #main-col-head #serving h5 {font-size:14px; display:inline; font-style: normal; font-weight:normal;} #recipes-single #main-col-head #prep-time {display:block; float:right; height:40px; width:140px; margin:68px 10px 0 0; font-style:italic; font-weight: bold; font-size: 14px; text-align:right;} #recipes-single #main-col-head #prep-time h5 {font-size:14px; display:inline; font-style: normal; font-weight:normal;} /* --- recipes single body --- */ #recipes-single #main-col-body #tags {width:730px; clear:both; display:block; border:#85765F solid 1px; overflow:hidden; margin:4px 30px 10px 0;} #recipes-single #main-col-body #tags p {display:block; float:left; margin:3px 3px 3px 3px; padding:0 10px 0 0; border:none; background:none; } #recipes-single #main-col-body #tags a {display:block; background:#222222; color:white; text-decoration: none; float:left; margin:3px; padding:0 10px;} #recipes-single #main-col-body #description {clear:both; float:left; width:380px; margin:10px 0; font-style: italic; border:none; } #recipes-single #main-col-body #recipe-photo {display:block; height:100px; border:1px #330000 solid; margin:0 30px 0 0;} #recipes-single #main-col-body #ingredients {clear:left; float:left; width:380px; border:none; min-height:200px;} #recipes-single #main-col-body #ingredients h5 {text-transform: capitalize; margin:10px 0;} #recipes-single #main-col-body #ingredients ul {border:none; margin:0; list-style-position: inside; list-style:none;} #recipes-single #main-col-body #ingredients li {} #recipes-single #main-col-body #directions {clear:left; float:left; width:380px; list-style-position: inside; min-height:300px;} #recipes-single #main-col-body #directions h5 {text-transform: capitalize; margin:10px 0;} #recipes-single #main-col-body #directions ol {border:none; margin:0; list-style-position: outside; } #recipes-single #main-col-body #directions li {margin-bottom:7px;} #recipes-single #main-col-body #share {display:none;} #recipes-single #main-col-body #notes {display:none;} #recipes-single #main-col-body #related {display:none;} #recipes-single #comment-action {display:none;} #posted-comments {display:none;} /* --- recipes single foot --- */ #recipes-single #main-col-foot {clear:both; height:auto;} #recipes-single #main-col-foot #related-products {display:none;} #the-comment-box {display:none; width:400px;} /* --- sidebar --- */ #sidebar-head {display:none;} #sidebar {display:none;} /* --- footer --- */ #footer {background:white; margin:0 auto 100px; width:1036px; height:auto; padding:20px 0 0 0; overflow: hidden;font-family: Georgia, Times New Roman, Serif;} .footer-divs {width:180px; float:left; overflow:hidden; margin:0 5px;} #footer #customer-service-footer {display:none;} #footer #company-information-footer {display:none;} #footer #shop-footer {display:none;} #footer #recipe-footer {display:none;} #footer #connect-footer {display:none;} #footer p {text-align:center; clear:left; color:#330000; margin:0;} /* You might find the following useful */ #main-col-head h2 a {display:block; text-indent:-5000px; float:left; width:170px; height:60px; margin:10px 0 0 0;} br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */ li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */ #home #main-col #main-col-head {background:white url(../images/home-head-bg.png) top right no-repeat; overflow:hidden; margin:0;width:760px;height:60px;} #home #main-col #main-col-head h4 {text-indent:-5000px; background:url(../images/sprites.png) no-repeat -22px -742px; width:600px; margin:10px 0 0; height:50px;} #home #intro {height:auto; width:728px; position:relative; margin:0 0 0 0; clear:both;} #home #intro p {font-size:13px; display:block; margin:0; line-height:24px; font-style: italic; width:690px; text-align: center; background:#EEE8DF; padding:20px;} #home #featured-content {width:480px; margin:10px 20px 0 0; /*background:url(../images/sprites.png) no-repeat -735px -742px;*/ height:545px; float:left;} #home #featured-content ul {margin:0 auto; width:100%; list-style:none; } #home #featured-content ul li {background:url(../images/bullet-point.png) no-repeat left center; margin:5px auto 7px; height:29px; border:dotted 1px #D8D3CB /* light brown */; padding:5px 20px 5px 90px;} #home #featured-content ul li:hover {background-color:#EEE8DF /* light brown */; color:#330000;} #home #featured-content ul li a {font-size:20px; text-decoration: none; color:#222222; display:inline;} #home #supporting-content { width:220px; float:right; margin:5px 30px 0 0;} #home #supporting-content ul { margin:0; list-style:none; } #home #supporting-content ul li { background:url(../images/sprites.png) no-repeat; margin: 0; height:115px;} #home #supporting-content ul li strong {width:170px;text-align:center; display:block; margin:10px auto 5px; font-size:18px; color:#330000; font-weight: normal;} #home #supporting-content ul li#to-store strong {font-size:14px; text-align:left; width:auto;} #home #supporting-content ul li ul {margin:0; float:right; } #home #supporting-content ul li ul li {border:none;} #home #supporting-content ul li ul li a {display:block; height:20px; margin:25px 10 5px 70px; text-decoration: none; border:solid 1px #D8D3CB /* light brown */; border-right:none; padding:3px 5px; width:100px;} #home #supporting-content ul li ul li a:hover {background-color:#D8D3CB /* light brown */; color:#85765F /* dark brown */;} #home #supporting-content ul li a {color:#330000;} #home #supporting-content ul li#news {background-position: -732px -576px; height:228px;} #home #supporting-content ul li#news strong {display:block; text-indent: -5000px;} #home #supporting-content ul li#news p {display:block; margin:30px 10px 0; font-size:14px;} #home #supporting-content ul li#random-recipe {background-position:-512px -451px;} #home #supporting-content ul li#random-recipe strong {text-indent:-5000px;} #home #supporting-content ul li#random-recipe a#recipe-title {text-align:left; width:134px;font-size:14px; text-decoration:none; display:block; margin:20px 0 0 26px; height:36px;} #home #supporting-content ul li#random-recipe a#go {display:block; margin:0 60px 0 0; text-align:right;text-decoration:none; } #home #supporting-content ul li#to-store {background-position:-512px -578px; margin:4px 0 0 0;} #home #supporting-content ul li#to-store a {text-indent: -5000px; display:block; height:115px;} #home #supporting-content ul li#to-wk {background:none;} #home #supporting-content ul li#to-pf {background:none;} /*desplay link href when print on secondary pages*/ .secondary #main-col-body a[href]:after {content: " (" attr(href) ") ";font-size: 90%;} /* Recipe-Related CSS */ /* COLORS *//* #85765F /* dark brown */ /* #D8D3CB /* light brown #EEE8DF */ /* #330000 /* maroon */ /* #E0ECEF /* light blue */ /* #BED1AB /* light green */