/*=============

RIVERBENCH

==============*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,textarea,p,blockquote { margin:0; padding:0; } 
img { border:0; }
address,caption,cite,code,dfn,em,strong,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
body { /*font:13px/1.22 arial,helvetica,clean,sans-serif;*/ *font-size:small; *font:x-small; background: url(../images/bkgrd.gif) repeat-x left top; font-family: Georgia, "Times New Roman", Times, serif; color: #535252; font-size: 12px; }
body#modal { background:none; }

table { font-size:inherit; font:100%; }
pre,code,kbd,samp,tt { font-family:monospace; *font-size:108%; line-height:99%; }

#wrapper { margin: 0 auto; width: 900px; }
#modal #wrapper { width:400px; margin:0; padding:20px; }
#header { width: 195px; float: left; background: #FFFFFF url(../images/bkgrd.gif) repeat-x left top; }
#logo { margin: 55px 0 0 0; width: 195px; height: 158px; background: url(../images/rb_logo.gif) no-repeat; }

/*=======================
Navigation
=========================*/
#nav { margin: 83px 0 0 0; width: 195px; height: 245px; }
#nav_ul { width:135px; }
#nav ul li { text-indent: -1000em; position:relative; border:none; }
#nav ul li a.parent { background-position:0 0; display: block; height:35px; position:relative; border:none; }
#nav ul li ul { margin: 0 0 10px 50px; display: none; }
#nav ul li ul.show { display: block; }

li#benchmark a.parent:link, li#benchmark a.parent:visited { background: url(../images/menu_wineclub.gif) no-repeat; }
li#benchmark a.parent:hover, li#benchmark a.parent:active { background: url(../images/menu_wineclub_roll.gif) no-repeat; }

li#wines a.parent:link, li#wines a.parent:visited { background: url(../images/menu_wines.gif) no-repeat; }
li#wines a.parent:hover, li#wines a.parent:active { background: url(../images/menu_wines_roll.gif) no-repeat; }

li#about a.parent:link, li#about a.parent:visited { background: url(../images/menu_about.gif) no-repeat; }
li#about a.parent:hover, li#about a.parent:active { background: url(../images/menu_about_roll.gif) no-repeat; }

li#tastingrm a.parent:link, li#tastingrm a.parent:visited { background: url(../images/menu_tastingrm.gif) no-repeat; }
li#tastingrm a.parent:hover, li#tastingrm a.parent:active { background: url(../images/menu_tastingrm_roll.gif) no-repeat; }

li#happenings a.parent:link, li#happenings a.parent:visited { background: url(../images/menu_happenings.gif) no-repeat; }
li#happenings a.parent:hover, li#happenings a.parent:active { background: url(../images/menu_happenings_roll.gif) no-repeat; }

li#order a.parent:link, li#order a.parent:visited { background: url(../images/menu_order.gif) no-repeat; }
li#order a.parent:hover, li#order a.parent:active { background: url(../images/menu_order_roll.gif) no-repeat; }

li#foodwine a.parent:link, li#foodwine a.parent:visited { background: url(../images/menu_foodwine.gif) no-repeat; }
li#foodwine a.parent:hover, li#foodwine a.parent:active { background: url(../images/menu_foodwine_roll.gif) no-repeat; }

li#mailinglist a.parent:link, li#mailinglist a.parent:visited { background: url(../images/menu_mailinglist.gif) no-repeat; }
li#mailinglist a.parent:hover, li#mailinglist a.parent:active { background: url(../images/menu_mailinglist_roll.gif) no-repeat; } 


#nav ul li ul.subNav { background:url('../images/subnav_top.gif') no-repeat top left; margin:0; padding:11px 0 0 5px; display:block; float:left; position:absolute; top:-3px; left:135px; z-index:9999; }
#nav ul li ul.subNav li { background-image:none; font:12px/18px Georgia, "Times New Roman", Times, serif; height:20px; text-indent:0px; }
#nav ul li ul.subNav li.last { background:url('../images/subnav_bottom.gif') no-repeat bottom right #000; height:8px; font-size:2px; padding-bottom:3px; display:block; overflow:hidden; }
#nav ul li ul.subNav li a, #nav ul li ul.subNav li a:hover { background-image:none; background:#000; padding:0 18px 0 15px; display:block; color:#cbcbcb; text-decoration:none;white-space:nowrap; }
#nav ul li ul.subNav li a:hover { color:#555; }

/*======================
Content
========================*/
#content { margin: 80px 0 0 0; width: 625px; float: right; font-family: Georgia, "Times New Roman", Times, serif; }
#modal #content { margin:0; width:100%; float:none; padding:none; }

#mainimage { margin: 0 0 20px 0; width: 404px; height: 208px; }

#content #subMenu p { font-weight: bold; }
#content #subMenu a:link    { color: #535252; text-decoration: none; }
#content #subMenu a:visited { color: #535252; text-decoration: none; }
#content #subMenu a:hover   { color: #ADABAB; text-decoration: none; }
#content #subMenu a:active  { color: #ADABAB; text-decoration: none; }

#content a:link    { color: #535252; text-decoration: underline; }
#content a:visited { color: #535252; text-decoration: underline; }
#content a:hover   { color: #ADABAB; text-decoration: underline; }
#content a:active  { color: #ADABAB; text-decoration: underline; }

h1 { margin: 0 0 13px 0; font-size: 13px; color: #AC8B3A; text-transform: uppercase; font-weight: bold; }
h2 { margin: 0 0 3px 0; font-size: 14px; color: #333333; }
h3 { margin: 0 0 3px 0; font-size: 12px; font-weight: bold; color: #535252; }
p, #content ul { margin: 0 0 10px 0; font-size: 12px; line-height: 17px; color: #535252; }
#content ul { margin-left: 25px; list-style-type: circle; }
strong { font-weight: bold; }
em { font-style: oblique; }
img.wines { float: right; display: block; margin: 0 0 10px 20px; }

#content #benchmarkBtns { margin: 0 0 20px 20px; width: 88px; float: right; }
#content #benchmarkBtns img { margin: 0 0 5px 0; }

#content ul#thirdLevel { list-style:none; display:block; margin:0 0 20px; padding:0 0 0 6px; height:29px; border-bottom:1px solid #CCCCCC; }
#content ul#thirdLevel li { float:left; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; margin-right:2px; }
#content ul#thirdLevel a { display:block; padding:6px 8px; text-decoration:none; height:16px; background:#eeeeee; }
#content ul#thirdLevel a.active { background:white; border-bottom:1px solid #FFFFFF; }

#content .tweet ul { list-style:none; margin:0; padding:0; display:block; }
#content .tweet li { border-top:1px dotted #DDDDDD; padding:10px 0; }
#content .tweet li a { text-decoration:none; }
#content .tweet .author { color:#aaaaaa; }
#content .tweet .author a { color:#aaaaaa; }

#content .post { border-top:1px dotted #DDDDDD; padding-top:10px; }
#content .post a { text-decoration:none; }
#content .author { color:#aaaaaa; }
#content .author a { color:#aaaaaa; }

#visit_map { margin:0 0 25px 25px; width:300px; height:300px; display:block; float:right; border:4px solid #ccc; }
#ml_latest { margin-left:25px; width:200px; float:left; }

/*=======================
Forms
=========================*/

#content table#benchmarkSignUp tr td { padding:5px 0; }
#content table#benchmarkSignUp tr td h3 { padding: 5px 0 5px 0; border-bottom: #CCCCCC solid 1px; margin-bottom:5px; }
.textfield { overflow: auto; }
.form_field { border: 1px solid #CCCCCC; background-color: #F3F3F3; padding:8px; }

form#mailing_list { width:400px; float:left; }
p.formField { margin-bottom:5px; width:100%; display:block; clear:both; overflow:hidden; }
p.formField label { padding:8px; width:60px; display:block; float:left; }
p.formField input { margin:0 0 0 10px; width:250px; display:block; float:left; }

p.submit { clear:both; }

#featuredrecipe { margin: 5px 0 15px 0; }

/*=======================
Footer
=========================*/
#footer { width: 625px; border-top: #CCCCCC solid 1px; margin: 20px 0 0 0; padding: 7px 0 15px 0; overflow:hidden; }
#footer ul { list-style-type: none; margin: 0; }
#content #footer a:link    { color: #535252; text-decoration: none; }
#content #footer a:visited { color: #535252; text-decoration: none; }
#content #footer a:hover   { color: #ADABAB; text-decoration: none; }
#content #footer a:active  { color: #ADABAB; text-decoration: none; }
div.footerfloat { float: left; padding: 0 50px 7px 0; }