/*
Theme Name: Hardy
Theme URI: http://themetrust.com/hardy
Description: A minimal and responsive WordPress portfolio theme.
Version: 1.0.6
Author: Theme Trust
Author URI: http://themetrust.com
Tags: portfolio, responsive, blog, clean, minimal, white, two-columns, threaded-comments, translation-ready, custom-menus

TABLE OF CONTENTS

01 - Reset
02 - Global
03 - General Layout
04 - Header
05 - Content
06 - Sidebar
07 - Widgets
08 - Footer
09 - Media Queries
*/

/* /////////////////////////////////////////////////////////////////////
//  01 - Reset
/////////////////////////////////////////////////////////////////////*/

/**

 HTML5 & 4 reset stylesheet
 Adapted from YUI & HTML5 Doctor
 v1.0

**/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,img,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,menu,nav,summary,time,mark,audio,video,header,footer {
    margin:0;
    padding:0;
    border:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline;
    background:transparent;
}

html {
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
    overflow-y: scroll;
}

ol,ul {
    list-style:none;
}

article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,img {
    display:block;
}

blockquote,q {
    quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration:line-through;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

strong{font-weight:bold;}
em{font-style:italic;}

input,
select {
    vertical-align:middle;
}

caption,
th,
td {
    text-align:left;
    font-weight:normal;
}

input {
    vertical-align:middle;
}
img,
object,
embed {max-width: 100%;}

small { font-size: 85%; }

.homeSection img,
.post p img,
.page p img,
.project img {
    max-width: 100% !important;
    height: auto;
    width: auto;
}

/* /////////////////////////////////////////////////////////////////////
//  02 - Global
/////////////////////////////////////////////////////////////////////*/

body {
    font-size: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width:auto; height:auto;
    margin: 0;
    color: #6a6a6a;
    background-color: #e7e7e8;
    font-weight: normal;
    /*padding: 53px 0 0;*/
    padding: 0;

}

p {
    line-height: 1.7em;
    font-size: 1em;
    margin: 0 0 20px 0;
    font-weight: normal;
    font-style: normal;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    margin: 0 0 0 0;
    padding: 0;
}

img {
    margin: 0;
}

img.left {
    margin: 0 15px 15px 0;
    float: left;
}

a {
    text-decoration: none;
    outline: none;
    color: #008598;
}

a:hover {
    color: #008598;
}

a img {
    border:none;
}

h1, h2, h3, h4, h5, h6{
    margin: 0 0 15px 0;
    font-weight: bold;
    color: #606060;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h2 { font-size: 1.1em; }

blockquote, address {
    margin: 0 0 30px 0;
    padding: 0 30px 0 30px;
    font-size: 1em;
    font-family: Georgia, Times, "Times New Roman", serif;
    border-left: 5px solid #6a6a6a;
    color: #6a6a6a;
}

code {
    font-family: "Courier New", Courier, serif;
    overflow: auto;
    padding: 2px;
    background: #fff;
}

pre code {
    background: none;
}

pre {
    margin: 0 0 20px;
    padding: 10px;
    background: #fff;
    overflow: auto;
    border: 1px solid #e4e4e4;
}

.meta {
    color: #b0b0ad;
}

.meta a{
    color: #7d7d7b !important;
}

.meta a:hover{
    color: #b0b0ad !important;
}

.hidden { display: none; }

/* Clearfix ----------- */

/* Some clearfix code from HTML5 Boilerplate */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

a.action {
    font-style: italic;
}

/* //////////////////////////////////////////////////////////////////////
//  03 - General Layout
//////////////////////////////////////////////////////////////////////*/

#container {
    width: 100%;
    margin: 0 auto;
    max-width: 1300px !important;
}

.wrap {
    background: #fff;
    padding-top: 1px;
}

.home .wrap {
    padding-top: 50px !important;
}

#main {
    margin: 0 auto 0;
    padding: 0 0 0;
    background: #fff;
}

#main .wrap {
    padding: 0 30px;
}

#main.full {
    background: none;
}

.middle {
    max-width: 62.5em;
    margin: 0 auto;
}

#content {
    padding: 0 0 0 0;
    float: left;
    margin: 0 0 0 0;
    position: relative;
}

#sidebar {
    width: 26.5%;
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#footer {
    width: 100%;
    margin: 0 auto;
}

.footerNote {
    /*line-height: 18px;*/
    /*padding: 25px 0 0 0;*/
    margin-left: 30px;
    font-style: italic;
    /*font-weight: bold;*/
    /*margin-bottom: 0;*/
}

.twoThirds {
    width: 70%;
}

.oneThird {
    width: 32%;
}

.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
.align-left {
    text-align: left;
}
.align-justify {
    text-align: justify;
}

.paddedTop {
    padding-top: 15px;
}

/*////////////////////////////////////////////////////////////////////////
//  04 - Header
///////////////////////////////////////////////////////////////////////*/

#header {
    width: 100%;
    position: relative;
    margin: 0 0 0 0!important;
    text-align: center;
    background: #fff;
}

#header .inside {
    max-width: 62.5em;
    margin: 0 auto;
    position: relative;
    padding: 40px 0 40px 0;
}

#header .top {
    padding: 0 30px;
}

#logo {
    display: inline-block;
    margin: 0 0 0 0;
    float: left;
    padding: 0;
}

#logo h1 {
    margin: 0 !important;
    line-height: 1em !important;
    padding: 0 !important;
    font-size: 1.5em;
    font-weight: bold;
    color: #555555;
}

#header h1 {
    font-size: 1.5em;
    color: #555555;
    margin: 0;
}

#header h1 a, #header h1 a:hover{
    color: #555555 !important;
}


/* Top nav login/signup links */

#userNav {
    color: #696969;
       margin: 0 0 25px;
    padding: 10px;
       background: #f7f7f7;
}

.toplogin {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

.user-status {
    font-weight: normal;
}

.header_nav ul li {
    display: inline;
    border-right: 1px solid #87073f;
}

.header_nav ul li a:hover {
    text-decoration: underline;
}

.header_nav ul li.last {
    border: 0;
}

.header_nav ul li {
    padding: 0 10px;
}

.header_nav ul li a {
    text-decoration: none;
}

.header_nav ul li a:hover {
    text-decoration: underline;
}

.greeting {
    font-size: 12px;
    margin-right: 20px;
    font-weight: bold;
    color: #333;
    text-align: left;
}


/* Top level navigation */

#mainNav {
    right: 0;
    position:absolute; top:50%; height:20px; margin-top:-10px;
    display: inline-block;
}

#mainNav li {
    margin: 0 0 0 30px;
    display: inline-block;
    padding: 0;
}

#mainNav ul a {
    line-height: 25px;
    color: #8f8f8f;
    font-size: .9em;
    font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

#mainNav ul ul a {
    line-height: 15px;
    font-weight: normal;
    border-top: none;
}

#mainNav ul li.sfHover a,
#mainNav ul li a:hover,
#mainNav ul li:hover {
    text-decoration: none;
    color: #2e2e2e;
}

/* Second level+ dropdowns */

#mainNav ul ul {
    padding: 20px 0 0 0 !important;
    margin-top: -10px;
    background: #fff;
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
    box-shadow: 0 0 1px rgba(0,0,0,0.5);
}


#mainNav ul ul ul {
    padding-top: 20px !important;
    margin-left: -1.25em;
    margin-top: -5px;
}

#mainNav ul ul li {
    float: none;
    background: none;
    margin: 0 5px 10px 20px !important;
    text-align: left;
    max-width: 120px;
}

#mainNav ul ul li a {
    padding: 0px 0 10px 0;
    font-weight: normal;
    border: none !important;
}

#mainNav ul li.current a {
    text-decoration: none;
    color: #2e2e2e;
}

.navbar-collapse {
    padding-left: 0;
}

.navbar-toggle {
    border: none;
    padding: 0;
    float: none;
    font-size: 14px;
    color: #797979;
    text-transform: uppercase;
    border-radius: 0;
}

/* responsive menu */
.menuToggle {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 30px;
}

.menu-btn div {
    position: absolute;
    left: 100%;
    top: 64%;
    padding-right: 8px;
    margin-top: -0.50em;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 200;
    vertical-align: middle;
    z-index: 99;
}

.menu-btn span {
    display: block;
    width: 19px;
    height: 3px;
    margin: 4px 0;
    background: #6a6a6a;
    z-index: 99;
}

.responsive-menu {
    display: none;
}

.responsive-menu-expand {
    display: block !important;
    clear:both;
    padding-top: 15px;
}

.responsive-menu-expand ul li {
    padding: 5px;
}

.closeBtn {
    width: 20px;
    height: 20px;
    background: transparent url(../images/close.png) no-repeat;
    background-size: 20px 20px !important;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 30px;
    margin-top: -16px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    opacity: .5;
}

.closeBtn:hover {
    opacity: 1;
}


/*////////////////////////////////////////////////////////////////////
//  05 - Content
////////////////////////////////////////////////////////////////////*/

#content {
    margin: 0 auto 40px;
    padding: 0 0 0 0 !important;
    width: 68%;
    float: left;
}

#content.full {
    margin: 0 0 40px 0;
    padding: 0 0 0 0 !important;
    width: 100%;
}

#content.full.grid {
    margin: 0 0 20px 0;
}

.home #content.full, .page-template-page-portfolio-php #content.full {
    width: 100%;
    margin: 0 0 0 0;
}

#content.fullProjects {
    width: 100%;
}

#content.twoThirds .page {
    width: 99%;
}

#content h1 a,
#content h2 a,
#content h3 a,
.widgetBox h3 a,
#slideshow .slideText h3 a,
#content h4 a,
#content h5 a{
    color: #555555;
}

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
.widgetBox h3 a:hover,
#slideshow .slideText h3 a:hover,
#content h4 a:hover,
#content h5 a:hover{
    color: #a7a7a3 ;
}

#pageHead {
    color: #696969;
    padding: 30px 30px 30px;
    margin: 0 0 50px;
    background: #f7f7f7;
}

#pageHead .inside {
    max-width: 62.5em;
    margin: 0 auto;
}

#pageHead h1 {
    font-size: 1.4em;
    line-height: .7em;
    padding: 0;
    margin-bottom: 0;
    display: block;
    color: #555555;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#pageHead p {
    margin: 0!important;
    padding: 10px 0 0 0!important;
    color: #b2b2b2;
    line-height: 1em;
}

/*Home Page------------------*/

.homeBlock {
    padding: 30px 0;
}
.hero1 {
    display: block;
    background: #87073f url(../images/content/homepage/gradient-dark.png) repeat-y;
}
.hero2 {
    display: block;
    background: #87073f url(../images/content/homepage/gradient-light.png) repeat-y;
}

.hero2 .col-sm-10, .hero2 .col-sm-2 {
    padding-left: 0;
    padding-right: 0px;
}

.hero2 .col-sm-10 {
    padding-right: 20px;
}

.homeHero h1, .homeHero p {
    color: #fff;
}
.homeHero h1 {
    color: #fff;
    font-size: 24px;
    margin: 8px 0;
}

.homeHero p {
    color: #fff;
    font-size: 16px;
    margin: 0;
}
.homeHero p.large {
    font-size: 19px;
    font-weight: 500;
}

.homeSig {
    text-align: right;
    padding: 15px;
    line-height: 20px;
}

/* slogan */
#homeMessage {
    color: #696969;
    padding: 20px 5% 20px;
    text-align: center;
    background: #f7f7f7;
}

#homeMessage p {
    font-size: 1.8em;
    line-height: 1.3em;
    margin-bottom: 0;
    font-style: italic;
}

#homeMessage .small {
    font-size: 50%;
}

/* about us ---------------*/
.aboutus-img {
    border-width: 0;
    margin: 0 0 5px 20px;
}
.signature {
    text-align: right;
    font-family: 'Lucida Handwriting',cursive;
}


/*Projects------------------*/

.project {
    padding: 15px;
    color: rgba(0,0,0, .5);
}

.project .inside {
    margin: 0 auto;
    max-width: 62.5em;
    position: relative;
}

.project .topLine {
    display: block;
    border-top: 1px solid rgba(0,0,0, .2);
    width: 100px;
    margin: 0 auto 15px;
}

.project.left .topLine {
    margin-left: 0;
}

.project.right .topLine {
    margin-right: 0;
}

.project .head {
    margin-bottom: 40px;
}

.project.darkBkg .topLine {
    border-top: 1px solid rgba(255,255,255, .2);
}

.project.darkBkg p {
    color: rgba(255,255,255, .6);
}

.project h2 {
    text-align: center;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: bold;
    color: rgba(0,0,0, .7) !important;
}

.project h2 a{
    color: rgba(0,0,0, .7) !important;
}

.project h2 a:hover {
    color: rgba(0,0,0, .5) !important;
}

.project.left h2 {
    text-align: left;
}

.project.right h2 {
    text-align: right;
}

.project.left .description p {
    text-align: left;
}

.project.right .description p {
    text-align: right;
}

.project .description p {
    text-align: center;
    font-size: 1.1em;
    color: rgba(0,0,0, .5);
}

.project.darkBkg .description p {
    color: rgba(255,255,255, .6);
}


/*Column Shortcodes------------------*/

.one_half { width: 50%; }
.one_third { width: 33.3%; }
.two_third { width: 66.66%; }
.one_quarter { width: 25%; }
.three_quarters { width: 75%; }
.one_half,.one_third,.two_third,.one_quarter,.three_quarters { position:relative; float:left; }
.last { margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
.columnPadding { padding: 30px 15px; }


/*Buttons------------------*/

#searchsubmit {
    padding: 5px 15px 6px;
}

/* Forms -------------------*/

label {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}
input[readonly] {
    background-color: white !important;
    cursor: text !important;
}
.form-control {
  font-size: 13px;
}

.help-inline, .help-block {
    font-size: 12px;
}

.alert-text {
    color: #a94442;
}
.btn {
    font-weight: bold;
}
.btn-info {
  color: #ffffff;
  background-color: #87073f;
  border-color: #87073f;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #008598;
  border-color: #008598;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #008598;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}

.tabbable {
    /*margin: 10px;*/
    /*border-bottom: 1px solid #ccc;*/
    width: 100%;
    padding-bottom: 15px;
}
.tabbable ul li {
    margin: 0 !important;
}

.nav-tabs {
    margin: 0 !important;
}

.tab-content {
    height: 100%;
    padding: 15px;
    /*background-color: #f7f7f7;*/
    /*border-left: 1px solid #ccc ;*/
    /*border-right: 1px solid #ccc;*/
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background-color: #f7f7f7;
    color: #696969;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    /*color: #fff;*/
    /*background-color: #87073f;*/
    background-color: #f7f7f7;
    color: #87073f;
    font-weight: bold;
}

.checkbox_holder {
    border: 1px solid #f7f7f7;
    padding: 0 8px;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
}

.home .slideshow a.button:hover, .button:hover, #footer a.button:hover, #searchsubmit:hover, input[type="submit"]:hover {
    color: #fff;
    background-image: url(../images/btn_bkg.png) !important;
}

.home .slideshow a.button {
    margin-top: 20px;
}

/*Infinite Scrolling------------------*/

#infscr-loading {
    display: none !important;
}

#infscr-loading img {
    display: none;
}

.infscrBtn span{
    line-height: 35px;
}

.infscrBtn {
    margin: 30px auto 30px;
    display: block;
    width: 100px;
    text-align: center;
    font-size: .7em;
}

.infscrBtn:hover {
    background-color: #fcfcfc;
}

/*Images------------------*/

#content .alignleft,
#content img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px !important;
    margin-top: 4px;
}

#content .alignright,
#content img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

#content .aligncenter,
#content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
    margin-bottom: 12px;
}

/*Lists------------------*/

#content ul {
    margin:  0 0 25px 20px;
    list-style-type: disc;
}

#content ul li {
    margin: 0 0 10px 0;
    line-height: 1.4em;
    font-size: .95em;
}

#content ol li {
    margin: 0 0 10px 0;
    line-height: 1.4em;
}

#content ol {
    margin: 0 0 20px 20px;
}

#content ul ul, #content ol ul, #content ul ol, #content ol ol {
    padding-top: 10px;
}

#content ul ul li, #content ol ul li, #content ul ol li, #content ol ol li {
    font-size: 1em !important;
}

#content ol.lettered {
    list-style-type: lower-alpha !important;
}

/*Tables---------------*/
table.display-box {
    border-spacing: 15px;
    border-collapse:separate;
}

.display-box td, .display-box th {
    padding: 15px;
    /*vertical-align: middle;*/
}

.display-box th {
    /*text-align: center;*/
    /*text-transform: uppercase;*/
}



/*////////////////////////////////////////////////////////////////////
//  06 - Sidebar
////////////////////////////////////////////////////////////////////*/

.sidebarBox {
    position: relative;
    margin: 0 0 30px 0;
    padding: 15px;
    background: #f5edb3;
}

#sidebar p {
    margin-bottom: 0;
}

#sidebar li {
    font-size: .75em;
}



/*/////////////////////////////////////////////////////////////////////
//  07 - Widgets
////////////////////////////////////////////////////////////////////*/

#footer .widgetBox a, #sidebar .widgetBox a {
    line-height: 1.5em;
}

#footer .widgetBox {
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
    width: 30%;
}

#sidebar .widgetBox {
    margin-bottom: 30px !important;
}

#sidebar .widgetBox h3,
#footer .widgetBox h3 {
    font-size: 1em;
    font-weight: bold;
}


#footer .widgetBox h3{
    margin-bottom: 25px;
}

#footer .widgetBox p{
    text-align: left;
}

#sidebar .widgetBox .meta,
#footer .widgetBox .meta {

}

#sidebar ul, #footer ul {
    margin: 0 0 0 0;
    padding: 0px 0 0 0;
    line-height: 1em;
    background: none;
    position: relative;
}

#sidebar ul li, #footer ul li {
    padding: 0px 0 0px 0;
    margin: 0 0 10px 0;
    line-height: 1em;
    background: none;
    font-size: 1em;
}

#sidebar ul li p, #footer ul li p{
    line-height: 1.3em;
    margin: 0;
}

#sidebar ul li h2, #footer ul li h2{
    margin: 0 0 0px 0 ;
    padding: 0 !important;
    line-height: .9em;
    font-weight: normal;
}

#sidebar .widget_nav_menu ul,
#footer .widget_nav_menu ul,
#sidebar .widget_pages ul,
#footer .widget_pages ul,
#sidebar .widget_categories ul,
#footer .widget_categories ul {
    background: none;
    margin: 0;
    padding: 0;
    border: none;
}

#sidebar .widget_nav_menu li,
#footer .widget_nav_menu li,
#sidebar .widget_pages li,
#footer .widget_pages li,
#sidebar .widget_categories li,
#footer .widget_categories li {
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    border: none;
}


/*////////////////////////////////////////////////////////////////////
//  8 - Footer
////////////////////////////////////////////////////////////////////*/

#footer {
    background: #f7f7f7;
}

#footer .inside {
    max-width: 65.5em;
    margin: 0 auto 0;
    padding: 0 0 0;
}

#footer .widgetBox h3{
    color: #6a6a6a;
}

#footer .meta {
    color: #919191;
}

#footer .main {
    padding: 50px 0 10px 0;
    margin: 0 30px 0 0;
}

.footerBox{
    margin: 0 0 40px 20px;
    float: left;
    position: relative;
}

.footerBox p{
    padding: 0;
}

#footer a {
    color: #6a6a6a;
}

#footer a:hover {
    color: #47474b;
}

#footer .secondary {
    margin: 0 30px 0;
    padding: 40px 0 20px;
    border-top: 1px solid #e3e0db;
}

#footer .secondary p{
    font-size: .9em;
}

#footer .secondary .left {
    float: left;
}

#footer .secondary .right {
    float: right;
}

.simple-social-icons a {
    line-height: 1.0em !important;
}

.simple-social-icons ul li a, .simple-social-icons ul li a:hover {
    background-color: #cccccc !important;
    border-radius: 3px;
    color: #666666 !important;
    font-size: 17px;
    padding: 9px;
    line-height: 1.0em;
}
.simple-social-icons ul li a:hover {
    background-color: #666666 !important;
    color: #6699cc !important;
    line-height: 1.0em !important;
}


/*////////////////////////////////////////////////////////////////////
//  9 - DAS-specific
////////////////////////////////////////////////////////////////////*/

.var1 {
    background: #99cccd;
    color: #000;
}

.var2 {
    background: #ae0040;
    color: #fff;
}

.var3 {
    background-color: #f5edb3;
    color: #000;
}

.well.promo {
    background-color: #f5edb3;
    text-align: center;
}

p.uppercase {
    text-transform: uppercase;
}

/*.notebox {*/
    /*width: 260px;*/
    /*float: right;*/
    /*margin: 35px 10px 10px;*/
    /*color: #3C3C3C;*/
    /*font-size: 12px;*/
    /*font-variant: normal;*/
    /*font-weight: normal;*/
    /*background-color: #fcf7cb;*/
    /*padding: 20px;*/
/*}*/

/*.notebox .heading {*/
    /*font-weight: 600;*/
    /*font-size: larger;*/
/*}*/

/*////////////////////////////////////////////////////////////////////
//  10 - Media Queries
////////////////////////////////////////////////////////////////////*/

/* iPad Landscape */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    #homeBanner {
        height: 350px;
        background-position: center -50px !important;
    }

    #bannerText {
        position: absolute;
        top: 50% !important;
        margin-top: -50px;
    }
}

/* iPad Portrait */

@media only screen and (max-width: 975px) {

    .widgetBox {
        margin-left: 25px !important;
    }
}

@media only screen and (max-width: 870px) {
    
    /* Mobile Menu */

    .menuToggle {
        display: block;
        right: -10px;
    }

    #mainNav li {
        margin: 0 0 0 3%;
    }

    #mainNav {
        display: none;
    }
    
    /*Column Shortcodes------------------*/
    .one_half { width:100%; }
    .one_third { width:100%; }
    .two_third { width:100%; }
    .one_quarter { width: 100% }
    .three_quarters { width: 100% }
    .one_half,.one_third,.two_third,.one_quarter,.three_quarters { position:relative; margin-right:0%; float:none; }
    .last{ margin-right:0 !important; clear:right; }
    .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
}

@media only screen and (max-width: 768px) and (orientation:portrait) {

    #sidebar {
        float: none;
        width: 95%;
        padding: 10px 0 30px 0 !important;
    }

    #content.twoThirds {
        width: 100%;
        float: none;
    }

    .sidebarBox {
        float: left;
        margin: 0 3% 30px 0 !important;
        width: 30%;
    }

    .widgetBox {
        width: 45% !important;
    }
}

/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {

    html {
        -webkit-text-size-adjust: none;
    }

    h1 { font-size: 1.2em; }
    h2 { font-size: 1.1em; }
    h3 { font-size: 1.0em; }
    h4 { font-size: .9em; }
    h5 { font-size: .8em; }

    p {
        line-height: 1.6em;
        font-size: .95em;
    }

    #header .inside {
        padding: 20px 0 20px 0;
    }

    #header #logo {
        width: 70%;
    }

    #pageHead {
        margin: 0 0 25px;
    }

    #pageHead h1 {
        font-size: 1.2em;
    }

    .project {
        padding: 35px 30px 10px 30px;
    }

    .project .head {
        margin-bottom: 30px;
    }

    .project h2 {
        font-size: 1.3em;
        margin-bottom: 5px;
    }

    .project .description p {
        font-size: .95em;
        line-height: 1.2em;
    }

    #content.twoThirds {
        width: 100%;
        float: none;
    }

    #sidebar {
        float: none;
        width: 95%;
        padding: 10px 0 30px 0 !important;
    }

    .sidebarBox {
        float: left;
        margin: 0 30px 30px 0 !important;
    }

    .footerBox {
        float: left;
        margin: 0 30px 30px 30px !important;
    }

    .widgetBox {
        width: 90% !important;
    }

    #footer {
        padding: 0 !important;
    }

    #footer #flickrBox .flickrImage {
        margin: 0 5px 5px 0;
    }

    #footer .secondary{
        text-align: center;
        margin: 0 10px;
    }

    #footer .secondary p{
        margin: 0;
        padding: 0;
    }

    #footer .secondary .left,
    #footer .secondary .right {
        float: none;
    }

    #footer .secondary .right {
        float: none;
        padding-bottom: 15px;
    }

    /*Column Shortcodes------------------*/

    .one_half { width: 100%; }
    .one_third { width: 100%; }
    .two_third { width: 100%; }
    .one_quarter { width: 100% }
    .three_quarters { width: 100% }
    .one_half,.one_third,.two_third,.one_quarter,.three_quarters { position:relative; margin-right:0; float:none; }
    .last { margin-right:0 !important; clear:right; }
    .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
}

/* iPhone Landscape */
@media screen and (max-width: 480px) and (orientation: landscape) {

    .widgetBox {
        width: 90%;
        float: left;
    }

    #mainNav ul{
        margin: 0 0 0 17px;
    }
}

/* iPhone Portrait */
@media screen and (max-width: 480px) and (orientation: portrait) {

    .align-justify {
        text-align: left;
    }
    #homeMessage p {
        font-size: 1em;
    }
    .widgetBox {
        width: 87%;
        float: none;
    }
}