/* Theme Name:WordPress Default Theme URI:http://wordpress.org/ Description:The default WordPress theme based on the famous Kubrick. Version:1.6 Author:Michael Heilemann Author URI:http://binarybonsai.com/ Tags:blue, custom header, fixed width, two columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php */ /* =Body Structure, Typography, and Colors */ body { margin:0; padding:0; font:62.5% 'Tahoma', Arial, Verdana, Sans-Serif; /* Resets 1em to 10px */ color:#603913; text-align:center; background:#fff; } #page { position:relative; margin:0 auto; padding:0; width:894px; text-align:left; } #header { position:relative; top:60px; margin:0; padding:0; height:285px; width:100%; background:url(images/Header_sub.gif) no-repeat; z-index:5; } #header.index { height:385px; background:url(images/Header_sub_home.gif) no-repeat; } .description { text-indent:-9999px; } a { outline:none; } a, h2 a:hover, h3 a:hover { color:#7e6d00; text-decoration:none; } a:hover { color:#e4701e; text-decoration:underline; } #content { position:relative; left:19px; width:852px; min-height:350px; padding:80px 0 0; margin:0; background:#fff; border-left:2px solid #351c04; border-right:2px solid #351c04; line-height:1.6em; font-size:1.2em; z-index:1; } .post { float:right; width:570px; padding:0 30px; text-align:justify; } .post hr { display:block; } .entry { line-height:1.4em; } .entry p { margin-bottom:15px; } .entry p a:visited { color:#7c6c06; } #no_results { height:450px; } .entry ul, .entry ol { display:block; width:100%; margin:10px 0; padding-left:10px; list-style:none; list-style-type:none; overflow:hidden; } .entry ul li, .entry ol li { display:block; float:left; width:40%; margin:5px 10px; background:url(images/arrow_sm.gif) left no-repeat; padding-left:25px; } .entry ol li { float:none; width:100%; } .smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0px; } .attachment { text-align:center; margin:5px 0px; } .postmetadata { clear:left; color:#997f67; text-align:center; } .postmetadata ul, .postmetadata li { display:inline; list-style-type:none; list-style-image:none; } .pre { font:0.9em Arial, Helvetica, Sans-Serif; text-align:left; margin:-10px 0 15px 0; } .alt { padding-top:5px; background-color:#f8e98b; } .clear { clear:both; } small { font:0.9em Arial, Helvetica, Sans-Serif; line-height:1.5em; color:#997f67; } .date { float:left; font:bold 1.3em Arial, Helvetica, Sans-Serif; color:#5d4e03; margin:0 10px -3px 0; } /* End Body Structure, Typography, and Colors */ /* =Top/Search */ div#top { position:absolute; top:20px; left:0; width:100%; height:25px; text-transform:uppercase; } div#top p { position:absolute; left:0; bottom:10px; letter-spacing:.1em; } div#top ul { position:absolute; right:265px; bottom:10px; display:block; letter-spacing:.05em; } div#top ul li { display:inline; float:left; padding-right:5px; list-style:none; list-style-type:none; } div#top label { font-weight:bold; } div#top form { position:absolute; right:35px; bottom:-8px; } div#top input#s { margin:0 5px; padding:2px; border:1px solid #ddcbba; } div#top input#s:hover { border:1px solid #ef9f06; } div#top input#s:focus, div#top input#s:active { border:1px solid #997f67; } div#top input#searchsubmit { position:absolute; bottom:5px; right:-16px; } /* End Top/Search */ /* =Header btns */ ul#header_btns_page, ul#header_btns_index { display:block; list-style:none; list-style-type:none; padding:0; position:absolute; } ul#header_btns_page { top:184px; left:13px; width:380px; height:58px; } ul#header_btns_page li#update { background:url(images/Header_sub_btn_over_01.gif) no-repeat; } ul#header_btns_page li#update a { position:absolute; left:0; top:0; display:block; background:url(images/Header_sub_btn_01.gif) no-repeat; width:190px; height:58px; text-indent:-9999px; } ul#header_btns_page li#update a:hover { display:block; background:url(images/Header_sub_btn_over_01.gif) no-repeat; width:190px; height:58px; text-indent:-9999px; } ul#header_btns_page li#services { background:url(images/Header_sub_btn_over_02.gif) no-repeat; } ul#header_btns_page li#services a { position:absolute; right:0; top:0; display:block; background:url(images/Header_sub_btn_02.gif) no-repeat; width:190px; height:58px; text-indent:-9999px; } ul#header_btns_page li#services a:hover { display:block; background:url(images/Header_sub_btn_over_02.gif) no-repeat; width:190px; height:58px; text-indent:-9999px; } ul#header_btns_index { top:181px; left:0px; width:389px; height:154px; } ul#header_btns_index li#update { background:url(images/Header_btn_over_01.gif) no-repeat; } ul#header_btns_index li#update a { position:absolute; top:0; display:block; background:url(images/Header_btn_01.gif) no-repeat; width:389px; height:76px; text-indent:-9999px; } ul#header_btns_index li#update a:hover { display:block; background:url(images/Header_btn_over_01.gif) no-repeat; width:389px; height:76px; text-indent:-9999px; } ul#header_btns_index li#services { background:url(images/Header_btn_over_02.gif) no-repeat; } ul#header_btns_index li#services a { position:absolute; bottom:0; display:block; background:url(images/Header_btn_02.gif) no-repeat; width:389px; height:78px; text-indent:-9999px; } ul#header_btns_index li#services a:hover { display:block; background:url(images/Header_btn_over_02.gif) no-repeat; width:389px; height:78px; text-indent:-9999px; } /* End Header btns */ /* =Flash area */ div#flash { position:absolute; right:0; bottom:35px; width:494px; height:273px; z-index:1; } div#mainimg { position:absolute; right:0; bottom:35px; width:494px; height:173px; z-index:1; } /* End Flash area */ /* =Sidebar */ #sidebar { position:absolute; top:105px; left:30px; padding:0; margin:0; width:219px; font:1em 'Tahoma', Arial, Verdana, Sans-Serif; } #sidebar form { margin:0; } #sidebar h2 { font-family:'Tahoma', Arial, Verdana, Sans-Serif; font-size:1.2em; text-decoration:none; } #sidebar img { border:2px solid #e4701e; padding:0; } #sidebar ul, #sidebar ul ol { margin:0; padding:0; overflow:visible; } #sidebar ul li { list-style-type:none; list-style-image:none; margin-bottom:25px; } #sidebar ul p, #sidebar ul select { margin:5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin:5px 0 0 10px; overflow:visible; } #sidebar ul ul ul, #sidebar ul ol { margin:0 0 0 10px; } ol li, #sidebar ul ol li { list-style:decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin:3px 0 0; padding:0; color:#777; } li#recent-posts ul, #sidebar ul#page_list { background:url(images/hr_dots.gif) top repeat-x; width:190px; padding-top:10px; } li#recent-posts ul li, #sidebar ul#page_list li { text-transform:uppercase; font-size:110%; font-weight:bold; margin-left:-15px; padding-left:15px; } li#recent-posts ul li a, #sidebar ul#page_list li a { color:#603913; } li#recent-posts ul li:hover, #sidebar ul#page_list li:hover, #sidebar .current_page_item { background:url(images/arrow_current.gif) top left no-repeat; } li#recent-posts ul li a:hover, #sidebar ul#page_list li a:hover { color:#351304; text-decoration:none; } li#categories-195152141 h2 { display:block; width:103px; height:38px; background:url(images/categories.gif) no-repeat; text-indent:-9999px; } li#categories-195152141 ul li { background:url(images/arrow_sm.gif) left no-repeat; padding-left:20px; } li#archives h2 { display:block; width:149px; height:27px; background:url(images/news_archives.gif) no-repeat; text-indent:-9999px; } li#archives select { background:url(images/archives_bg.gif) no-repeat; width:190px; height:28px; color:#603913; border:none; padding:5px; overflow:hidden; } /* End Sidebar */ /* =Widgets */ li#wpng-calendar { position:relative; display:block; width:190px; font-size:85%; background:#f9ce7f url(images/upcoming_btm.gif) bottom no-repeat; } li#wpng-calendar h2.events_widget { display:block; width:190px; height:44px; background:#f9ce7f url(images/upcoming_events.gif) no-repeat; text-indent:-9999px; } li#wpng-calendar div ul { margin:0; padding:0; } li#wpng-calendar div ul li { margin:0px 15px 0 25px; padding-right:20px; height:30px; background:url(images/arrow_events.gif) right no-repeat; } li#wpng-calendar div ul li a { display:block; width:100%; } li#wpng-calendar p { display:block; padding:10px 25px 20px; } /* Operator's Edge */ li#yank-widget-266776471 img, li#yank-widget-208028021 img { border:none; } /* Recipe Box */ li#yank-widget-266848821, li#yank-widget-208928091 { display:block; width:190px; height:190px; background:url(images/recipe_box.gif) no-repeat; } li#yank-widget-266848821 h2, li#yank-widget-208928091 h2 { text-indent:-9999px; } li#yank-widget-266848821 div, li#yank-widget-208928091 div { position:relative; font-size:80%; } li#yank-widget-266848821 a, li#yank-widget-208928091 a { position:absolute; right:18px; top:115px; color:#603913; display:block; width:125px; background:url(images/arrow_recipes.gif) right no-repeat; padding-right:30px; } li#yank-widget-266848821 a:hover, li#yank-widget-208928091 a:hover { text-decoration:none; color:#351304; } li#yank-widget-266848821 img, li#yank-widget-208928091 img { position:absolute; top:-100px; width:auto; padding:0; border:3px solid #e4701e; } li#yank-widget-266848821 a { top:125px; } li#yank-widget-266848821 img { top:-90px; } /* Our Products */ li#yank-widget-208035881 div, li#yank-widget-212430601 div { margin-top:5px; padding-right:20px; overflow:hidden;} li#yank-widget-208035881 h2, li#yank-widget-212430601 h2 { display:block; width:123px; height:24px; background:url(images/our_products.gif) no-repeat; text-indent:-9999px; } li#yank-widget-208035881 ul, li#yank-widget-212430601 ul { list-style:none; list-style-type:none; margin:5px 0 0; padding:0; } li#yank-widget-208035881 ul li, li#yank-widget-212430601 ul li { padding-left:20px; background:url(images/arrow_sm.gif) left no-repeat; width:35%; float:left; } /* Featured Specials */ li#yank-widget-212379871 h2 { display:block; width:155px; height:32px; background:url(images/featured_specials.gif) no-repeat; text-indent:-9999px; margin-bottom:-10px; } li#yank-widget-212379871 img { margin:5px 15px; } /* Events Button */ li#yank-widget-267524841 img { border:none; } /* = End Widgets */ /* =Homepage News Feed*/ div#feedburner ul { margin-top:20px; } div#feedburner ul li { margin:0; padding:0; background:none; list-style:none; list-style-type:none; float:none; width:100%; } div#feedburner ul li a { font-size:150%; } div#feedburner p { margin:10px 0; font-size:110%; font-weight:bold; } div#feedburner .date { float:none; font-size:1em; margin:5px 0 7px 0; } /* =Homepage News Feed*/ /* =Navigation */ ul#navigation { position:absolute; bottom:0; left:19px; width:834px; height:14px; background:#351304; padding:11px; margin:0; z-index:5; } ul#navigation li { position:relative; display:inline; float:left; list-style:none; list-style-type:none; text-transform:uppercase; cursor:pointer; height:25px; margin-left:36px; } ul#navigation li a { text-decoration:none; font-weight:bold; color:#e8e0d9; font-size:110%; } ul#navigation li a:hover { color:#ef9f06; } ul#navigation li ul { display:block; position:absolute; left:-10px; top:0; margin-top:25px; width:125px; padding:0; } ul#navigation li ul li { display:none; width:125px; text-transform:none; text-align:left; height:auto; } ul#navigation li:hover ul li { display:block; padding:10px; margin:0; background-color:#603913; } ul#navigation li:hover ul li:hover { background-color:#ef9f06; } ul#navigation li:hover ul li a { color:#fff; } ul#navigation li:hover ul li a:hover { color:#fff; } ul#navigation li.current_page_item a, ul#navigation li.current_page_parent a { color:#a69000; } /* End Navigation */ /* =Footer */ #footer { width:100%; height:386px; clear:both; margin:0; padding:0; background:url(images/bg_grad_btm.gif) bottom repeat-x; text-align:left; z-index:0; } #footer_links { position:relative; margin:0 auto; width:856px; height:386px; background:url(images/footer_bg.jpg) center no-repeat; } #footer p { position:absolute; color:#997f67; line-height:1.6em; } #footer p#address { top:235px; left:30px; } #footer p#credits { top:235px; right:30px; text-align:right; } /* End Footer */ /* =Headers */ h1 { display:block; width:385px; height:150px; position:absolute; top:0px; left:0; background:url(images/Quandts_Logo.png) center no-repeat; } h1 a { display:block; width:385px; height:150px; text-indent:-9999px; } h2, h3 { font-family:'Tahoma', Arial, Verdana, Sans-Serif; font-weight:bold; } h2 { margin:30px 0 0; font-size:1.6em; color:#603913; text-decoration:none; } h2.pagetitle { margin-left:386px; font-size:1.4em; text-transform:uppercase; color:#997f67 } .post h2 { margin-bottom:15px; text-align:left; } h2#about_quandts { display:block; width:161px; height:31px; background:url(images/about_quandts.gif) center no-repeat; text-indent:-9999px; } h2#ordernow a { display:block; width:186px; height:65px; background:url(images/order_now.gif) no-repeat; text-indent:-9999px; } h2#company { display:block; width:95px; height:37px; background:url(images/company.gif) no-repeat; text-indent:-9999px; } h2#company a { display:block; width:95px; height:37px; text-indent:-9999px; } h2#trends { display:block; width:172px; height:37px; background:url(images/trends.gif) no-repeat; text-indent:-9999px; } h2#trends a { display:block; width:172px; height:37px; text-indent:-9999px; } h2#products { display:block; width:95px; height:28px; background:url(images/products.gif) no-repeat; text-indent:-9999px; } h2#products a { display:block; width:95px; height:28px; text-indent:-9999px; } h2#specials { display:block; width:84px; height:37px; background:url(images/specials.gif) no-repeat; text-indent:-9999px; } h2#specials a { display:block; width:84px; height:37px; text-indent:-9999px; } h2#order { display:block; width:65px; height:29px; background:url(images/order.gif) no-repeat; text-indent:-9999px; } h2#order a { display:block; width:65px; height:29px; text-indent:-9999px; } h2#events { display:block; width:66px; height:27px; background:url(images/events.gif) no-repeat; text-indent:-9999px; } h2#events a { display:block; width:66px; height:27px; text-indent:-9999px; } h2#contact { display:block; width:84px; height:27px; background:url(images/contact.gif) no-repeat; text-indent:-9999px; } h2#contact a { display:block; width:84px; height:27px; text-indent:-9999px; } div#homepage_news h2, li#recent-posts h2 { display:block; width:119px; height:30px; background:url(images/latest_news.gif) no-repeat; text-indent:-9999px; } li#recent-posts h2 a { display:block; width:119px; height:30px; text-indent:-9999px; } #sidebar h2 { margin:5px 0 0; padding:0; } h3 { padding:0; margin:30px 0 0; font-size:1.2em; color:#997f67; text-decoration:none; } h3.comments { padding:0; margin:40px auto 20px ; } h2 a, h2 a:visited, h3 a, h3 a:visited { color:#e4701e; } h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited { text-decoration:none; } h4 { margin:30px 0 0; font-size:1.1em; padding:0; } div#post-21 h2 { display:block; width:190px; height:125px; background:url(images/products_bakery.jpg); text-indent:-9999px; } div#post-25 h2 { display:block; width:190px; height:125px; background:url(images/products_dairy.jpg); text-indent:-9999px; } div#post-23 h2 { display:block; width:190px; height:125px; background:url(images/products_meat.jpg); text-indent:-9999px; } div#post-31 h2 { display:block; width:190px; height:125px; background:url(images/products_non-foods.jpg); text-indent:-9999px; } div#post-27 h2 { display:block; width:190px; height:125px; background:url(images/products_produce.jpg); text-indent:-9999px; } div#post-29 h2 { display:block; width:190px; height:125px; background:url(images/products_specialty.jpg); text-indent:-9999px; } /* End Headers */ /* =Form Elements */ #searchform { margin:10px auto; padding:5px 3px; text-align:center; } #sidebar #searchform #s { width:108px; padding:2px; } #sidebar #searchsubmit { padding:1px; } select { width:130px; } #commentform p { text-align:left; } #commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; } #commentform textarea { width:100%; padding:2px; } #commentform #submit { margin:0; float:right; } #commentform p { margin:5px 0; font-family:'Tahoma', Arial, Verdana, Sans-Serif; } /* End Form Elements */ /* =Contact Form - additional rules found in the plugin folder */ div.wpcf7 input { width:145px; } div.wpcf7 p { display:block; margin-bottom:10px; } div.wpcf7 label { width:22%; float:left; text-align:right; margin-right:10px; } div.wpcf7 textarea { margin-left:106px; margin-top:5px; width:65%; } div.wpcf7 select { width:100px; } div.wpcf7 select#reply-by { width:120px; } div.wpcf7 label span { float:right; } div.wpcf7 .booth-sign input { width:auto; } div.wpcf7 input#submit { width:80px; padding:5px; background:#5d4e03; border:0; cursor:pointer; color:#fff; font:bold 1.2em 'Tahoma', Arial, Verdana, Sans-Serif; letter-spacing:.1em; margin-left:106px; } div.wpcf7 input#submit:hover { background:#e4701e; } /* =Comments*/ .alt { margin:0; padding:10px; } .commentlist { padding:0; text-align:justify; font-weight:bold; } .commentlist li, #commentform input, #commentform textarea { font:0.9em 'Tahoma', Arial, Verdana, Sans-Serif; } .entry ol.commentlist li { margin:15px 0; list-style:none; border-bottom:1px solid #e8e0d9; padding-bottom:10px; background:none; } .commentlist p { margin:10px 5px 10px 0; font-weight:normal; line-height:1.5em; text-transform:none; } .commentmetadata { margin:0; display:block; font-weight:normal; } .commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; } .commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; } .nocomments { text-align:center; margin:0; padding:0; color:#777; } /* End Comments */ /* =Calendar */ #wp-calendar { empty-cells:show; margin:10px auto 0; width:155px; } #wp-calendar #next a { padding-right:10px; text-align:right; font-size:9pt; } #wp-calendar #prev a { padding-left:10px; text-align:left; font-size:9pt; } #wp-calendar a { display:block; text-decoration:none; } #wp-calendar caption { text-align:center; width:100%; font:bold 1.3em 'Tahoma', Arial, Verdana, Sans-Serif; text-align:center; text-decoration:none; } #wp-calendar td { padding:3px 0; text-align:center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color:#fff; } #wp-calendar th { font-style:normal; text-transform:capitalize; } /* End Calendar */ /* =Images */ p img { padding:0; max-width:100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display:block; margin-left:auto; margin-right:auto; } img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; } img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; } .alignright { float:right; } .alignleft { float:left; } ul#supplier_logos li { display:block; float:left; height:125px; margin:0; padding:0; background:none; list-style:none; list-style-type:none; } ul#supplier_logos li a img { border:none; } ul#supplier_list { clear:left; } /* End Images */ /* =Various Tags & Classes */ acronym, abbr, span.caps { cursor:help; font-size:0.9em; letter-spacing:.07em; } acronym, abbr { border-bottom:1px dashed #999; } blockquote { margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd; color:#777; } cite { margin:5px 0 0; display:block; text-decoration:none; } .center { text-align:center; } hr { display:none; } a img { border:none; } .entry img { padding:0; margin:10px 0 10px 12px; border:3px solid #e4701e; } strike { color:#777; } code { font:1.1em 'Courier New', Courier, Fixed; } div.more { margin-top:10px; width:570px; height:25px; background:url(images/hr_dots.gif) center repeat-x; text-transform:uppercase; font-weight:bold; } p.more { margin:0; padding:0; margin-left:512px; } p.more a { display:block; height:20px; background:#fff url(images/arrow_lg.gif) right bottom no-repeat; padding-right:25px; } ul#products { margin:0; padding:0; } ul#products li { float:left; background:none; padding:0; } ul#products li a img { margin:0; } ul#products li a img:hover { border:3px solid #603913; } /* End Various Tags & Classes*/