@charset "UTF-8";

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
}
article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section{
  display: block;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img{ 
  border:0;
}
address,caption,cite,dfn,th,var{
  font-style:normal;
  font-weight:normal;
}
caption,th{
  text-align:left;
}
h1,h2,h3,h4,h5,h6{
  font-size:100%;
  font-weight:normal;
}
q:before,q:after{
  content:'';
}
abbr,acronym{
  border:0;
}


/*------------------------------------*\
  MAIN
\*------------------------------------*/
html{
  overflow-y:scroll; /* Force scrollbars 100% of the time */
  font-size:100%; /* Use 16px */
  font-family:'open_sansregular', sans-serif; /* Swap these two lines around to switch between serif and sans */
  line-height:1.5;
  color:#333;
}
body{
  min-height:100%;
}

.top-logo img{
  opacity: 1.0;
  transition: 0.5s;
}

.item-list {
  float: left;
}

.view-photos .views-field-title {
  font-size: 90%;
  line-height: 140%;
}
.view-photos .views-field-title a {
  color: #333;
}
.view-photos .views-field-title a:hover {
  color: #65ace6;
}

/*------------------------------------*\
  CLEARFIX
\*------------------------------------*/
/*
Fix clearing issues as per: http://nicolasgallagher.com/micro-clearfix-hack/
*/
.cf,
.grids{
  zoom:1;
}
.cf:before,
.grids:before,
.cf:after,
.grids:after{
  content:"";
  display:table;
}
.cf:after,
.grids:after{
  clear:both;
}


/*------------------------------------*\
  TYPE
\*------------------------------------*/
/*--- HEADINGS ---*/
h1{
  font-size:2em;      /* 32px */
  margin-bottom:0.75em;  /* 24px */
  line-height:1.5;    /* 48px */
}
h2{
  font-size:1.5em;    /* 24px */
  margin-bottom:1em;    /* 24px */
  line-height:1;      /* 24px */
}
h3{
  font-size:1.25em;    /* 20px */
  margin-bottom:1.2em;  /* 24px */
  line-height:1.0;    /* 24px */
}
h4{
  font-size:1.125em;    /* 18px */
  margin-bottom:1.333em;  /* 24px */
  line-height:1.0;    /* 24px */
}
h5{
  font-weight:bold;
}
h5,
h6{
  font-size:1em;      /* 16px */
  margin-bottom:1.5em;  /* 24px */
  line-height:1.5;    /* 24px */
}

/*--- PARAGRAPHS ---*/
p,
address{
  margin-bottom:1.5em;
}
/*
Mo’ robust paragraph indenting: http://csswizardry.com/2010/12/mo-robust-paragraph-indenting/
Uncomment to activate
p+p{
  text-indent:2em;
  margin-top:-1.5em;
}
*/

/*--- FIGURES ---*/
figure{
  margin-bottom:1.5em;
}
figure img{
  display:block;
  margin-bottom:0;
}
figcaption{
  font-size:0.75em;
}

/*--- LINKS ---*/
/*
Say no to negative hovers: http://csswizardry.com/2011/05/on-negative-hovers/
A negative hover is one whose appearance is subtracted from on hover rather than added to.
*/
a{
  text-decoration:none;
}
a:visited{
  opacity:0.8; /* A bit basic, but it’s a bare minumum... */
}
a:hover{
  text-decoration:underline;
}
a:active,
a:focus{
}

/*--- LISTS ---*/
ul li {
  list-style: square outside;
  padding: 0 0px 0 20px;
}
ol li {
  list-style: decimal;
  padding: 0 0px 0 20px;
  margin-left: 20px;
}
ul ul,
ol ol,
ul ol,
ol ul{
  /* Let’s take care of lists in lists */
  margin:0 0 0 60px;
}

/*
A numbered list is NOT the same as an ordered one.
Use this class when you want a list to be numbered but it has no order.
See http://jsfiddle.net/csswizardry/sdrth/
*/
ul.numbered{
  list-style:decimal outside;
}
dl{
  margin-bottom:1.5em;
}
dt{
  font-weight:bold;
}
dt:after{
  content:":";
}
dt::after{
  content:":";
}
dd{
  margin-left:60px;
}

/*--- QUOTES ---*/
blockquote{
}
blockquote b,
blockquote .source{
  /* Mark the source up with either a <b> or another element of your choice with a class of source. */
  display:block;
  text-indent:0;
}

/*--- GENERAL ---*/
q,
i,
em,
cite{
  font-style:italic;
  font-weight:inherit;
}
b,
strong{
  font-weight:bold;
  font-style:inherit;
}
mark{
  background:#ffc;
}
s,
del{
  text-decoration:line-through;
}
small{
  font-size:0.75em;
  line-height:1;
}

/*--- CODE ---*/
pre,
code{
  font-family:monospace;
  font-size:1em;
}
pre{
  overflow:auto;
  margin-bottom:1.5em;
  line-height:24px; /* Having to define explicit pixel values :( */
}
code{
  line-height:1;
}

/*------------------------------------*\
  IMAGES
\*------------------------------------*/
img{
  width:100%;
  height:auto;
  /* Give it some text styles to offset alt text */
  font-style:italic;
  opacity: 1.0;
  transition: 0.5s;
}
img:hover {
  opacity: 0.6;
  transition: 0.5s;
}
img.left  { margin:0 20px 0 0; }
img.right  { margin:0 0 0 20px; }

/*--- FLASH/VIDEO ---*/
object,
embed,
video{
  max-width:100%;
}

/*------------------------------------*\
  FORMS
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, forms don’t fit the baseline all too well. Perhaps in a later version...
*/
fieldset{
  padding:10px;
  border:1px solid #e2e2e2;
  margin-bottom:1.5em;
}
label{
  cursor:pointer;
}
input,
textarea{
  font-family:inherit;
  font-size:1em;
  line-height:1.5;
}

/*
Nice UI touch for placeholders. To get placeholders working cross-browser see @dan_bentley’s jQuery plugin: https://github.com/danbentley/placeholder
*/
[placeholder]{
  cursor:pointer;
}
[placeholder]:active,
[placeholder]:focus{
  cursor:text;
}
.check-list{
  width:100%;
  overflow:hidden;
  list-style:none;
  margin:0 0 1.5em 0;
}
.check-list li{
  width:25%;
  float:left;
}
.check-label{
  display:inline;
}
.check-label:after{
  content:normal;
}
.check-label::after{
  content:normal;
}
.button{
  cursor:pointer;
}
fieldset > :last-child{
  /* Remove the margin from the last element in the fieldset--this makes our padding more consistent. */
  margin:0;
}

/*------------------------------------*\
  TABLES
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, tables don’t fit the baseline all too well. Perhaps in a later version...
*/
table{
  margin-bottom:1.5em;
  width:100%;
  max-width:100%;
}
thead tr:last-of-type th{
  /* Thicker border on the table-headers of the last row in the table head */
  border-bottom-width:1px;
}
tbody th{
  /* Thicker right border on table-headers in the table body */
  border-right-width:2px;
}
th:empty{
  /* Hide the borders on any empty table-headers */
  border:none;
}
.col-1 {
  width: 380px;
  margin: 0 10px 0 0;
  float: left;
}
.col-2 {
  width: 380px;
  float: left;
  margin: 0 10px 0 10px;
}
.col-3 {
  width: 380px;
  float: left;
  margin: 0 0 0 10px;
}
@media (max-width:768px){
.col-1 {
  width: 100%;
  margin: 0;
  clear: both;
}
.col-2 {
  width: 100%;
  margin: 0;
  clear: both;
}
.col-3 {
  width: 100%;
  margin: 0;
  clear: both;
}
#block-search-form {
	clear: both;
	width: 100%;
	padding: 0;
	margin-left: 0px;
}
.weather {
	width: 100%;
	clear: both;
}
}

tr {
}
th,td{
  vertical-align: top;
  padding: 0em 0em;
  border: none;
}
th{
  font-weight:bold;
  text-align:center
}
table [colspan]{
  /* This looks lovely, trust me... */
  text-align:center;
}
table [rowspan]{
  /* ...as does this. */
  vertical-align:middle;
}
/*
Assuming IE has an 'implied' colspan of one on cells without an explicit colspan attribute, fix/undo it.
See http://jsfiddle.net/csswizardry/UJJay/
*/
[colspan="1"]{
    text-align:left;
}
[rowspan="1"]{
    vertical-align:top;
}
tbody tr:nth-of-type(odd){
}
tfoot{
  text-align:center;
}
tfoot td{
  border-top-width:2px;
}


/*------------------------------------*\
  MISC
\*------------------------------------*/
hr{
  margin:0 0 1.5em 0;
}


/*------------------------------------*\
  CLASSES
\*------------------------------------*/
/*
Some not-too-pretty and insemantic classes to do odd jobs.
*/
.left  { float:left!important; }
.right  { float:right!important; }
.clear  { clear:both; float:none; }

.text-left    { text-align:left; }
.text-right    { text-align:right; }
.text-center,
.text-centre  { text-align:center; }


@media (max-width: 768px){
/*------------------------------------*\
  MAIN
\*------------------------------------*/
html{
}
body{
  -webkit-text-size-adjust:none;
}

/*------------------------------------*\
  TYPE
\*------------------------------------*/
/*--- LISTS ---*/
ul,
ol{
  margin:0 0 1.5em 25px;
}
ul ul,
ol ol,
ul ol,
ol ul{
  /* Let’s take care of lists in lists */
  margin:0 0 0 25px;
}
dd{
  margin-left:25px;
}


/*------------------------------------*\
  IMAGES
\*------------------------------------*/
img.left,
img.right  { max-width:50%; height:auto; }
}
/*--- END MOBILE ---*/


/*------------------------------------*\
  PRINT
\*------------------------------------*/
/*
Good ol’ fashioned paper...
*/

@media print{
/*------------------------------------*\
  MAIN
\*------------------------------------*/
/*
Give everything some decent contrast.
*/
*{
  background:#fff;
  color:#000;
  text-shadow:none!important;
}
/*
Set a nice measure and take the font down to print-acceptable sizes.
*/
body{
  font-size:0.75em; /* 12px (if base font-size was 16px) */
}
/*
Don’t let images break anything.
*/
img{
  max-width:100%;
  height:auto;
}
/*
Try to avoid tables spanning multiple pages. Not failsafe, but a good start.
*/
table{
  page-break-before:always;
}
}
/*--- END PRINT ---*/