/****************************
COMMON STYLING
*/

body { margin: 0; padding: 0; font-family: helvetica, sans-serif; font-size: 16px; }

.body-center { margin: auto; width: 1200px;  }
.header-to-edges { background-color: #222222; width:100%; height: 34px; }
.group:after { content: ""; display: table; clear: both; }

.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none !important; }

.pointer { cursor: pointer; }

.byline { font-style: italic; font-size 90%; color: #999; padding-right: 10px; margin-top: 25px; }
.centeralign { text-align: center; }
.rightalign { text-align: right; }
.justifyalign { text-align: justify; }
.spacingbottom5  { padding-bottom: 5px; }
.spacingbottom10 { padding-bottom: 10px; }
.spacingbottom25 { padding-bottom: 25px; }
.shadow { box-shadow: 3px 3px 4px 0px #ccc; }
.smalllighttext { font-size: 90%; color: #999; }
.indent10 { padding-left: 10px; }
.section-title { padding: 5px;  background-color: #396567; color: #fff; font-weight: bold; font-size: 110%; text-transform: uppercase; }
.section-subtitle { font-weight: bold; margin-bottom: 3px; margin-top: 5px; }
.section-box { border-left: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
.section-box-top-gap { margin-top: 25px; }
.section-box-inner { padding: 10px; }
.hide { display: none; }

a, a.link, a.visited { color: #359EA2; text-decoration: none; }
a:hover, a.link:hover, a.visited:hover { text-decoration: underline; }
.nodecoration a:hover, .nodecoration a:link:hover, .nodecoration a:visited:hover { text-decoration: none; } 

h1 { color: #396567; !important; font-size: 140% !important; margin: 0 !important; padding-bottom: 8px; }
h2 { margin: 0 !important; padding-top: 15px; padding-bottom: 10px; color: #396567; font-size: 130%;  }

.smallimage img { width: 175px; margin: 10px; }
.squareimage img { width: 150px; height: 112px; margin: 10px; }
.blog-content { font-size: 100%; text-align: justify; line-height: 21px; padding-top: 15px; }
.notfound-content { font-size: 140%; line-height: 21px; padding-right: 25px;  }


/****************************
PAGE STYLING
*/

#page-header { border-bottom: solid 2px #336699; width: 100%; padding-top: 15px; position: relative; }
#body-container { width: 12	00px; color: #666; margin: 0;  padding-top: 25px; padding-bottom: 25px; }

/****************************
MENU STYLING
*/

.menu-bar { font-size: 90%; }
#menu-bar { background-color: #222222; color: #ffffff; font-size: 70%; }
#menu-bar a, #menu-bar a.link, #menu-bar a.visited { color: #fff; text-decoration: none; }
.menu-column { height: 24px; padding-top: 9px; padding-left: 20px; padding-right: 20px; text-align: center; }
.menu-selected { background-color: #396567; }

/****************************
FOOTER STYLING
*/

.footer-to-edges { background-color: #222222; width:100%; }
#footer { background-color: #222222; color: #c0c0c0; padding: 25px; font-size: 80%; padding-bottom: 50px; }
.footer-column { width: 150px; padding-right: 25px; padding-bottom: 25px; line-height: 20px; }
.footer-col-header { font-weight: bold; color: #fff; padding-bottom: 10px; }
#footer a, #footer a.link, #footer a.visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a.link:hover, #footer a.visited:hover { text-decoration: underline; }
.footer-dest-col { padding-right: 15px; }
.col-right-border { border-right: solid 1px #404040; margin-right: 15px; }


/****************************
HOME STYLING
*/
#home-col1 { width: 735px; min-height: 500px; margin-right: 25px;}
#home-col2 { width: 340px; min-height: 500px;}

#home-photo-gallery { position: relative; margin-bottom: 35px; }
#home-photo-gallery img { width: 735px; height: 539px; }
#home-photo-banner { position: relative; margin-top: -67px; height: 50px; background-color: #000; opacity: 0.5;    }
#home-photo-title { padding: 15px; font-size: 120%; color: #fff; }
#home-google-ads { margin-top: 50px; }
#home-short-about { border: solid 1px #d0d0d0; padding: 10px; background-color: #f8f8f8; font-size: 100%; }
#home-short-about .title { margin: 0 !important; padding-bottom: 10px; color: #396567; font-size: 135%; font-weight: bold; }
#home-short-about .content { font-size: 100%; text-align: justify; line-height: 21px; }

#home-recommended-reading { border: solid 1px #d0d0d0; background-color: #f8f8f8; margin-top: 15px; }
#home-recommended-reading img { height: 88px; margin-left: -10px; }
#home-recommended-reading .book-img-col { width: 75px; margin-top: 3px; }
#home-recommended-reading .book-title-col { width: 240px; }
#home-recommended-reading .book-title { font-weight: bold; }
#home-recommended-reading .book-description { margin-top: 5px; font-size: 90%; }
#home-recommended-reading .book-group { width: 330px; padding-left: 10px; margin-top: 10px; margin-bottom: 15px; }

#home-suggestion { border: solid 1px #d0d0d0; background-color: #f8f8f8; margin-top: 40px; }
#home-suggestion img { width: 112px; }
#home-suggestion .suggestion-img-col { width: 120px; margin-top: 3px; }
#home-suggestion .suggestion-title-col { width: 203px; }
#home-suggestion .suggestion-title { font-weight: bold; }
#home-suggestion .suggestion-description { margin-top: 5px; font-size: 90%; }
#home-suggestion .suggestion-group { width: 330px; padding-left: 10px; margin-top: 10px; margin-bottom: 15px; }

#home-discover { border: solid 1px #d0d0d0; background-color: #f8f8f8; margin-top: 15px; }
#home-discover img { height: 88px; }
#home-discover .discover-img-col { width: 127px; margin-top: 3px; }
#home-discover .discover-title-col { width: 200px; }
#home-discover .discover-title { font-weight: bold; }
#home-discover .discover-description { margin-top: 5px; font-size: 90%; }
#home-discover .discover-group { width: 330px; padding-left: 10px; margin-top: 10px; margin-bottom: 15px; }
#home-discover .discover-img-vertical { width: auto !important; height: 149px !important; }

#home-city-list { width: auto; height: 75px; }
.home-city { width: 181px; height: 25px; border: solid 1px #396567; padding-top: 7px;  background-color: #359EA2; color: #fff;  }
.home-city:hover { background-color: #BBD7F1; color: #fff; }

/****************************
CITY STYLING
*/
.city-section { padding: 5px;  background-color: #396567; color: #fff; font-weight: bold; font-size: 110%; text-transform: uppercase; } 
#city-col { min-height: 1000px; width: 550px; padding-right: 25px; }
#citymap { height: 300px; width: 550px; margin-bottom: 25px; }

/****************************
VENUE CATEGORY STYLING
*/
#category-col { width: 225px; min-height: 1000px; padding-right: 25px; }
.cattitle { font-weight: bold; font-size: 110%;  }
.catmenu-header  { padding-bottom: 25px; }
.catmenu-title { font-weight: bold; color: #000; background-color: #BBD7F1; margin-bottom: 5px; margin-top: 5px; padding-left: 5px; }
.catmenu-item { padding-left: 5px; }
.catmenu-item-specialty { padding-left: 25px; font-weight: bold; }
.catmenu-specialty { padding-left: 5px; font-weight: bold; }
.catmenu-content { line-height: 20px; } 
#other-col { width: 320px; min-height:1000px;}

/****************************
TOP PICKS STYLING
*/
.toppick-square { margin: 15px; width: 150px; }
.toppick-square img { width: 150px; height: 112px; }
.toppick-title { font-size: 140%; font-weight: bold; }
.toppick-square-title { height: 50px; }
#mention-wrapper { padding-bottom: 25px; }

/****************************
BLOG STYLING
*/
.blogcontent { font-size: 110%; text-align: justify; line-height: 25px; }
.blogcontent img { width: 213px; }
.blog-picture { margin-left: 10px; margin-right: 10px; }
.blog-postdate { font-size: 80%; color: #a0a0a0; }
#blog-col1 { width: 700px; margin-right: 25px; }

/****************************
DESTINATIONS STYLING
*/
.city-square { padding: 25px; }
.city-square-title { font-size: 140%; font-weight: bold;  }
.city-square-picture img { width: 250px; }

/****************************
ABOUT STYLING
*/
#about-content { margin-bottom: 250px; margin-left: 100px; width: 850px;  }

/****************************
YELP STYLING
*/
.yelp-row { padding-bottom: 20px; }
.yelp-row-image { width: 110px; }
.yelp-row-content { width: 130px; }
.yelp-logo img { width: 150px; margin-left: 50px;}