/*
Theme Name:Clean Home
Theme URI:http://midmodesign.com/news/general/our-special-wordpress-theme/
Description:This WordPress theme is one with a minimal, clean looking design and has full CSS widgetization. Special thanks to <a href="http://bryanhelmig.com/">Bryan Helmig</a> of <a href="http://midmodesign.com/">Mid Mo Web Design</a>.
Version:1.2.1
Author:Mid Mo Design
Author URI:http://midmodesign.com/
Tags:white, red, fixed-width, two-columns, right-sidebar

	"Clean Home" by http://midmodesign.com/

	This theme was designed and built by Bryan Helmig
	of Mid Mo Design: http://midmodesign.com/.

	The CSS, XHTML and design is released under the GPL.

*/

/* Taken from #container for hopin */

html { height: 200px }

#wrapper {
width:960px;
height: auto;
margin:0 auto;
}

hr {

color: white;
margin-top: 8px;

}

a img {border: none}

#logo {
float:left;
width:auto;
}
#logo a {
color:#ff2b06;
font-size:60px;
font-weight:600;
text-decoration:none;
border-bottom:none;
letter-spacing:-4px;
background-color:#fff;
}
#logo h2 {
font-size : 18px;
font-weight : 200;
padding : 12px 4px 0 0;
letter-spacing : -1px;
}
#nav {
float:right;
width:auto;
padding:12px 0 0;
}
#nav ul {
height:50px;
float:right;
}
#nav li {
text-align:center;
float:left;
display:inline;
width:auto;
}
#nav li a {
font-size:20px;
font-weight:400;
display:block;
padding:15px;
border-bottom:none;
}
#nav li a:hover {
background-color:#f7f7f7;
}
#blurb {
font-family:Georgia;
height:auto;
border-bottom:1px dotted #ccc;
width:100%;
float:left;
padding:35px 0;
font-size:32px;
font-weight:400;
line-height:120%;
}
#blurb:hover {
color:#e12000;
}
#content {
width:640px;
float:left;

padding:0 0 30px 0;
min-height:420px;
overflow:hidden;
}
.post {
padding:0 30px 0 0;
}
.post p {
margin:14px 0 14px 0;
}
.post em{
font-style:italic;
}
.post h2 {
font-family:helvetica;
font-size:20px;
margin:25px 0 10px 0;
font-weight:normal;
}
.post h1, .post h1 a{
font-family:'MuseoSans500',sans-serif;
text-shadow: 1px 1px 0px #fff;
font-size:28px;
margin:30px 0 10px 0;
font-weight:normal;
line-height:32px;
text-decoration: none;
}

.post .recentdeals h1, .post .recentdeals h1 a {
padding-bottom: 3px;
}
.post h3, .post h4 {
font-family:helvetica neue, helvetica, arial;
font-size:20px;
margin:15px 0 10px 0;
font-weight:normal;
}
.post h4 {
font-size:18px;
}
/* .post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover {
color:#e12000;
} */
.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
.post small {
font-size:11px;
}
.post small a {
font-weight:normal;
}
.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:circle;
margin:0 0 0 25px;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}
.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
}
.post .wp-caption-text {
margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}
.post blockquote {
color:#777;
border-left:5px solid #ccc;
margin:15px 30px 0 10px;
padding-left:20px;
}
.post pre {
font-family:courier;
font-size:12px;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#fff;
}
#comments h3, #comments h4{
font-family:helvetica neue, helvetica, arial;
font-size:24px;
margin:35px 0 5px;
font-weight:normal;
}
#comments h4{
font-size:28px;
}
#comments cite{
font-family:helvetica neue, helvetica, arial;
font-size:18px;
font-weight:normal;
border-bottom:1px dotted #ccc;
}
#comments em {
font-style:italic;
text-align:right;
}
#comments ol.commentlist li {
margin-top:20px;
border:1px dotted #ccc;
border-right:0;
padding:10px 5px 20px 10px;
min-height:110px;
}
#comments p {
margin:10px 0 0 10px;
width:auto;
}
#comments span {
display:block;
color:#eee;
font-family:helvetica neue, helvetica, arial;
font-size:120px;
font-weight:normal;
float:right;
padding-top:25px;
}
#comments ul.formlist {
margin:20px auto;
width:375px;
}
#comments ul.formlist li {
display:block;
margin:10px 0 0;
}
#comments ul.formlist p{
margin:10px 0 0;
text-align:center;
}
#comments input {
font-family:helvetica neue, helvetica, arial;
width:370px;
font-size:18px;
font-weight:normal;
}
#comments textarea {
font-family:helvetica neue, helvetica, arial;
width:370px;
font-size:18px;
font-weight:normal;
}
#comments li.submitbutton input {
text-align:center;
background:#fff;
border:1px solid #aaa;
color:#000;
font-family:helvetica neue, helvetica, arial;
font-weight:normal;
font-size:20px;
width:374px;
}

#commentform { width: 100% }

#comments .center {
text-align:center;
}

* 	{ margin: 0; padding: 0 }
body.todays-deal { background: #aeb045 url(images/bg.gif) repeat-x; }

.todays-deal #productinfo a { color: white; text-decoration: none; }
.todays-deal #productinfo a:hover { border-bottom: 1px dotted white }

.thedescription { clear: both }

.todays-deal #sidebar2 {background: none;}
.todays-deal #sidebar3 { background: }
.todays-deal #sidebar {margin-top: -5px;}


body {background: #cfcfcf url(images/bg-internal.gif) repeat-x; font-family: helvetica neue, helvetica, arial; font-size: 100%; height: 200px }
h3 	{font-family: 'MuseoSans500', sans-serif; font-size: 12px; font-weight: 200; text-transform: uppercase; color: #555d15;}
a 	{ color: #fc8018 }
a:hover { color: #E57928 }
p 	{ padding-bottom: 15px }

@font-face {
	font-family: 'MuseoSans500';
	src: url('fonts/MuseoSans_500.eot');
	src: local('Museo Sans 500'), local('MuseoSans-500'), url('fonts/MuseoSans_500.otf') format('opentype');
}

/* HEADER ------------------------------------------------------------------ */
#header { width: 960px; height: 189px }

#container { }

h1.logo {margin-top: 10px; float: left; border: none}
.logo a img {border: none;}

#tagline 		{ float: right; margin-top: 50px; margin-right: 15px }
#signup a 		{ z-index: 9999; position: fixed; display: block; right: 0; top: -1px; height: 89px; width: 90px; background: url(images/signup.png) no-repeat }
#signup a:hover { z-index: 9999; background-position: -92px 0; }
#socialmedia 	{ width: 300px; float: right; top: 55px; position: relative; right: 17px }
#socialmedia p 	{ float: right }
a.btn-request	{ background: url(images/button-request.png) no-repeat; height: 33px; width: 225px; display: block; float: left; padding-right: 2px }
a.btn-request:hover { background-position: 0px -35px }

/* MAIN PRODUCT CONTENT (HOMEPAGE) ------------------------------------------------------------------- */
#productinfo 	   { clear: both; float: left; margin:9px 0 0 22px; background: url(images/arrowup.gif) no-repeat top left; width: 600px; height: auto; z-index: 10; position: relative }

.title-productinfo { text-transform: capitalize; font-weight: 200; margin-top: 30px; font-size: 2em; color: #F3F3F3; text-shadow: 1px 1px 0px #5e6716 }
#productinfo p 	   { color: #2C2C2C; font-size: 17px; margin-right: 15px; line-height: 25px; letter-spacing: .03em }
.comment  		   { display: block; height: 29px; width: 99px; float: left }
a.comment          { background: url(images/button-comment.png) no-repeat }
a.comment:hover    { background-position: 0 -30px }

.buy 		{ display: block; height: 29px; width: 69px; float: left; margin-left: 3px; background: no-repeat }
a.buy 		{ background: url(images/button-buy.png) no-repeat }
a.buy:hover 	{ background-position: 0 -30px }
#commentbuy {clear: both; padding-top: 5px;}
#commentbuy a { border-bottom: none !important }
#bgpads 	{ width: 950px; height: 328px; margin: 0 auto; position: absolute; top: 535px; margin-left: 35px; z-index: 2; background: url(images/bg-pads.gif) no-repeat top right }

/* SIDEBAR ------------------------------------------------------------------*/
.twitter, .facebook { width: 45px; height: 45px; float: left; position: relative }
#sociallinks { position: relative; float: right; background: red }
#sidebartop {position:relative; z-index: 9999; width: 297px; height: auto; background: url(images/orangeheader.png) top center no-repeat; float: right; margin-top: 45px; margin-right: 20px; }
#sidebarbottom {width: 297px; height: 12px; background: url(images/orangefooter.png) bottom center no-repeat; z-index: 999; position: relative;}

.sidebar {z-index: 999; position: relative; width: 297px; height: auto; background: url(images/bg-orange.png) repeat-y; padding-left: 15px; }

#sidebar2 { margin-top: -3px;}

.side{clear: both; float: left; padding-bottom: 4px;}
.sideinfo {width:340px; height: 52px;margin-bottom:1px; }
.title-side { padding-left:10px;float:left; font-weight: normal; font-family:'MuseoSans500', sans-serif; font-size: 12px; color: #121212 }
.sideimg { float: left; width: 40px;max-height:40px;margin: 5px 0px 0px 10px  }

.sidecopy 		{ padding-left:10px; font-size: 10px; color:#121212; font-family:'MuseoSans500', sans-serif; padding-bottom: 5px; margin-top: -3px; clear: both }
.sidetext 		{ float: left; padding-right: 20px; margin-top: 1px; width: 215px;}
a.sidelink 		{ font-size: 10px; font-family: 'MuseoSans500', sans-serif; color: #D67125; text-transform: uppercase }
a.sidelink img  { border: none;}

h2.sidebar 		{ text-transform: capitalize; font-weight: 200; width: 240px; background: transparent; font-size: 1.5em; color:#f3f3f3; text-shadow: 1px 1px 0px #a45620; padding-top: 10px; padding-left: 5px;}
.sidedeal 		{ margin-left: 15px;}
#sidebardaily 	{ background: url(images/bg-sidebar-daily.gif) no-repeat; height: 72px; width: 262px; margin-left: 15px; margin: 0 auto; padding-top: 15px;}
#sidebardeal 	{ background: url(images/bg-sidebar-deals.gif) no-repeat; height: 187px; width: 262px; margin-left: 15px; margin: 0 auto; padding-top: 15px;}
#twitter 		{ background: url(images/bg-twitter.png) no-repeat; height: 302px; width: 308px; padding-bottom: 8px; font-size: 13px;}
#twitter ul 	{ list-style: none;}
#twitter ul li 	{ padding-bottom: 15px;}

#twitter_update_list 	{width: 230px; padding: 15px; color: #6f6f6f;}
#twitter_update_list a 	{text-decoration: none;}

#localfirst {width: 125px;}
#localfirst a { background:transparent url(images/logo-local.png) no-repeat; display:block; height:49px; width:125; margin: 0px 0px 0px 0px; }
#localfirst a:hover { background-position: 0 -50px }
#chamber { margin: -45px 0px 0px 50px }
#chamber a { background: url(images/logo-chamber.png) no-repeat; display: block; height: 50px; width: 150px; margin: 0px 0px 0px 60px;}


/* SINGLE PAGE & SHOP ----------------------------- */
.shopdetails	{ background: }
.shop .post h1 {display: none;}
.featuredimg img { max-height: 220px !important; max-width: 270px !important }
.shop .featuredimg {max-height: none;}
.email-signup .post, .checkout .post, .cart .post, .shop .post, .singlepage .post, .privacy-policy .post, .merchant-policy .post {background: #fff; padding: 1px 10px 0px 10px; width: 578px; margin: -1px 32px 0px 32px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border: 1px solid #c4c2c3;}

.error {background: #fff; padding: 1px 10px 0px 10px; width: 895px; margin: 10px 32px 0px 32px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border: 1px solid #c4c2c3;}

#checkout-button	{ background: url(images/button-submit.gif) no-repeat; height: 33px; width: 225px; display: block; float: right; padding-right: 2px; padding-bottom: 10px; border: none; text-indent: -9999px; cursor: pointer; margin-top: -15px }
#checkout-button:hover { background-position: 0px -35px }



.email-signup h1, .checkout h1, .cart h1, .shop h1, .singlepage h1 {margin-top: 10px;}
#cart.shopp { border-bottom: 1px solid #cccccc }

#mc_signup_form { padding-bottom: 10px;}

/* BLOG -------------------------------------------- */
.blog .post 	{ margin-left: 15px; position: relative; top: 15px }
.blog #featured { position: relative; top: -30px; height: 270px;}

/* ABOUT -------------------------------------------- */
.about .post, .contact .post {background: #fff; padding: 1px 10px 0px 10px; width: 578px; margin: -1px 32px 0px 32px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border: 1px solid #c4c2c3;}
.abouttitle a img { border: none }
.abouttitle 	  { margin-top: 13px; margin-bottom: 4px; left: 50px; position: relative }

/* NO PRODUCTS ------------------*/
.noproducts		{ background: url(images/bg-featured.png) no-repeat; width: auto; height: 261px;margin-top:-6px; margin-left: 32px; position: relative; top: 1px;}
.noproducts h2	{ margin-left: 15px }

/* ERROR PAGE -----------*/
.error h2 		{ font-size: 125px; font-family: 'MuseoSans500', sans-serif; font-weight: bold; letter-spacing: -7px; }

/* ROTATE THE ERROR H2 */
/*-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg); } */


.error ol 		{ margin-top: 0px; margin-bottom: 20px }
.error ol li 	{ margin-left: 20px; font-size: 18px }
.bottomborder	{ border-bottom: 1px solid #ccc; padding-bottom: 0px; margin-bottom: 7px; font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #696969; }

/* EMAIL SIGNUP ------------------------- */
.email-signup .post { min-height: 320px }

/* FEATURED ---------------------------------------------------------------- */
#recentdeal 		{ margin-top:45px;}
.recentdeals 		{ margin-top: 13px; margin-bottom: 9px; left: 50px; position: relative }
.abouttitle 		{ margin-top: 13px; margin-bottom: 4px; left: 50px; position: relative }
.recentdeals a img 	{ border: none }
#featuredcontainer	{ width: 960px; height: 201px; background: url(images/bg-featuredcontainer.gif) no-repeat top right }
.featured 			{ clear: both; float: left; margin-left: 32px; }
.featuredinfo		{ background: url(images/bg-featured.png) no-repeat; width: 600px; height: 261px;margin-bottom:10px; position: relative; top: 1px;}
.featuredtitle 		{ margin-top: 10px; margin-bottom: 5px; margin-left: 18px }
.featuredimg 		{ float: left; width: 270px; max-height: 230px; margin: 5px 15px 0px 15px;}
.featuredtext 		{ float: left; padding-right: 20px; margin-top: 10px; width: 265px;font-family: 'MuseoSans500', sans-serif;font-size:14px; }
.savings			{ padding-bottom: 5px }
.missed 			{font-size:14px;}

.title-featured 	{ font-weight: normal; letter-spacing: .02em; font-family:'MuseoSans500', sans-serif; font-size: 19px; width: 285px; color: #121212 }
.title-price 		{ color: #fa862f; font-weight: 200; line-height: 20px; font-size: 20px; padding-bottom: 10px }
.featuredcopy 		{ font-size: 12px; color: #555d15; font-family:'MuseoSans500', sans-serif; padding-bottom: 5px }
.wtd				{ font-family: 'MuseoSans500', sans-serif; font-size: 12px; font-weight: 200; text-transform: uppercase; color: #555d15;}
.buybutton 			{ display: block; height: 41px; width: 229px }
a.buybutton 			{ background: url(images/button-buysweet.png) no-repeat }
a.buybutton:hover 		{ background-position: 0 -42px }
a.featuredlink 			{ font-size: 12px; font-family: 'MuseoSans500', sans-serif; color: #D67125; text-transform: uppercase }
a.featuredlink:hover 	{ color: #fa862f }

.pikachoose { positon: absolute; width: 271px; height: 250px; margin: 0 auto 0px auto }

/* This is the ul you have all your images in */
.pikachoose ul{position:relative;padding-left:0px;width:250px;height:35px;margin:0;overflow:hidden; bottom: 2px; }
.pikachoose ul li{ float: left;padding:2px;position:relative;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:271;height:220px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px; max-width: 271px; max-height: 215px; }
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none; max-width: 271px; max-height: 215px; }
.pika_caption{display:none;}
.pika_caption a{color:white;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px; }
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;}


/* NAVIGATION -------------------------------------------------------------- */
#navigation 				{ position: relative; float: right; margin-top: 17px; width: 600px }
#navigation ul li a 		{ background:url(images/nav.gif) no-repeat; display:block; float:left; height:40px; outline: none }
#navigation ul li a span	{ display: none; }
#navigation ul 				{ float: right; margin: 0; overflow: auto; padding: 0; width: auto; }
#navigation ul li 			{ float: left; list-style-image: none; list-style-position: outside; list-style-type: none; margin-right: 10px }

#navigation #nav-home a    { background-position:    0 0px; width:  86px; }
#navigation #nav-blog a    { background-position:  -85px 0; width:  81px; }
#navigation #nav-recent a  { background-position: -165px 0; width: 160px; }
#navigation #nav-about a   { background-position: -327px 0; width: 90px;  }
#navigation #nav-contact a { background-position: -421px 0; width: 112px; }

#navigation #nav-home a:hover    { background-position: 0 -40px;      }
#navigation #nav-blog a:hover    { background-position: -85px -40px;  }
#navigation #nav-recent a:hover  { background-position: -165px -40px; }
#navigation #nav-about a:hover   { background-position: -327px -40px; }
#navigation #nav-contact a:hover { background-position: -421px -40px; }

#navigation #nav-home.active a    { background-position: 0 -80px;      }
#navigation #nav-blog.active a    { background-position: -85px -80px;  }
#navigation #nav-recent.active a  { background-position: -165px -80px; }
#navigation #nav-about.active a   { background-position: -327px -80px; }
#navigation #nav-contact.active a { background-position: -421px -80px; }

/* FOOTER -------------------------------------------------------------------*/
#footer			{ clear: both; 
				  position: relative; 
				  bottom: 0px; 
				  height: 20px; 
				  font-size: 10px; 
				  color: #282828; 
				  margin: 0 auto; 
				  padding-top: 10px; 
				  letter-spacing: .1em 
				}
				
#footerinside				{ width: 920px; clear: both; height: 20px; margin: 0 auto; padding-top: 5px }
.authorize					{ margin-top: -20px }
.copyright					{ float: left; margin-left: 5px }
.phone						{ float: right; margin-right: 5px }
.copyright, .phone			{ margin-top: -10px }
.todays-deal .phone a		{ color: #fff }
.todays-deal .phone a:hover { border-bottom: 1px dotted #fff }
.phone a					{ color: #e36b12; text-decoration: none; text-transform: uppercase }
.phone a:hover				{ border-bottom: 1px dotted #e36b12 }