/*
Theme Name: Frame
Theme URI: http://aaroncollegeman.com/frame
Author: Aaron Collegeman and Corey Brown
Author URI: http://aaroncollegeman.com
Description: A theme framework for WordPress: responsive with Twitter Bootstrap, emphasizing fewer template files, better code reuse, and easier maintenance.
Version: 1.1.1
Tags: microformats, responsive, Twitter Bootstrap
*/

html {
  font-size: 62.5%;
} 
body {
  font-size: 14px;
  font-size: 1.4rem;
  background: #ebeee6 url(images/bg.png) repeat;
  padding-left: 20px;
  padding-right: 20px;
  color: #454545;
}
.center {
  text-align: center;
}
.container-fluid.main {
  background: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  max-width: 960px;
  margin: 20px auto;
  padding: 0;
  -moz-box-shadow: 0 0 3px #aaa;
  -webkit-box-shadow: 0 0 3px #aaa;
  box-shadow: 0 0 3px #aaa;
}
header.header {height: 118px; background-repeat: no-repeat; background-position: 100% 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}

.header1 {background-image: url(images/header_bg1.jpg);}
.header2 {background-image: url(images/header_bg2.jpg);}
.header3 {background-image: url(images/header_bg3.jpg);}
.header4 {background-image: url(images/header_bg4.jpg);}

.logo {width: 397px; height: 86px; text-indent: -999em; background: url(images/logo.png) no-repeat 0 0; margin: 16px 0 0 16px;}
.tagline {text-indent: -999em; height: 0; margin: 0;}
nav {border-bottom: 1px solid #095124; height: 40px; line-height: 40px;
  background: #129643; 
  background: -moz-linear-gradient(top, #14a44a 0%, #0e8239 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#14a44a), color-stop(100%,#0e8239));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14a44a', endColorstr='#0e8239',GradientType=0 );
}
nav .menu {
  list-style: none; 
  height: 40px; 
  margin: 0; 
  /*padding: 0 10px;*/ 
  padding: 0;
}
nav .menu li {
  float: left; 
  height: 40px; 
  line-height: 40px; 
  border-right: 1px solid #0e7032; 
  font-family: 'news-gothic-std', arial, helvetica, sans-serif; 
  font-weight: 700; 
  font-size: 14px; 
  font-size: 1.4rem; 
  text-transform: uppercase;
}
nav .menu li a {
  float: left; 
  display: block; 
  height: 40px; 
  line-height: 40px; 
  color: #fff; 
  padding: 0 14px; 
  text-shadow: 0 1px 0 #0e7032;
  -webkit-transition: background 0.2s linear;
     -moz-transition: background 0.2s linear;
       -o-transition: background 0.2s linear;
          transition: background 0.2s linear;
}

nav .menu li.current-menu-item a,
nav .menu li.current-menu-parent a,
nav .menu li.current-category-ancestor a,
nav .menu li.current-post-ancestor a {
  background: #0e7032;
}
nav .menu li a:hover {
  background: #0f843a;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
dt {
  font-weight: bold;
}
dd {
  padding: 0;
  margin: 0 0 15px 0;
}
p,
dt,
dd,
li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
p,
ul {
  margin-bottom: 16px;
  margin-top: 0;
}
dl {
  margin: 0 0 16px 0;
}
h1, .h1 {font-family: "news-gothic-std", arial, helvetica, sans-serif; font-weight: 700; font-size: 34px; line-height: 1.2em; letter-spacing: -1px; margin: 0 0 16px 0;}
h2, .h2 {font-family: "news-gothic-std", arial, helvetica, sans-serif; font-weight: 700; font-size: 30px; line-height: 1.2em; letter-spacing: -1px; margin: 0 0 16px 0;}
h3, .h3 {font-family: "news-gothic-std", arial, helvetica, sans-serif; font-weight: 700; font-size: 24px; line-height: 1.2em; letter-spacing: -1px; margin: 0 0 16px 0;}
h4, .h4 {font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 18px; line-height: 1.2em; letter-spacing: 0; margin: 0 0 16px 0;}

.dl_list dd {
  font-size: 13px;
  margin-bottom: 6px;
}

.font12 {font-size: 12px; font-size: 1.2rem;}

a {color: #139d47;}
a:hover {text-decoration: underline; color: #139d47;}

ul.unstyled, ol.unstyled {margin-left: 0; list-style: none;}

.caps {text-transform: uppercase;}
.font14 {font-size: font-size: 14px; font-size: 1.4rem;}
.font16 {font-size: font-size: 16px; font-size: 1.6rem;}
.lt_gray {color: #999;}
.nomargin {margin: 0;}
.margin_bot_5 {margin-bottom: 5px;}
.no_compress {letter-spacing: 0;}

.h3_home {
  position: absolute;
  padding: 10px;
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  text-shadow: 0 3px 3px rgba(0,0,0,0.4);
  bottom: 20px;
  right: 30px;
  text-align: right;
}

.container-fluid.content {padding: 20px;}

.container-fluid.footer {max-width: 920px; margin: 0 auto; padding: 0 20px 140px 20px; background: url(images/leaf.png) no-repeat 50% 40px; font-size: 13px; text-shadow: 0 1px 0 #fff;}
#footer_nav {margin: 0 0 10px 0;}
#footer_nav li {display: inline-block; margin-right: 12px;}
#footer_nav li a {color: #454545;}
#footer_nav li a:hover {color: #0e8139; text-decoration: underline;}
.footer_social {list-style: none; margin: 0; padding: 0; float: right;}
.footer_social li {display: inline-block; margin-left: 3px;}
.footer_social li a {display: inline-block; width: 32px; height: 32px; text-indent: -999em;}
.icon_fb {background: url(images/social.png) no-repeat 0 0;}
.icon_twitter {background: url(images/social.png) no-repeat -32px 0;}
.icon_google {background: url(images/social.png) no-repeat -64px 0;}
.icon_rss {background: url(images/social.png) no-repeat -96px 0;}

.sidebar li, .sidebar h4 {font-size: 12px; font-size: 1.2rem;}

.ul_inline li {display: inline-block; width: 45%; padding-right: 4%;}

.sidebar .menu {margin-left: 0; list-style: none;}
.sidebar .menu a {color: #454545; padding-left: 12px; line-height: 1.8em;}
.sidebar .menu .current-menu-parent a, .sidebar .menu .current-menu-item a {background: url(images/li_arrow.png) no-repeat 1px 48%;}
.sidebar .menu li:last-child a {background: none !important;}

.sb_box {padding: 20px 20px 6px 20px;
  background: #f2f6ee; 
  background: -moz-linear-gradient(top, #f6faf2 0%, #f1f4ed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6faf2), color-stop(100%,#f1f4ed));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6faf2', endColorstr='#f1f4ed',GradientType=0 );
  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
  -moz-box-shadow: 0 1px 1px #aaa;
  -webkit-box-shadow: 0 1px 1px #aaa;
  box-shadow: 0 1px 1px #aaa;
}

.textarea-full, #comment {display: block; width: 100%; height: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#submit {}

.byline {border-bottom: 1px dotted #dcdcdc; padding-bottom: 16px; color: #777;}
.cat {display: inline-block; padding: 6px 10px; font-size: 12px; color: #777; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #ecefe8; margin-bottom: 10px; text-transform: uppercase;}

.table td {font-size: 13px;}

.projects_nav {
  margin: -20px -20px 24px -20px;
  background: #0b672d;
  border: 1px solid #095124;
  border-width: 0 0 1px 0;
}
.projects_nav ul {
  list-style: none;
  overflow: auto;
  font-size: 0;
  margin: 0;
}
.projects_nav li {
  display: inline-block;
}
.projects_nav li a {
  display: inline-block;
  padding: 10px 12px;
  font-size: 12px;
  color: #fff;
  line-height: 14px;
  border-right: 1px solid #095124;
}
.projects_nav li:first-child a {
}
.projects_nav li:last-child a {
  border-right-width: 1px;
}
.projects_nav li a:hover,
.projects_nav li.current-menu-item a {
  text-decoration: none;
  background: #0a5c28;
}
.projects_nav li.current-menu-item a {
  color: #fff;
}


.media_list .media {margin-bottom: 16px; border-bottom: 1px dotted #dcdcdc;}
/* @group Media containers -- floated images and text with a hard margin */
.media, .bd {overflow: hidden; _overflow: visible; *overflow: visible; zoom: 1;}
.media .img {float: left; margin-right: 10px; display: block;}
.media .img img {display: block; padding: 0; margin: 0;}
.media .img_right {float: right; margin-left: 10px; margin-right: 0;}
/* @end */


.functional { text-align: right; }
.functional label { display: none; }

/* fluid videos (for iframe videos, such as youtube) */
.video-container {position: relative; margin: 15px 0; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-wrapper {width: 500px; max-width: 100%;}


/* @group project data */

.post-meta,
.project_data {
  list-style: none;
}

.project_data li {
  margin-bottom: 10px;
}

.post-meta-key,
.project_meta {
  display: block;
  font-weight: bold;
}


.project_data a[href$=".pdf"],
.post-meta a[href$=".pdf"],
.docs_list a[href$=".pdf"] {
  display: inline-block;
  padding-left: 24px;
  background: url(images/icon_pdf.png) no-repeat 0 0;
}
.project_data a[href$=".pdf"] {
  line-height: 1.2em;
  margin-bottom: 10px;
}

.project_data a[href$=".doc"],
.post-meta a[href$=".doc"],
.docs_list a[href$=".doc"],
.project_data a[href$=".docx"],
.post-meta a[href$=".docx"],
.docs_list a[href$=".docx"] {
  display: inline-block;
  padding-left: 24px;
  background: url(images/icon_doc.png) no-repeat 0 0;
}
.project_data a[href$=".doc"],
.project_data a[href$=".docx"] {
  line-height: 1.2em;
  margin-bottom: 10px;
}

/*.project_data a[href^="mailto"] { 
  display: inline-block;
  padding-left: 20px;
  background: url(images/icon_email.png) no-repeat 0 0;
} */



/* tables */
/*#table_projects {
  font-family:arial;
  background-color: #CDCDCD;
  margin:10px 0pt 15px;
  font-size: 8pt;
  width: 100%;
  text-align: left;
}
#table_projects thead tr th, #table_projects tfoot tr th {
  background-color: #e6EEEE;
  border: 1px solid #FFF;
  font-size: 8pt;
  padding: 4px;
}*/
#table_projects thead tr .header {
  background-image: url(images/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
/*#table_projects tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
}*/
/*#table_projects tbody tr.odd td {
  background-color:#F0F0F6;
}*/
#table_projects thead tr .headerSortUp {
  background-image: url(images/asc.gif);
}
#table_projects thead tr .headerSortDown {
  background-image: url(images/desc.gif);
}
#table_projects thead tr .headerSortDown,
#table_projects thead tr .headerSortUp {
background-color: #eee;
}
#table_projects th {padding-right: 20px;}

@media (max-width: 767px) {
  body {
    background: #fff;
    padding-left: 0;
    padding-right: 0;
  }
  header.header {
    background: #fff;
  }
  .container-fluid.main {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  nav,
  nav .menu {
    height: auto;
    overflow: auto;
  }
  nav .menu li {
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    border: 0;
    padding: 3px 3px;
    height: 24px;
    line-height: 24px;
  }
  nav .menu li:first-child {
    border: 0;
  }
  nav .menu li a {
    line-height: 24px; 
    height: 24px; 
    -webkit-border-radius: 12px; 
       -moz-border-radius: 12px; 
            border-radius: 12px;
  }
  .footer_social {
    float: none;
    text-align: center;
    padding-top: 20px;
  }
  .logo {
    margin: 16px auto 0 auto;
  }  
}
@media (max-width: 480px) {
  .logo {
    width: 169px;
    height: 86px;
    background: url(images/logo_sm.png) no-repeat 0 0;
    margin: 16px auto 0 auto;
  }
  .h3_home {
    font-size: 28px;
    line-height: 34px;
  }
}

@media (max-width: 320px) {
  .h3_home {
    font-size: 20px;
    line-height: 26px;
  }
}
/* @group retina */
/*@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  .logo {
    background-image: url(images/logo@2x.png);
    background-size: 397px 86px;
  }
}*/
/* @end retina */