/*
    Theme Name: TraversConsulting
    Theme URI: http://www.afd.net
    Description: Travers Consulting
    Version: 1.0
    Author: AFD
    Author URI: http://www.afd.net
    Tags: right-sidebar, two-columns, custom-menu, theme-options, threaded-comments, translation-ready
*/

/* ---------- CONTENTS ----------

1.        Reset
    1.1        HTML5 Elements
    1.2     Base
    1.3        Links
    1.4        Typography
    1.5        Lists
    1.6        Embedded content
    1.7        Figures
    1.8        Forms
    1.9        Tables

2.        Main
    2.1        Typography
    2.2        Base
    2.3        Navigation Sidebar
    2.4        Content
    2.5        Sidebar
    2.6        Footer
    2.7        Comments

3.        Templates
    3.1        Full Width
    3.2        Index
    3.3        Single
    
4.        Styling Classes    
    4.1        Images
    
3.        Dynamic CSS
4.        Responsive Layout
5.        Print Styles
    
------------------------------ */

/* ==============================================================================
                                IMPORT
============================================================================== */

@import url( "css/960.css" );

/* ==============================================================================
                                RESET
============================================================================== */

/* ----------------------------------------
    HTML5 ELEMENTS
---------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section { display: block }

audio,
canvas,
video {
 display: inline-block;
 *display: inline;
 *zoom: 1;
}

video { width: 100%; }

audio:not([controls]) { display: none }

[hidden] { display: none }

/* ----------------------------------------
    BASE
---------------------------------------- */

html {
 font-size: 100%;
 overflow-y: scroll;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}

body {
 margin: 0;
 font-size: 13px;
 line-height: 18px;
}

::-moz-selection {
 background: #fe57a1;
 color: #fff;
 text-shadow: none;
}

::selection {
 background: #008AFF;
 color: #fff;
 text-shadow: none;
}

/* ----------------------------------------
    LINKS
---------------------------------------- */

a:hover,
a:active { outline: 0 }

/* ----------------------------------------
    TYPOGRAPHY
---------------------------------------- */

abbr[title] { border-bottom: 1px dotted }

b,
strong { font-weight: bold }

blockquote {
 background: #E6E6E6 url(images/quote-icon-big.png) no-repeat;
 font-size: 14px;
 margin: 0;
 padding: 1px 20px 1px 55px;
}

dfn { font-style: italic }

hr {
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #ccc;
 margin: 1em 0;
 padding: 0;
}

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

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

pre,
code,
kbd,
samp {
 font-family: monospace, monospace;
 _font-family: 'courier new', monospace;
 font-size: 12px;
}

pre {
 background-color: #F6F6F6;
 margin: 20px 0 20px;
 padding: 10px;
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}

q { quotes: none }

q:before,
q:after {
 content: "";
 content: none;
}

small {
 font-size: 11px;
 color: #999;
}

sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sup { top: -0.5em }

sub { bottom: -0.25em }

/* ----------------------------------------
    LISTS
---------------------------------------- */

ul,
ol {
 margin: 20px 0;
 padding: 0 0 0 40px;
}

 ol ol,
 ul ul,
 ol ul,
 ul ol { margin: 3px 0 0 }

dd { margin: 0 0 0 40px }

nav ul,
nav ol {
 list-style: none;
 list-style-image: none;
 margin: 0;
 padding: 0;
}

li { padding: 3px 0 }

/* ----------------------------------------
    TABLES
---------------------------------------- */

.main table {
 background-color: #E6E6E6;
 border: none;
 border-collapse: collapse;
 color: #555;
 margin: 20px 0;
 width: 100%;
 word-wrap: break-word;
}

.main th {
 background-color: #080808;
 color: #FFF;
 padding: 10px 0;
}

.main tr:nth-of-type(odd) { background-color: #F0F0F0 }

.main td {
 border-top: 1px solid #DDD;
 border-left: 1px solid #DDD;
 padding: 5px;
}

.main td:first-child,
#footer td:first-child { border-left: none }

/* ----------------------------------------
    EMBEDDED CONTENT
---------------------------------------- */

img {
 border: 0;
 vertical-align: middle;
}

svg:not(:root) { overflow: hidden }

/* ----------------------------------------
    FIGURES
---------------------------------------- */

figure { margin: 0 }

/* ----------------------------------------
    FORMS
---------------------------------------- */

form { margin: 0 }

form p { overflow: visible; }

fieldset {
 border: 0;
 margin: 0;
 padding: 0;
}

label { cursor: pointer }

legend {
 border: 0;
 *margin-left: -7px;
 padding: 0;
}

button,
input,
select,
textarea {
 font-size: 100%;
 margin: 0;
 vertical-align: baseline;
 *vertical-align: middle;
}

button,
input {
 line-height: normal;
 *overflow: visible;
}

table button,
table input { *overflow: auto  }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
 cursor: pointer;
 -webkit-appearance: button;
}

input[type="checkbox"],
input[type="radio"] { box-sizing: border-box }

input[type="search"] {
 -webkit-appearance: textfield;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }

button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0;
}

textarea {
 overflow: auto;
 vertical-align: top;
 resize: vertical;
}

input:valid,
textarea:valid { }

input:invalid,
textarea:invalid { background-color: #f0dddd }

/* ----------------------------------------
    TABLES
---------------------------------------- */

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

td { vertical-align: top }

/* ==============================================================================
                                MAIN
============================================================================== */

/* ----------------------------------------
    TYPOGRAPHY
---------------------------------------- */

p {
 font-size: 1em; /* 13px */
 line-height: 1.3846em; /* 18px */
 margin: 20px 0;
 overflow: hidden;
}

a {
 color: #004377;
 text-decoration: none;
 -webkit-transition: all 0.1s;
 -moz-transition: all 0.1s;
 -o-transition: all 0.1s;
 transition: all 0.1s;
}

/* a:visited { color: #999 } */

a:hover,
a:visited:hover { color: #9A0100 }

/* Headers */

h1,
h2,
h3,
h4,
h5,
h6 {
 color: #383b3f; 
 -webkit-font-smoothing: subpixel-antialiased;
 font-weight: 200;
 margin: 40px 0 20px;
}

h1 {
 font-size: 24px;
 line-height: 30px;
}

h2 {
 font-size: 18px;
 line-height: 24px;
}

h3 {
 font-size: 16px;
 line-height: 20px;
}

h4 {
 font-size: 14px;
 line-height: 18px;
}

h5 {
 font-size: 12px;
 line-height: 16px;
}

h6 {
 font-size: 12px;
 font-weight: 400;
 line-height: 16px;
}

/* ----------------------------------------
    BASE
---------------------------------------- */

body { background-color: #004377 }

body,
button,
input,
select,
textarea {
 color: #646669;
 font-family: 'Helvetica Neue', helvetica, arial, sans;
}

.wrapper {
 background: url(images/wrapper-bg.png) no-repeat top center;
 margin: 0 auto;
 width: 1044px;
}

.inner-wrapper {
 background: url(images/inner-wrapper-bg2.png) no-repeat;
 background-color: #E6E6E6;
 margin: 0 auto;
 padding-bottom: 30px;
 position: relative;
 width: 1024px;
 -webkit-border-bottom-left-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-radius-bottomleft: 5px;
 -moz-border-radius-bottomright: 5px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

/* ----------------------------------------
    HEADER
---------------------------------------- */

header {
 min-height: 80px;
 margin: 25px auto 30px;
 position: relative;
 z-index: 2;
}

.feature-content header {
 /* Header on pages with a feautre image or slider */
 left: 32px;
 margin: 0;
 top: 25px;
 position: absolute;
}

.tag-line {
 background-color: #DF0403; 
 float: right;
 font-size: 12px;
 line-height: 16px;
 padding: 5px 10px;
 position: absolute;
 right: 20px;
 top: -10px;
}

.tag-line,
.tag-line a:hover,
.tag-line a { color: #FFF; }

#logo {
 color: white;
 display: inline-block;
 font-size: 32px;
 font-weight: 700;
 letter-spacing: -2px;
 padding: 10px;
 position: relative;
 z-index: 2;
}

 #logo span {
  display: block;
  line-height: 50px;
  padding-top: 5px;
}

.mobile-logo { display: none }

#mobile-navigation { display: none }

#main-navigation {
 bottom: 10px;
 height: 40px;
 position: absolute;
 right: 10px;
 width: 100%;
 z-index: 1;
}

#navigation {
 float: right;
}

 #navigation li {
  display: block;
  float: left;
  padding: 0;
  position: relative;
 }

 #navigation li:hover { background-color: #383838 }

 #navigation a {
  color: #FFF;
  display: block;
  font-size: 11px;
  padding: 11px 15px;
  text-transform: uppercase;
 }

 #navigation li:first-child a { border: none }

 #navigation .current-menu-item > a, 
 #navigation .current-menu-parent > a { color: #666; }
	
/* ----- SUBMENUS ----- */

 #navigation ul {
  background-color: #383838;
  display: none;
  margin: 0;
  position: absolute;
  right: 0;
  text-align: left;
  z-index: 999;
 }

  #navigation ul li { width: 200px }

  #navigation ul li:hover { background: none }

  #navigation ul li a {
   border-top: 1px dotted #585858;
   margin: 0 10px;
   padding: 11px 0;
   text-transform: none;
  }

  #navigation ul a:hover { color: #999 }

  #navigation ul li:first-child a { border: none }

 #navigation > li ul { display: none }

 #navigation > li:hover > ul { display: block }

/* ----------------------------------------
    PAGE FEATURE IMAGE / SLIDER
---------------------------------------- */

.flexslider { min-height: 500px; }

.page-feature { position: relative }

.feature-gradient {
 background: url( images/page-feature-gradient.png ) repeat-x;
 bottom: 0;
 display: block;
 height: 100px;
 left: 0;
 position: absolute;
 right: 0;
}

/* ----------------------------------------
    CONTENT
---------------------------------------- */

.feature-content .main {
 /* Content holder on pages with a feautre image or slider */
 margin-top: -110px;
}

.main .container_12 {
 position: relative;
 z-index: 1;
}

.content-bg {
 background: #FFF;
 bottom: 0;
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 960px;
 z-index: 1;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

.has-sidebar .content-bg {
 width: 720px;
 -webkit-border-bottom-right-radius: 0;
 -moz-border-radius-bottomright: 0;
 border-bottom-right-radius: 0;
}

.main .grid_9 {
 margin: 0;
 padding-left: 10px;
 padding-right: 10px;
}

#primary {
 min-height: 60px;
 padding: 0 10px;
 position: relative;
 z-index: 2;
}

.main-title {
 float: left;
 margin: 20px 0;
}

/* ----------------------------------------
    SIDEBAR
---------------------------------------- */

.sidebar-bg {
 background: url(images/sidebar-bg.png) repeat-y #F9F9F9;
 bottom: 0;
 display: block;
 position: absolute;
 right: 0;
 top: 20px;
 width: 240px;
 z-index: 1;
 -webkit-border-top-right-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-radius-topright: 5px;
 -moz-border-radius-bottomright: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
}

.has-sidebar .grid_3 { margin-top: 20px }

#sidebar {
 position: relative;
 z-index: 2;
}

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

.widget { font-size: 12px }

#sidebar .widget {
 background: url(images/widget-shadow.png) no-repeat top right;
 margin-left: -10px;
 padding: 20px;
 width: 200px;
}

#sidebar .widget:first-child { background: none }

.widgettitle {
 border-bottom: 1px dotted #DDD;
 font-size: 12px;
 font-weight: 400;
 line-height: 18px;
 margin: 0 0 20px;
 padding: 0 0 10px;
 text-transform: uppercase;
}

/* ----------------------------------------
    FOOTER
---------------------------------------- */

#footer {
 font-size: 12px;
 margin: 20px 0;
}

#footer { color: #999; }
#footer .widgettitle { color: #676767; }

#footer-logo {
 display: block;
 font-size: 32px;
 font-weight: 700;
 letter-spacing: -1px;
 line-height: 36px; 
 padding-top: 10px;
}

 #footer a { color: #FFF }
 
 /* #footer a:visited, */
 #footer a:hover,
 #footer a:visited:hover { color: #999 }

.footer-widgets ul {
 margin: 0 0 20px;
 overflow: hidden;
 padding: 0;
}

.footer-widgets li { list-style: none }

.footer-widgets .widget {
 display: inline;
 float: left;
 margin-left: 10px;
 margin-right: 10px;
 margin-top: 10px;
 width: 220px;
}

.footer-widgets .widgettitle {
 border-bottom: none;
 font-size: 14px;
 font-weight: 700;
 margin: 10px 0 20px;
 padding: 0;
}

#copyright img { margin-top: 20px }

/* ----------------------------------------
    PAGINATION
---------------------------------------- */

.pagination {
 margin: 20px 0 0;
 font-size: 12px;
 font-weight: 700;
 text-transform: uppercase;
}

 .pagination span {
  background: white;
  padding: 5px;
  margin-right: 5px;
 }

/* ----- Post Pagination ----- */

#primary .pagination { margin: 40px 0 20px }

 #primary .pagination span {
  background: none;
  margin: 0;
  padding: 0 3px;
 }

/* ----------------------------------------
    COMMENTS
---------------------------------------- */

#comments-holder {
 clear: both;
 padding-top: 1px;
}

.comment-title { margin-top: 20px }

#comments-holder ul,
#comments-holder ol {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#comments li { padding: 0 }

.comment {
 border-bottom: 1px dotted #DDD;
 margin-top: 20px;
}

.children .comment { border: none }

.comment-holder {
 float: right;
 overflow: hidden;
 padding-bottom: 20px;
 position: relative;
 width: 100%;
}

.bypostauthor >.comment-content,
.admin_comment > .comment-content { background-color: #E6E6E6; }


 .comment-holder .avatar { position: absolute }

.comment-content {
 background: #F9F9F9;
 margin-left: 80px;
 overflow: hidden;
 padding: 20px;
}

 .comment-content h6 { margin: 0 }

.comment small { float: right }

.comment-reply-link { float: right }

/* ---- threaded comments ----- */

#comments .children .comment { padding-left: 80px }

.children .comment-holder {
 border-top: 1px dotted #DDD;
 padding-top: 20px;
}

/* ----------------------------------------
    WIDGETS
---------------------------------------- */

/* List widgets ( pages, custom menus, categories, etc */

#sidebar ul li ul li ul,
#footer ul li ul li ul { margin: 6px 0 0 20px }

/* ----- CALENDAR ----- */

.widget_calendar th {
 background: #E6E6E6;
 color: #555;
}

/* ----- SEARCH ----- */

.searchform fieldset {
 background: #E6E6E6;
 border: 2px solid #D9D9D9;
}

.searchform input[type="text"] {
 background: none;
 border: none;
 display: block;
 float: left;
 margin: 0;
 padding: 5px 4px;
 width: 153px !important;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}

.searchform input[type="submit"] {
 background: url(images/search-icon.png) no-repeat;
 border: none;
 height: 25px;
 float: right;
 padding: 0;
 text-indent: -999px;
 width: 25px;
}

.searchform input[type="submit"]:hover {
 background-color: transparent;
}

/* ----- TAGS ----- */

.widget_tag_cloud a {
 background-color: #DDD;
 color: #555;
 display: inline-block;
 font-size: 11px !important;
 font-weight: 700;
 margin: 0 5px 10px 0;
 padding: 5px 10px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

.widget_tag_cloud a:hover {
 background-color: #555;
 color: #FFF;
}

/* ----- TWITTER ----- */

.raw_twitter { overflow: hidden }

 .raw_twitter li {
  background: #E6E6E6;
  margin-bottom: 5px;
  padding: 10px;
 }

 .raw_twitter span {
  display: block;
  margin-bottom: 5px;
 }

 .raw_twitter .twitter-link {
  display: block;
  float: right;
  margin-top: 5px;
 }

/* ---------- FOOTER WIDGETS ---------- */

#footer select {
 background: #656565;
 color: white;
 border: #656565;
}

#footer table {
 background-color: #656565;
 border: none;
 border-collapse: collapse;
 color: #FFF;
 margin: 20px 0 0;
 width: 100%;
 word-wrap: break-word;
}

#footer th {
 background-color: #656565;
 color: #FFF;
 padding: 10px 0;
}

#footer td {
 border-top: 1px solid #555;
 border-left: 1px solid #555;
 padding: 5px;
}

#footer .searchform fieldset {
 background: #656565;
 border: 2px solid #656565;
}

#footer .searchform input[type="text"] { color: #FFF }

#footer .raw_twitter li {
 background-color: #656565;
 color: #CCC;
}

#footer .widget_tag_cloud a {
 background-color: #656565;
 color: #FFF;
}

#footer .widget_tag_cloud a:hover {
 background-color: #999;
 color: #FFF;
}

/* ==============================================================================
                                TEMPLATES
============================================================================== */

/* --------------------
    INDEX (TRADITIONAL)
-------------------- */

.post-category {
 display: block;
 margin: 20px 0 0;
}

.post-excerpt .post-category + h2,
.post-excerpt .post-category + h3 { margin-top: 10px }

.blog-traditional .sticky { border-left: 4px solid #F6F6F6; }

.blog-traditional article {
 margin-bottom: 20px;
 min-height: 142px;
 overflow: hidden;
 position: relative;
}

.blog-traditional .feature-image-holder {
 background-image: none;
 height: 142px;
 position: absolute;
 top: 20px;
 width: 213px;
}

 .blog-traditional .feature-image-holder + .post-excerpt { padding-left: 233px }

/* --------------------
    INDEX (GRID)
-------------------- */

.filter-toggle { margin-top: 23px }

.filter-toggle:after { content: " +" }

.filter-toggle.open:after { content: " -" }

.categories-holder {
 clear: both;
 display: none;
}

.no-js .categories-holder,
.categories-holder.portfolio { display: block }

.categories-holder ul {
 list-style: none;
 overflow: hidden;
 margin: 0 0 10px;
 padding: 0;
}

.categories-holder li {
 display: inline-block;
 margin: 0 10px 10px 0;
}

.categories-holder li a { float: left; }


#blog-grid article {
 background: #FFF;
 height: 450px;
 margin-top: 20px;
 padding-bottom: 30px;
 position: relative;
}

.highlighted-content {
 background: #DF0403 url(images/highlighted-pattern.png);
 color: #FFF;
 padding: 1px 10px;
}

 .highlighted-content h2 { padding-left: 35px }

.format-link .highlighted-content h2 { background: url( images/link-icon.png ) no-repeat 5px 0 }

.format-quote .highlighted-content h2 { background: url( images/quote-icon.png ) no-repeat 5px 0 }

.format-quote .highlighted-content h2 { background: url( images/quote-icon.png ) no-repeat 5px 0 }

.format-status .highlighted-content h2 { background: url( images/status-icon.png ) no-repeat 5px 1px }

.highlighted-content a,
.highlighted-content a:visited { color: #FFF }

.highlighted-content a:hover,
.highlighted-content a:visited:hover { color: #9A0100 }

.feature-image-holder {
 background: url( images/post-icons.png ) no-repeat;
 background-color: #DF0403;
 height: 165px;
}

.format-standard .feature-image-holder { background-position: 0 0 }

.format-video .feature-image-holder { background-position: 0 -165px }

.format-quote .feature-image-holder { background-position: 0 -330px }

.format-status .feature-image-holder { background-position: 0 -495px }

.format-gallery .feature-image-holder,
.format-image .feature-image-holder { background-position: 0 -660px }

.format-link .feature-image-holder { background-position: 0 -825px }

.format-audio .feature-image-holder { background-position: 0 -990px }

.feature-image-holder a { display: block }

.post-excerpt { padding: 0 10px }

 .post-excerpt h2,
 .highlighted-content h2 {
  font-size: 14px;
  line-height: 20px;
  margin: 20px 0;
 }

.more-link {
 display: block;
 margin: 20px 0;
}

.post-date { 
 bottom: 10px;
 display: block; 
 left: 10px;
 position: absolute;
}

.post-date time {
 background: url(images/date-meta.png) no-repeat center left;
 padding-left: 24px;
}

time a,
.comment-count a,
.post-category a { color: #999 }

time a:hover,
.comment-count a:hover,
.post-category a:hover { color: #9A0100 }

.comment-count {
 background: url(images/comment-meta.png) no-repeat 0 0;
 bottom: 10px;
 padding-left: 20px;
 position: absolute;
 right: 10px;
}

#load-more-button {
 margin: 20px auto 0;
 width: 50%;
}

 #load-more-button a {
  padding: 5px 0;
  text-align: center;
 }

/* --------------------
    SINGLE
-------------------- */

.post-meta {
 clear: both;
 color: #999;
 list-style-type: none;
 margin: 0;
 overflow: hidden;
 padding: 0;
}

 .post-meta li {
  border-left: 1px dotted #DDD;
  float: left;
  font-size: 11px;
  height: 30px;
  line-height: 16px;
  padding: 10px 20px;
 }

 .post-meta li:first-child {
  border-left: 0;
  padding-left: 0;
 }

.author-meta img { position: absolute; }

.author-meta-text {	margin-left: 50px; }

.post-meta li span { display: block; }

.post-meta .comments-meta {
 background: url(images/comment-meta.png) no-repeat 20px 10px;
 padding-left: 45px;
}

.post-meta li.comments-meta span { display: inline; }

.post-feature-content {
 display: block;
 margin-top: 20px;
 margin-bottom: 40px;
}

blockquote.post-feature-content { margin-bottom: 20px }

img.post-feature-content { background-color: #DF0403 }

.post-tags,
.share-box {
 float: left;
 padding: 20px 0;
}

.post-tags {
 border-right: 1px dotted #DDD;
 width: 40%;
}

 .post-tags a { margin-bottom: 5px }

 .post-tags + .share-box .addthis_toolbox { padding-left: 20px }

.share-box { width: 59% }

/* ----- Gallery ----- */

.grid-gallery {
 clear: both;
 margin: 40px 0 20px;
 overflow: hidden;
}

 .grid-gallery a {
  background: url( images/post-icons.png ) no-repeat -43px -675px;
  background-color: #DF0403;
  display: block;
  float: left;
  margin: 0 1px 1px 0;
 }

/* ----- Status ----- */

blockquote.status { background-image: url(images/status-icon-big.png) }

#primary .post-link {
 clear: both;
 margin: 0;
 overflow: hidden;
 padding: 20px 0;
}

.post-link span { max-width: 45% }

/* --------------------
    HOME PAGE
-------------------- */

#primary > .rule:first-child { display: none }

.home-page-section.page-content { padding: 20px 0 }

.home-page-section { padding-bottom: 20px }

.section-title {
 float: left;
 margin-top: 20px;
 width: 80%;
}

.button.view-more-link,
.secondary-button.view-more-link {
 float: right;
 margin: 16px 0;
}

.home-page-section .feature-image-holder { height: 161px }

.home-page-section img {
 max-width: 100%;
 height: auto;
}

.home-page-section h4 { margin-top: 10px }

.view-more-link {
 clear: both;
 margin: 0 0 20px;
}

/* --------------------
    CONTACT
-------------------- */

#map_canvas-contact {
 height: 600px;
 width: 1024px;
}

/* --------------------
    PORTFOLIO
-------------------- */

.portfolio-archive #blog-grid article { height: 220px }

.feature-image-holder.portfolio { background-position: 0 -1155px }

/* --------------------
    PORTFOLIO SINGLE
-------------------- */

.portfolio-item-meta-title {
 display: block;
 margin: 20px 0 0;
}

.portfolio-item-link { margin: 20px 0 40px }

.portfolio-gallery-image {
 display: block;
 margin: 20px 0;
}

.single-portfolio .video-container,
.single-portfolio .video-player { margin: 20px 0 }

/* --------------------
    PAGE-ARCHIVE, PAGE-SITEMAP, 404
-------------------- */

#sitemap { margin-top: 40px }

#sitemap,
#feeds-list,
#category-list,
#archive-list {
 list-style-type: none;
 padding-left: 0;
}

 #sitemap ul,
 #feeds-list ul,
 #category-list ul,
 #archive-list ul { list-style-type: none }

 #sitemap ul { padding: 0 }

  #sitemap ul li {
   background: url(images/sitemap-li.png) top left no-repeat;
   padding-left: 40px;
  }

/* ==============================================================================
                                STYLING CLASSES
============================================================================== */

.rule,
.hr {
 border-bottom: 1px dotted #DDD;
 clear: both;
 display: block;
 margin-left: -20px;
 width: 960px;
}

.has-sidebar .rule,
.has-sidebar .hr { width: 720px }

.alignleft { float: left }

.alignright { float: right }

/* ----- Video Player ----- */

.video-container {
 margin: 20px auto;
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}

.video-container.vimeo { padding-top: 10px; }
.video-container.dailymotion { padding-top: 0; }

.video-container iframe,  
.video-container object,  
.video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/* ----------------------------------------
    SHORTCODES
---------------------------------------- */

/* ----- Audio ----- */

audio,
.mejs-audio { margin: 40px auto }

/* ----- Boxes ----- */

.styled_box {
 clear: both;
 margin: 20px 0;
 padding: 0 20px 20px 80px;
 text-shadow: none;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

 .styled_box p { margin: 20px 0 0 }

/* ----- Boxes ----- */

.content_box {
 background-color: #FCF8E3;
 border: 1px solid #FBEED5;
 clear: both;
 color: #C09853;
 margin-top: 20px;
 padding: 0 20px;
 text-shadow: none;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

 .content_box a {
  color: #C09853 !important;
  font-weight: 700;
 }

 .content_box a:hover { text-decoration: underline }

/* Green box */

.green_box {
 background-color: #DFF0D8;
 border-color: #D6E9C6;
 color: #468847;
}

 .green_box a { color: #468847 !important }

/* Red box */

.red_box {
 background-color: #F2DEDE;
 border-color: #EED3D7;
 color: #B94A48;
}

 .red_box a { color: #B94A48 !important }

/* Blue box */

.blue_box {
 background-color: #D9EDF7;
 border-color: #BCE8F1;
 color: #3A87AD;
}

 .blue_box a { color: #3A87AD !important }

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

/* button general styling */

.button,
.button:visited,
.categories-holder a,
.categories-holder a:visited,
.post-tags a,
.post-tags a:visited,
input[type="button"],
input[type="submit"],
button,
button[type="submit"],
.secondary-button,
#load-more-button a,
.comment-reply-link,
input[type="reset"],
button[type=reset],
input[type="file"] {
 border: none;
 display: inline-block;
 font-size: 11px;
 font-weight: 700;
 padding: 5px 10px;
 text-transform: uppercase;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

#load-more-button a,
.categories-holder a { display: block }

/* Primary button styling */

.button,
.button:visited,
.categories-holder a,
.categories-holder a:visited,
.post-tags a,
.post-tags a:visited,
input[type="button"],
input[type="submit"],
button,
button[type="submit"] {
 background-color: #DF0403;
 color: #FFF;
}

.button:hover,
.button:visited:hover,
.categories-holder a:hover,
.categories-holder a:visited:hover,
.post-tags a:hover,
.post-tags a:visited:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
button[type="submit"]:hover {
 background-color: #9A0100;
 color: #FFF;
}

.button,
input[type="button"],
input[type="submit"],
button,
button[type="submit"] {
 background-image: url(images/button-bg.png);
 background-repeat: no-repeat;
 background-position: right center;
 padding: 5px 22px 5px 10px;
}

/* Secondary button styling */

.secondary-button,
.secondary-button:visited,
#load-more-button a,
.comment-reply-link,
input[type="reset"],
button[type=reset],
input[type="file"] {
 background: #DDD;
 color: #555;
}

.secondary-button:hover,
.secondary-button:visited:hover,
#load-more-button a:hover,
.comment-reply-link:hover,
input[type="reset"]:hover,
button[type=reset]:hover {
 background-color: #555;
 color: #FFF;
}

/* Button alignment styling */

.button.left,
.secondary-button.left {
 float: left;
 margin: 20px 0 0 5px;
}

.button.right,
.secondary-button.right {
 float: right;
 margin: 20px 0 0 5px;
}

.button-center { text-align: center }

/* Large button size */

.button.large,
.secondary-button.large { font-size: 1em; }

.button.large { padding: 10px 25px 10px 15px; }

.secondary-button.large { padding: 10px 15px; }


/* ---- Clearboth ---- */

.clearboth {
 clear: both;
 display: block;
 font-size: 0;
 height: 0px;
 line-height: 0;
 overflow: hidden;
 width: 100%;
}

/* ----- Columns ----- */

.fourth,
.third,
.half,
.two-thirds {
 float: left;
 margin-right: 20px;
}

.end { margin-right: 0 }

.fourth { width: 155px }

.grid_12 .fourth { width: 215px }

.third { width: 213px }

.grid_12 .third { width: 293px }

.half { width: 330px }

.grid_12 .half { width: 450px }

.two-thirds { width: 446px }

.grid_12 .two-thirds { width: 606px }

/* ----- Dividers ----- */

.hr {
 border-bottom: 1px dotted #DDD;
 clear: both;
 display: block;
 margin: 40px 0 40px -20px;
 width: 960px;
}

.has-sidebar .hr { width: 720px }

.hr.thick { border-top: 5px solid #DDD }

.hr.top {
 background: none;
 height: auto;
 clear: both;
}

.top {
 font-size: 0.833em;
 line-height: 10px;
 position: relative;
 text-align: right;
 width: 880px;
}

.has-sidebar .top { width: 640px }

.top a {
 color: #999 !important;
 display: block;
 height: 20px;
 padding-left: 17px;
 position: absolute;
 right: -40px;
 top: -5px;
 width: 20px;
}

.top a:hover { color: #666 !important }

/* ----- DROPCAPS ----- */

.dropcap_1 {
 font-size: 4em;
 font-weight: 700;
 float: left;
 height: 30px;
 line-height: 30px;
 padding-top: 10px;
 text-align: left;
width: 45px;
}

.dropcap_2 {
 float: left;
 height: 42px;
 line-height: 38px;
 margin-top: 5px;
 margin-right: 10px;
 padding-top: 5px;
 text-align: center;
 width: 50px;
 background-color: #383b3f;
 color: #FFF;
 font-size: 3.333em;
 font-weight: 700;
 border-radius: 100px;
 -moz-border-radius: 100px;
 -webkit-border-radius: 100px;
}

/* ----- Emphasis ----- */

.emphasis {
 display: block;
 font-size: 1.333em;
 line-height: 1.5em;
 margin: 40px 0 0;
}

.page-content > .emphasis:first-child { margin: 20px 0 0 }

.emphasis * { margin-top: 0 }

.emphasis.left { text-align: left }

.emphasis.right { text-align: right }

.emphasis.center { text-align: center }

/* ----- Google map ----- */

#primary .google-map { margin: 40px 0 0 }

/* ----- Highlight ----- */

.highlight {
 background-color: #20428f;
 color: #111111;
 padding: 5px;
}

/* ----- List styles ----- */

#primary ul.check,
#primary ul.cross,
#primary ul.check ul,
#primary ul.cross ul { padding: 0 0 0 20px }

 #primary ul.check li {
  background: url(images/li_true.png) left 3px no-repeat;
  list-style: none;
  margin-left: 0;
  padding-left: 20px;
 }

 #primary ul.cross li {
  background: url(images/li_false.png) left 3px no-repeat;
  list-style: none;
  margin-left: 0;
  padding-left: 20px;
 }

#primary ul.arrow li {
 background: url(images/li.png) left -4px no-repeat;
 list-style: none;
 margin-left: 0;
 padding-left: 20px;
}

#primary ul.square li { list-style-type: square }

/* ----- Quotes ----- */

blockquote.alignright { margin: 5px 0 9px 20px }

blockquote.alignleft {
 float: left;
 margin: 5px 20px 9px 0;
}

/* ----- Pagelist ----- */

.pagelist-item h1,
.pagelist-item h2,
.pagelist-item h3,
.pagelist-item h4,
.pagelist-item h5,
.pagelist-item h6 { margin: 20px 0 }

.pagelist-image {
 background: #DF0403;
 margin: 20px 0;
}

 .pagelist-image a { display: block }

 .pagelist-image img {
  height: auto;
  max-width: 100%;
 }

/* ----- Postlist ----- */

.postlist { margin: 20px 0 }

.postlist-post {
 margin: 0 0 5px;
 position: relation;
}

.postlist-post-date { position: absolute }

.postlist-post-title { padding-left: 120px }

/* ----- Pricing table ----- */

.pricing-table {
 color: #555;
 display: block;
 font-size: 1em;
 margin: 40px auto 0;
}

 .pricing-table strong { color: #555 }

 .pricing-table p { margin: 10px 0 0 }

 .pricing-table a.button { margin: 10px 0 0 }

 .pricing-table h2 {
  border: 0;
  font-size: 1.333em;
  padding: 0;
 }

 .pricing-table h1,
 .pricing-table h2,
 .pricing-table h3,
 .pricing-table h4,
 .pricing-table h5,
 .pricing-table h6 { margin: 20px 0 0 }

.pricing-table-column {
 background-color: #E6E6E6;
 float: left;
 padding: 0 10px;
 text-align: center;
 width: 157px;
}

.pricing-table-column:nth-child(2n) { background-color: #F0F0F0 }

.pricing-table-column-highlight {
 border: 4px solid #DDD;
 margin: -25px 0 0;
 padding: 20px;
}

.pricing-table-row {
 border-top: 1px solid #DDD;
 padding: 0 0 10px;
}

.pricing-table-column:nth-child(2n) .pricing-table-row { border-top: 1px solid #EEE }

.pricing-table-row:first-child { border: none }

.pricing-table-column:nth-child(2n) .pricing-table-row:first-child { border: none }

/* ----- Toggle content ----- */

.toggle-content {
 background: #E6E6E6;
 border-bottom: 1px solid #FFF;
 clear: both;
 display: block;
 margin: 20px 0 0;
}

.toggle-content:hover { background: #DDD }

.toggle-content + .toggle-content { margin: 0 }

.toggle-content .expand-button {
 background: url(images/toggle-bg.png) left top no-repeat;
 cursor: pointer;
 font-weight: 700;
 overflow: hidden;
}

.toggle-content .expand-button.close {  background: url(images/toggle-bg-close.png) left top no-repeat; }

.toggle-content .expand-button p {
 line-height: 40px;
 margin: 0;
 padding-left: 40px;
}

.toggle-content .expand {
 margin: 0;
 padding: 1px 20px 20px;
}

.toggle-content .expand { display: none }

.no-js .toggle-content .expand { display: block }

/* ----- Video ----- */

.media-player,
.video-player { margin: 20px auto 20px }

video {
 max-width: 100%;
 height: auto;
}

/* ----------------------------------------
    IMAGES
---------------------------------------- */

img.portfolio-gallery-image,
.feature-image-holder img,
.page-feature img,
img.post-feature-content,
.content-wrapper img,
img.size-full {
 max-width: 100%;
 height: auto; 
}

img.post-image,
.archive-template img { max-width: 620px }

img[class*="align"],
img[class*="wp-image-"] {
 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* WP Core Styling*/

.right { float: right }

.left { float: left }

.alignnone { margin: 5px 20px 20px 0 }

.aligncenter,
div.aligncenter {
 display: block;
 margin: 5px auto;
}

.alignright {
 float: right;
 margin: 5px 0 20px 20px;
}

.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}

.aligncenter {
 display: block;
 margin: 5px auto;
}

.wp-caption, .gallery-caption {
 padding: 0 3px 10px;
 text-align: center;
}

 .wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
 }

 .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 10px 0 0;
  padding: 0 4px 5px;
 }

/* For image replacement */

.ir {
 display: block;
 border: 0;
 text-indent: -999em;
 overflow: hidden;
 background-color: transparent;
 background-repeat: no-repeat;
 text-align: left;
 direction: ltr;
}

 .ir br { display: none }

/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {
 display: none !important;
 visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
 border: 0;
 clip: rect(0 0 0 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
 clip: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 position: static;
 width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */

.invisible { visibility: hidden }

/* Contain floats: h5bp.com/q */

.clearfix:before,
.clearfix:after {
 content: "";
 display: table;
}

.clearfix:after { clear: both }

.clearfix { zoom: 1 }

/* ----------------------------------------
    FORMS
---------------------------------------- */

#primary form {
 margin: 20px 0;
 max-width: 340px;
}

 #primary form ul li,
 #footer form ul li {
  background: none;
  margin: 0 0 20px;
  padding: 0;
 }

label,
label  + span {
 display: inline-block;
 margin: 0 0 10px;
}

input[type="text"],
input[type="password"],
textarea {
 border: 1px solid #C9C9C9;
 background: #FFF;
 display: block;
 font-family: 'Helvetica Neue', helvetica, arial, sans;
 font-weight: 400;
 margin: 0 0 20px;
 padding: 6px 4px;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f5f5f6, 5px 5px 0 0 #f5f5f6, 5px 0 0 0 #f5f5f6, 0 5px 0 0 #f5f5f6, 5px -5px 0 0 #f5f5f6, -5px 5px 0 0 #f5f5f6;
 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f5f5f6, 5px 5px 0 0 #f5f5f6, 5px 0 0 0 #f5f5f6, 0 5px 0 0 #f5f5f6, 5px -5px 0 0 #f5f5f6, -5px 5px 0 0 #f5f5f6;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f5f5f6, 5px 5px 0 0 #f5f5f6, 5px 0 0 0 #f5f5f6, 0 5px 0 0 #f5f5f6, 5px -5px 0 0 #f5f5f6, -5px 5px 0 0 #f5f5f6;
 width: 332px;
}

textarea {
 height: 100px;
 resize: none;
}

select {
 background-color: #F6F6F6;
 border: 1px solid #DDD;
 display: block;
 padding: 2px 2px 2px 0;
 width: 230px;
}

input[type="radio"] {
 color: #444;
 margin: 0 10px 5px 0;
}

input[type="checkbox"] {
 float: left;
 height: auto;
 margin: 1px 5px 0 0;
 width: auto;
}

/* ----- Sidebar forms ----- */

#sidebar select {
 background: #E6E6E6;
 border: 2px solid #D9D9D9;
 padding: 5px 4px;
 width: 100%;
}

/* ----- Contact Form ----- */
#respond {
 clear: both;
}

#respond form {
 margin-top: 20px;
 max-width: 680px;
}

#respond .half { margin-bottom: 0 }

span.required { color: #DF0403 }

#respond input[type="text"],
#respond input[type="password"] {
 display: block;
 margin-top: 10px;
 width: 320px;
}

#respond textarea {
 display: block;
 margin-top: 10px;
 width: 98%;
}

input.error,
textarea.error { border: 1px solid #20428f }

label.error { color: #20428f }

/* ----------------------------------------
    SIDEBAR FORMS
---------------------------------------- */

.widget-sidebar form { width: 200px }

.widget-sidebar input[type="text"],
.widget-sidebar input[type="password"],
.widget-sidebar textarea { width: 192px }


/* ==============================================================================
                                PRINT STYLES
============================================================================== */

@media print { 
	* {
	 background: transparent !important;
	 color: black !important;
	 text-shadow: none !important;
	 filter: none !important;
	 -ms-filter: none !important;
	}

	a,
	a:visited { text-decoration: underline }

	a[href]:after { content: " (" attr(href) ")" }

	abbr[title]:after { content: " (" attr(title) ")" }

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after { content: "" }

	pre,
	blockquote {
	 border: 1px solid #999;
	 page-break-inside: avoid;
	}

	thead { display: table-header-group }

	tr,
	img { page-break-inside: avoid }

	img { max-width: 100% !important }
}