/* REDINN http://theredinn.com  Write your theme styles here */
a, a:visited { color: #cc3333; }

a:hover, a:focus { color: #8f2424; }

a:active { color: #cc3333; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Verdana, Sans-Serif; font-weight: bold; color: #121212; }

h2 { font-size: 1.5em; }

body { background-color: #cc3333; }

li { list-style-image: url("../images/bullet_square.jpg"); padding-bottom: 20px; }

.fun-fact li { padding-bottom: 0px; margin-bottom: -20px; }

.row { margin-left: 30px; margin-right: 30px; margin-left: 28px; margin-right: 29px; }

.home .entry-content > .row { margin-left: 0px; margin-right: 0px; }

.entry-content > .row { margin-left: 0px; margin-right: 0px; }

.error-404 { padding: 0px 30px; }

.color-red { color: #cc3333; }

.container { background-color: #fffae7; }

.site-main { padding-right: 20px; }

.container-header { background-color: #fffae7; }

button.navbar-toggle:hover, button.navbar-toggle:focus { box-shadow: none; }

.header-phone h5 { font-size: 14px; color: #cc3333; }
.header-phone a { font-size: 14px; font-weight: 700; }

.navbar-toggle { padding: 10px 15px 10px 15px; }

.navbar-toggle-x { padding: 17px 15px 18px 15px; }

#menu-phone li { padding-bottom: 0px; }
#menu-phone li a { background-color: #ffe292; background-image: url("../images/menu-phone-button.png"); background-repeat: no-repeat; height: 48px; margin: 4px 0px; padding-left: 50px; text-transform: uppercase; font-size: 16px; line-height: 30px; font-size: 12px; line-height: 30px; color: #666; }
#menu-phone li a:hover { background-color: #cc3333; background-image: url("../images/menu-phone-button-hover.png"); background-repeat: no-repeat; color: white; }

#menu-phone li.plain-text a { background-color: transparent; background-image: none; padding-left: 4px; color: #666666; font-size: 14px; height: 30px; line-height: 10px; font-weight: 700; }
#menu-phone li.plain-text a:hover { background-color: transparent; background-image: none; }

.container-footer { background-color: #fffae7; }
.container-footer a { font-weight: 700; color: #666666; }
.container-footer a.blog { color: #cc3333; }

.container-footer-xs-2 { background-color: #cc3333; background-image: url("../images/footer-background-phone.png"); background-repeat: repeat-x; }

.classTopSlides { max-width: 100%; }

.container-fun-fact { padding: 0px 40px 0px 20px; }

.sidebar-sub-menu { padding-left: 25px; }

.sidebar-sub-menu > a { text-decoration: none; text-align: left; font-weight: 800; text-transform: uppercase; font-size: 0.9em; color: #666666; }

ul.sidebar-sub-menu { list-style-image: none; margin-left: 0px; padding-left: 25px; }

ul.sidebar-sub-menu li { background-image: url("../images/left-menu-button-off.jpg"); background-repeat: no-repeat; width: 100%; height: 29px; margin: 0; padding: 0; padding-left: 22px; padding-bottom: 2px; line-height: 29px; list-style: none; list-style-image: none; }

ul.sidebar-sub-menu li:hover { background-image: url("../images/left-menu-button-on.jpg"); }

ul.sidebar-sub-menu li.focus { background-image: url("../images/left-menu-button-on.jpg"); }

ul.sidebar-sub-menu li.focus a, ul.sidebar-sub-menu li:hover a { color: #fff; }

ul.sidebar-sub-menu li a { text-transform: uppercase; color: #666666; font-size: 0.65em; }

ul.sidebar-sub-menu li a:hover { text-decoration: underline; color: #fff; }

.classLeftBlogDiv { background-color: white; width: 200px; border-top: 2px solid #aaaaaa; border-bottom: 2px solid #aaaaaa; padding-left: 10px; line-height: 30px; padding-top: 5px; padding-bottom: 5px; /* do this for absolute position in nested div */ position: relative; margin: 0 auto; text-align: left; overflow: visible; }

.blog-links a { color: #666666; }
.blog-links a:hover { text-decoration: underline; }

.classBlogDate { text-transform: uppercase; font-size: 1.0em; }

.room .row { margin-left: 0px; margin-right: 0px; }

/* Room Rate Display */
#idRoomRateHeader { width: 280px; height: 31px; border-top: 2px solid #999999; border-bottom: 2px solid #999999; margin-top: 10px; display: block; line-height: 31px; text-transform: uppercase; font-size: 0.8em; }

.classRoomRateHeader { width: 280px; height: 31px; display: block; line-height: 31px; }

.classRoomName { width: 148px; width: 136px; height: 31px; padding-left: 10px; /* do this for absolute position in nested div */ position: relative; margin: 0 auto; text-align: left; float: left; }

.classRoomSeason { width: 80px; width: 76px; height: 31px; padding-left: 3px; padding-right: 3px; /* do this for absolute position in nested div */ position: relative; margin: 0 auto; text-align: center; float: left; }

.classRoomPipe { width: 4px; height: 31px; /* do this for absolute position in nested div */ position: relative; margin: 0 auto; text-align: left; float: left; }

.classRoomRateHeader:nth-of-type(odd) { background-color: #ffefc2; }

.classRoomRateHeader:nth-of-type(even) { background-color: #ffe292; }

/*****************************************************************************/
/* Forms */
/*****************************************************************************/
.classCForm { font-family: Arial; padding-left: 224px; padding-left: 0px; }

.classCFormTextBox { width: 465px; }

.classCFormLabel { width: 232px; float: left; text-transform: uppercase; font-size: 0.8em; color: #999999; }

.classCFormLabel2 { width: 332px; width: 295px; float: left; text-transform: uppercase; font-size: 0.8em; color: #999999; }

.classCFormError { width: 200px; color: red; float: left; font-weight: 700; }

.classCFormInputBox { width: 465px; width: 305px; }

.classCFormCheckBox { color: #999999; }

.classCFormInput { width: 305px; width: 265px; color: #999999; }

.classCFormInput2 { width: 165px; display: inline; color: #999999; }

.classCFormTextArea { width: 305px; width: 265px; height: 120px; font-family: Arial; }

.site-footer { padding: 10px; }

footer { color: #ffffff; }
footer .phone { font-size: 16px; }
footer h5 { color: #ffffff; font-size: 12px; font-weight: 400; }

@media only screen and (min-width: 992px) { h2.fun-fact { padding-left: 60px; }
  .container-header { background-image: url("../images/background_frame_top.jpg"); }
  .container { background-image: url("../images/background_frame.jpg"); }
  .container-footer { background-image: url("../images/background_footer.jpg"); height: 170px; }
  .header-desktop { margin: 10px 50px 0px 40px; }
  .header-desktop .search-form { margin-top: 15px; }
  .header-desktop .search-field { border-radius: 0; width: 118px; }
  .header-desktop .search-submit { display: none; }
  .header-desktop h4 { color: #cc3333; letter-spacing: 1px; }
  .navbar { border-radius: 0; border-color: #cc3333; border: 0px; height: 24px; min-height: 24px; }
  .navbar-default { background-color: #cc3333; min-height: 24px; height: 24px; border-radius: 0; border-color: #cc3333; }
  #main-primary-menu { padding-left: 20px; }
  #main-primary-menu li { padding-bottom: 0px; }
  #main-primary-menu li a { background-color: #cc3333; height: 24px; padding: 4px 10px; color: white; text-transform: uppercase; }
  #main-primary-menu li a .pipe { height: 4px; border-right: 1px solid white; padding: 0px 10px; }
  #idTopSlides { margin-left: 28px; }
  .classTopSlides { width: 935px; height: 257px; }
  .room-header { padding: 0px 60px; }
  .room-header h2 { font-size: 18px; }
  .room-content { padding: 0px 60px; }
  #idRoomRateHeader, .classRoomRateHeader { width: 580px; }
  .classCForm { padding-left: 224px; }
  .classCFormTextBox { width: 465px; }
  .classCFormLabel { width: 232px; }
  .classCFormLabel2 { width: 632px; }
  .classCFormError { width: 200px; }
  .classCFormInputBox { width: 465px; }
  .classCFormInput { width: 405px; }
  .classCFormInput2 { width: 165px; }
  .classCFormTextArea { width: 405px; }
  footer { color: #666666; }
  .nav-footer li { margin-left: -10px; }
  .nav-footer li a { text-transform: uppercase; color: #121212; font-size: 12px; }
  .nav-footer li a .pipe { height: 4px; border-right: 1px solid black; padding-left: 18px; }
  .nav-footer li a:hover { background-color: transparent; text-decoration: underline; }
  .nav-footer li a.phone:hover { text-decoration: none; } }

@media screen and (max-width: 950px) {
.container-header { border-bottom:1px solid #cc3333; }
}