/*
Theme Name: Bungalow 7
Theme URI: http://bungalow7.com/
Description: Official Bungalow 7 Theme
Author: Pomelo Design Inc.
Author URI: http://pomelodesign.com/
Template: canvas
Version: 1.0
*/

@import url("../canvas/style.css");

/* IE8 HTML5 */
header, nav, section, article, aside, footer {
  display:block;
}

/*-------------------------------------------------------
  General Styles
------------------------------------------------------- */

.button.primary { background-color: #5DBECB; }
.button.alt { background-color: #444; }

#navigation { display:none; }
#header { position:fixed; z-index:999; width:160px; }
#logo a { display:block; }
#logo img { display:block; }
#sidebar { margin-top:200px; position:fixed; }
#wrapper { margin:0; padding-top:50px; background:url("images/bg-watermark.png") no-repeat center top fixed; }
#main { margin-top:10px; min-height:500px; }
strong { color:#fff }
.entry blockquote { background-image:none; padding: 0; margin-bottom: 1.2em; }
.entry blockquote cite { font: bold 12px/1.2em 'Ubuntu', arial, sans-serif; text-transform: uppercase; color: #fff; }

h1,h2,h3,h4,h5,h6 { text-transform:uppercase; }
a:hover { text-decoration:none !important; }
.page .title { margin-bottom:25px; }
.archive_header { margin-bottom:10px; text-transform:uppercase; padding:0; font: normal 40px/1.2em 'Ubuntu', arial, sans-serif; color: #fff; }
.category-description { margin-bottom:40px; }
.category-news .archive_header { display:none; }
.woo-sc-hr { border-bottom:1px solid #333 !important; }
.entry img, img.thumbnail { border:0; background:none; padding:0; }
.post-entries { font-family:'Trebuchet MS', Tahoma, sans-serif; }
.post-entries span.meta-nav { font-size:20px; color:#5DBECB; font-weight:bold; text-transform:uppercase; }
.post-entries a:hover span.meta-nav { color:#1f7f8c; }
.post-entries .nav-next { text-align:right; }
.post-entries .nav-next span.meta-nav { position:relative; right:-15px; }
.post-entries .nav-prev span.meta-nav { position:relative; left:-15px; }

ul#menu-main-menu { text-transform:uppercase; list-style:none; }
ul#menu-main-menu li a { display:block; padding:4px 0; color:#fff; letter-spacing:2px; }
ul#menu-main-menu li a:hover,
ul#menu-main-menu .current-menu-item > a,
ul#menu-main-menu .current-post-ancestor > a,
ul#menu-main-menu .current-menu-parent > a,
ul#menu-main-menu .sub-menu .current-menu-item > a,
ul#menu-main-menu .sub-menu .current-post-ancestor > a,
ul#menu-main-menu .sub-menu .current-menu-parent > a { color:#5DBECB; }
ul#menu-main-menu .sub-menu { display:none; }
ul#menu-main-menu .current-menu-item > .sub-menu,
ul#menu-main-menu .current-menu-ancestor > .sub-menu,
ul#menu-main-menu .current-post-ancestor > .sub-menu { display:block; }
ul#menu-main-menu .sub-menu { list-style:none; font-size:11px; margin-bottom:10px; text-transform:capitalize; }
ul#menu-main-menu .sub-menu a { color:#ccc; padding:0; }

.breadcrumb .trail-before { display:none; }
.breadcrumb { text-transform:uppercase; letter-spacing:2px; font-size:11px; font-family:'Trebuchet MS', Tahoma, sans-serif; }

.home .breadcrumb { display:none; }
.home #loopedSlider { margin-bottom:0; }
#loopedSlider .content { bottom:40px; top:auto; }
.home .post { display:none; }
.home .nav-entries, .home .woo-pagination { display:none; }

.work .post { float:left; width:45%; margin:0 6% 40px 0; }
.work .post:nth-child(even) { margin-right:0; }
.work .post .title,
.work .post .title a:link,
.work .post .title a:visited { margin:0; font:normal 12px/2em 'Trebuchet MS', Tahoma, sans-serif;
; letter-spacing:2px; }
.work .post .title a:hover { color:#5DBECB; }
.work .post img { margin:0; float:none; }

.category-whats-going-on .woo-image { display:none; }
.category-whats-going-on .archive_header { display: none; }
.category-whats-going-on .post-meta { display: none; }
.category-whats-going-on .post { border-bottom: 1px solid rgba(255,255,255,0.25); padding-bottom: 40px; }

.nav-entries, .wp-pagenavi { background:none; border:0; text-transform:uppercase; }
.woo-pagination .current,
.woo-pagination a:link, .woo-pagination a:visited { background:none; border:0; }

#footer a { color:#333; }
#footer a:hover { color:#fff; }
#footer #copyright { margin-left:180px; }

body .gform_wrapper .gform_footer { padding: 0 }

.post-utility { display:none; }
.ie8 .work .post { margin-right:5%; }



/*---------------------------------------------------
  Client Area
-----------------------------------------------------*/

.login-bar {
  position: absolute;
  top: 0;
  width: 100%;
  border-bottom: 1px solid #4d4d4d;
  background: #333333;
  z-index: 999;
}
.login-bar .login-inner {
  text-align: right;
  padding: 0 1em;
  height: 0;
  overflow: hidden;
  width: 800px;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.login-bar .login-inner .greeting {
  float: left;
}
.login-bar .login-tab {
  font: normal 13px/1.5em Ubuntu;
  background: #333333;
  border: 1px solid #4d4d4d;
  border-top: 0;
  position: absolute;
  bottom: -2.5em;
  height: 1.5em;
  left: 65%;
  color: #fff;
  padding: 0.5em 3.5em;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0.25em;
  -webkit-border-bottom-left-radius: 0.25em;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0.25em;
  -moz-border-radius-bottomleft: 0.25em;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.login-bar:hover .login-inner {
  height: auto;
  padding: 1em;
}
.admin-bar .login-bar {
  top: 28px;
}

/* Files list */

.files-list {
  margin: 1em 0;
  width: 100%;
}
.files-list > header {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  overflow: hidden;
}
  .files-list > header div {
    font: normal 16px/1em "Ubuntu", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin: 10px 0;
  }
  .files-list > header a.ASC:after {
    content: " \2191";
  }
  .files-list > header a.DESC:after {
    content: " \2193";
  }
.files-list .title-col {
  float: left;
  width: 400px;
}
.files-list .date-col {
  float: left;
  width: 180px;
}
.files-list .action-col {
  float: left;
  text-align: right;
  width: 150px;
}
.files-list .hentry {
  padding: 0 10px;
  background: rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  overflow: hidden;
}
  .files-list .hentry.active {
    border: 1px solid rgba(255,255,255,0.3);
    background: #5C6C80 !important;
    margin: 0 -1px;
  }
  .files-list .hentry header {
    overflow: hidden;
  }
  .files-list .hentry:last-child {
    border: 0;
  }
  .files-list .hentry header .title-col,
  .files-list .hentry header .date-col {
    font: normal 14px/1.8em "Ubuntu", Arial, sans-serif;
    color: #fff;
    margin: 10px 0;
  }
  .files-list .hentry header .action-col {
    margin: 10px 0;
  }
    .files-list .hentry header .title-col a:hover {
      color: #5DBECB;
    }
  .files-list .title-col a {
    font: normal 14px/1.8em "Ubuntu", Arial, sans-serif;
    color: #fff;
  }
  .files-list .hentry:nth-child(2n+1) {
    background: rgba(255, 255, 255, 0.15);
  }
.file-details {
  background: #3D4B5A;
  border: 1px solid rgba(255,255,255,0.4);
  overflow: hidden;
  margin-bottom: 10px;
}
  .file-details .file-description {
    background: rgba(0,0,0,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.4);
    padding: 10px;
  }
  .file-details .file-list {
    border-bottom: 1px solid rgba(255,255,255,0.4);
  }
    .file-details .file-list h4 {
      font-size: 12px;
      margin: 3px 10px;
    }
    .file-details .file-list ul {
      border-top: 1px solid rgba(255,255,255,0.4);
      background: rgba(0,0,0,0.3);
      list-style: none;
      margin: 0;
      padding: 0;
    }
      .file-details .file-list li {
        border-top: 1px solid rgba(255,255,255,0.2);
        padding: 10px;
      }
        .file-details .file-list li:first-child {
          border: 0;
        }
      .file-details .file-title {
        margin: 0;
      }
      .file-details .file-title a:first-child {
        font: normal 14px/1.8em "Ubuntu", Arial, sans-serif;
        color: #fff;
      }
        .file-details .file-title a:first-child:hover {
          color: #5DBECB;
        }
      .file-details .file-title .button {
        float: right;
      }
      .file-details .file-caption {
        font-size: 13px;
        font-style: italic;
        margin: 0;
        width: 500px;
      }
  .file-details .file-meta {}
    .file-details .file-meta h4 {
      font-size: 12px;
      margin: 3px 10px;
    }
    .file-details .file-meta ul {
      background: rgba(0,0,0,0.3);
      border-top: 1px solid rgba(255,255,255,0.4);
      list-style: none;
      font-size: 13px;
      margin: 0;
      padding: 10px;
    }
    .file-details .file-meta li {
      line-height: 18px;
      list-style: none;
    }
    .file-details .file-meta li em {
      color: #fff;
    }
.client-area .pagination {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  text-align: center;
  margin: 1em 0;
}
  .client-area .pagination a,
  .client-area .pagination span {
    display: inline-block;
    padding: 5px;
  }
  .client-area .pagination .pages {
    color: #ddd !important;
    font-weight: normal;
  }
  .client-area .pagination .current {
    color: #ddd !important;
  }

.client-area .support {
  font-size: 13px;
  text-align: center;
  margin: 1em 0;
}
.client-area .error {
  background: #692424;
  color: #fff;
  padding: 1em;
  text-align: center;
  margin: 1em 0;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.client-area .error p {
  margin: 0;
}
.searchform {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 12px;
  padding: 10px;
  margin: 1em 0;
  width: auto;
}
  .searchform input {
    margin: 0 5px 0 0;
    border: 0;
  }
  .searchform input[name="s"] {
    border: 0;
    width: 50%;
  }
  .searchform .filters {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 10px;
    margin-top: 10px;
  }
  .searchform select {
    line-height: 25px;
  }
  .searchform a {
    padding: 5px;
  }
  .searchform .results-count {
    font-family: "Georgia", sans-serif;
    font-size: 14px;
    font-style: italic;
    margin-left: 10px;
    display: inline-block;
  }

.preview-button {
  padding-left: 2px;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  width: 20px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  text-align: center;
  margin-right: 7px;
}

  .preview-button:hover {
    background: #5DBECB;
    cursor: pointer;
  }

  .preview-pause {
    padding-left: 0;
    width: 22px;
  }

/* Font icons */

@font-face {
  font-family: 'icomoon';
  src:url('font/icomoon.eot');
  src:url('font/icomoon.eot?#iefix') format('embedded-opentype'),
    url('font/icomoon.svg#icomoon') format('svg'),
    url('font/icomoon.woff') format('woff'),
    url('font/icomoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}