/*  
Theme Name: WeeklySauce
Theme URI: N/A
Description: N/A
Author: Patrick Bruno
Author URI: http://www.patrickbruno.com/
Version: 1.0.0
Tags: optimal fusion weekly sauce
*/

@import url('library/layout.css');

/*-----Generic Styles-----*/
b, strong{font-weight:bold;}
i, em, dfn{font-style:italic;}
dfn{font-weight:bold;}
/*abbr, acronym{border-bottom:1px solid #ddd;}*/
abbr{border:none;}
sup, sub{font-size:0.7692em; line-height:1;} 
sup{vertical-align:super;}
sub{vertical-align:sub;}
del{text-decoration:line-through;}
u, ins{text-decoration:underline;}
pre, code, tt{font:1em/1.5385 consolas, 'Courier New', Courier, Monospace;}
pre{margin:0 0 1.5385em; padding:0.7692em 10px; border:1px solid #ddd; overflow:auto;}
hr{background:#ccc; color:#ccc; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.5385em; border:none;}
blockquote{margin:0 0 1.5385em; padding:0 0 0 40px; color:#555; background:url('images/pp-quote.gif') no-repeat;}

blockquote p {
	width: 160px;
	float:right;
	padding:18px;
	background-color: #fff;
	border: dotted 4px #CC3;
	border-left: none;
	border-right: none;
	margin-left: 12px;
	margin-bottom: 12px;
	color: #990 !important;
	font-weight: normal;
	font-size: 18px !important;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-style:italic;
	text-align: center;
}

.alignleft{float:left;margin:20px 25px 20px 0;}
.alignright{float:right;margin-left:20px 0 20px 25px;}

/*-----navigation-----*/
.navigation{text-align:center; padding:1.8181em 0;}
.navleft, .gnavleft{float:left; width:50%; text-align:left;}
.navright, .gnavright{float:right; width:50%; text-align:right;}
.gnavigation{}
.looped .navigation {border-bottom:none;}

/*-----legacy comments*/
.comment-counter{font-size:1.3em; float:right;}

/*-----clearfix-----*/
.entry-content:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.entry-content, .clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.entry-content, .clearfix {display: block;}
/* End hide from IE5/Mac */


/************************************************
*	Comments									*
************************************************/
	
#commentblock {

	background: #EFEFEF;
	color: #000000;
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	border-top: 2px solid #CCC;
	border-bottom: 1px solid #CCC;
	}
	
#commentblock ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	list-style:none;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	margin: 15px 20px 10px 0px;
	padding: 10px 10px 10px 10px;
	background: #F9F9F9;
	border:1px solid #DEDEDE;
	font-style:normal;
	}


.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	background: #FFFFFF url("images/comment.gif") no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

img.avatar {float:right; margin-right:20px; border: 1px solid #4C666A; width:40px; height:40px;}

.awaiting { color: #886353; }

.auth-name { font-family:Arial, Helvetica, sans-serif; }

.auth-time { font-size: 10px; color:#616161; }

#comments, #respond { font-size: 14px; font-weight:bold;}


/*-----harold's wp changes-----*/

div#content .entry-byline{
	margin:0;
	padding:0;
	line-height:0;
	font-size:10px;	
}

div#content .entry-meta{
	font-size:10px;	
}

div#content .navigation{
	font-size:13px;	
	font-weight:bold;
}

#pp-feed{
	margin-top:15px;
}

#pp-feed a{
	font-weight:bold;
	text-decoration:none;
	color:#EE8715;
}

#s-input{
	width:270px;
	padding:3px;
	font-size:16px;
	color:#444;
	border:#CCC 1px solid;
}

/************THEME START************/

img, div, a {behavior:url(images/iepngfix.htc);}

a{
	outline: none;
	color:#80862B;
	text-decoration:none;
}

a:hover{
	color:#EE8715;
}

body, div, p, td{}

body{
	margin:0;
	height:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background:url(images/bg_tile.gif) top left repeat;
}

h1{}

h2{}

h3{}

h1 a, h2 a, h3 a, h4 a {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#DF7D11;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color:#F4B168;
}

/************MISC************/

br.clearfloat{
	clear:both;
    height:0;
	margin:0;
	padding:0;
    font-size: 1px;
    line-height: 0px;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
}

form.formhome{
	height:0;
	margin:0;
	padding:0;
}

.red{
	color:#900;	
}

/************CONTAINER************/

div#tiletop{
	background:url(images/bg_gradient-top.jpg) top left repeat-x;
}

div#container{
	width:1008px;
	margin:0 auto;
	text-align:left;
}

div#top{
	height:22px;
	background:url(images/bg_canvas-top.png) bottom center no-repeat;
}

div#middle{
	padding:10px 26px 0 26px;
	background:url(images/bg_canvas-mid.png) top center repeat-y;
}

div#bottom{
	height:22px;
	background:url(images/bg_canvas-bot.png) top center no-repeat;
}

/************HEADER + NAV************/

div#header{
	position:relative;
}

a#logo{
	width:358px;
	height:86px;
	display:block;
	margin-left:20px;
	background:url(images/logo.jpg) top center no-repeat;
	text-indent:-9999px;
}

div#subscribe-top{
	position:absolute;
	top:0;
	right:0;
	width:310px;
	height:60px;
	padding:20px 15px;
	background:url(images/newsletter_top.gif) top right no-repeat;
}

div#subscribe-top strong{
	font-size:15px;
	color:#999;
}

div.signup input.boxinput{
	vertical-align:middle;
	width:165px;
	height:29px;
	margin-top:2px;
	padding:10px 20px 0 10px;
	font-size:16px;
	color:#999;
	background:url(images/subscribe_bg.png) left no-repeat;
	border:none;
}

div.signup input.boxbtn{
	vertical-align:middle;
	padding:0;
}

ul#nav{
	padding:0;
	margin:30px 0 0 0;
	list-style:none;
}

ul#nav li{
	line-height:0;
}

ul#nav li a{
	float:left;
	display:block;
	width:153px;
	height:50px;
	margin:0 3px;
	text-indent:-9999px;
}

a#nav1{
	background:url(images/nav_1.jpg) top left no-repeat;
}

a#nav2{
	background:url(images/nav_2.jpg) top left no-repeat;
}

a#nav3{
	background:url(images/nav_3.jpg) top left no-repeat;
}

a#nav4{
	background:url(images/nav_4.jpg) top left no-repeat;
}

a#nav5{
	background:url(images/nav_5.jpg) top left no-repeat;
}

a#nav6{
	background:url(images/nav_6.jpg) top left no-repeat;
}

a#nav7{
	background:url(images/nav_7.jpg) top left no-repeat;
}

a#nav1:hover{
	background:url(images/nav_1.jpg) 0 -51px no-repeat;
}

a#nav2:hover{
	background:url(images/nav_2.jpg) 0 -51px no-repeat;
}

a#nav3:hover{
	background:url(images/nav_3.jpg) 0 -51px no-repeat;
}

a#nav4:hover{
	background:url(images/nav_4.jpg) 0 -51px no-repeat;
}

a#nav5:hover{
	background:url(images/nav_5.jpg) 0 -51px no-repeat;
}

a#nav6:hover{
	background:url(images/nav_6.jpg) 0 -51px no-repeat;
}

a#nav7:hover{
	background:url(images/nav_7.jpg) 0 -51px no-repeat;
}

/************HOME************/

div#home{
	float:left;
	margin:3px 0;
}

div#home-content{
	position:relative;
	float:left;
	width:644px;
	height:535px;
	margin-right:11px;
}

div#home-content ul{
	list-style:none;
	padding:0;
}

div#home-content li{
	width:644px;
	height:535px;
	padding:0;
}

div#home-content li a{
	position:absolute;
	width:290px;
	height:40px;
	display:block;
}

li#image1{
	background:url(images/content_main.jpg) top center no-repeat;
}

li#image1 p{
	width:550px;
	margin:255px 0 0 44px;
	padding:0;
	text-shadow:0 1px 1px #333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:23px;
	font-style:italic;
	color:#FFF;
}

li#image2{
	background:url(images/content_mommasauce.jpg) top center no-repeat;
}
li#image2 a{
	top:161px;
	right:22px;
}

li#image3{
	background:url(images/content_weeklybite.jpg) top center no-repeat;
}
li#image3 a{
	top:339px;
	right:23px;
}

li#image4{
	background:url(images/content_travelsauce.jpg) top center no-repeat;
}

li#image4 a{
	top:339px;
	right:23px;
}
li#image5{
	background:url(images/content_weeklygrape1.jpg) top center no-repeat;
}
li#image5 a {
	top:339px;
	right:23px;
}

div#subscribe-home{
	position:absolute;
	top:410px;
	left:40px;
	width:560px;
	height:95px;
}

div#subscribe-home h1{
	float:left;
	margin:3px 65px 0 0;
	padding:0;
	text-shadow:0 1px 1px #333;
	font-size:26px;
	font-weight:bold;
	color:#FFF;
}

div#subscribe-home select{
	margin:15px 75px 0;
	padding:5px;
	width:400px;
	font-size:16px;
	font-weight:bold;
	color:#DF7D11;
	background:#D9DD90;
}

div#recent{
	position:relative;
	width:980px;
	height:251px;
	margin:0 0 5px -12px;
	padding-left:-20px;
	background:url(images/bg_recentsauce.jpg) center no-repeat;
}

div#recent h2{
	margin:0;
	padding:0;
}

div#recent h2 a{
	margin:5px 0;
	padding:0;
	line-height:120%;
	font-size:18px;
	font-weight:lighter;
	text-decoration:none;
	color:#DF7D11;
}

div#recent h2 a:hover{
	color:#F4B168;
}

div#recent h4{
	margin:5px 0;
	padding:0;
	font-size:13px;
	color:#8B932F;
}

div#recent p{
	font-size:14px;
	line-height:135%;
	margin:7px 0;
	color:#444;
}

div#recent-bar1{
	position:absolute;
	top:47px;
	left:339px;
	width:9px;
	height:185px;
	background:url(images/bg_recent-bar.jpg) center no-repeat;
}

div#recent-bar2{
	position:absolute;
	top:47px;
	right:338px;
	width:9px;
	height:185px;
	background:url(images/bg_recent-bar.jpg) center no-repeat;
}

a#leftarrow{
	position:absolute;
	top:95px;
	left:15px;
	width:31px;
	height:86px;
}

a#rightarrow{
	position:absolute;
	top:95px;
	right:13px;
	width:31px;
	height:86px;
}

/************SIDEBAR************/

div#subscribe-home #home-sidebar{
	float:left;	
}

div#home-sidebar{
	float:left;
	margin-top:19px;
	width:300px;
}

div#home-sidebar a{
	font-weight:normal;
}

div#home-sidebar a:hover{
	
}

.sidebar ul{
	margin:0 15px 15px 15px;
	padding:0;
	list-style:none;
}

.sidebar ul li ul li{
	padding:10px 0;
	line-height:170%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	border-bottom:#CCC 1px solid;
}

div#home-sidebar h2{
	margin:15px 0 10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	color:#DF7D11;
}

div#sidebox1 a{
	display:block;
	margin-top:0px;
	height:189px;
	background:url(images/sidebar_1.jpg) top center no-repeat;
	text-indent:-9999px;
}

div#sidebox{
	margin:3px 0px 12px;
	width:300px;
	height:250px;
	border:#CCC 1px solid;
	/*background:url(images/sidebar_2.jpg) top center no-repeat;*/
}

div#sidebox-300x600{
	margin:3px 0px 12px;
	width:300px;
	/*background:url(images/sidebar_2.jpg) top center no-repeat;*/
}

/************SUBPAGE************/

div#subpage{
	float:left;
	margin:3px 0;
}

div#content{
	position:relative;
	float:left;
	width:624px;
	margin:21px 11px 10px 0;
	padding:0 10px 10px 10px;
}

div#content-noside{
	position:relative;
	float:left;
	width:930px;
	margin:21px 7px 10px 0;
	padding:0 10px 10px 10px;
}

div#content h1, div#content-noside h1{
	margin:5px 0;
	padding:0;
	font-size:28px;
	font-weight:lighter;
	color:#DF7D11;
}

div#content h2, div#content-noside h2{
	margin:5px 0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	font-style:italic;
	color:#DF7D11;
}

div#content h3, div#content-noside h3{
	letter-spacing:1px;
	font-size:17px;
	font-weight:normal;
	color:#888;
}

div#content h4, div#content-noside h4{
	margin:5px 0;
	padding:0;
	font-size:13px;
	color:#8B932F;
	border:0;
}

div#formoffers strong{
	margin:5px 0;
	padding:0;
	font-size:13px;
	color:#8B932F;
}

div#content p, div#content-noside p, div#content ul, div#content-noside ul{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:170%;
	color:#666;
}

a#readmore{
	font-weight:bold;
	color:#DF7D11;
}

a#readmore:hover{
	color:#F4B168;
}

div#breadcrumb{
	margin-bottom:20px;	
	letter-spacing:1px;
	font-size:17px;
	color:#888;
}

div#breadcrumb a{
	color:#888;
}

div#breadcrumb a:hover{
	text-decoration:underline;
}

/************FORM PAGE************/

table#form{
	margin:0 60px 20px;
	font-size:14px;
	font-weight:bold;
	color:#888;
}

table#form td{
	width:150px;
	padding:3px;
	text-align:right;
}

table#form input, table#form select{
	padding:4px;
	border:#AAA 1px solid;
	background:url(images/bg_input.jpg) top repeat-x;
}

table#form td.input{
	width:240px;
	text-align:left;
}

table#form select{	
}

div#offerlist{
}

div#offerlist-box{
	position:relative;
	width:670px;
	min-height:60px;
	margin:0;
	padding:10px 10px 10px 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
}

/*
div#offerlist-box.odd{
	background:#FFF;
}

div#offerlist-box.even{
	background:#F8F5DE;
}
*/

div#offerlist-box h3{
	margin:0;
	font-size:11px;
	font-weight:bold;
	color:#DF7D11;
}

a.offerlist-logo{
	position:absolute;
	top:5px;
	left:125px;
	width:100px;
	height:50px;
	background:#FFF;
	border:#8B932F 1px solid;
	border-right:#8B932F 2px solid;
	border-bottom:#8B932F 2px solid;
}

div#yesno{
	position:absolute;
	top:0;
	left:0;
	padding:10px;
}

/************OFFER-SUBSCRIBE************/

div#offer-subscribe{
	margin:20px;
	padding:20px;
	font-size:12px;
	line-height:120%;
	color:#000;
}

div#offer-subscribe h1, div#offer-subscribe h2, div#offer-subscribe h3, div#offer-subscribe h4{
	margin:0;
	padding:0;
	line-height:100%;
}

div#offer-subscribe input, div#offer-subscribe select{
	padding:3px;
}

div#offer-subscribe table{
	
}

div#offer-subscribe table tr.even{
	background:#EFEFEF;
}

/************FOOTER************/

div#footer{
	font-size:11px;
	font-weight:normal;
	color:#777;
}

/************STEP CAROUSEL************/

#stepwrap{
position: relative; /*leave this value alone*/
top:40px;
left:56px;
overflow:hidden;
width:870px;
height:180px;	
}

.stepcarousel{
overflow: scroll; /*leave this value alone*/
width: 890px; /*Width of Carousel Viewer itself*/
height: 180px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 35px 10px 10px; /*margin around each panel*/
padding:0 10px;
width: 240px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/************SLIDESHOW************/
/* begin: slideshow */
.slideshow {
position:relative;
}
.slideshow a img {
border:none;
}
.slideshow li.slide {
list-style-type:none;
}
.slideshow .slides {
height:535px;
margin:0;
}
.slideshow .slides li.slide {
visibility:hidden;
position:absolute;
left:0px;
top:0;
}
.slideshow .buttons {
display:none;
}
.slideshow .buttons {
display:block;
position:absolute;
z-index:100;
left:0px;
bottom:20px;
margin:0;
}
.slideshow .buttons li {
float:left;
display:inline;
width:30px;
height:30px;
margin:0;
padding-left:11px;
line-height:30px;
background-image:url('buttonBg.png');
background-repeat:no-repeat;
}
.slideshow .buttons li a {
float:left;
text-decoration:none;
width:30px;
height:30px;
color:#fff;
outline:0;
}
.slideshow ul.buttons li a:hover {
text-decoration:none;
color:#0a0a0a;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
color:#666666;
}
/* end: slideshow */

/*  unique offer styling */
a.offer-img-241 {
	border: 1px solid #CCC !important;
}