/* GLOBAL */
body.brown { background: #f0ecd6; }
.hidden { display: none; }
.social_widget a { font-family: geared_slabregular; font-size: 22px; color: #b22630; text-transform: uppercase; display: block; text-indent: 25px; margin-top: 10px; }
.social_widget a.facebook { background: url(/images/global/facebook_logo_red_square.png) no-repeat; }
.social_widget a.twitter { background: url(/images/global/twitter_logo_red_square.png) no-repeat; }
.social_widget a.email { background: url(/images/global/email_logo_red_square.png) no-repeat; }
/* /GLOBAL */

/* Acres of Clams */
.overview_container { width: 950px;  margin: auto; }
.overview_container .overview_left { width: 250px; margin-right: 1px; background: #FFF; padding-top: 30px; min-height: 705px; }
.overview_container .overview_left ul { font-family: geared_slabbold; font-size: 22px; text-transform: uppercase; position: absolute; margin-left: -15px; width: 250px;  }
/*.overview_container .overview_left ul li { line-height: 38px;  height: 53px; line-height: 48px;   }*/
.overview_container .overview_left ul li { margin:-14px 0 0; padding: 12px 0 18px; }
.overview_container .overview_left ul li.active { background: url(/images/global/selected_flag_right.png); }
.overview_container .overview_left ul li a { color: #000; margin-left: 35px;  }
.overview_container .overview_left ul li.active a { color: #FFF; }
.overview_container .overview_right h2 { font-family: geared_slabregular; font-size: 32px; color: #648e9e; text-transform: uppercase; padding-bottom: 5px; }
.overview_container .overview_right h3 { font-family: 'palatino linotype'; font-weight: bold; font-size: 20px; }
.overview_container .overview_right { font-size: 14px;  min-height: 675px; background: #FFF; width: 623px; padding: 30px 38px; }
.overview_container .overview_right p { margin-top: 0px; }
.overview_container .overview_right table { width: 620px; margin-top: 46px; font-weight: bold; }
.overview_container .overview_right table tr { border-top: 1px solid #d1d1d1; }
.overview_container .overview_right table tr:first-child { border-top: none; }

.overview_container .overview_right table tr td.period { width: 145px; }
.overview_container .overview_right table tr td.days { width: 180px; }
.overview_container .overview_right table tr td { padding: 20px 0px; }
.overview_container .overview_right .parking_directions { float: left; margin: 46px 0px 38px 0px; }
.overview_container .overview_right .parking_directions.parking { width: 190px; padding-right: 40px;  }
.overview_container .overview_right .parking_directions.directions { width: 188px; }
.overview_container .overview_right .parking_directions.social_container { width: 205px; }
.overview_container .overview_right .parking_directions h4 { text-transform: uppercase; font-weight: bold; font-size: 14px; }
.all_day_happy_hour { position: absolute; display: block; font-style: italic; font-weight: normal; margin-top: 15px; }
#map-canvas.standard { width: 610px; height: 385px; border:8px solid #f0ecd6;}
#map-canvas.mobile { width: 400px; height: 300px; border:8px solid #f0ecd6;}
#map_canvas_nearest { width: 400px; height: 180px; border:8px solid #FFF;}
.overview_container .overview_right .menu_item { float: left; margin-right: 16px; margin-bottom: 30px; }
.overview_container .overview_right .menu_item img { border: 6px solid #f0ecd6; }
.overview_container .overview_right .menu_item h4 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom:6px; }
.overview_container .overview_right h5 { font-size: 14px; font-weight: bold; color: #b22630; margin-top: 6px; }
.overview_container .overview_right .chef_title { font-style: italic; font-size: 14px; margin-top: 7px; }

.overview_container .overview_right img.bio { border: 6px solid #f0ecd6; float: left; margin-right: 30px; margin-bottom: 50px; }
.overview_container .overview_right div.bio { margin-top: 25px; }
.overview_container .overview_right div.bio .bio_right { float: left; width: 387px; }
.overview_container .overview_right div.bio p {   }

.overview_container .overview_right div.bio .read_more {  border-bottom: 1px solid #d1d1d1; width: 383px; margin-left: 0px; margin-top: 44px; }
.overview_container .overview_right div.bio .read_more a { width: 130px; height: 43px; background:url(/images/chef_bios/read_more.png) no-repeat; display: block; position: absolute; margin-top: -22px; margin-left: 110px; border: 6px solid#FFF; }

/* mobile */
div.make_reservation { position: absolute; margin-top: 129px; margin-left: 20px; background: url(/images/mobile/make_reservation.png) no-repeat; background-size: 360px 70px; width: 360px; height: 70px; }
div.mobile_dropdown { cursor: pointer; position: absolute; margin-top: 220px; margin-left: 20px; background: url(/images/mobile/drop_down_grad.png); width: 283px; height: 43px;  }
div.mobile_dropdown div.title { color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; font-family: arial; background: url(/images/mobile/drop_down_arrow.png) no-repeat; background-position: right; margin-top: 13px; margin-left: 12px; position: absolute; width: 260px;}
div.mobile_dropdown ul { margin-bottom: -46px; margin-top: 44px; width: 283px; display: none; }
div.mobile_dropdown ul li { padding: 5px; background: #648e9e; margin-top: 1px; }
div.mobile_dropdown ul li a { color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; font-family: arial;  }
div.mobile_overview_container { margin-top: 62px;  }
div.mobile_overview_container h2 { font-family: geared_slabbold; font-size: 32px; color: #648e9e; text-transform: uppercase; }
div.mobile_overview_container h3 { font-size: 20px!important; font-family:palatino!important; color: #000!important; }
div.mobile_overview_container h4 { font-size: 16px!important; font-family:palatino!important; color: #000!important; }
div.mobile_overview_container .overview_content table { width: 283px; font-size: 14px; font-weight: bold; }
div.mobile_overview_container .overview_content table tr td.row_divider { border-top: 1px solid #c0bdab; padding-top: 36px; }
div.mobile_overview_container .overview_content table tr td.row_divider.first {border: 0px;}
div.mobile_overview_container .overview_content table tr td.hours { padding-bottom: 10px; }
div.mobile_overview_container .overview_content .custom .menu_item { float: left; margin-bottom: 45px; }
div.mobile_overview_container .overview_content .custom .menu_item h4 { font-weight: bold; font-size: 14px; text-transform: uppercase; margin-bottom: 4px;}
div.mobile_overview_container .overview_content .custom .menu_item h5 { font-weight: bold; font-size: 14px; color: #b22630; }
div.mobile_overview_container .overview_content .custom .menu_item img { border: 4px solid #FFF; margin-right: 9px; width: 124px; height: 56px; }
div.mobile_overview_container .map_filter { height: 60px; background: url(/images/locations_sb/map_filter_grad_large.png); margin-top: 10px; margin-bottom: 10px; }
div.overview_content.main .custom { width: 400px; }
div.onlyPhone.group_dining .mobile_dropdown { margin-top: 170px; }
div.onlyPhone.group_dining .partyFilter { position: absolute; margin-top: 120px; margin-left: 20px; }
div.onlyPhone.group_dining .partyFilter select { }

/* /mobile */


/* /Acres of Clams */

/* Salmon House */
.overview_container .overview_right h3.whalemaker { margin-top: 45px; }
.overview_container .overview_right table tr.last { border-bottom: 1px solid #d1d1d1; }
.weather_station_container h2 { margin-bottom: 15px; }
.station-left { float: left; width: 270px; }
.station-left iframe {margin-bottom: 13px }
.station-left span { font-style: italic; margin-bottom: 29px; display: block; }
.station-right { width: 351px;  float: left; }
.overview_container .overview_right .station-right table { width: 350px; font-weight: normal; margin: 0px; }
.overview_container .overview_right .station-right table tr { border: none; }
.overview_container .overview_right .station-right table tr > td  { padding: 0px;  padding-bottom: 30px; font-size: 14px; }
.overview_container .overview_right .station-right table tr td.first {  width: 60% }
.overview_container .overview_right .station-right table tr td.second { text-align: right; font-weight: bold; }
.overview_container .overview_right .station-left img { margin-top: 20px; margin-bottom: 10px; }

div.mukilteo .overview_left { min-height: 921px; }
div.mukilteo .overview_right { min-height: 891px; }
/* /Salmon House */

/* Seafood bars */
.parking.seafoodbars { width: 150px!important; }
.hours_directions.seafoodbars { width: 228px!important; }
.hours_directions.seafoodbars b { text-transform: uppercase;  font-size: 16px; }
.parking.seafoodbars h4 { font-size: 16px!important; }
.map_filter { width: 598px; height: 16px; background: url('/images/locations_sb/map_filter_grad.png'); padding: 14px;  }
.map_filter select {width: 184px; padding:2px 0 0 5px;}
.map_filter div { float: left; }
.map_filter .city_zip { border-radius:2em; border:none; box-shadow: inset 0 1px 1px;  height:22px; background: #e4e9ee; font-size: 12px; font-family: arial; font-weight: bold; color: #524737; padding: 1px 12px 0; width: 170px; position: relative; top: -4px; }
.map_filter .all_locations { display: block; width: 123px; height: 22px; background-image: url(/images/locations_sb/all_locations.png); position: relative; left: 477px; top: -3px;  }
.map_filter .or { margin-left: 4px; margin-right: 3px; }
.location_item { border-bottom: 1px solid #CCC; padding-left: 55px; padding-bottom: 32px; background-repeat:no-repeat;  }
.location_item table { }
.location_item table tr { border: none!important; }
.location_item table tr td { color: #000; padding: 0px!important; font-weight: normal; }
.location_item table tr td.title { color: #b22630; font-size: 16px; text-transform: uppercase; padding-bottom: 20px!important; padding-top: 10px!important; font-weight:bold; }
.location_item table tr td.address { width: 207px; }
.location_item table tr td.phone { color: #b22630; }
/* /Seafood bars */

/* Nearest Location Widget */

.nearest_location_container .lft { font-size: 16px; padding: 15px 0;  }
.nearest_location_container h2 { }
.nearest_location_container .nearest_or { font-size: 16px; float: left; padding-left: 72px; padding-top: 3px;}

/* /Nearest */

/* Our Story */
.tv_radio_print h2 { margin-bottom: 13px; }
.tv_radio_print h2 span { cursor: pointer }
.tv_radio_print h2 span.inactive { color: #bbcbd2; }
.tv_radio_print h2 span.active { background: url(/images/ourstory_tvradioprint/section_highlight.png) bottom no-repeat; }
.tv_radio_print ul.thumbs { position: absolute; }
.tv_radio_print ul.thumbs li { width: 125px; float: left; }
.tv_radio_print ul.thumbs li img { width: 125px; height: 75px; cursor: pointer; }
.tv_radio_print ul.thumbs li div.overlay { position:absolute; width: 125px; height: 75px; background:url(/images/ourstory_tvradioprint/video_play_overlay_on.png); cursor: pointer; }
.tv_radio_print ul.thumbs li div.overlay.active { position:absolute; width: 125px; height: 75px; background:url(/images/ourstory_tvradioprint/video_play_overlay_off.png); cursor: pointer; }
.tv_radio_print ul.thumbs_hidden { display: none; }
.tv_radio_print ul.video_nav { margin-top: 118px; width: 700px; position: absolute;  }
.tv_radio_print ul.video_nav li { float: left;  }
.tv_radio_print ul.video_nav li a { float: left; font-size: 14pt; color: #b83a41; text-decoration: underline; }
.tv_radio_print ul.video_nav li.previous { }
.tv_radio_print ul.video_nav li.bullets_container { width: 510px; text-align: center;  }
.tv_radio_print ul.video_nav li.bullets_container ul.bullets { margin-left: 211px; margin-top: 10px; }
.tv_radio_print ul.video_nav li.bullets_container ul.bullets li { cursor: pointer; float: left; background: url(/images/ourstory_tvradioprint/bullet_off.png); width: 8px; height: 8px; margin-right: 7px;   }
.tv_radio_print ul.video_nav li.bullets_container ul.bullets li.active { background: url(/images/ourstory_tvradioprint/bullet_on.png);}
.tv_radio_print ul.video_nav li.next {  }
.tv_radio_print div.video { margin-top: 165px; }
li.radio_file { padding: 2px; }
li.radio_file div { padding: 4px;}
a.radio_file { width: 125px; height: 75px; display: block; background: url(/images/ourstory_tvradioprint/sound_off.png); border: 1px solid #CCC;  }
a.radio_file.active { background: url(/images/ourstory_tvradioprint/sound_on.png); }
div.jp-audio, div.jp-video { font-size:1.25em; margin-top: 160px; margin-left: 108px; }
.tv_radio_print.trpprint .print_work { width: 620px; }
.tv_radio_print.trpprint .print_work li { float: left; width: 310px; margin-bottom: 20px; }
.tv_radio_print.trpprint .print_work li img { float: left; margin-right: 4px; }

.tv_radio_print.trpprint ul.video_nav { margin-top: 6px; }
.tv_radio_print.trpprint ul.print_work.thumbs { position: absolute; margin-top: 50px; }
.tv_radio_print.trpprint ul.print_work.thumbs img { width: 125px; height: 125px; }
.tv_radio_print.trpprint ul.print_work.thumbs li div p { padding-right: 4px; }

/* /Our Story */


/***********************************************************************************************************************/
/***********************************************************************************************************************/
/***********************************************************************************************************************/
/****************************************MEDIA QUERIES BELOW THIS*******************************************************/
/***********************************************************************************************************************/
/***********************************************************************************************************************/
/***********************************************************************************************************************/

/* TABLET */
@media screen and (min-width: 481px) and (max-width: 960px) {



}


/* PHONE */
@media screen and (max-width: 480px) {

    /*div.overview_container { display: none; }*/
    /*aside.photoGallery { display: none; }*/

}