/* 
Theme Name: Flywheel
Theme URI: http://flywheel.org.uk
Description: A bespoke child of the Hybrid theme framework.
Author: Richard Hallows
Author URI: http://richardhallows.com
Version: 0.2
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Hybrid's default CSS */
@import url('../hybrid/style.css');

/**
* Fonts
************************************************/	

@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('./assets/fonts/CartoGothicStd-Book-webfont.eot');
    src: url('./assets/fonts/CartoGothicStd-Book-webfont.eot?#iefix') format('eot'),
        url('./assets/fonts/CartoGothicStd-Book-webfont.woff') format('woff'),
        url('./assets/fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'),
        url('./assets/fonts/CartoGothicStd-Book-webfont.svg#webfont3Jo4Ril0') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
* Body
************************************************/

/* Contains everything */
body {
    background: #ebf8ff url('./assets/images/generic-background.gif') repeat-x 0 0;
    color: #4e4e4e;
    font-family: Helmet, Freesans, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.333;
}

/* Wrapper for everything inside of the body */
#body-container {
    width: 970px;
    margin: 0;
    background: transparent url('./assets/images/generic-logo.jpg') no-repeat -10px 0;
}

/**
* Elements
************************************************/

/* Hyperlinks */
a:link {
    color: #007cb5;
    text-decoration: underline;
}
a:visited {
    color: #007cb5;
}
a:hover {
    color: #007cb5;
    text-decoration: none;
}
a:active {
    color: #007cb5;
}

/* Headers */
h1, 
h2,
h3,
h4,
h5,
h6 {
    color: #c7225d;
    font-family: CartoGothicStdBook, Tahoma, Arial, Helvetica, sans-serif;	
    font-weight: normal;
    font-style: normal;
}
h1, 
h2 {
    font-family: CartoGothicStdBook, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 20px;
}

h3 {
    font-size: 17px;
}

h4 {
    font-size: 16px;
}
h5 {
    font-size: 15px;
}

/* Object */
object {
    margin: 0;
}

/* Videos */
video,
.video {
    margin-bottom: 20px;
}

/* Tables */
thead tr th {
    background-color: #E1F4FF;
}


/* Forms */
textarea, 
input,
label {
    color: #4e4e4e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
input {
    border: 1px solid #BFBFBF;
}
textarea {
    border: 1px solid #BFBFBF;
}


/* Notes */
.note {
    border-color: #CAECFF;
    background-color: #E1F4FF;
}

div.note {
    margin-bottom: 15px;
}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {}
.right, .alignright {}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

/**
* Images
************************************************/

/* Normal images */
img {
    border: 1px solid #C7C7C7;
    padding: 3px;
    background: #fff;
}
a img {
    border: 1px solid #C7C7C7;
    padding: 3px;
    background: #fff;
}

/* WP Captions [caption] */
.wp-caption {
    background: #fff;
    margin-bottom: 10px;
    padding-bottom: 3px;
}
.wp-caption img {
    padding: 0;
    border: none;
}
.primary-inactive .wp-caption img {
    max-width: 900px;
}
.wp-caption p.wp-caption-text {
    text-align: center;
}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
    position:absolute;
    top:0;
    left:0;
    width:300px;
}

/* Site title */
#site-title {}
#site-title a {
    width: 310px;
    height: 100px;
    display: block;
    margin:10px 0 0 20px;
}
#site-title a span {
    display: none;
}

/* Site description/tagline */
#site-description {
    display: none;
}

/**
* Page navigation
************************************************/

/* Wrapper for navigation */
#primary-menu {
    display: inline;
    position: relative;
    float: right;
    margin: 0 -13px 0 0;
    padding: 46px 0 46px 0;
}

#primary-menu li a {
    margin: 0;
    padding: 10px 9px;
    background: none;
    border: none;
    color: #007CB5;
    font-family: CartoGothicStdBook, Tahoma, Arial, Helvetica, sans-serif;		
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}

#primary-menu li a:hover {
    text-decoration: underline;
}

#primary-menu li.current_page_item a,
#primary-menu li.current-page-ancestor a,
.singular-post #primary-menu li.menu-item-home a,
.home #primary-menu li.menu-item-home a,
.search #primary-menu li.menu-item-home a,
.archive #primary-menu li.menu-item-home a {
    border: 1px solid #B7BCC8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: #CCCCCC 0 1px 3px;
    -moz-box-shadow: #CCCCCC 0 1px 3px;
    box-shadow: #CCCCCC 0 1px 3px;
    background: #F5FCFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#D1E8F3));
    background: -moz-linear-gradient(#ffffff, #D1E8F3);
    background: linear-gradient(#ffffff, #D1E8F3);
    -pie-background: linear-gradient(#ffffff, #D1E8F3);	
    
    color: #075265;
}

#primary-menu li:hover ul, 
li.sfHover ul {
    display: none;
}

/**
* Containers below the header and navigation
************************************************/

#hero {
    clear: both;
    display: block;
    margin: 0 0 23px 30px;
    padding: 22px 0 0 0;
}

#hero img {
    padding: 0;
    border: none;
}

/* Wrapper for the content and primary/secondary widget sections */
#container {
    overflow: hidden;
    display: inline;
    width: 940px;
    margin: 0 0 0 30px;
}

/**
* Content
************************************************/

/* Contains site's main content */
#content {	
    width: 700px;
    float: left;
    padding: 12px 0 0 0;
}

/* content class */
.content {
    width: 700px;
    overflow: hidden;
}

.primary-inactive .content {
    width: 940px;	
}


/* Post, page, and archive titles */
.entry-title {
    float: left;
    width: 60%;
    font-family: CartoGothicStdBook, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;                              
}

.search .entry-title,
.archive .entry-title {
    width: 40%;
}

.entry-title a {
    color: #c7225d;
    text-decoration: none;
}

.entry-title a:hover {
    color: #c7225d;
    text-decoration: underline;
}

.loop-title {
    font-weight: normal;
}

/* Author and date byline */
.byline {
    float: right;
    margin: 0 0 3px 0;
    padding: 6px 0 0 0;
    color: #919191;
    font-style: normal;
    font-size: 14px;
}

.byline a {
    color: #919191;
    text-decoration: none;
}

.byline a:hover {
    text-decoration: underline;
}

.byline-prep,
.meta-prep {
    width: 10px;
    height: 14px;
    display: -moz-inline-box;
    display: inline-block;
    background: transparent none 0 0 no-repeat;
    font: 0/0 Arial;
    overflow: hidden;
    color: rgba(255,255,255,0);
    vertical-align: bottom;
}

.byline-prep-author {
    background: url('./assets/images/csg-4d9ade8ed0b92.png') no-repeat 0 0;
}

.author {
    padding: 0 15px 0 0;
}

.byline-prep-published {
    background: url('./assets/images/csg-4d9ade8ed0b92.png') no-repeat 0 -119px;
}

.meta-prep-categories {
    background: url('./assets/images/csg-4d9ade8ed0b92.png') no-repeat 0 -60px;
}

/* social */
.social {
    margin-left: 60px;
    margin-bottom: 20px;
    float: right;
}

.social .linkedin {
    float: right;
    position: relative;
    margin-top: -1px;
    
}

.twitter-share-button {
    float: right;
    position: relative;
    margin: 0 -14px 10px 0;
}


/* Full entries */
.entry-content {
    clear: both;
}

.entry-content img {

}

/* Excerpts (introduced in Hybrid 0.4) */
.entry-summary {
    clear: left;
    padding-top: 30px;
}

/* Using <!--nextpage--> */
p.pages a {}

/* More link <!--more--> */
a.more-link {
    text-decoration: none;
}

a.more-link:hover {
    text-decoration: underline;
}

.entry-meta {
    color: #4e4e4e;
    font-size: 11px;
    font-style: normal;
}

.entry-meta a {
    text-decoration: none;			
}

.singular a.comments-link {
    display: none;
}

.entry-meta a.comments-link {
    font-size: 13px;
}

.entry-meta a:hover {
    text-decoration: underline;			
}

/* Post meta data */

.entry-meta .before {
    display: none;
}
.entry-meta .category {
    float: right;
    padding: 0 0 0 30px;
    background: url('./assets/images/csg-4d9ade8ed0b92.png') no-repeat 16px -57px;

}

.entry-meta .post_tag {
    float: right;
    padding: 0 0 0 30px;
    background: url('./assets/images/csg-4d9ade8ed0b92.png') no-repeat 16px -305px;
}

/* Post series */
.series {} 
.series-title {}

/* Navigation links */
.navigation-links {

}
.navigation-links a {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;			
}

.navigation-links a span:hover {
    text-decoration: underline;
}


#related-posts {
    padding: 0 0 20px 0;
}
/* related */
h3#related-title {
    color: #494949;
    font-size: 18px;
}

/**
* Comments template
************************************************/

/* Wrapper for entire comments area */
#comments-template {
    margin: 40px 0 20px 0;
    padding: 25px 0 15px 0;
    border-top: 1px solid #D3E3EC;
    border-bottom: 1px solid #D3E3EC;
}

/* Comments section headers/titles */
.comments-header {
    color: #494949;
}

/* Comments closed paragraph */
p.comments-closed {}

/* Main comments section */
#comments {
    margin: 0 0 20px 0;

}
#comments ol {}

/* Individual comments (note that WordPress has even/odd backwards) */
#comments li {
    padding: 0;
    border: none;
    background: transparent;
    overflow: hidden;
}

/* Comment avatars */
#comments .avatar {}

/* Comment meta data */
#comments .comment-meta-data {
    margin: 8px 5px 10px 0;
    color: #1B819C;
    font-style: italic;
    text-align: right;							
}

#comments .comment-meta-data .comment-author {
    display: inline;							
}

#comments .comment-meta-data cite {
    color: #1B819C;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;									
}

#comments .comment-text {

    margin: 0 2px;
    padding: 15px 15px 2px 15px;

    
    border: 1px solid #D2DDE4;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: #CCCCCC 0 1px 3px;
    -moz-box-shadow: #CCCCCC 0 1px 3px;
    box-shadow: #CCCCCC 0 1px 3px;
    background: #F5FCFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FCFF), to(#E9F7FF));
    background: -moz-linear-gradient(#F5FCFF, #E9F7FF);
    background: linear-gradient(#F5FCFF, #E9F7FF);
    -pie-background: linear-gradient(#F5FCFF, #E9F7FF);
    
    font-size: 13px;
}

/* Main comment form div */
#respond {}

#respond h3 {
    color: #494949;
    font-size: 18px;
}

/* Comment form title */
#reply {}

/* Comment form elements */
p#cancel-comment-reply {}
#respond form {}

#respond form p {
    position: relative;
}

.js #respond form label {
    position: absolute; 
    top: 8px; 
    left: 6px;
    color: #9D9D9D;
}

.js #respond .form-author,
.js #respond .form-email,
.js #respond .form-url {
    display: inline;
    float: left;
    width: 221px;
    margin: 0 15px 15px 0;
    zoom: 1;
}

.js #respond .form-author input,
.js #respond .form-email input,
.js #respond .form-url input {
    padding: 7px 6px;
}

.js #respond .form-url {
    margin-right: 0;
}

#respond .form-email {}
#respond .form-url {}
#respond .form-textarea {
    clear: left;
}

#respond textarea {
    width: 686px;
    padding: 7px 6px;
}

#respond .button {
    width: 190px;
    height: 37px;
    padding: 0 20px 0 20px;
    border: none;
    background: transparent url('./assets/images/generic-button-bg.gif') no-repeat 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}

#respond .comment-action {}

#respond #reset {
    display: none;
}

/**
* Utility widget sections (see other widget code below)
************************************************/

/* All utility widget sections (except widgets template) */

/* After post but before comments */
#utility-after-singular {}
#utility-after-singular h3 {
    color: #494949;
    font-size: 16px;
    font-weight: bold;
    font-style:normal;
}	

/* After page but before comments */
#utility-after-page {}

/* Widgets page template widgets */
.page-template-widgets #content .widget {}

/**
	* Widget sections (Primary and Secondary)
	************************************************/

/* Widgets in general */
.widget {
    margin-bottom: 5px;
}
.widget-inside {}
.widget-title {}

/* Primary widget section */
#primary {
    width: 190px;
    padding: 12px 0 0 0;
    border-top: 1px solid #d2e2eb;	
}
#primary .widget {}
#primary .widget-inside {
    padding: 0 10px;
}
#primary .widget-title {
    margin-bottom: 10px;
    color: #c7225d;
    font-family: CartoGothicStdBook, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
}

#primary .widget-title a {
    color: #c7225d;
    text-decoration: none;
}

#primary .widget-title a:hover {
    text-decoration: underline;
}

#primary .widget ul {
    margin-left: 0;
}
#primary .widget ul li {
    margin: 0 0 8px 0;
    list-style: none;
    padding: 0;
    font-size: 13px;
}

#primary .widget ul li a {
}

#primary .widget ul li a:hover,
#primary .widget p a:hover{
    color: #007cb5;

}
#primary .widget p {
    font-size: 13px;
}

/* widget search */
#primary .widget-search {
    margin-bottom: 13px;
}

#primary .widget-search h3 {
    display: none;
}

#primary .widget-search .widget-inside {
    padding: 0;
}

#primary .widget-search form div {
    height: 30px;
    width: 190px;
    background: transparent url('./assets/images/widgets-search-box.gif') repeat-x 0 0;
}

#primary .widget-search form div input {
    margin: 7px 0 0 25px;
    padding: 0;
    border: 0;
    font-size: 13px;
}

/* widget get-in-touch */
#primary .widget-widget_text li.email a {
    padding: 0 0 0 23px;
    background: url('./assets/images/csg-4d9ade8ed0b92.png') no-repeat 0 -177px;			
}

#primary .widget-widget_text li.phone span {
    padding: 0 0 0 23px;
    background: url('./assets/images/csg-4d9ade8ed0b92.png') no-repeat 0 -242px;			
}

/* widget meta */	
#primary .widget-widget_meta h3 {
    display: none;
}

#feed {
    margin: 20px 0 30px 40px;
}

#feed img {
    float: left;
    margin-right: 5px;
    padding: 0;
    border: none;
}

#feed a {
    font-size: 13px;
    text-decoration: underline;
}

#feed a:hover {
    text-decoration: none;
}

/* Secondary widget section */
#secondary .widget-title {
    margin-bottom: 5px;
    color: #c7225d;
    font-size: 14px;
    font-style: normal;
}


/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {
    margin: 30px 0 0 15px;
    padding: 0 0 0 0;
    background: #e1f4ff url('./assets/images/generic-footer-background.gif') repeat-x 0 0;
}

#footer-wrapper {
    padding: 30px 0 30px 30px;
    background: transparent url('./assets/images/generic-footer-right.gif') no-repeat 0 0;
}

/* subsidiary widget section */				
#subsidiary {
    margin: 0 0 10px 0;
}
#subsidiary .widget-inside {}
#subsidiary .widget-title {
    margin-bottom: 15px;
    color: #c7225d;
    font-family: CartoGothicStdBook, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
}

#subsidiary .widget {
    width: 285px;
}

#subsidiary .widget ul {
    margin-left: 0;
}
#subsidiary .widget ul li {
    background: transparent url('./assets/images/footer-bullet.gif') no-repeat 0 2px;	
    padding: 0 0 10px 25px;
    font-size: 14px;
    list-style: none;
}

#subsidiary .widget ul li a {
    text-decoration: none;
}

#subsidiary .widget ul li a:hover {
    color: #007cb5;
    text-decoration: underline;
}

/* Footer section */
#footer {
    clear: left;	
    width: 900px;
    margin-right: 15px;
    color: #585858;
    font-size: 12px;
    font-style: normal;
    text-align: center;
}

#footer em {
    color: #c7225d;
}


/**
* Pages
************************************************/

/* search results */
body.search .page {
    clear: both;
    padding-bottom: 30px;
}
body.search .page .entry-title {
    width: 80%;		
}
body.search .page .entry-summary {
    clear: none;	
}

/* what we do */
.page-template-whatwedo .entry-content {
    font-size:14px;
}

.page-template-whatwedo .entry-content img {
    border: none;
    background: none;
    padding: 0;		
}

.page-template-whatwedo .entry-content h3 {
    color: #1F1F1F;
    font-family: CartoGothicStdBook, Tahoma, Arial, Helvetica, sans-serif;	
    font-size: 16px;	
}

/* structure */
.js .page-template-whatwedo .section {
    display: none;
}

.js .page-template-whatwedo .section.first {
    display: block;
}

.page-template-whatwedo .section .copy {
    float:left;
    width:300px;	
}

.page-template-whatwedo .section .image {
    float:right;
    width:630px;		
}

/* nav */
.js .page-template-whatwedo .section-nav span {
    display: block;
    cursor: pointer;
    float: right;
    width: 131px;
    height: 37px;
    padding: 0;
    background: transparent url('./assets/images/generic-button-next.gif') no-repeat 0 0;
    color: #fff;
    font-weight: bold;	
    text-indent:-9999px;
}

.js .page-template-whatwedo .section-nav span.previous {
    float:left;
    background: transparent url('./assets/images/generic-button-previous.gif') no-repeat 0 0;
}

/* what we did / who we are */
#collection {
    position: relative;
    margin-left: -15px;
}

#collection li.collection-item {
    width: 300px;
    float: left;
    display: inline;
    margin-left: 18px;
    height: 260px;
}

#collection li.collection-item h3 {
    margin: 4px 0 0 0;
    color: #494949;
    font-size: 16px;
}

#collection li.collection-item h4 {
    color: #8F8F8F;
    font-size: 12px;
}

#collection li.collection-item .headings div {
    height: 85px;
}

#collection li.collection-item .headings li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#collection li.collection-item .headings li img {
    border: none;
    background: none;
    padding: 0;
}	

#collection li.collection-item .image img {
    border: 1px solid #C7C7C7;
    padding: 3px;
    background: #fff;
}

#collection li.collection-item .copy {
    clear: both;
    padding: 15px 0 0 0;
    font-size: 12px;
}

/* what we did */
.page-template-whatwedid #collection li.collection-item {
    height: 280px;
}

.page-template-whatwedid #collection li.collection-item .copy { 
    height: 80px;
}

.page-template-whatwedid #collection li.collection-item .info {
    color: #8F8F8F;
    font-size: 12px;
    font-weight: bold;
}

.page-template-whatwedid #collection li.collection-item .info img {
    float: left;
    border: none;
    margin: 0 10px 0 0;
    padding: 0;
}

.page-template-whatwedid #collection li.collection-item .info span {
    float: left;
    margin: 3px 0 0 0;
}

.page-template-whatwedid #collection li.collection-item .info span.type {
    float: right;
    margin: 3px 5px 0 0;
    padding-left: 14px;
    background: url('./assets/images/icon-categories.gif') no-repeat 0 3px;
    font-weight: normal;
}

/* who we are */	
.page-template-whoweare #who-we-are-content p {
    font-size: 14px;
}

.page-template-whoweare h2 {
    clear: both;
}



/* who we are & what we did sub pages  */	
.page-template-whowearesub h1,
.page-template-whowearesub h2,
.page-template-whatwedidsub h1,
.page-template-whatwedidsub h2 {
    float: left;
    margin: 0 5px 0 0;
}

.page-template-whowearesub h1,
.page-template-whatwedidsub h1 {
    color: #657C88;
}

.page-template-whowearesub h1 a:hover, 
.page-template-whatwedidsub h1 a:hover{
    text-decoration: none;
}

.page-template-whowearesub p.byline,
.page-template-whatwedidsub p.byline {
    margin-right: 5px;
}

/* what we did sub */
.page-template-whatwedidsub #comments-template #comments,
.page-template-whatwedidsub #comments-template #respond {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}