/* =============================================================================
   Base
   ========================================================================== */

body { background:#fff;}
.container{padding:0 40px;}


/* =============================================================================
   Header
   ========================================================================== */

#banner {margin-top:17px;}
#logo{float:left;text-indent:-10000px;display:block;background:url('../img/header-logo.png') no-repeat 0 0;width:160px;height:150px;}
#nav-top{ border-bottom: 1px solid #000000;
    float: right;
    font-size: 20px;
    font-weight: 400;
    margin-top: 42px;
    overflow: hidden;
    padding-bottom: 11px;
    padding-right: 45px;
    position: relative;
    right: 0;
    text-align: right;
    width: 665px;}
#nav-top{}
#nav-top ul.nav{float:right;margin-bottom:2px;}
#nav-top .nav li{float:left;padding:0 10px;}
#nav-top .nav li a{color:#F1B245;font-family: 'Vollkorn', serif;letter-spacing: 0.06em;}
#nav-top .nav li a:hover, #nav-top .nav li.current-menu-item > a{color:#777777;background:#fff;}
#nav-top .nav li:last-child{padding-right:0;}
#nav-main{float:right;margin-top:20px;margin-right: -6px;}
#nav-main ul.nav{float:left;}
#nav-main .nav li{float:left;padding:0 4px;}
#nav-main .nav li:last-child{padding-right:0;}
#nav-main .nav > li > a{color:#434242;font-size:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#fff;padding:11px;}
#nav-main .nav > li > a:hover, #nav-main .nav > li.dropdown.open > a, #nav-main .nav > li.current-menu-ancestor > a, #nav-main .nav > li.current-menu-item > a{color:#fdecd4; background:#fcb040;}
#nav-main .nav ul.dropdown-menu {background:none;}
#nav-main .nav ul.dropdown-menu li a{font-size:14px;background:none;}
#nav-main .nav ul.dropdown-menu li a:hover, #nav-main .nav ul.dropdown-menu li.current-menu-item a{background:none;color:#434242;text-decoration:underline;}


/* Fixed Topbar Navigation */
body { padding-top: 17px;margin-top:0; }
body.admin-bar .navbar-fixed-top { top: 28px; }



/* =============================================================================
   Content
   ========================================================================== */

#wrap{overflow:hidden;clear:both;margin-top: 29px;}
#content { }
#wrap h2.otherprojects{color:#605e5f;font-size:18px;margin-top:30px;margin-bottom:-25px;font-weight:normal;}
#wrap p.projectstrap{color: #6b6b6b;    font-size: 26px;    font-weight: bold;    margin-bottom: 24px;    margin-top: 5px;}


/* =============================================================================
   Primary Content
   ========================================================================== */

#main.span8 { padding-right: 20px; width: 600px; }

#main article{padding-right:25px; }
#main p, #main ol, #main ul{font-size:14px;line-height:19px;margin-bottom:16px;}
div.page-header{border:none;margin-top:0;}
div.page-header h1{color:#696969;font-size:36px;font-family:Helvetica, Arial, sans-serif;}
div.trackable_sharing{margin-bottom:15px;} 

section.contentbox {margin:0;height:274px;border:1px solid #434242;}
section.contentbox.image-men {background:url('../img/hp-men.jpg') no-repeat 100% 0;}
section.contentbox h1{font-size:48px;color:#696969;font-family:Helvetica, Arial, sans-serif;line-height:1.2em;width:585px;padding:23px 26px 20px ;}
section.contentbox p{font-size:18px;color:#434242;font-family:Helvetica, Arial, sans-serif;line-height:1.4em;width:524px;padding:0 26px 23px ;}
section.includedpost.row{margin-top:42px;}
section.includedpost aside{background:#959292;overflow:hidden;}
section.includedpost aside img{padding:5px 5px;}
section.includedpost aside header{padding-top:7px;overflow:hidden;padding-bottom:15px;}
section.includedpost aside h1 a{font-size:16px;color:#fff;padding-left:13px;padding-right:10px;float:left;line-height:18px;font-weight:normal;}
section.includedpost aside a.view {font-size:14px;color:#fbaf3e;padding-right:17px;float:right;line-height:18px;}

#main .projectlist {margin-top: 20px;}
#main .projectlist aside {margin-bottom: 10px;overflow:hidden;}
#main .projectlist aside h1{float:left;margin-top: 0;font-size:18px;line-height:22px;width:410px;}
#main .projectlist aside h1 a{font-size:18px;color:#615f60;}
#main .projectlist aside img{padding-right:12px;float:left;}
#main .projectlist aside p{font-size:12px;float:left;width:72%;}
#main .projectlist .trackable_sharing{display:none;}

#messagesent{font-size:18px;}

/* =============================================================================
   Sidebar
   ========================================================================== */

#sidebar { }
.well{background:none;border:none;box-shadow:none;padding:0;}
#sidebar .well article{margin-bottom:20px;} 
#sidebar h3{color:#696969;}
#sidebar img.sidebarimage{margin-bottom:20px;}
#sidebar .widget-inner ul{margin-left:14px;}

/* =============================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry h2 a { text-decoration: none; }
.hentry time { display: block; }
.hentry p.byline { }
.hentry footer { clear: both; }



/* =============================================================================
   Post Comments
   ========================================================================== */

#comments, #respond, #submit { clear: both; display: block; }
ol.commentlist img.avatar { float: left; margin-right: 10px; }



/* =============================================================================
   Footer
   ========================================================================== */

#content-info { margin-top: 45px;padding: 10px 0 36px;border-top: 1px solid #bdbdbd;}
#content-info ul.nav{float:left;}
#content-info ul.sub-menu{display:none;}
#content-info .nav li{float:left;padding:10px;}
#content-info .nav li:first-child, #content-info .nav li a:first-child{padding-left:0;}
#content-info .nav li:after {content: "|";}
#content-info .nav li:last-child:after {content: "";}
#content-info .nav li a{color:#434242;font-size:18px;padding:0 20px 0 8px;float:left;}
#content-info .nav li a:hover{text-decoration:underline;background:none;}
#content-info p small { font-size: 13px; }



/* =============================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { margin: 0 20px 20px 0; float: left; }
.alignright { margin: 0 0 20px 20px; float: right; }



/* =============================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 980px) {
  /* Fix top padding when using the responsive grid with the fixed topbar */
  body {
    padding-top: 0;
  }
}