/*
Theme Name: Friends Lake 
Author: Cara Mooney
Author URI: http://caramooneydesigns.com
Description: 
Version: 1
Text Domain: 
*/

body {
  background: #537c9c url(images/bgwater.png) no-repeat;
  background-position: center top; 
  margin: 0;
  }

/* TOP DIVS */

#wrap {
  background: url(images/bgtop.png) repeat-x;
  margin: 0;
  }
#holder {
  width: 80%;
  margin: 0 auto;
  }
#nav-holder {
  width: 100%;
  height: 50px;
  background: #173f5d;
  margin: 0 auto;
  }
#header {
  padding-top: 50px;
  width: auto;
  height: 118px;
  margin: 0 auto;
  }
.title {
  background: url(images/header.png) no-repeat;
  float: right;
  width: 746px;
  height: 118px;
  }
.trees {
  background: url(images/pine-trees.png) no-repeat;
  float: left;
  width: 203px;
  height: 118px;
  }
@media only screen and (max-width: 1200px) {
    .trees{
        display: none;
    }
}
#container {
  background: #fff;
  padding: 15px; 
  }
#content {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4em;
  font-size: 1em;
  margin: 0; 
  padding: 10px;
  }
#sidebar {
  width: 200px;
  height: 100%;
  float: left;
  margin: 0; 
  padding: 10px;
  }
#footer {
  font-family: 'Open Sans', sans-serif;
  font-size: .9em;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  clear: both;
  }
#footer a:link, #footer a:active, #footer a:visited { 
  color: #c5ddef;
  } 
#footer a:hover  {
  color: #95bbd9;
  } 
/* SIDEBAR NAVIGATION */

#sidenav { 
  width:195px;
  padding: 0; 
  }
#sidenav ul { 
  margin: 0; 
  padding: 0; 
  background: #959595; 
  }
#sidenav li { 
  list-style: none; 
  }
#sidenav ul li {
  border-bottom: #fff solid;
  border-top: #fff solid;
  border-width: 1px;
 }
#sidenav a {
  font-size:1.3em; 
  font: georgia;
  color: #fff;
  cursor: pointer;
  display:block;
  height:25px;
  line-height: 28px;
  text-indent: 10px;                   
  text-decoration:none;
  width:100%;
  }
#sidenav a:hover{
  background: #325b7b; 
  }


/* HEADERS */

h1 {
  font: small-caps 1.8em "times new roman", "georgia";
  font-weight: 600;
  color: #184262;
  border-bottom: 1px solid #a9a9a9;
  text-align: center;
  padding: 3px 0 0 0;
  margin: 0;
  }
h1 a:link, h1 a:active, h1 a:visited { 
  color: #184262;
  }
h1 a:hover { 
  color: #0d647a;
  }
h2 { 
  font: normal 160% "times new roman", "georgia";
  font-weight: 500;
  color: #000;
  text-align: center;
  padding: 3px 0 0 0;
  margin: 0;
  }
h3 {
  font: small-caps 140% "times new roman", "georgia";
  background: url("images/sidebarh3.png") no-repeat scroll center top #fff;
  text-align: center;
  color: #fff;
  padding: 2px 6px;
  margin: 10px 0 1px 0;
  width: 200px;
  overflow: hidden;
  }
h4 { 
  font: italic 150% "times new roman", "georgia";
  font-weight: 700;
  color: #6f6f6f; 
  text-align: center;
  margin: 0;
  padding: 0;
  }
h5 { 
  font: small-caps 140% "times new roman", "georgia";
  font-weight: 500;
  color: #174360; 
  text-align: center;
  margin: 0;
  padding: 0 0 2px 0;
  }

/* LINKS */

#container a:link, #container a:active, #container a:visited {
  color: #537c9c;
  text-decoration: none;
  }
#container a:hover {
  color: #174360;
  }

/* FONT APPLICATIONS */

blockquote {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font: 95%/120%; 
  background: #dfdfdf;
  border: 2px solid #537c9c;
  padding: 12px;
  }
blockquote:hover {
  border: 2px solid #184262;
  }
blockquote.alert {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-color: 852a2a;
  font: 95%/120%; 
  background: #ffd6d6;
  border: 5px solid #852a2a;
  padding: 12px;
  }
b, strong {
   color: #000;
   font-weight: 700;
   }
i, em {
   color: #000;
   }
ins, u {
   color: #000;
   }
/* LISTS */

ul {
  list-style-image:url('images/bul-dg.png');
  margin: 0 0 0 10px;
  }
ul.arrow {
  list-style-image:url('images/bul-arrow.png');
  margin-left: 5px;
  }
ul.check {
  list-style-image:url('images/bul-check.png');
  margin-left: 5px;
  }

/* IMAGES */

img {
  border: none;
  margin: 0;
  padding: 0;
  }
img.black {
  border-color: #000;
  border-style: solid;
  border-width: 6px;
  margin: 4px;
  padding: 0;
  }
img.grey {
  border-color: #dadada;
  border-style: solid;
  border-width: 6px;
  box-shadow: 0 0 3px #000;
  margin: 5px;
  padding: 0;
  }
img.grey:hover {
  border-color: #b9b9b9;
  }
img.space {
  border: none;
  margin: 12px 0 0 50px;
  padding: 3px;
  }
img.leftside {
  border-color: #bababa;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 0 4px #888;
  margin: 2px 10px 2px 0;
  padding: 6px;
  float: left;
  }
img.leftside:hover {
  border-color: #888888;
  }
img.rightside {
  border-color: #bababa;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 0 4px #888;
  margin: 2px 0 2px 10px;
  padding: 6px;
  float: right;
  }
img.right:hover {
  border-color: #888888;
  }
.caption { 
  background-color: #F9F9F9;
  border: 1px solid #CCCCCC; 
  padding: 5px;
  font: 11px/1.4em Arial, sans-serif; 
  }
.alignright { 
  margin: 0.5em 0pt 0.5em 0.8em; 
  float:right; 
  }
.alignleft { 
  margin: 0.5em 0.8em 0.5em 0; 
  float:left; 
  }
.center{
  text-align: center;
  }
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
.alignleft {
  float: left;
  text-align: left;
  padding: 0 10px 0 0;
  }
.alignright {
  float: right;
  text-align: right;
  padding: 0 0 0 10px;
  }

input, textarea, select {
  text-align: left;
  font-family: 'Open Sans', sans-serif';
  font-size: 95%;
  color: #000;
  background: #e7e7e7;
  border: 1px solid #9a9a9a;
  padding: 5px 9px;
  }
  
/* BLOG */

#entry-wrapper {
  width: auto;
  float: left;
  margin: 0; 
  padding: 0;
  }
.postmetadata {
  font: "times new roman", "georgia";
   color: #000;
   background: none;
   border: 2px solid #174360;
   padding: 8px;
   }