@charset "utf-8";
/* CSS Document */
div#wrapper div#header{
background: url(/washingtondc/images/restaurant_hdr.jpg) center 69px no-repeat;
}
div#wrapper div#main_content div#center_col img.two_bdr{
padding: 2px;
border: 1px solid #777;
background: #fff;
}
div#wrapper div#main_content div#center_col{
background: url(/images/content_bg.png) top center no-repeat;
}
div#wrapper div#main_content div#center_col h2 span{
display: none;
}
div#wrapper div#main_content div#center_col img.h2 {
text-align: left;
}
div#wrapper div#main_content div#center_col div#content h3{
border-bottom: 1px dotted #999;
margin: 5px 0px 0px 0px;
font-size: 22px;
color: #555;
padding: 7px 2px;
text-align: left;
}
div#center_col div.fea_block{
position: relative;
width: 530px;
padding: 10px 0px;
border-bottom: 1px dotted #999;
overflow: auto;
background: #fff;
}
div.fea_block img{
width: 130px;
height: 80px;
display: block;
float: left;
}
div.fea_block ul{
height: 85px;
margin-left: 138px;
text-align: left;
padding: 0px 5px;
}
div.fea_block ul li.name{
padding-bottom: 2px;
margin-bottom: 2px;
border-bottom: 1px solid #bbb;
}
div.fea_block ul li.name a{
font-size: 16px;
font-weight: bold;
color: #777;
text-decoration: none;
}
div.fea_block ul li.blurb{
color: #444;
font-size: 12px;
}
div.fea_block ul li.link a{
position: absolute;
bottom: 8px;
color: #777;
}
div.fea_block ul li a:hover{
color: #444;
}
div#restaurant_list{
position: relative;
width: 526px;
margin: 0px;
padding-bottom: 60px;
}
div#restaurant_list.best_of{
padding-bottom: 0px;
}
div#wrapper div#main_content div#center_col ul#sort{
margin: 5px 2px;
text-align: left;
}
div#wrapper div#main_content div#center_col ul#sort li{
font-size: 12px;
color: #444;
display: inline;
}
div#wrapper div#main_content div#center_col ul#sort li a{
font-size: 11px;
display: inline;
margin: 0px 5px;
}
div#restaurant_list div.rest_block{
position: relative;
border: 1px solid #777;
background: #fff;
margin-bottom: 11px;
padding-bottom: 10px;
}
div#restaurant_list div.rest_block em{
font-weight: bold;
font-style: normal;
padding: 0px 2px;
color: #444;
}
div#restaurant_list div.rest_block ul{
text-align: left;
padding: 0px;
margin: 0px;
color: #444;
}
div#restaurant_list div.rest_block ul li{
padding: 0px;
margin: 0px;
display: inline;
}
div#restaurant_list div.rest_block ul li.name{
font-size: 18px;
color: #fff;
background: url(/images/weather_bg.png) top left repeat-x;
line-height: 20px;
padding: 10px 100px 10px 11px;
margin: 0px;
display: block;
}
div#restaurant_list div.rest_block ul li ul{
margin: 0px;
padding: 0px;
}
div#restaurant_list div.rest_block ul li ul.top{
padding: 5px 4px 3px;
background: url(/images/content_bg.png) -10px -70px no-repeat;
border-bottom: 1px solid #bbb;
} 
div#restaurant_list div.rest_block ul li ul.info{
border: 1px solid #999;
margin: 5px 9px 0px 9px;
padding: 4px 8px;
background: url(/images/content_bg.png) -10px -70px no-repeat;
}
div#restaurant_list div.rest_block ul li ul li{
display: block;
margin: 3px 0px;
}
div#restaurant_list div.rest_block ul li ul li ul{
margin-left: -5px;
}
div#restaurant_list div.rest_block ul li.inline{
font-size: 12px;
display: inline;
margin: 0px 0px 0px 5px;
}
div#restaurant_list div.rest_block ul li.blurb{
color: #444;
font-size: 12px;
padding: 5px 9px 3px;
display: block;
line-height: 17px;
overflow: auto;
}
div#restaurant_list div.rest_block ul li.blurb img{
float: left;
margin: 2px 8px 0px 0px;
width: 98px;
border: 1px solid #999;
padding: 2px;
}
div#restaurant_list div.rest_block a.res{
position: absolute;
top: 8px;
right: 8px;
display: block;
padding: 3px 8px;
color: #fff;
background: url(/images/weather_bg.png) 0px -15px repeat-x;
border: 1px solid #ccc;
text-decoration: none;
font-size: 11px;
}
div#restaurant_list div.rest_block a.res:hover{
color: #eee;
background: url(/images/weather_bg.png) 0px -30px repeat-x;
}
div#pages_top{
position: absolute;
top: -21px;
right: 5px;
font-size: 14px;
font-weight: 900;
}
div#pages_top em{
color: #444;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: px;
}
div#pages_top a{
text-decoration: none;
margin: 0px 5px;
}
div#pages_top a:hover{
text-decoration: underline;
}
div#pages_top span{
color: #bbb;
margin: 0px 5px;
}
div#pages_bot{
position: absolute;
bottom: 20px;
left: 46px;
font-size: 14px;
font-weight: 900;
}
div#pages_bot a{
text-decoration: none;
font-size: 42px;
font-weight: bold;
margin: 0px 5px;
}
div#pages_bot a:hover{
text-decoration: underline;
}
div#pages_bot a img{
border: none;
margin: 0px 25px;
}
div#pages_bot span{
color: #bbb;
margin: 0px 5px;
font-size: 42px;
}
div#wrapper div#main_content div#center_col div#restaurant_list p#page_num{
position: absolute;
bottom: 0px;
left: 225px;
color: #777;
margin: 0px 5px;
}
div#wrapper div#main_content div#center_col div#restaurant_list p span{
margin: 0px 3px;
font-size: 16px;
font-weight: bold;
color: #777;
}
div#wrapper div#main_content div#center_col div#restaurant_list form{
width: 528px;
margin-left: 0px;
padding: 5px 0px;
border: 1px solid #999;
color: #333;
background: #EBEBEB url(/images/seemore_bg.jpg) top left repeat-x;
}
div#wrapper div#main_content div#center_col div#restaurant_list form input.box{
width: 300px;
padding: 2px;
margin: 1px 5px;
}
table{
background: #fff;
border: 1px solid #999;
padding: 0px;
margin: 5px 0px;
width: 528px;
border-spacing: 0px;
border-collapse: collapse;
}
tr{
width: 528px;
display: block;
border-bottom: 1px dotted #bbb;
}
tr.last{
border: none;
}
td{
padding: 0px;
margin: 0px;
}
td.left a{
border-right: 1px dotted #bbb;
}
table a{
width: 176px;
padding: 10px 0px; 
color: #777;
font-size: 18px;
text-decoration: none;
display: block;
}
table a:hover{
background: url(/images/weather_bg.png) top right repeat;
color: #d9d9d9;
}