/*
Theme Name: Cherokee Tobacco
*/

body { background: url(images/body-bg.jpg); margin: 0; padding: 0; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; }
a { color: #8E3200; }
img { border: 0; }
#container { background: url(images/container-bg.gif) repeat-y; width: 1033px; margin: 0 auto; padding: 0 22px 0 21px; }
#top-menu { background: url(images/topmenu-bg.jpg); height: 23px; line-height: 23px; font-size: 11px; color: #ffffff; }
#top-menu a { color: #ffffff; text-decoration: none; padding: 0 5px; }
#top-menu a:hover { text-decoration: underline; }
#assistance { width: 48%; float: left; text-align: center; }
#top-nav { width: 48%; float: right; text-align: right; }
#top-nav ul { list-style-type: none; margin: 0; padding: 0; }
#top-nav ul li { display: inline; } 

/* Header */
#header { background: url(images/header-bg.jpg); height: 151px; position: relative; }
#header h1 { padding: 0; margin: 0; }
img#logo { position: absolute; left: 30px; top: 0; }
img#buynow { position: absolute; left: 460px; top: 16px; }
img#warning { position: absolute; left: 629px; top: 13px; }

/* Navigation */
#nav { position: absolute; right: 49px; bottom: 0; }
#nav ul { margin: 0; padding: 0; }
#nav ul li { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; position: relative; }
#nav ul li a#about { display: block; height: 43px; width: 78px; padding: 0; text-indent: -9999px; background: url(images/nav-about.png) no-repeat; }
#nav ul li a#process { display: block; height: 43px; width: 127px; padding: 0; text-indent: -9999px; background: url(images/nav-manufacturing-process.png) no-repeat; }
#nav ul li a#locator { display: block; height: 43px; width: 78px; padding: 0; text-indent: -9999px; background: url(images/nav-store-locator.png) no-repeat; }
#nav ul li a#blog { display: block; height: 43px; width: 70px; padding: 0; text-indent: -9999px; background: url(images/nav-blog.png) no-repeat; }
#nav ul li a#buy { display: block; height: 43px; width: 132px; padding: 0; text-indent: -9999px; background: url(images/nav-buy.png) no-repeat; }
#nav ul li a#who { display: block; height: 43px; width: 76px; padding: 0; text-indent: -9999px; background: url(images/nav-who-we-are.png) no-repeat; }
#nav ul li a#about:hover { background-position: 0px -43px; }
#nav ul li a#process:hover { background-position: 0px -43px; }
#nav ul li a#locator:hover { background-position: 0px -43px; }
#nav ul li a#blog:hover { background-position: 0px -43px; }
#nav ul li a#buy:hover { background-position: 0px -43px; }
#nav ul li a#who:hover { background-position: 0px -43px; }


#nav ul li ul { background: transparent none repeat scroll 0 0; clear: left; font-size: 0.9em; position: absolute; text-align: left; z-index: 1; background: url(images/submenu-bg.png); padding: 10px; top: 44px; }
#nav ul li #submenu-about ul { left: -30px; width: 490px; }
#nav ul li #submenu-tobacco ul { width: 330px; }

#nav ul li ul li { clear: none; float: left; height: auto; }
#nav ul li ul li a { display: block; height: 16px; margin: 0; padding: 0; text-indent: -9999px; }
#nav ul li ul li a#sub-testimonials { background: url(images/subnav-testimonials.gif); width: 110px; }
#nav ul li ul li a#sub-testimonials:hover { background-position: 0px -16px; }
#nav ul li ul li a#sub-history2 { background: url(images/subnav-history2.gif); width: 80px; }
#nav ul li ul li a#sub-history2:hover { background-position: 0px -16px; }
#nav ul li ul li a#sub-health { background: url(images/subnav-health.gif); width: 162px; }
#nav ul li ul li a#sub-health:hover { background-position: 0px -16px; }
#nav ul li ul li a#sub-links { background: url(images/subnav-links.gif); width: 62px; }
#nav ul li ul li a#sub-links:hover { background-position: 0px -16px; }
#nav ul li ul li a#sub-contact { background: url(images/subnav-contact.gif); width: 72px; }
#nav ul li ul li a#sub-contact:hover { background-position: 0px -16px; }
#nav ul li ul li a#sub-history { background: url(images/subnav-history.gif); width: 162px; }
#nav ul li ul li a#sub-history:hover { background-position: 0px -16px; }
#nav ul li ul li a#sub-glossary { background: url(images/subnav-glossary.gif); width: 153px; }
#nav ul li ul li a#sub-glossary:hover { background-position: 0px -16px; }

/* Splash */
#home-splash { height: 228px; background: url(images/home-splash.jpg) no-repeat; }
#sub-splash { height: 228px; background: url(images/sub-splash.jpg) no-repeat; }

/* Banner */
#home-banner { height: 100px; background: url(images/home-banner.gif) no-repeat; }

/* Home Content - replaces Home Products 3/2010 */
#home-content { background: url(images/background-home.jpg); padding: 7px 6px 7px 6px; font-size: 15px; }
#home-content #home-sidebar { width: 268px; float: left; }
#home-content #home-sidebar #home-products { position: relative; width: 100%; height: 550px; background: url(images/home-sidebar-products-bg.jpg) no-repeat; }
#home-content #home-sidebar #home-products div#full { position: absolute; width: 268px; top: 57px; text-align: center; }
#home-content #home-sidebar #home-products div#light { position: absolute; width: 268px; top: 230px; text-align: center; }
#home-content #home-sidebar #home-products div#menthol { position: absolute; width: 268px; top: 405px; text-align: center; }
#home-content #home-sidebar #home-products img.button { margin-right: 4px; margin-top: 5px;  }
#home-content #home-body { width: 707px; float: right; padding: 0 20px 0 20px;  }

/* post */
div.post { margin-bottom: 40px; }
div.post div.date { font-style: italic; font-size: 0.8em; margin-top: -17px; }
div.post div.date2 { font-style: italic; font-size: 0.8em;  margin-top: 10px; }

div.posts-navigation {  }
div.posts-navigation .alignleft { float: left; width: 48%; }
div.posts-navigation .alignright { float: right; width: 48%; text-align: right; }

/* Promo */
#promo { height: 120px; background: url(images/promo-bg.jpg); position: relative; padding: 7px 6px; }
#promo h2.widgettitle { display: none; }
#promo div { width: 335px; height: 104px; float: left; background: url(images/promo2.jpg); margin-right: 5px; }
div.widget.sign-up { background: url(images/promo2.jpg); position: relative; }
div.widget.sign-up input#f_name { position: absolute; top: 67px; left: 55px; width: 85px; height: 13px; }
div.widget.sign-up input#f_email { position: absolute; top: 67px; left: 195px; width: 85px; height: 13px; }
div.widget.sign-up input#f_submit { position: absolute; top: 62px; right: 0; }

/* Sub Pages */
#content { background: url(images/content-bg.jpg); padding: 10px 0 20px 0; position: relative; min-height: 300px; }
#content #body { width: 490px; margin-left: 50px; color: #000000; font-size: 15px; }
#content #body h1, #home-body h1, #blog-body h1 { color: #ffffff; font-size: 1.6em; font-weight: normal; margin: 3px 0 0 0; padding: 0; }
h2 { font-size: 1.3em; }
h2 a { text-decoration: none; }
h2 a:hover { text-decoration: underline;}
#polaroid { position: absolute; top: -15px; right: 60px; }
#history { background: url(images/history-bg.jpg); padding: 10px 50px; font-size: 12px; }
#history-left { width: 48%; float: left; }
#history-right { width: 48%; float: right; }

/* Blog Pages */
#content #blog-body { width: 630px; margin-left: 20px; color: #000000; font-size: 15px; float: left; }
#content #blog-sidebar { width: 310px; margin-right: 6px; float: right; margin-top: 30px;  }
#content #blog-sidebar div.widget { background: url(images/widget-background.jpg) no-repeat; margin-bottom: 50px; }
#content #blog-sidebar div.widget h2 { color: white; padding: 8px 0 0 10px; font-weight: normal;}
#content #blog-sidebar div.widget div { padding: 0 10px 0 10px; }
#content #blog-sidebar div.widget ul { list-style-type: none; margin: 0 10px 0 10px; padding: 0; }
#content #blog-sidebar div.widget ul li { padding: 3px 0 3px 0; }

/* Footer */
#footer { height: 39px; background: url(images/footer-bg.jpg); position: relative; margin-bottom: 10px; padding: 0 10px; font-size: 11px; color: #ffffff; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer-nav { width: 1013px; height: 39px; line-height: 39px; text-align: center; position: absolute; left: 0; top: 0; }
#footer-nav ul { list-style-type: none; margin: 0; padding: 0; }
#footer-nav ul li { display: inline; }
#footer-copy { width: 200px; height: 39px; line-height: 39px; text-align: right; position: absolute; right: 10px; top: 0; }

div.anchor { clear: both; }
select { padding: 2px; }