/* CSS DOCUMENT */
 

/* GLOBAL DEFAULT STYLES */

body {
	background-color:#FFFFFF;
	margin:0px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}

a:link {
	color:#B73B2F;
	text-decoration:none;
	}
	
a:visited {
	color:#78503C;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}

#container {
	width:800px;
	text-align:left;
	}
	
#contentBk {
	width:708px;
	background:url(images/contentShadow.gif) top left repeat-y; 
	}
	
#content {
	background:url(images/bkContent.jpg) no-repeat top left;
	width:700px;
	/*height:100%;*/
	}
	
#rightCol {
	width:215px;
	float:right;
	text-align:left;
	}
	
#leftColBox {
	position: relative;
	left: 5px;
	top: 10px;
	width:218px;
	text-align:left;
	border: solid 1px #A56D38;
	padding: 5px;
	}
	
div>html #leftColBox 
{
 	width:228px;
}
	
#leftColBox2 {
	width:195px;
	padding: 5px 0 5px 15px;
}

.subcolumn
{
    float:left;
    width:215px;
}

#leftColBox2 p.redColumnTitleSmall 
{
    margin-bottom:-10px;
}

#leftColBoxShare {
	position: relative;
	left: 5px;
	top: 10px;
	width:200px;
	height: 275px;
	text-align:left;
	border: solid 1px #A56D38;
	padding: 5px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	}

html>body div#leftColBoxShare {
    width:190px;
}

#leftColBoxBig {
	position: relative;
	left: 5px;
	top: 10px;
	width:660px;
	text-align:left;
	border: solid 1px #A56D38;
	padding: 5px;
}
	
html>body div#leftColBoxBig {
	width:650px;
}
	
#glossaryBox, #quizBox {
	position: relative;
	left: 5px;
	top: 10px;
	width:430px;
	text-align:left;
	border: solid 1px #A56D38;
	padding: 5px;
	}
	
html>body #glossaryBox, html>body #quizBox
{
    width:440px;
}
	
#leftColBoxBk {
	background:#e4b67e no-repeat top left;
	margin-top: -10px;
	float: left;
	margin-right: 10px;
	padding-right:11px;
	width: 227px;
	}
	
html>body #leftColBoxBk 
{
	width: 238px;
} 
	
#leftColBoxShareBk {
	background:#e4b67e;
	margin-top: -10px;
	float: left;
	margin-right: 10px;
	padding-right:11px;
	width: 210px;
	}
	
html>body #leftColBoxShareBk {
    width: 200px;
}

#leftColBoxBkBig {
	background:#e4b67e;
	margin-top: -5px;
	float: left;
	margin-right: 10px;
	padding-right:11px;
	width: 670px;
}

html>body div#leftColBoxBkBig 
{
    width: 659px;
}
	
#glossaryBoxBk, #quizBoxBk {
	background:#e4b67e no-repeat top left;
	margin-top: -10px;
	padding-top: 10px;
	float: left;
	margin-right: 10px;
	padding-right:11px;
	width: 439px;
	}
	
html>body div#glossaryBoxBk, html>body div#quizBoxBk {
  padding-top:0;
  width:450px;
}
	
#pairingBox {
	padding: 10 15 10 10;
	margin-right: -15px;
	color:#330000;
	font-size:11px;
	line-height:15px;
	position:relative;
	top:15px;
	left:10px;
	height:360px;
	background:url(images/bkPairing_tall.jpg) no-repeat top left;
	}
	
#feedbackBox {
	padding: 10 15 10 10;
	margin-right: -15px;
	color:#330000;
	font-size:11px;
	line-height:15px;
	position:relative;
	top:15px;
	left:10px;
	height:450px;
	background:url(images/bkFeedback.jpg) no-repeat top left;
}

#feedbackBox p {
    margin:0;
    padding:0;
    font-weight:bold;
}

.feedbackanswers 
{
    font-size:11px;
	margin-left:10px;
}
	
#columnBox {
	padding: 10 15 10 10;
	position:relative;
	top:60px;
	left:10px;
	}
	
#rightContent {
	margin:10px 0;
	width:205px;
	position:relative;
	left:10px;
	padding: 0 10px;
  }
#rightContent p 
  {
    padding:0;
    margin:0;
  }
  
  /* The style below affects only Firefox */
html > body div #rightContent {
	width:185px;
	}
  
#leftContent {
	margin-left:15px;
	width:465px;
  }
  
#leftContent p {
	margin:15px 0;
	padding:0;
}
	
#leftContent2 {
	position:relative;
	left:15px;
	width:700px;
  }
		
#leftContent3 {
	position:relative;
	left:15px;
	width:665px;
  }
	
#columnContent {
	position:relative;
	left:25px;
	top: 10px;
	width:455px;
  }
  
#header {
	width:708px;
	text-align:left;
	background-color:#FFFFFF;
	}
	
#footer {
	width:708px;
	height:110px;
	text-align:left;
	background-color:#FFFFFF;
}

.copyright 
{
    float:right;
    text-align:right;
    color: #333333;
    width:200px;
    margin-right:8px;
}

.authorBio {
	font-size:11px;
	}
	
.imgHeader {
	margin-top:10px;
	margin-right:45px;
	}
	
.imgPageHeader {
	margin-top:20px;
	margin-left:20px;
	}

.imgFooter {
	margin-bottom:20px;
	}
	
.dividerFooter {
	margin-left:5px;
	margin-right:5px;
	color:#78503C;
	}
	
.hrDashed {
	border:none 0; 
	border-top:2px dashed #DAA365;/*the border*/
	width:100%;
	height:2px;/*whatever the total width of the border-top and border-bottom equal*/
	text-align:left;/*this will align it for IE*/
	margin:0; /*this will align it left for Mozilla*/
}
	
	
/* HOME PAGE STYLES */
		
#homeHero {
	position:relative;
	top:15px;
	left:-25px;
	}
	
	
/* TEXT STYLES */
	
.red {
	color:#990000;
	font-size: 12px;
	}
	
.redArrow {
	color:#990000;
	font-size:13px;
	font-weight:bold;
	}
	
.darkRed {
	color:#330000;
	font-weight:bold;
	}
	
.darkRedBold {
	color:#330000;
	font-weight:bold;
	font-size: 12px;
	}
	
.redSubhead {
	color:#CC0000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	}
	
.redColumnTitleSmall {
	margin:25px 0 10px 0;
	padding:0;
	color:#990000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight:bold;
	}
	
.redColumnTitle {
	color:#CC0000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight:bold;
	}
	
.byline	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ce5b39;
	font-weight: normal;
	}
	
.recipeItalic {
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	color:#990000;
	font-weight: bold;
	font-size: 12px;
	}
	
.aGL {	/*Former 'glossaryLinks' */
	margin-right: 5px;
	font-size: 12px;
	}
	
.GLredArrow {
	color:#990000;
	font-size:13px;
	font-weight:bold;
    padding-bottom: 6px;
	}
	
.glossary, .quiz {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	}
td.datequiz input 
{
    float:left;
    margin-bottom:30px;
}

html>body td.datequiz input 
{
    margin-bottom:0;
}

td.datequiz label
{
    display:block;
    padding:1px 0 0 20px;
}
	
.tdGL {	/*Former 'glossaryLetters' */
	color:#990000;
	font-weight: bold;
	font-size: 12px;
	text-align:left;
	vertical-align:top;
	}
	
.quizquestion 
{
	color:#990000;
	font-weight: bold;
	font-size: 11px;
	text-align:left;
	vertical-align:top;
}   
	
.tdGM	{	/*Former 'glossaryMargin' */
	padding-bottom: 10px;
	padding-left:10px;
	text-align:left;
	vertical-align:top;
	}

.foodSites {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	}
	
.tdFS	{
	padding-bottom: 10px;
	text-align:left;
	vertical-align:top;
	}	

.brown {
	color:#78503C;
	}

.imgMargin {
	margin-top:25px;
	margin-bottom:10px;
	}
	
.imgMarginRecipeLeft {
	margin:0px 10px 0px 0px;
	}
	
.imgMarginRecipeRight {
	margin:0px 0px 0px 10px;
	}
	
.cellMargin {
	padding:8px 4px 0 4px;
}

.aboutTable {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	}
	
.privacyTable {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	}
	
.imgMargin5 {
  margin-bottom:5px;
  }
  
.imgLeftmargin {
  position:relative;
  top:15px;
  left:-23px;
  }
	
.lblBlogSubhead {
	color:#CC0000;
	font-family: Times,"Times New Roman", serif;
	font-size:14px;
	font-weight:bold;
	}
	
.txtSearch {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:125px;
	}
	
.txtFName {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:150px;
	}
	
.txtLName {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:150px;
	}
	
.txtEmail {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:150px;
	}
	
.txtComment {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:200px;
	}
	
.txtGreeting {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:190px;
	}
	
.txtGreetingShort {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:90px;
	}
	
.txtEmailFriend {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:190px;
	}
	
.txtEmailOwn {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:190px;
	}
	
.txtMessage {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 400px;
	}
	
.ddlAnswers {
	background-color:#FFFFFF;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:125px;
	}
	
.ddlMatch {
	border:#000000 1px solid;
	width:201px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.ddlMatch2 {
	border:#000000 1px solid;
	width:201px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:5px;
	}
	
.ddlGreeting {
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.ddlLinkCategory {
	width:275px;
	border:#000000 1px solid;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.btnMatch {
	position: relative;
	top: 3px;
	height:21px;
	width:63px;
	}


.btnSubmit_right 
{
    float:right;
}
.tblLinks {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}

#results 
{
    clear: both;
    padding-top: 5px;
}

html>body #results 
{
    padding-top: 10px;
}

.td0 {
	height:35px;
	vertical-align:bottom;
	}

.td1a {
	vertical-align:top;
	}

.td1 {
	vertical-align:top;
	width:20px;
	}

.td2 {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11px;
	padding-top:5px;
	width:300px;
	}

.td3 {
	vertical-align:top;
	width:20px;
	}

.td4 {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11px;
	vertical-align:text-bottom;
	width:400px;
	}
	
.lblError {
	color:Red;
	}
	
.tblShareDetail {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}


/* NEW CLASSES FOR QUIZ RESULTS PAGE ARTICLES */

.articletitle
{
    font-size:14px;
    font-weight:bold;
    margin-top:12px;
}

.articlebody 
{
    display:none;
}

/* FLOATING SOMELLIER BIO BOX STYLES */

#screenBox {
	display:none;
	background-color:#000000;
	opacity: .5;
	filter: alpha(opacity = 50);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
}

.biobox 
{
    top:200px;
    border:solid 1px #78503C;
    background-color:#f8ede0;
    padding:10px;
    width:350px;
    display:none;
    position:absolute;
    z-index:2;
}

.biobox img 
{
    border:solid 1px #78503C;
    float:left;
    margin-right:10px;
}

.closelink 
{
    float:right;
}

.follow {
    margin:10px 0 0 0;
}
.follow img {
    border:solid 1px #971a18;
}