html {
  box-sizing: border-box;
  /* This can be removed - only needed for <= IE 7 */
  *behavior: url(/js/boxsizing.htc);
}
*, *:before, *:after {
  box-sizing: inherit;
  *behavior: url(/js/boxsizing.htc);
}

body {
   background-color:#5f0f0f;
   font-size:1em;
   font-family:arial, sans-serif;
   width:100%;
   height:100%;
}
.container {
   width:100%;
   height:100%;
}
.main {
   width:900px; /*60em;*/
   max-width:100%;
   margin:0 auto;
   padding:0 .5em;
}
.light_red {
   color:#872121;
}
.dark_red {
   color: #5f0f0f;
}
.bold_red {
   font-weight:bold;
   color:#a01a03;
}

/* HEADER */

.header {
   background-color:#872121;
   width:100%;
   max-width:100%;
   height:auto;
   text-align:center;
   -moz-box-shadow:0 4px 8px rgba(53,47,47, 0.65);
   -webkit-box-shadow:0 4px 8px  rgba(53,47,47, 0.65);
   box-shadow:0 4px 8px rgba(53,47,47, 0.65);
}
.header_img {
   padding:.5em;
   margin:0 auto;
   display:inline;
   max-width:100%;
   height:auto;
}
.header_img_mobile {
   display:none;
   padding:.5em;
   margin:0 auto;
   max-width:100%;
   height:auto;
}
a:link, a:visited {
   color:#50503c;
   text-decoration:underline;
}
a:hover, a:active {
   text-decoration:none;
}

/* NAV  */

div#nav {
   background-color:#e6e3da;
   color:#000;
   font-size:1.1em;
   font-weight:bold;
   letter-spacing:-.025em;
   text-shadow:1px 1px 1px #fff;
   width:100%;
   text-align:center;
   margin-bottom:.4em;
   -moz-box-shadow:0 4px 8px rgba(53,47,47, 0.65), inset 0 12px 8px -10px rgba(53,47,47, 0.65);
   -webkit-box-shadow:0 4px 8px rgba(53,47,47, 0.65), inset 0 12px 8px -10px rgba(53,47,47, 0.65);
   box-shadow:0 4px 8px rgba(53,47,47, 0.65), inset 0 12px 8px -10px rgba(53,47,47, 0.65);
   border-bottom-left-radius: .3em;
   border-bottom-right-radius: .3em;
}
ul#nav_ul {
   list-style-type:none;
   margin:0;
   padding:.4em 0;
   border-bottom-left-radius: .3em;
   border-bottom-right-radius: .3em;
}
ul#nav_ul li {
   display:inline;
   margin: 0 .4em;
   white-space:nowrap;
}
ul#nav_ul a:link, ul#nav_ul a:visited {
   text-decoration:none;
   color:#000;
   text-shadow:1px 1px 0 #ffffff;
}
ul#nav_ul a:hover, ul#nav_ul a:active {
   text-decoration:none;
   text-shadow:1px 1px 0 #ffffff;
   color:#5f0f0f;
}
li.nonlink {
   color:#872121;
   font-weight:bold;
}

/* FOOTER  */

div.footer {
   width:100%;
   max-width:100%;
   margin:1em auto 1.5em auto;
   padding:.5em;
   font-size:1em;
   background-color:#e6e3da;
   -moz-box-shadow:0 8px 3px -3px rgba(61,10,10, 0.85);
   -webkit-box-shadow:0 8px 3px -3px rgba(61,10,10, 0.85);
   box-shadow:0 8px 3px -3px rgba(61,10,10, 0.85);
   -moz-border-radius:.3em;
   -webkit-border-radius:.3em;
   border-radius:.3em;
   text-align:center;
}
span.footer_separator {
   margin:0 .3em;
   font-weight:bold;
}

/* CONTENT  */

div.content_container {
   width:100%;
   margin:0 ;
   padding:0;
}
div.content {
   border-radius:.3em;
   /*float:left;*/
   width:100%;
   max-width:100%;
   background-color:#e6e3da;
   margin:1em auto;
   padding:0 1rem 1rem 0;
   -moz-box-shadow:0 8px 3px -3px rgba(61,10,10, 0.85);
   -webkit-box-shadow:0 8px 3px -3px rgba(61,10,10, 0.85);
   box-shadow:0 8px 3px -3px rgba(61,10,10, 0.85);
}
.inner_container {
   padding:0 1em 1.5em 1em;
}

/* HEADLINES  */

h1, h2, h3 {
   font-family: "arial black", arial, sans-serif;
   font-weight:bold;
   color:#000;
   margin:0;
   letter-spacing:-.035em;
   text-shadow: 0 1px 0 #ffffde;
   line-height:1;
}
h2, h3 {
   padding:.2em 0;
}
h1.main_header {
   font-size:2.5em;
   padding:.5em 0;
}
h1.small_main_header {
   font-size:2.2em;
   padding:.5em;
}
h2 {
   font-size:1.9em;
}
h3 {
   font-size:1.5em;
}
h4.footer_name {
   display:inline;
   font-size:1.2em;
   margin:0;
   padding:0;
   font-family:arial, sans-serif;
   line-height:1;
   color:#000;
}
span.no_break {
   white-space:nowrap;
}

/* NEWS - POSTS */
/* Are these being used? If not - get rid of them. *****/
/*
div.post {
clear:both;
overflow:hidden;
background-color:#e6e3da;
margin:1em;
padding:1em;
line-height:1.3;
border:1px solid #c5c5a8;
}
div.post img {
clear:both;
max-width:100%;
-moz-box-shadow:2px 2px 4px rgba(80,80,60,0.75);
-webkit-box-shadow:2px 2px 4px rgba(80,80,60,0.75);
box-shadow:2px 2px 4px rgba(80,80,60,0.75);

}
div.post_img {
width:100%;
margin-top:1.75em;
text-align:center;
}
h2.title {
font-size:1.5em;
padding:.25em 0;
margin:0;
}
h3.subtitle {
font-size:1.2em;
padding:.2em 0;
margin:0;
}
div.text {
clear:both;
width:35em;
max-width:100%;
margin:0;
padding:1em .25em;
font-size:.9em;
}
p.caption {
clear:both;
margin:1em 0 0 0;
padding:0;
text-align:left;
}
div.date {
clear:none;
text-align:right;
width:auto;
}
.news_headlines {
margin:1em 0;
padding:.25em .75em;
border: 1px solid #dedec3;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
width:23em;
-moz-box-shadow:2px 2px 4px rgba(103,103,97, 0.75);
-webkit-box-shadow:2px 2px 4px rgba(103,103,97, 0.75);
box-shadow:2px 2px 4px rgba(103,103,97, 0.75);
}
*/

/* HOME PAGE  */

img.sand_creek_logo {
   display:inline-block;
   vertical-align:top;
   margin:.5em;
   max-width:100%;
   height:auto;
}
.label {
   display:none;
   width:100%;
   max-width:100%;
   height:auto;
   margin-bottom:.5em;
}
div.label_noscript {
   width:100%;
   max-width:100%;
   height:auto;
   margin-top:.5em;
}
.label img, .label_noscript img {
   max-width:100%;
   height:auto;
   -moz-box-shadow:2px 2px 4px rgba(66,66,66, 0.75);
   -webkit-box-shadow:2px 2px 4px rgba(66,66,66, 0.75);
   box-shadow:2px 2px 4px rgba(66,66,66, 0.75);
}
.top {
   width:100%;
}
.top_left {
   display:inline-block;
   width:50%;
   max-width:50%;
   padding:1em;
   vertical-align:top;
}
.cycle-slideshow {
   margin:0;
   padding:0;
}
.top_right {
   display:inline-block;
   width:50%;
   max-width:50%;
   padding:.5rem 1rem 1rem .25rem;
   line-height:1.25;
   font-size:1em;
   vertical-align:top;
}
.top_right p {
   width:28em;
   max-width:100%;
}

.event_list {
   display:inline-block;
   margin:1em 0 1em 1.5em;
   padding:.25em .8em;
   border: 1px solid #dedec3;
   -moz-border-radius:.3em;
   -webkit-border-radius:.3em;
   border-radius:.3em;
   width:auto;
   max-width:100%;
   -moz-box-shadow:2px 2px 4px rgba(80,80,70, 0.75);
   -webkit-box-shadow:2px 2px 4px rgba(80,80,70, 0.75);
   box-shadow:2px 2px 4px rgba(80,80,70, 0.75);
}


/* BEERS   */

.content.beers-content {
   float: left;
}
.beer-container {
   display:inline-block;
  float: left;
   vertical-align:middle;
   margin: 0;
   padding: 1em 0;
}
.beer-container.first-beer {
   padding-top: .5em;
}
.beer-label-container {
   width: 48%;
   height:auto;
   float: left;
   padding: 0 1rem 1rem 0;
}
.beer-label {
   width:100%;
   height: auto;
   float: left;
   -moz-box-shadow:2px 2px 4px rgba(66,66,66, 0.75);
   -webkit-box-shadow:2px 2px 4px rgba(66,66,66, 0.75);
   box-shadow:2px 2px 4px rgba(66,66,66, 0.75);
}
.beer-info {
   display: inline-block;
   width: 52%;
   vertical-align:top;
   padding:0 1rem 1rem 1.25rem;
   cursor:default;
   float: left;
}

h2.beer_name {
    font-size: 1.5em;
    padding: .25em 0 .25em 1rem;
    display: inline-block;
    float: left;
    max-width: 18em;
}

.beer-text {
   float: left;
   clear: none;
   display: inline-block;
   max-width: 22rem;
   line-height: 1.5;
   padding-left:1rem;
}
.beer-stats-and-share {
   display:inline-block;
   float: left;
   vertical-align:top;
   padding:0 1rem 1rem 1.25rem;
   cursor:default;
}
.beer-stats-and-share-lower {
   display:none;
   float: left;
   vertical-align:top;
   padding:0 1rem 1rem 1.25rem;
   cursor:default;
}
ul.beer_stats, ul.share_links {
    margin: 0;
    padding: 1em 0;
    line-height: 1.5;
    list-style-type: none;
    float: left;
    clear: left;
}
ul.share_links li {
   display: inline;
}

.social_icon {
   padding:.125em .25em .125em 0;
   display:inline-block;
   vertical-align:middle;
   width:32px;
   height:32px;
}

.beers-footer .footer {
   float: left;
}


/* BEER PROFILE */
.beer_profile {
   display:inline-block;
   width:52%;
   vertical-align:top;
   padding: 0 1rem 1rem 1.5rem;
}
.beer_profile p {
   width:24em;
   max-width:100%;
   display:inline-block;
   line-height:1.45;
   padding:1em 0;
   margin:0;
}
.beer_profile h2.beer_name {
   padding-left: 0;
}
.beer-profile-img {
   display:inline-block;
   width:48%;
   vertical-align:middle;
   margin: 0;
   padding: 0 1rem 1rem 1rem;
}
.beer-profile-img img {
   max-width:100%;
   height:auto;
   margin:0 1em 1em 1em;
   -moz-box-shadow:2px 2px 4px rgba(66,66,66, 0.75);
   -webkit-box-shadow:2px 2px 4px rgba(66,66,66, 0.75);
   box-shadow:2px 2px 4px rgba(66,66,66, 0.75);
}
/* CALENDAR / EVENTS   */



div.event_post {
   background-color:#e6e3da;
   padding:1em 1.5em;
   line-height:1.3;
   border:1px solid #c5c5a8;
}
div.event_info {
   display:inline-block;
   width:50%;
   max-width:50%;
   padding-right:1em;
}
div.event_info p {
   width:24em;
   max-width:100%;
   line-height:1.3;
}
ul.event {
   list-style-type:none;
   margin:0;
   padding:0;
}
ul.event li {
   margin:0;
   padding:0;
}
ul.event li.event-details {
   font-size: .9rem;
   color: black;
   margin-bottom:1em;
}
h2.event_name {
   font-size:1.2em;
   margin:0;
   padding:.3em 0;
}
div.event_map {
   display:inline-block;
   width:50%;
   max-width:50%;
   vertical-align:top;
   padding:1em;
}
div.google_map {
   display:inline-block;
   vertical-align:top;
   width:360px;
   height:240px;
   max-width:100%;
   border:solid 1px #999;
}

h3.brewery_event {
   font-size:1em;
   color:#5f0f0f;
   padding:.5em 0;
   margin:0;
}
.event_link {
/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
 -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}



/* CONTACT  */


form#contact_form {
   display:inline-block;
   width:60%;
   max-width:100%;
}
table#contact_table { 
   margin-top:.5em;
   width:100%;
   max-width:100%;
}
table#contact_table td {
   padding:.5em .25em;
   vertical-align:top;
}

input.contact_input, textarea {
   clear:left;
   width:90%;
   padding:.25em;

}
div.contact_result {
   font-weight:bold;
   font-size:1.2em;
   margin:.5em;
   color:#631002;
}


/* HISTORY  */
div.history {
   padding:1em;
}
h2#history_subhead {
   font-family:arial black, arial, sans-serif;
   line-height:1,1;
   color:black;/*#50503c;*/
   font-size:1.65em;
   letter-spacing:-.035em;
   margin:0;
   padding:0 0 .1em 0;
   text-shadow: 0 1px 0 #ffffde;
   width:100%;
}

div.history img {
   float:right;
   clear:right;
   margin:1em 0 1em 1em;
   -moz-box-shadow:2px 2px 4px rgba(80,80,60,0.75);
   -webkit-box-shadow:2px 2px 4px rgba(80,80,60,0.75);
   box-shadow:2px 2px 4px rgba(80,80,60,0.75);
   max-width:70%;
   height:auto;
}
div.history img.noclear {
   clear:none;
}
div.history_sub {
   padding:1em 0;
   min-width:40%;
}
.history_subnav {
   min-width:50%;
}
.history_subnav h3 {
   min-width:60%;
}
.caption_history {
   float:right;
   clear:right;
   text-align:right;
   font-size:.75em;
   padding:0 0 .75em 2em;
   max-width:75%;
}


/* TOGGLE IMAGES  */
img.toggle_image_small {
   cursor:pointer;
}
img.toggle_image_large {
   -webkit-box-shadow: 8px 8px 16px #000000;
   -moz-box-shadow: 8px 8px 16px #000000;
   box-shadow: 8px 8px 16px #000000;
   border:1px solid #333333;
   position:fixed;
   top:10%;
   left:10%;
   display:none;
   z-index:10;
   cursor:pointer;
   max-width:100%;
   height:auto;
}



/* VISIT US  */


.visit {
   display:inline-block;
   width:50%;
   max-width:50%;
   padding:.5em;
}

.google_map_visit {
   display:inline-block;
   width:400px;
   max-width:100%;
   height:300px;
   border:solid 1px #999;
}
.map_and_directions {
   display:inline-block;
   vertical-align:top;
   width:50%;
   max-width:50%;
   padding: 1em 0 1em 1em;
}
.driving_directions {
   width:100%;
   max-width:100%;
   padding:.5em .5em 0 0;
}
form.driving_directions_form {
   width:100%;
}
.driving_directions_input {
   width:100%;
   padding:.25em;
   max-width:100%;
   margin:.5em 0;
}
.driving_directions_submit {
   margin:0 0 1em 0;	
}





/* **************** MOBILE ********************* */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px),
(max-width: 600px)
{
	
.header_img {
   display:none;
}
.header_img_mobile {
   display:inline-block;
}
	
/* HOME PAGE - Mobile */
img.sand_creek_logo {
   display:none;
}

.label {
   display:none;
   float:none;
   width:auto;
   height:auto;
   max-width:100%;
   margin:0 auto;
}
.label img, .label_noscript img {
   max-width:100%;
   -moz-box-shadow:2px 2px 4px rgba(103,103,97, 0.75);
   -webkit-box-shadow:2px 2px 4px rgba(103,103,97, 0.75);
   box-shadow:2px 2px 4px rgba(103,103,97, 0.75);
}
div#label_noscript {
   float:none;
   width:400px;
   height:auto;
   max-width:100%;
   margin:.0 auto;
}
.top {
   width:100%;
}
.top_left {
   float:none;
   width:100%;
   max-width:100%;
   margin:0 auto;
}
.top_right {
   width:100%;
   max-width:100%;
   padding:0 1em;
   line-height:1.25;
}
.top_right p {
   width:100%;
   max-width:100%;
}
.lower {
   clear:left;
   width:100%;
}
.lower_right {
   width:400px;
   margin:0 1em 1em 1em;
}
.event_list {
   display:none;
}

/* CONTACT - Mobile  */
form#contact_form {
   display:inline-block;
   width:100%;
   max-width:100%;
}
table#contact_table { 
   margin-top:.5em;
   width:100%;
   max-width:100%;
}


/* CALENDAR / EVENTS - Mobile  */

div.event_info {
   display:inline-block;
   width:100%;
   max-width:100%;
   font-size:1em;
   padding-right:1em;
}
div.event_map {
   display:inline-block;
   width:100%;
   max-width:100%;
   vertical-align:top;
   padding:1em 0;
}
div.google_map {
   display:inline-block;
   vertical-align:top;
   width:100%;
   min-height:300px;
      max-width:100%;
border:solid 1px #999;
}

/* VISIT - Mobile  */

.visit {
   display:block;
   width:100%;
   max-width:100%;
}
.map_and_directions {
   display:block;
   width:100%;
   max-width:100%;
}

.google_map_visit {
   display:block;
   margin:0 auto;
}

/* HISTORY - Mobile  */

div.history img {
   max-width:100%;
   height:auto;
   float:none;
   margin:.5em auto;
   -moz-box-shadow:none;
   -webkit-box-shadow:none;
   box-shadow:none;
}
.history_img_sm {
   padding:0 .5em;
}
.caption_history {
   float:none;
   text-align:left;
   font-size:.75em;
   padding:1em 0;
   margin:0;
   width:100%;
   max-width:100%;
}
.history_subnav {
   width:100%;
   max-width:100%;
}
/* TOGGLE IMAGES - Mobile  */

img.toggle_image_large {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   border:1px solid #333333;
   position:fixed;
   top:1em;
   left:0;
   display:none;
   z-index:10;
   cursor:pointer;
   max-width:100%;
   height:auto;
}

/* BEERS - Mobile   */


.beer-container {
   padding: .5em 0;
}
.beer_info {
   padding-bottom: 0;
}
h2.beer_name, .beer-text {
   float: none;
   display: inherit;
   max-width: 100%;
}
.beer-stats-and-share {
   display: none;
}
.beer-stats-and-share-lower {
   display: block;
   padding-bottom: 1.5em;
}
ul.beer_stats, ul.share_links {
   clear: none;
   padding: .0 1em 0 0;
   vertical-align: middle;
}
ul.share_links {
   padding-left: 1em;
}


/* BEER PROFILE - Mobile */
.beer_profile {
   display: inherit;
   width: 100%;
   vertical-align:top;
   padding: 0 1rem 1rem 1rem;
}
.beer_profile p {
   width: 100%;
   max-width: 100%;
   display: inherit;
   line-height:1.45;
   padding:1em 0;
   margin: 0;
}
.beer-profile-img {
   padding: 0;
   width:100%;
   height: auto;
   max-width:100%;
   text-align:center;
}
.beer_profile ul.beer_stats, .beer_profile ul.share_links {
   float: none;
}
.beer_profile ul.share_links {
   padding: 1em 0 0 0;
}
.beer_profile ul.share_links li:first-child {
   padding-right: 1em;
}



} /* media query */