﻿/*Plateup.roanoek.com
Created 3/25/10*/

.main body {
    background:#fff;}

/* Standard styles */
.clear { 
    clear: both; }

#page {
    background: #fff;
    width:972px;
    padding:0 4px 0 4px;
    margin:0 auto 0 auto;
    font-family:Arial, Verdana, sans-serif; 
    font-size:12px;}

.header-logo{
    background: url(http://www.roanoke.com/plateUp/images/plateUpLogo.jpg) no-repeat;
    width:270px;
    height:90px;
    float:left;
    margin-top:1px;}

#pre-header {
     background:#fff;
     border:none;
     font-size:10px;}

#top-leader{
     display:block;
     margin-left:auto;
     margin-right:auto;
     width:728px; 
     margin-bottom:5px;}

#top-leader a:hover {
    border:none;}
    
#div-header{
    margin-bottom:10px;
    float:left;
    border-bottom:2px solid #cddc9b;}

#div-header h1{
    float:left;
    font-size:13px;
    margin:44px 0 0 0px;
    font-family:arial narrow;
    color:#759033;
    font-weight:normal;}

#logo {
    float:left;}

#logo a{
    display:block;
    height: 90px;
    width: 270px;
    border:none;}
  
#logo a span {
    float:left;
    visibility: hidden;}

.main{
    border:1px solid #cddc9b;
    float:left;
    width:972px;}

/*Navigation bar*/
#menu{
    float:left;
    margin-top:0em;
    margin-right:0;
    padding-right:0px;
    height:31px;
    width:702px;
    background:#e2eabf url(http://www.roanoke.com/plateUp/images/menuGrad.jpg) repeat-x;}
    
#main-nav {
    margin:0;
    padding:5px 0 5px 2px;
    color:#cddc9b;
    font-size:16px;}

#main-nav a{
    text-decoration:none;
    color:#666;
    font-family:arial narrow;
    border-right:2px solid #cddc9b;
    padding:0 .8em 0 .8em;}

#main-nav li {
    display:inline;}

#main-nav li a:link{
    color:#666;
    font-family:arial narrow;
    border-right:2px solid #cddc9b;
    padding:0 .8em 0 .8em; }

#main-nav li a:hover {
    color:#cc3333;}
    
#main-nav #last-link a{
    color:#cc3333;
    border-right:none;}

#main-nav #last-link a:hover{
    color:#40591f;}

/*content*/
.content-well{
    float:left;
    width:790px;}

.middle-content{
    width:590px;
    float:left;}

.middle-content h3{
    color:#cc3333;
    font-size:20px;
    margin:0;
    text-align:center;}

#div-centerpiece{
    background:#ccdc9b;
    float:left;
    padding:10px;
    margin-left:0px;
    margin-bottom:10px;}

.centerpiece-image{
   background:url(/food/includes/centerpiece.jpg);
    width:570px;
    height:300px;}

div#div-centerpiece-text{
    color:#fff;
    background: rgba(85, 85, 85, .7);
    vertical-align:bottom;
    float:left;
    margin-top:183px;
    padding:6px;
    height:105px;
    /* IE8 and below */
    margin-top:169px\9;
    background-color :#666\9; 
	filter: alpha(opacity = 80);
    width:550px\9;
    padding:13px 10px\9;}
    
div#div-centerpiece-text h3 a{
    color:#fff;
    font-size:28px;
    font-family:arial narrow;
    text-decoration:none;
    text-shadow: -5px 3px 5px #000;}

div#div-centerpiece-text h3 a:hover{
    color:#cc3333;}

div#div-centerpiece-text p{
    font-size:14px;
    margin-top:10px;}

.middle-section{
    float:left;}

#div-middle-left{
    width:427px;}

#div-middle-left ul{
    list-style:disc;
    margin-left:10px;}

.middle-section img{
    border:none;}
    
.reviews{
   width:47%;
   float:left;
   margin:0;
   padding:0 0 0 10px;}

.reviews h4{
    text-align:center;
    margin:5px 0;}

.reviews h4 a{
    color:#759033;
    font-size:15px;
    text-decoration:none;}

.reviews h4 a:hover{
    color:#cc3333;}

.reviews .siteTitle a{
    color:#40591F;
    font-weight:bold;}

.reviews .siteTitle a:hover{
    color:#cc3333;}

.siteTitle{
    margin-top:5px;}
    
.reviews .reviewTitle{
    color:#4b5938;
    font-style:italic;}
    
#reviews-left{
    border-right:1px solid #ccdc9b;}

#reviews-left  a{
    color:#40591f;
    text-decoration:none;}

#reviews-left ul{
    margin-top:5px;}

#reviews-left li{
    margin-bottom:5px;} 
    
#reviews-left h4 a{
    color:#759033;}   
    
#reviews-left a:hover{
    color:#cc3333;}

.review-quote{
    font-size:11px;}

.rating {
    font-size:11px;}

#div-middle-right{
    width:150px;
    margin-left:10px;
    margin-right:0;}
    
#cb_caspiologo{display:none;}

#div-middle-right table{
    margin-bottom:5px;}

#div-middle-right a{
    color:#40591f;}
    
#div-middle-right  a:hover{
    color:#cc3333;}

#div-middle-right td{
	padding-bottom:8px;}

.middle-buttons{
    float:left;
    border:none;
    margin:5px 6px;}

.middle-buttons img{
    border:none;}   

#planner-widget img{
    float:right;
    border:none;
    margin:5px 1px 10px 0px;
    padding:0;
    width:150px;}

#archive{
    font-weight:bold;
    text-decoration:underline;}

/*blog box*/
#div-blogs{
    background:#f0f7d5;
    width:787px;
    float:left;}

#div-blogs h3{
    color:#cc3333;
    font-size:20px;
    margin:0;
    text-align:center;
    padding:10px 0;
     font-variant:small-caps;}

#div-blogs ul{
    list-style:disc;
    padding-left:12px;
    padding-bottom:5px;
    margin-left:5px;}

.blog-box {
    border:1px solid #ccdc9b;
    background:#fff;
    float:left;
    width:365px;
    margin:0 7px 10px 8px;
    margin:0 5px 10px 6px\9;
    padding:5px 5px 0 5px;}

.blog-box img{
    border:none;}

.blog-box h4{
    font-size:20px;
    color:#40591f;
    margin:5px 2px 0 2px;
    padding-left:10px;
    border-bottom:1px solid #ccdc9b;}

.blog-box h5{
    margin:0 0 0 10px;
    font-style:italic;
    font-size:13px;}

.blog-box h5 a{
    color:#a9ba80;
    text-decoration:none;}

.blog-box h5 a:hover{
    color:#40591f;}

.blog-box a{
    color:#40591f;}
    
.blog-box a:hover{
    color:#cc3333;}

.blog-box ul{
    margin-top:6px;
    margin-bottom:0;}

.blog-box img{
    float:right;
    margin:0;
    padding-top:2%;}

/*Blogs page*/
.blogs-page{
    padding-bottom:10px;
    margin-bottom:10px;}

.blogs-page img{
    padding-top:14%;}

.blogs-left{
    float:left;
    width:240px;}

#front-burner{
    margin-top:5px;
    margin-bottom:0;}

#div-local-blogs h3{
    color:#cc3333;
    margin:10px;}

.local-blogs{
    float:left;
    width:240px;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:10px;}

.local-blogs h4{
    font-size:13px;
    margin-top:0;
    margin-bottom:5px;}

.local-blogs img{
    border:1px solid #e7ebbd;
    padding:5px;
    height:75px;
    float:left;
    margin-right:10px;}

.local-blogs a{
    color:#40591f;}

.local-blogs a:hover{
    color:#cc3333;}

.local-blogs p{
    margin-top:0px;}

.wp-caption-text{
    font-size:11px;
    font-style:italic;
    margin:0;}

/*About Page*/
#div-about{
    margin:0 10px 10px 10px;
    padding:0 10px 10px 10px;
    float:left;
    border:3px double #edf3d1;
    background:#f5f7eb;}

#div-about h3{
    color:#cc3333;
    font-size:15px;
    margin:0px;}

#div-about p{
    margin:0 5px;}

#div-about a{color:#759033;}

#div-about a:hover {
    color:#cc3333;}
    
#div-about h4{
    font-weight:bold;
    font-size:13px;
    color:#444;
    margin:0 0 5px 0;}
    
#div-about label{
    color:#444;}

/*find a restaurant*/
#div-restaurant-widget{
    float:left;
    margin-left:23px;
    /*background:#f3f7e5;*/
    padding:0;
    width:165px;}
    
#div-restaurant-widget img{
	margin-top:10px;
	border:none;
	width:161px;}

.coupon-widget{
    margin-top:10px;
    float:left;}
    
 .coupon-widget .lister vcard{
 float:left;}

#div-restaurant-widget #food-promo{
    margin:0 0 7px 0;}
/*ads*/
#div-right-rail{
    font-size:10px;
    text-align:center;
    float:right;
    width:180px;}

.right-ads{
    margin-top:0;
    margin-bottom:10px;}

.right-ads img{
    display:block;
    margin-left:auto;
    margin-right:auto;}

/*FF &IE 7 Hack for expand ad*/
#OAS_RMF_Top1_EXP, x:-moz-any-link {
    /*margin-top:-90px;*/
    margin-top:0px\9;}

.dailyDealWidget {
    margin:0;
    padding:0;
    overflow:hidden;
    margin-left:-5px;
    margin-left:0px\9;}	
 
.dailyDealWidget  object{
	width:170px;
	height:260px;}


/*User Pages*/
.user-account{
    margin:0 0px 10px 10px;
    padding:0 10px 10px 10px;
    border:3px double #edf3d1;
    background:#f5f7eb;}

.user-account h1{
    font-weight:bold;
    font-size:17px;
    color:#cc3333;
    margin:10px 0 0px 0;}

.user-account h2{
    font-weight:bold;
    font-size:15px;
    color:#cc3333;
    margin:10px 0 0px 0;}

.user-account .main-header{
    font-size:17px;}

.user-account h3{
    color:#759033;
    font-size:14px;
    margin:0px;}

#div-nav-bar {
	margin: 0px 0 20px 0;
	padding: 0px;
	background-color: #b51823;
	height: 30px;}
	
#div-nav-bar ul {
	margin: 0 0 0 5px;
	padding: 0px;
	list-style-type: none;}
	
#div-nav-bar ul li {
	margin: 0;
	padding: 5px 5px 0 0;
	float: left;
	text-decoration: none;
	background-color: #b51823;}
	
#div-nav-bar ul li a {
	margin: 0px;
	padding: 2px 10px 3px;
	color: #fff;
	display: block;
	height: 10px;
	font-size: 13px;
	font-weight:bold;}

#div-nav-bar ul li a:hover{
        color:#f0f6D4;}
	
* html #div-nav-bar a{
	padding: 2px 0 3px;
	width: 130px;
	text-align: center;}
	
#div-nav-bar li.selected {
	background-color: #f0f6D4;}
	
#div-nav-bar ul li a.selected {
	margin: 0px;
	padding: 2px 10px 3px;
	color: #b51823;
	display: block;
	height: 20px;
	font-size: 13px;
	font-weight:bold;}

#logout{
    color:#fff;
    float:right;
    margin-right:10px;}

#logout a:hover{   
    color:#f0f6D4;}

#database-tips{
    background:#f2f7d7;
    padding:2px 5px;
    border:3px double #40591f;
    font-weight:bold;
    font-size:12px;
    margin-top:0px;
    color:#40591f;
    text-decoration:none;
    float:right;}

 #database-tips:hover{
    color:#cc3333;}

/*add review*/
#div-add-review{
    margin-left:10px;}

#div-add-review h3{
    padding:5px 0 0 10px;
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	background-color: #cc3333;	
	height: 30px;}	

#div-add-review h2{
    font-size:14px;
    color:#444;
    font-style:italic;
    margin-left:10px;}

#div-add-review #cb_dtitle{
    color:#759033;
    font-size:14px;
    margin-left:0;}
/*REVIEWS*/
#div-plateup-reviews {
    padding:0 10px;}

#div-plateup-reviews h3{   
    font-size:16px;
    text-align:center;
    margin-top:5px;
    color:#CC3333;}

#div-plateup-reviews h4{
    font-size:15px;
    color:#759033;
    margin-top:0;
    margin-bottom:0px;}
    
#div-plateup-reviews .title-left{
    text-align:left;}

#div-plateup-reviews h5{  
    color:#40591f;
    margin:0;
    width:120px;
    font-size:12px;
    background:#fff;
    padding:0 2px;}

#div-review-box{
    float:left;
    width:570px;}
    
#div-review-box ul{
    padding-left:20px;
    margin-top:5px;}

#div-review-box a{
    color:#40591f;
    text-decoration:none;}
    
#div-review-box a:hover{
    color:#cc3333;}

#div-review-box li{
    margin-bottom:5px;}  

#div-review-box img{
    border:3px double #CCDC9B;
    padding:5px;
    margin-bottom:10px;
    float:left;
    margin-right:15px;}

#div-user-review-box{
    float:left;
    width:170px;
    margin-left:10px;
    font-size:12px;}

#div-user-review-box h2{
    color:#a2ba69;
    font-size:13px;
    font-style:italic;
    border-bottom:1px solid;}

.review-links{
    float:left;
    width:215px;}

.review-links li{
    margin-bottom:5px;}

#pd-reviews-widget h4 a{
    color:#CC3333;
    margin-top:10px;
    text-decoration:none;
    font-size:13px;}

#pd-reviews-widget a:hover{
    color:#40591F;}

#pd-user-reivew{
    font-size:11px;
    color:#444;}

.pd-user-all_reivew a{
    font-style:italic;
    color:#759033;}

.pd-user-get_directions a{
    color:#759033;
    text-decoration:none;
    font-weight:bold;}

.details p{
    margin:0;}

#pd-reviews-widget ol{
    margin-left:0;
    padding-left:20px;}

#div-user-review-box ul{
    padding-left:20px;}

#result-wrapper{
    margin-bottom:10px;}

#div-review-box #div-restaurant-widget{
    width: 540px;
    margin-top:10px;
    margin-left:0px;
    margin-bottom:10px;
    background:#f0f6d2;
    padding:5px 10px;}

#search-instructions{
    float:left;
    margin-top:10px;
    width:350px;
    padding:0 10px 0 10px;
    color:#444;
    font-style:italic;}

#div-review-box #div-restaurant-widget ul{
    margin-top:10px;
    padding-right:5px;}
    
#div-review-box #dining-search{
    background:#fff;
    float:right;
    margin:0 0 10px 5px}

#div-user-review-box ul a{
    color:#CC3333;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;}
    
#div-user-review-box ul a:hover{
    color:#40591F;}

#div-health h5{
    background:#f2f7d7;
    padding:2px 5px;
    border:3px double #40591f;
    font-weight:bold;
    font-size:12px;
    width:175px;
    margin-top:27px;}

#div-health h5 a{
    color:#40591f;
    text-decoration:none;}

#div-health h5 a:hover{
    color:#cc3333;}
    
/* FOOTER */
#footer {
    clear: both;
    margin-top:0px;
    background:#fff;
    padding:10px; }

#footer h3 {
    background:url(http://www.roanoke.com/plateUp/images/footerGrad.jpg) repeat-x;
    color: #b52025;
    font-size: 14px;
    margin: 0 0 4px 0;
    padding: 3px;
    font-weight: bold;
    border:#cccccc; 
    position: relative; }

#footer h4 {
    font-size: 12px; 
    color:#555555;
    text-decoration: underline;}

.footer-index {
    float: left;
    margin: 0;
	width:128px;
    height:280px;}

#foot-news, #foot-ent, #foot-online, #foot-market {
    background-color:#f0f7d5;
    padding: 2px 4px 2px 4px;}

#foot-sports, #foot-local, #foot-bus {
    padding: 2px 4px 2px 4px; }

#footer ul {
    font-size: 11px;
    margin: 5px 5px 0 0;
    padding: 0;
    list-style: none;}

#footer li {
    padding: 0; 
    margin: 0;}

#footer a:link {
    color: #2d4a78;}

#footer a:visited {
    color: #2d4a78;}

#footer a:hover {
    background: #2d4a78;
    color: #fff;
    border-bottom: none;}

#sitetools {
    clear: both;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 1.3em;}

#sitetools img {
    float: left;
    margin-left: 290px;
    margin-top: 20px;
    border: none;}

#sitetools ul {
    margin: 0 0 0 5px;
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 7px;}

#sitetools p {
    clear: left;
    margin: 0 0 0 430px;
    font-size: 9px;
    color: #ccc;
    padding-top: 10px;}





