/* CSS Document */

html, body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#fdfbf2;
	margin: 0; 
	padding: 0;
	border:0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

/* ------------------------------------------ GLOBAL DIV STYLES ------------------------------------------ */
#container {
	width: 950px;
	background: #fff;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 #header {
 	width: 950px;
	height:215px;
	background-image:url(http://www.phoodandwhine.com/_images/hdrBG950x215.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
 #headerLegalPages {
 	float:left;
 	width: 950px;
	height:50px;
	background-image:url(http://www.phoodandwhine.com/_images/hdrBG950x50.jpg);
	background-position:top;
	background-repeat:no-repeat;le
	margin-top:10px;
}
 #headerSmall {
 	width: 950px;
	height:150px;
	background-image:url(../_images/hdrBG950x150.jpg);
	background-position:top;
	background-repeat:no-repeat;	
}
.mainContent {
	width: 950px;
	background-image:url(../_images/mainBG950x16.jpg);
	background-position:top;
	background-repeat:repeat-y;
}
#menu{
	display:block;
	width: 900px;
	height:35px;
	background: #a2af2c;
}
#footer {
	width:950px;
	height:45px;
	background-image:url(http://www.phoodandwhine.com/_images/ftrbg950x80.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	text-align:center;
}

/* ------------------------------------- DIV STYLES (padding) ----------------------------------- */
.mainPadding {
margin: 10px 50px 10px 70px;
}
.homePagePadding {
margin: 10px 50px 10px 50px;
}
.viewPadding {
margin: 10px 30px 10px 30px;
}
.reviewsPadding {
margin: 0px 0px 10px 0px;
}
.regPadding {
margin: 30px 60px 20px 10px;
}
.popupPadding {
margin: 20px 100px 0px 100px;
}

/* ------------------------------------- DIV STYLES (header elements) ----------------------------------- */
#loginNav{
	position: relative;
	width: 300px;
	top: 30px;
	left: 625px;
	text-align: center;
}
#subHdr{
	position: relative;
	text-align:center;
	width: 900px;
	left: 24px;
	top:109px;
	height:39px;
}

#siteSearch {
	background: #b1be65;
	border:1px solid #87914d;
	height: 29px;
	padding:0px;
	margin:0px;
	
}
#secondaryNav {
	position: relative;
	width: 867px;
	height:28px;
	left: 38px;
	top: 0px;
	background-color:#c3c3c1;
	padding-top:3px;
	padding-left:8px;
	border-top: 1px solid #999;
	border-left:1px solid #c5d660;
	border-right:1px solid #c5d660;
}
/* ----------------------------------------------------------------------TEXT STYLES------------------------------------------------------------------------ */
.maintext {
font-size: 11px;
line-height: 20px;
letter-spacing:0em;
color: #333;
}
.titlered{
font-size:18px;
margin: 4px 0 0 0 ;
font-weight:normal;
color:#993123;
text-align:Left;
}
.titlegrn{
font-size:18px;
margin: 4px 0 0 0 ;
font-weight:normal;
color:#7d8721;
text-align:Left;
}
.viewpagetext {
font-size: 11px;
line-height: 15px;
letter-spacing: .01em;
color: #333;
margin:0px;
}
.boldred{
font-size:12px;
margin: 4px 0 0 0 ;
font-weight:bold;
color:#993123;
text-align:Left;
}
p.login {
font-size: 10px;
font-weight:normal;
color: #90a128;
margin:0;
}
.footertext{
font-size: 10px;
letter-spacing: .01em;
color: #aaa;
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding:35px 0 20px 0 ; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
} 
.legaltext {
font-size: 9px;
font-weight:normal;
letter-spacing: .01em;
color: #333;
}
.alignleft{
text-align:left;
}
.alignright{
text-align:right;
}

/* ---------------------------- DIV STYLES (home, registration page) -------------------------------- */
.homeLeftContent {
	width: 225px;
	padding:20px 35px 10px 60px;
}
.homeRightContent {
 	width: 426px;
	border-left:1px solid #999;
	padding:20px 80px 10px 40px;
}
.regLeftContent {
	width: 325px;
	padding:20px 35px 10px 60px;
}
.regRightContent {
 	width: 326px;
	border-left:1px solid #999;
	padding:20px 80px 10px 40px;
}
.loginContent {
	width: 844px;
	padding:20px 35px 10px 60px;
}
/* ---------------------------- DIV STYLES (search pages) -------------------------------- */
#recipeSearchHdr {
	background-image: url(http://www.phoodandwhine.com/_images/recipesearchtab900x55.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	height: 55px;
	position: relative;
	left: 25px;
	top:15px;
	z-index:100;
}
#pairingSearchHdr {
	background-image: url(http://www.phoodandwhine.com/_images/pairingsearchtab900x55.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	height: 55px;
	position: relative;
	left: 25px;
	top:15px;
}
#wineSearchHdr {
	background-image: url(http://www.phoodandwhine.com/_images/winesearchtab900x55.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	height: 55px;
	position: relative;
	left: 25px;
	top:15px;
}
#recipeSearchForm, #pairingSearchForm, #wineSearchForm {
	background-color:#8AC5C1;
	width: 875px;
	position: relative;
	left: 38px;
	top:15px;
	padding-bottom:5px;
}
#recipeSearchBox, #pairingSearchBox, #wineSearchBox {
	position: relative;
	left: 38px;
	width:873px;
	top:15px;
	border:1px solid #8AC5C1;
	background-color:#f5f4ef;
	margin-bottom: 15px;
}
#resultsHdr {
	background-color:#eee;
	background-image:url(http://www.phoodandwhine.com/_images/resultsHdr840x63.gif);
	background-position: top center;
	background-repeat:no-repeat;
	width: 840px;
	height:43px;
	left:17px;
	padding-top:20px;
	position: relative;
}
#resultsBox {
	width: 828px;
	left:22px;
	border: 1px solid #c5d660;
	background-color:#FFFFFF;
	position:relative;
	margin-bottom:20px;
}
.redrule{
height:1px;
background-color:#996633;
}
/* -------------------------------------DIV STYLES (view pages)---------------------------------------- */
#viewRecipeHdr {
	background-image: url(http://www.phoodandwhine.com/_images/viewrecipetab900x90.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height:90px;
	position: relative;
	left: 25px;
}
#viewPairingHdr {
	background-image: url(http://www.phoodandwhine.com/_images/viewpairingtab900x55.gif);
	background-repeat: no-repeat;
	width: 900px;
	height:55px;
	position: relative;
	left: 25px;
}
#viewWineHdr {
	background-image: url(http://www.phoodandwhine.com/_images/viewwinetab900x55.gif);
	background-repeat: no-repeat;
	width: 900px;
	height:55px;
	position: relative;
	left: 25px;
}
#submittedByBox {
	position: relative;
	width: 680px;
	top: 11px;
	left: 210px;
}
#viewRecipeContent, #viewPairingContent, #viewWineContent, #viewFavoritesContent {
	position:relative;
	left:38px;
	width:875px;
	border:1px solid #c5d660;
	border-top: 1px solid #999;
	background-color:#f5f4ef;
}
#titleAndPhotoHolder{
	position:relative;
	width:340px;
	float:left;
}
#directionsHolder{
	position:relative;
	width:450px;
	padding-bottom:25px;
	float:left; /* added to fix IE8 alignment */
}
#recipeDisplayBox, #submitYoursDisplayBox {
border:4px solid black;
	position: relative;
	clear:left;
	width: 815px;
	background-color: #333;
}
#relatedRecipesBox {
	clear:both;
	position: relative;
	width: 815px;
	padding:12px 0;
	border-top: 2px solid #A2AF2C;
	border-bottom: 2px solid #A2AF2C;
}
#relatedPairingsBox {
	clear:both;
	position: relative;
	width: 815px;
	padding:12px 0;
	border-bottom: 2px solid #A2AF2C;
}
#recentPairingsBox {
	clear:both;
	position: relative;
	width: 815px;
	padding:12px 0;
	border-bottom: 2px solid #A2AF2C;
}
/* ---------------------------- DIV STYLES (recent recipe page) -------------------------------- */

#recentRecipesHdr {
	background-image:url(http://www.phoodandwhine.com/_images/recentRecipeAdditionstab900x55.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	height: 55px;
	position: relative;
	left: 25px;
}
#recentPairingsHdr {
	background-image:url(http://www.phoodandwhine.com/_images/recentPairingsAdditionstab900x55.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	height: 55px;
	position: relative;
	left: 25px;
}
#recentWinesHdr {
	background-image:url(http://www.phoodandwhine.com/_images/recentWineAdditionstab900x55.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	height: 55px;
	position: relative;
	left: 25px;
}
#recentRecipeReviewsHdr {
	background-image:url(http://www.phoodandwhine.com/_images/recentRecipeReviewstab900x55.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	height: 55px;
	position: relative;
	left: 25px;
}
#recentWineReviewsHdr {
	background-image:url(http://www.phoodandwhine.com/_images/recentWineReviews.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	height: 55px;
	position: relative;
	left: 25px;
}
#recentPairingReviewsHdr{
	background-image:url(http://www.phoodandwhine.com/_images/recentPairingReviews.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	height: 55px;
	position: relative;
	left: 25px;
}
#readRecipeReviewHdr {
	background-image:url(http://www.phoodandwhine.com/_images/readRecipeReview.gif);
	background-repeat: no-repeat;
	width:900px;
	height:55px;
	position:relative;
	left:25px;
}
#readWineReviewHdr {
	background-image:url(http://www.phoodandwhine.com/_images/readWineReview.gif);
	background-repeat: no-repeat;
	width:900px;
	height:55px;
	position:relative;
	left:25px;
}
#readPairingReviewHdr {
	background-image:url(http://www.phoodandwhine.com/_images/readPairingReview.gif);
	background-repeat: no-repeat;
	width:900px;
	height:55px;
	position:relative;
	left:25px;
}
#readReviewsSubHdr {
	background-color:#8AC5C1;
	width: 877px;
	position:relative;
	left:38px;
	padding-top: 6px;
	padding-bottom:12px;
}

#viewrecent, #viewReviews, #readReviews, #viewReviewsBox {
	position: relative;
	left: 38px;
	width:875px;
	border:1px solid #c5d660;
	background-color:#f5f4ef;
}

/* ---------------------------- DIV STYLES (submit your own pages) -------------------------------- */
#addWineHdr{
	background-image: url(http://www.phoodandwhine.com/_images/addawinetab900x55.gif);
	background-repeat: no-repeat;
	height: 35px;
	width:900px;
	position:relative;
	left: 25px;
	padding-top:20px;
}
#addRecipeHdr{
	background-image: url(http://www.phoodandwhine.com/_images/addarecipetab900x55.gif);
	background-repeat: no-repeat;
	height: 35px;
	width:900px;
	position:relative;
	left: 25px;
	padding-top:20px;
}
#addPairingHdr{
	background-image: url(http://www.phoodandwhine.com/_images/addapairingtab900x55.gif);
	background-repeat: no-repeat;
	height: 35px;
	width:900px;
	position:relative;
	left: 25px;
	padding-top:20px;
}
#submitNav{
	position:relative;
	height:45px;
	width:580px;
	top:25px;
	left: 300px;
	text-align:center;
}
#submitYoursDisplayBox {
	position: relative;
	clear:left;
	width: 875px;
	left: 38px;
	top:0px;
	background-color: #f5f4ef;
	border: 1px solid #c5d660;
}
/* ---------------------------------------------- NEW STYLES added 12/14---------------------------------------------- */

#yourRecipeHdr {
	background-image: url(http://www.phoodandwhine.com/_images/previewyourrecipe900x55.gif);
	background-repeat: no-repeat;
	width: 900px;
	height:55px;
	position: relative;
	left: 25px;
}
#yourPairingHdr{
	background-image:  url(http://www.phoodandwhine.com/_images/previewyourpairing900x55.gif);
	background-repeat: no-repeat;
	height: 35px;
	width:900px;
	position:relative;
	left: 25px;
	padding-top:20px;
}
#previewHeaderTable {
	position: relative;
	width: 560px;
	top: 11px;
	left: 330px;
}
#requiredFields {
	clear:both;
	position: relative;
	width: 815px;
	padding:12px 0;
	border-top: 2px solid #A2AF2C;
	border-bottom: 2px solid #A2AF2C;
}
#submitDisclaimer {
	
	width: 815px;
	padding:12px 0;
	border-bottom: 0px solid #A2AF2C;
}

/* ---------------------------------------------- NEW STYLES added 12/15---------------------------------------------- */

#yourWineHdr {
	background-image: url(http://www.phoodandwhine.com/_images/previewyourwine900x55.gif);
	background-repeat: no-repeat;
	height: 35px;
	width:900px;
	position:relative;
	left: 25px;
	padding-top:20px;
}
#favoritesHdr {
	background-image: url(http://www.phoodandwhine.com/_images/myfavorites900x55.gif);
	background-repeat: no-repeat;
	height: 35px;
	width:900px;
	position:relative;
	left: 25px;
	padding-top:20px;
}
/* ---------------------------------------------- TEMP--------------------------------------------- */

#viewRecipeContent, #viewPairingContent, #viewWineContent, #viewFavoritesContent {
	position:relative;
	left:38px;
	width:875px;
	border:1px solid #c5d660;
	border-top: 1px solid #999;
	background-color:#f5f4ef;
}
/* ---------------------------------------------- NEW STYLES added 12/16---------------------------------------------- */

.acctPaddingLeft {
margin: 30px 30px 20px 60px;
}
.acctPaddingRight {
margin: 30px 55px 20px 0px;
}

/* ---------------------------------------------- NEW STYLES added 12/17---------------------------------------------- */

#addNoteHdr {
	background-image: url(http://www.phoodandwhine.com/_images/addanote900x55.gif);
	background-repeat: no-repeat;
	height: 35px;
	width:900px;
	position:relative;
	left: 25px;
	padding-top:20px;
}

/* ---------------------------------------------- NEW STYLES added 12/18---------------------------------------------- */

#searchResultsHdr {
	background-image: url(http://www.phoodandwhine.com/_images/searchresults900x55.gif);
	background-repeat: no-repeat;
	height: 35px;
	width:900px;
	position:relative;
	left: 25px;
	padding-top:20px;
}
/* ---------------------------------------------- NEW STYLES added 01/29---------------------------------------------- */
 #headerInsiderPages {
 	width: 950px;
	height:200px;
	background-image:url(http://www.phoodandwhine.com/_images/insiderMASTHEAD.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:10px;
}
/* ---------------------------------------------- NEW STYLES added 02/07---------------------------------------------- */

#writeRecipeReviewHdr {
	background-image: url(http://www.phoodandwhine.com/_images/writerecipereviewHDR.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height:90px;
	position: relative;
	left: 25px;
}

#reviewComments{
	position: relative;
	width: 815px;
	padding:12px 0;
	border-bottom: 2px solid #A2AF2C;
}
#reviewRating{
	position: relative;
	width: 815px;
	padding:12px 0;
	border-bottom: 2px solid #A2AF2C;
}
/* ---------------------------------------------- NEW STYLES added 02/14---------------------------------------------- */

#writeRecipeReviewHdrSML{
	background-image: url(http://www.phoodandwhine.com/_images/writerecipereviewHDRsml.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height:55px;
	position: relative;
	left: 25px;
}

