/* CSS Generated Thu, 26 Feb 2015 03:57:52 +0000 by User ID 1 */

/** CANVAS UPDATES **/
#header { padding-left: 0 !important; padding-right: 0 !important; width: 960px; max-width: 100%; }
#headerPhone { display: none; }
.header-widget { float: right; clear: none; margin-right: 15px; }
#logo { float: left; position: relative; z-index: 99; }
@media only screen and (min-width: 768px) {
  #navigation { margin-top: 65px; margin-bottom: 0; float: right; width: auto; clear: none; }
  ul.nav { margin-right: 0; }
  ul.nav li a { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }
  ul.nav li#menu-item-930 { border-right: 0; }
  #navigation .nav li.parent > a:after { display: none; }
}
.headerSlide { width: 1135px; margin: 0 auto; position: relative; top: -105px; max-width: 100%; }
#content { background-color: #ffffff; margin-top: -90px; padding-top: 15px; }
.entry img, img.thumbnail, #portfolio .group.portfolio-img img { border: 0; }
.mobileOnly { display: none; } 


/** HOMEPAGE **/
body.page-id-934 .page .entry-title { display: none; }
#blogFeed { margin-left: -4%; width: 108%; }
#blogFeed .blogEntry { display: inline-block; width: 45%; margin: 1% 0 1% 4%; padding: 0; vertical-align: top; }
#blogFeed .blogEntry h3 { margin-bottom: 0; line-height: 1.2em; }
#blogFeed .blogEntry .date { font-size: 0.8em; margin-bottom: 1em; }


/** FOOTER **/
#footer-widgets, #footer { border-top: 0; }
#footer-widgets .block .widget { margin-bottom: 0; }
#footer-widgets .block .widget .textwidget { text-align: center; }
#footer-widgets .block .widget .textwidget a { margin: 0 1em; white-space: nowrap; }








/*CONTENT*/
.narrowcolumn {padding-left:10px; padding-top:20px; font-size:1.1em;}
.narrowcolumn a:link, a:visited, a:active {color:#7CC0EA;}
.narrowcolumn a:hover {color:darkorange;}

h1, h2, h3 {font-weight: normal;}

/*SIDEBAR*/
#sidebar h2 {border-bottom:1.1px solid #7CC0EA; font-size:100%; font-weight: lighter; margin:15px 0 10px 0; padding:3px;}
#sidebar ul a:link, #sidebar ul a:visited, #sidebar ul a:hover, #sidebar ul a:active {font-weight:lighter;}
#sidebar ul a:hover {color:darkorange;}


/* Style the BOOKING FORM in the sidebar2, */
#sidebar2 .gform_wrapper { margin-left: 20px; }
.widgetcform0 #li--1 {background-color: transparent !important; text-align: left;}
.text-only {background: transparent;}
#sidebar2 .gform_widget input.medium {width: 130px; height: 10px !important;}
#sidebar2 .gform_widget textarea {width: 130px; height: 60px !important;}
.widgetcform0 .cf-ol .cf_date {width: 110px; height: 10px !important; display: inline !important;}
.widgetcform0 .dp-choose-date {display: inline !important; }
.widgetcform0 .cf-ol .cformselect {width: 178px !important;}
.widgetcform0 .gform_wrapper { width: 140px !important; margin-bottom: 1em; }
 .widgetcform0 .cf-ol label {margin-left: -10px !important;}
.gform_wrapper fieldset {background: transparent !important;}
.gform_wrapper li.textonly { background: transparent !important;}
.gform_wrapper input.gform_button { background-color:#FFFFFF; background-image:none; color: #41AED4; border:1px solid #41AED4 !important; font-weight: lighter; letter-spacing:0.1em; text-transform:uppercase; width:60px; margin:0; padding:4px; }

p.cf-sb {text-align: left;}
span.reqtxt, span.emailreqtxt {display:-moz-popup;}

#sidebar2  {width: 180px; border-left:medium none; background-color: #EBF5FA; padding: 0;}
#sidebar2 { margin-right: 10px;}
#sidebar2 h2 {background-color: #FFFFFF; color: #7CC0EA; font-weight: lighter; text-align:center; border-bottom: none; padding-top: 20px; padding-bottom:10px; font-size: 120%; margin: 0;}
#sidebar2 li {color: #7CC0EA; padding: 0;} 

.gform_wrapper label span {width:100px;}
.gform_wrapper select, .gform_wrapper input { color: #838484 }
.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {border: 1px solid #7CC0EA;}
.gform_wrapper input:hover, .cform textarea:hover, .gform_wrapper select:hover {background: none repeat scroll 0 0 #F1F1F1;}
.gform_wrapper .top_label .gfield_label { font-weight: normal !important; color: #7CC0EA; }

/*MENU*/
#menu  { width: 600px; position: absolute; top: 83px; right: 10px; font-size: 1.1em;}

/*GALLERY*/
.simplegallery .thumbnails img {margin-right: 2px !important;}
.simplegallery .thumbnails {padding-left: 35px !important; width: auto !important;}
.simplegallery .thumbnails {height: 350px !important;overflow: auto !important;}

/* COMMENTS */
.postmetadata { display:none; }
.leave_comment_top { display:none; }

/*FOOTER*/
#footer  {text-align:center;}
#outerpage { background: transparent url(/wp-content/uploads/Anchor.jpg) no-repeat scroll left bottom; }
#footer a:link, #footer a:visited, #footer a:active {color:#8B8C8D;}
#footer a:hover {color:darkorange;}


/*WEATHER WIDGET*/
#sidebar2 #weatherzone_1 {background-color: #FFFFFF; padding-left:55px; padding-top:20px;}


/** MOBILE AND RESPONSIVE **/
@media only screen and (max-width: 1135px) {
  .headerSlide { top: -100px; }
  #content { margin-top: -80px; }
}
@media only screen and (max-width: 1060px) {
  #blogFeed { width: 100%; }
}
@media only screen and (max-width: 1025px) {
  #logo { margin-left: 15px; }
  .headerSlide { top: -90px; }
  #content { margin-top: -70px; }
}
@media only screen and (max-width: 940px) {
  ul.nav li a { font-size: 12px; }
}
@media only screen and (max-width: 900px) {
  .headerSlide { top: -80px; }
  #content { margin-top: -60px; }
}
@media only screen and (max-width: 830px) {
  #navigation { float: left; margin- left: 15px; margin-top: 15px; }
  ul.nav li a { font-size: 14px; }
}
@media only screen and (max-width: 767px) {
  #headerPhone { display: inline; color: #ffffff; font-weight: bold; font-size: 16px; } 
  #navigation h3 { display: none; }
  ul.nav li a { text-align: left; }
  ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a { color: #2065a5; }
  .headerSlide { top: -70px; }
}
@media only screen and (max-width: 670px) {
  .headerSlide { top: -50px; }
  #content { margin-top: -30px; }
  #blogFeed { margin-left: 0; } 
  #blogFeed .blogEntry { display: inline-block; width: 100%; margin: 2% 0; padding: 0; vertical-align: top; }
  .entry table * { font-size: 12px; }
}
@media only screen and (max-width: 480px) {
  .mobileOnly { display: inline; }
  #header { text-align: center; }
  .header-widget { width: 100%; text- align: center; margin-right: 0; }
  #logo { float: none; margin-left: 0; }
  .headerSlide { display: none; }
  #content { margin-top: 20px; }
  
}