/* 	
	This page contains global style settings common across all 
	pages within the website. Page-specific styling can be employed
	via a page-specific stylesheet
*/

/* -------------- */
/*    ELEMENTS    */
/* -------------- */

.bloglifesytle
{
float:left;
width:240px;
padding-right:24px;
font-size:14px;
}



#FlashContent 
{
	height:435px;
	width:1003px;
	
}
#FlashContentFade 
{
	height:415px;
	width:1003px;
	
}
body {
	margin:0;
	padding:0px;
	text-align: center;
	vertical-align: top;
	width: 100%;
	font-size: 70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background:#FEAA17;
} 

.universalTitle,
#recipeNavContainer a,
h1,
h2,
h3,
h4,
.leftCol a,
.rightCol a,
#flashTitle,
.videoTitle,
.CommonTitle,
.videoTabOn,
.videoTabOff,
.yellow,
.featuredTitle,
.shoppingListBox h4 {
	font-size:110%;
}

.yellowBigger,
.universalTitle {
	font-size:16px;
}

h2 {
	width:320px;
	color:#467235;
	text-transform:uppercase;
	margin-top:0;
}

form{
	margin:0;
	padding:0;
}
.palegoldenrod{color:#dee299;}
.redBig {xfont-size:110%; color:#f00; font-weight:bold; }
.red {color:#f00; font-weight:bold; }
.redSmall {xfont-size:90%; color:#f00; font-weight:bold; }
.redSmaller {xfont-size:80%; color:#f00; font-weight:bold; }
.redSmallest {xfont-size:70%; color:#f00; font-weight:bold; }
.whiteBiggest {xfont-size:180%; color:#fff; font-weight:bold; }
.whiteBigger {xfont-size:120%; color:#fff; font-weight:bold; }
.whiteBig {xfont-size:110%; color:#fff; font-weight:bold; }
.white {color:#fff; font-weight:bold; }
.whiteSmall {xfont-size:90%; color:#fff; font-weight:bold; }
.whiteSmaller {xfont-size:80%; color:#fff; font-weight:bold; }
.whiteSmallest {xfont-size:70%; color:#fff; font-weight:bold; }
.whiteSmallNoBold {xfont-size:90%; color:#fff; font-weight:normal; }
.whiteSmallerNoBold {xfont-size:80%; color:#254219; font-weight:normal; }
.whiteSmallestNoBold {xfont-size:70%; color:#fff; font-weight:normal; }
.yellowBiggest {xfont-size:180%; color:#EAB631; font-weight:bold; }
.yellowBigger {xfont-size:120%; color:#EAB631; font-weight:bold; }
.yellowBig {xfont-size:110%; color:#EAB631; font-weight:bold; }
.yellow{color:#B34C29; font-weight:bold; }
.yellowSmall{xfont-size:90%; color:#ffea00; font-weight:bold; }
.yellowSmaller{xfont-size:80%; color:#EAB631; font-weight:bold; }
.yellowSmallNoBold {xfont-size:90%; color:#EAB631; font-weight:normal; }

.yellowSmallDefault{
	color:#F6E7BA;
}
.greenSmallBold{
	color:#254219;
	font-weight:bold;
}
.greenSmall{
	color:#254219;
}

sup {
	
	vertical-align: baseline;
	position: relative;
    bottom: 0.33em;
}

/* ------------- */
/*		Links	 */
/* ------------- */
:link, :visited { text-decoration: none; }
:link:focus, :visited:focus { color: #FEAA17; }
:link { color: #dee299; }
:visited { color: #dee299; }
/*:link:hover, :visited:hover { color: #dee299; }
:link:active, :visited:active { color: #dee299; }*/


/* -------------- */
/*    STYLES      */
/* -------------- */

.error {
	color:red;
}

#footer .float-left {
	float: left;
	margin:10px 0 0 10px;
	display:inline;
	_margin-left:10px;
}
#footer .float-right {
	margin-top:25px;
	float: right;
	padding-right:35px;
}
.clear-float {
	clear: both;
	height:2px;
	overflow:hidden;
}

span.clear-float {
	display:block;
	height:1px;
	clear: both;
}

.intro {
	margin:0 0 10px 13px;
	width: 651px
}

/* -------------- */
/*      IDs       */
/* -------------- */

#page-container {
	width:auto;
	height:auto;
	text-align:left;
	margin:0px auto;
	background: url(../images/common/bg_body_w1280.gif) repeat-y top center;
}

#main {
	background: #1b2d13 url(../images/common/bg_body_w1024.jpg) no-repeat top left;
	width:1002px;
	margin:0 auto;
}

a#logo {
	height:50px;
	width:120px;
	position:absolute;
	display:block;
	margin:15px;
}

a#logo span{display:none;}

/*---yma---*/
input { xfont-size:10px; }
input.goBtn {margin-left:-3px; color: #fff; background: #ffa20f; border: 1px outset #d7b9c9; font-weight:bold; height:16px;font-size:11px; width:38px;margin-top:1px;} 

#footer { display:block; color: #FFF2D4;margin:0 auto; width:auto; padding:0px; xfont-size:80%;background:#FEAA17 url(../images/common/bg_foot.jpg) no-repeat top center; }
#footer p { 
	margin:5px 0;
	font-size:10px;
	 }
#footer a:link{ color: #FFF2D4; }
#footer a:visited{ color: #FFF2D4; }
#footer a:hover{ color: #B52326; }
#footer a:active { color: #FFF2D4; }

#innerfooter{
	width:1002px;
	margin:0 auto;
	text-align:left;
}

/*---/yma---*/


.icoArrow{
	background: url(../images/common/ico_arrow_yellow.gif) no-repeat center right;
	padding-right:10px;
}
.CommonContent{

}
#comments{
	width:350px;
}
#friend_link{
	height:auto;

}
#friend_link a{
	color:#254219;
}

/* Container */
#modalPopUpContainer {
	height:auto; 
	width:auto; 
	color:#bbb; 
	background-color:#ffffff; 
	border:2px solid #cccccc; 
	color:#666666;
}
#modalPopUpContainer code {
	background:#141414; 
	border-left:3px solid #65B43D; 
	color:#bbb; 
	display:block; 
	margin-bottom:12px; 
	padding:4px 6px 6px;
}
#modalPopUpContainer a {
	color:#B52E18;
	text-decoration:none;
}

#modalPopUpContainer a:hover{
	color:#B52E18;
	text-decoration:underline;
}

#modalPopUpContainer a.modalCloseImg {
	background:url(../../images/global/close-popup.gif) no-repeat; 
	width:69px; 
	height:18px; 
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:2px; 
	right:2px; 
	cursor:pointer;
}
#modalPopUpContainer #basic-modal-content {
	padding:8px;
}