#mainwide { width: 320px; float: left; padding: 0; font-size:1.4em; margin: 0 20px; }
#subwide { width: 530px; float: right; padding: 0; font-size:1.4em; margin: 0 20px 0 0; }
#lakedetail #main { width: 900px; }


#crumb { list-style: none; margin: -15px 0 0; padding-bottom: 30px; }
#crumb li {list-style: none; float: left; padding: 0; font-weight: bold; font-size: 1em;}

#crumb li a:link, 
#crumb li a:visited { color: #bcb8b8; text-decoration: none; }

#crumb li a:hover { color: #e57a06; }
#crumb li a { background: url("/pics/crumbsep.gif") no-repeat scroll right center transparent; margin: 0 8px 0 0; padding: 0 14px 0 0; }

#crumb li#here,
#main h1 {text-transform: capitalize; }

/* HOT TOPICS */

p.button { text-align: center;
width: 100px; }

#sub p.button a {
color: #fbfbfb;
 font-size: 1.2em; 
text-decoration: none;
}

.screen-reader {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
}

/* NEWS & CALENDAR */
.hotblock { border-bottom: 1px dotted #ECECEC; width: 95%; margin: 20px 0; padding-bottom: 20px;}

.hotblock h3 {font-family: Georgia, serif; padding: 0; line-height: 1em; margin: 0;
font-weight: 700;}
.hotblock h3 a {text-decoration: none; font-size: 1.2em; 
font-family: Georgia, serif; padding: 0; line-height: 1em; margin: 0;
font-weight: 500;}

#container #content #main .date { margin: .5em 0 .1em; font-size: 1.3em;  background-color:transparent; text-transform: uppercase;}
#container #content #main .loc {  margin: 0 0 .5em; color: #666; background-color:transparent;  font-size: 1em; }

.more { padding-bottom: 0; }
.hotblock .visit {text-decoration: none; float: right; margin: 0 0 0 20px; 
background: #ececec; 
border: medium none;
    border-radius: 20px 20px 20px 20px;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 2px 12px;}


#dates .eh_clear_date {visibility: hidden; }

/* LAKE SECTION */

#lake-map { width: 500px; height: 500px; float: right; }
#mainlake #lake-map { width: 600px; height: 500px; }
#details {width:672px;}

#latlong {margin-top: 20px; }

#lakedetail h2 { clear: both; font-size: 1.2em; padding: 20px 0 0; }
table#details th {width: 50%;}



#alphafilter { text-align: center; width: 100%; padding: 4px 0; margin: 5px 0; border-top: 1px solid #91B8E3; border-bottom: 1px solid #91B8E3;}
#alphafilter a { display:inline-block; padding:2px 6px; background:#4C619A; color:white; text-decoration:none;}
#alphafilter a:hover {background:#91B8E3;}

ul#byalpha{list-style: none; margin: 20px 0; padding-left: 0; }
ul#byalpha li{list-style: none; 
margin: 0; padding: 3px 0; 
border-top:1px solid #ccc; 
float:left;width:25%; text-transform:uppercase; 
}

ul#byalpha li span {display:block; font-size: .8em; color: #666; text-transform:none; margin-top:-3px; }


ul#byalpha li a:link, ul#byalpha li a:visited { text-decoration: none; }
ul#byalpha li a:hover, ul#byalpha li a:active { text-decoration: underline; }


.button {display: block;
background-color: #0078C0; color: #fbfbfb;
font-weight: bold; 
border: none; 
-webkit-border-radius: 23px; -moz-border-radius: 23px; -khtml-border-radius: 10px;-o-border-radius: 23px; border-radius: 23px;
font-size: .8em; letter-spacing: 1px; text-transform: uppercase;
margin: 20px auto; padding: 6px 15px;
}

.button:hover {background: #0094D9; cursor: pointer; }

table.llotw {margin-bottom: 2em;}
table.llotw caption { font-size: 1.5em; line-height: 1.2em; padding: 0 0 0.5em;}
table.llotw thead th {text-align: center; font-weight: bold;}
table.llotw th, table.llotw td {width: 16.5%; background-color: #fff; }
table.llotw tbody tr:first-child th, table.llotw tbody tr:first-child td {background-color: #ececec;}

.search2 {float: right; margin-bottom: -20px;}



#details .add {display: block;
background-color: #0078C0; color: #fbfbfb;
font-weight: bold; width: 20px;
border: none; 
-webkit-border-radius: 23px; -moz-border-radius: 23px; -khtml-border-radius: 10px;-o-border-radius: 23px; border-radius: 23px;
font-size: .8em; letter-spacing: 1px; text-transform: uppercase;
margin: 0px auto; padding: 3px 15px; text-decoration: none;
}

#details a.add:hover {background: #0094D9; cursor: pointer; }

.edit {float: right; }
#searchform { width:580px; background: #fcfcfc; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
padding: 20px; margin: 0 auto; }

#publishForm fieldset,
#searchform fieldset { border: none; margin-bottom: 10px;}

#publishForm fieldset:last-of-type,
#searchform fieldset:last-of-type {margin-bottom: 0;}


#searchform ol { list-style: none; padding: 10px; margin-bottom: 4px;}

#searchform li { margin-bottom: 4px;}
#searchform legend {font-size: 1.2em;  text-transform:uppercase; font-weight: 700;} 
#searchform label { float: left; font-size: 1.2em; width: 120px; line-height: 1; }

#searchform .full label { float: none;  }
.wygwam {padding: 1em 0;}


#searchform input,
#searchform select { background: #ffffff; border: 1px solid #b6c0c2; color: #000;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
outline: none; padding: 5px; width: 360px;}

#searchform select {width: 372px;}
input#captcha+img {margin-top: 20px; }


#searchform input:not([type=submit]):focus,
#searchform select:focus { border: 1px solid #ffb833;}

#searchform textarea { background: #ffffff; border: 1px solid #b6c0c2; color: #000;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
outline: none; width: 360px; padding: 5px; }

#publishForm button,
#searchform button {display: block;
background-color: #0078C0; color: #fbfbfb;
font-weight: bold; border: none; 
-webkit-border-radius: 23px; -moz-border-radius: 23px; -khtml-border-radius: 10px;-o-border-radius: 23px; border-radius: 23px;
font-size: .6em; letter-spacing: 1px; text-transform: uppercase;
margin: auto 45%; padding: 4px 15px;
}

#searchform button:hover {background: #0094D9; cursor: pointer; }
#searchform li .instruct {display: block; padding-left: 120px;}
#searchform .fieldnote { color: #777C7C;}
#searchform #deadline li+li {width: 43%; float: left; padding-left: 20px;}
#searchform #deadline li+li label {width: 100%; clear: right; padding-bottom: 10px; }
#searchform #deadline li input {width: 140px;}

#searchform #deadline .pt-switch {display: block; float:left; margin-left: 50px; width: 200px;}
#searchform #deadline .pt-switch li {float:left; padding: 0;}
#searchform #deadline .pt-switch li.toggle {width: 25%; margin:0 5px;}

#searchform .error {display: block; color:#b81137; margin: 10px 0 10px 120px; 
  line-height: 1; background:#f8e7eb;
border: 1px solid #e0cfd3; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
outline: none; padding: 10px 5px; width: 360px;}


#searchform #photo-date {width: 50%;}

div.matrix table.matrix th.matrix-last,
div.matrix table.matrix td.matrix-last,
#lake_surface_area .matrix-add,
#lake_elevation .matrix-add,
#lake_watershed .matrix-add,
#lake_volume .matrix-add,
#lake_mean_depth .matrix-add,
#lake_max_depth .matrix-add,
#lake_surface_area table.matrix th.matrix-first,
#lake_elevation table.matrix th.matrix-first,
#lake_volume table.matrix th.matrix-first,
#lake_mean_depth table.matrix th.matrix-first,
#lake_max_depth table.matrix th.matrix-first,
#lake_surface_area table.matrix td.matrix-first,
#lake_elevation table.matrix td.matrix-first,
#lake_volume table.matrix td.matrix-first,
#lake_mean_depth table.matrix td.matrix-first,
#lake_max_depth table.matrix td.matrix-first {display: none; visibility: hidden;}


#publishForm input { border: none !important; margin: 0 !important; padding: 0 !important; width: 100%; min-width: 60px; font-family: 'Lucida Grande', sans-serif; font-size: 11px; resize: none; outline: none;}




/* Photo page */
.gallery-item { width: 200px; float: left;  margin: 10px 10px 0 10px; padding-top: 20px;  min-height: 300px;}

.gallery-item  img { float: left; padding: 10px; border: 1px solid #efefef; margin: 0 20px 10px 0 ;}
.gallery-item   p img { float: left;  }
#content .gallery-item h3 {font-size: 1em;}
.gallery-item h3 span {font-size: 1em; display: block; padding-top: .5em; color: #363636;}

.gallery-item span {display: inline-block; width: 170px;}
.gallery-item .lake {text-transform: uppercase; color: #F99E2F; }




.media { width: 450px; margin-left: 20px; float: left; padding-top: 10px; margin-bottom: 10px; }
.one {clear: left; }
.media  + .media + .media   { border-top: 1px solid #efefef; }
#content .media h4 {padding: 0; font-size: 1.2em;}
.media h4 a {text-decoration: none; line-height: 1.2;font-weight: bold; }
.media .bd {float: left; width: 240px;}

.media img {
    border: 1px solid #EFEFEF;
    float: right;
    margin: 0 0 20px 20px;
    padding: 10px; width: 160px;
}



.wide .media {width: 640px; }
.wide .media .bd {width: 360px;}
.wide .media img { width: 220px; }
#content .media p.credit {padding: 0; margin: 0;}
#content .media p.lake {padding: .4em 0 0;text-transform: uppercase; color: #F99E2F; font-size: .9em; margin: 0;}
#content .media p.loc { margin: 0 0 .4em; font-size: .9em; border-bottom: 1px solid #F99E2F; padding: 0 0 .4em 0;}
#content .media p.desc {font-size: 1em; line-height: 1.2em; padding: .4em 0; margin-bottom: 20px;}


/* SINGLE PAGE */

#photometa{border-bottom: 1px solid #F99E2F; padding: .5em 0; margin-bottom: .5em;}
#photometa p {font-size: 1.2em; margin: 0 0 .4em; padding: 0;}
#photometa .lake {text-transform: uppercase; color: #F99E2F; }
#content .desc {font-size: 1.2em; line-height: 1.2em; padding: .4em 0;}
.photo-skin {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); margin: 20px auto 20px 10px;} 
.fb-like {float: right; margin-right: 20px;}

.media,
.gallery-item,
#photoimg {position: relative; }

#photoimg a span { 
    background: url("/pics/zoom16.png") no-repeat scroll 0 0 transparent;
    bottom: 16px;
    display: none;
    height: 0;
    overflow: hidden;
    padding-top: 16px;
    position: absolute;
    right: 12px;
    width: 16px;
}

.media a span { 
   background: url("/pics/zoom16.png") no-repeat scroll 0 0 transparent;
     bottom: 16px;
    display: none;
    height: 0;
    overflow: hidden;
    padding-top: 16px;
    position: absolute;
    right: -4px;
    width: 16px;
}



.gallery-item a span { 
    background: url("/pics/zoom16.png") no-repeat scroll 0 0 transparent;
    top: 210px;
    display: none;
    height: 0;
    overflow: hidden;
    padding-top: 16px;
    position: absolute;
    right: -8px;
    width: 16px;
}

.gallery-item a:hover span,
.media a:hover span,
#photoimg  a:hover span { display: block; }

.prize-grid {width: 670px; float: right;}

.prize { 
float: left;
margin: 5px; 
width: 210px; 
border: 1px solid #E4F1FB; 
padding: 0;
min-height: 350px;
  background:#F2F7FB;
}
.prize h3 {background:#005DAC;
  
border: 1px solid #005DAC; margin: 0 0 0 -1px; width: 200px;  padding: 5px;text-align: center; color: #fff;}
.prize ul {margin: 0 10px; list-style: none;}
.prize li { margin-bottom: 10px; }
.prize li strong {display: inline-block; line-height: 1em; font-size: 1.4em; color: #666; margin-bottom: .5em; }
.prize li img {margin: 5px auto; clear: right; display: block;}

.prize li + li {text-align: left; }

#sub .deadline {font-weight: 700; font-size: 1.6em;  color:#b81137; text-decoration: underline;}

.fancybox-title iframe {
    min-height: 30px;
    vertical-align: middle;
}