/*
Theme Name: Vacuum Store Theme
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/
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
*/
/*
// Written By Chris J. Lee
// http://www.chrisjlee.net
// Copyright 2007 Chris J. Lee
// layout.css - contains structural css only
//
*****************************************************************************/
/*
* Global Variables
********************************/
/* For consistency sake, Use the reset.css stylesheet */
html, body { width: 100%; height: 100%; margin: 0px; padding: 0px}
.col-1, .col-2, .col-3, .col-4 { display: block; float: left; margin-right: 15px; }
/* Default Width Multiplier 150px */
.col-1 { width: 150px; }
.col-2 { width: 300px; }
.col-3 { width: 450px; }
.col-4 { width: 700px; }
.col-full { width: 100%; }
.col-half { width: 48%; margin: 0px 0px 1%; float: left; height: 100%;}
.col-1, .col-2, .col-3, .col-4 { margin-left: 0px; margin-right: 0px; }
/* #body-100 sets the width multiplier by 100 */ #body-100 .col-1 { width: 100px; } #body-100 .col-2 { width: 200px; } #body-100 .col-3 { width: 300px; } #body-100 .col-4 { width: 400px; } #body-100 .fivecol { width: 500px; } #body-100 .sixcol { width: 600px; }
/* Lazy Margins
----------------------------------------------*/
/* Margin-all */ .m-0 { margin: 0px; } .m-5 { margin: 5px; } .m-10 { margin-10px; } .m-15 { margin: 15px; }
/* Margin-left -> .ml- */ .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; }
/* Margin-right -> .mr- */ .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; }
/* Margin-left-right --> */ .mlr-5 { margin: 0px 5px; } .mlr-10 { margin: 0px 10px; } .mlr-15 { margin: 0px 15px; } .mlr-20 { margin: 0px 20px; } .mlr-25 { margin: 0px 25px; } .mlr-25 { margin: 0px 30px; }
/* Margin-top --> */ .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; }
/* Clear floats --> */ .clr-l { clear: left; } .clr-r { clear: right; } .clr-b { clear: both; }
/* Center Page? */ .center { margin: 0px auto; text-align: center; }
/* SET backgrounds */
html { background: #6e775c url('/assets/_i/body-bg.gif') repeat-x; }
body { background: #6e775c url('/assets/_i/body-bg.gif') repeat-x; }
body#interior { background: url('/assets/_i/content-bg2.jpg') center 0px no-repeat; }
#content { background: url('/assets/_i/content-bg.jpg') no-repeat; }
#content2 { }
#content2 { clear: both; margin: 160px 0 0 0; padding: 0px 20px 20px 20px; font-size: 13px; line-height: 1.4em; text-align: left; background: url('/assets/_i/content-interior-repeat.gif') left repeat-y;}
.bg-debug { background: #fc0; }
.bg-black { background: #000; }
.bg-white { background: #fff; }
/* Non Sticky Footer
* Borrowed from:
* http://www.themaninblue.com/writing/perspective/2005/08/29/
*
* Make sure body and html are both height-100%
----------------------------------------------------------------------------------------*/
#pagewidth { position: relative; min-height: 100%; padding-bottom: 200px;}
* html #pagewidth { height: 100%; }
#footer { position: relative; margin-top: 2em; } /* Offset the footer*/
#pagewidth { width: 960px; margin: 0px auto; text-align: center;}
/*
*
* Set wrapper #wrapper
----------------------------------------------------------------------------------------*/
#wrapper { }
/*
* Navigation (is a div) id = #nav
* Contains: ul > li
*
----------------------------------------------------------------------------------------*/
#nav { display: block; float: left; height: 69px; padding-top: 20px; width: 625px !important; }
#nav li { display: block; float: left; width: auto; height: 49px; padding: 20px; font-size: 18px; font-weight: bold; }
#nav li a { margin: 0px; display: block; width: 100%; height: 80%; color: #000; }
#nav li a img { }
#nav li a:hover { color: #853B18; }
#nav li a span { display:none; }
.first { padding-left: 0px !important; }
.second_nav { padding-top: 80px !important; height: 09px !important; margin-bottom: 70px; }
/*
* Features
*
----------------------------------------------------------------------------------------*/
#item { width: 100%; }
#item #photo { width: 400px; float: left; margin-top: 26px; }
#item #text { float: right; width: 220px; margin-top: 280px; margin-right: 10px; background:# fc0; }
#item #text dl dt, #item #text dl dd { font-size: 1.1em; margin-bottom: 1.4em; }
#item #text #desc { }
#item #text dl dt > *, #item #text dl dd > * { line-height: 1.5em; }
/* Addendums */
#main #content .col-left { width: 630px; margin-left: 6px; margin-right: 10px; height: 530px;}
#main #content .col-right { width: 290px; margin-top: 195px; height: 330px; }
#main .col-left, #main .col-right { text-align: left; float: left; display: block; margin-top: 0; height: 100%; }
#content2 .col-left { float: left; width: 580px; }
.col-right { float: right; width: 320px; text-align: left; }
#content { width:100%; height: 564px; margin: 36px auto 0px; text-align: center;}
#bottom { padding-top: 20px; width:100% !important; }
#footer { width: 310px; height: 100%; float: right; text-align: left; padding: 10px 0 10px 20px; border-left: 1px solid #9c9e6c; }
/* UI Tabs */
.ui-tabs-hide { display: none; }
.pt0 { padding-top: 0px !important; }
.carries dd { display: inline; border-right: 1px solid #aaa; padding-right: 5px; }
.carries dt { font-weight: bold; margin-bottom: 5px; }
.clear { clear:both; }
.half { width: 48%; float: left; }
strong { font-weight: bold; }
.tagline { margin-top: 50px; }
.tagline a { color: #fff; text-decoration: underline; }
#coupon { background: url(/assets/_i/coupon.png); width: 304px; height: 204px; position: absolute; left: 50%; margin-left: -150px; top: 350px; text-indent: -999999px; overflow: hidden; display: block;}
.plist { margin-right: 20px; }
.plist img { padding: 1px; border: 1px solid #dedede; float: left; margin: 0 15px 5px 0; }
.plist span { padding: 20px 0 0 0; display: block;}
.plist li { clear: both; height: 20px; padding: 5px 0 10px 0; border-top: 1px solid #dddddd; margin: 5px 0 15px 0;}
.slist { list-style: circle; padding-left: 15px; }
.slist li { margin: 4px 0 4px 0; }
.fright { float: right; }
.calign { margin-left: 25px; }