﻿/* Mordecai Template */

/* global resets */
* {margin:0; padding:0; border:none; line-height:1.2em;}
html, body {height:100%;}
/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, section, article, footer, address {display: block;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
*[data-bislr-editable-area] {min-width:50px; min-height:10px;}
div {word-break:break-word;}
/* /global resets */

/* global structural */
body {font-size:15px; color:#333; font-family:"Palatino Linotype", Palatino, Times, "Times New Roman", Georgia;}
h1 {font-size:47px; line-height:1em; font-weight:normal; letter-spacing:11px; text-transform:uppercase;}
h2 {font-size:33px; font-weight:normal; letter-spacing:11px; text-transform:uppercase;line-height:1em;}
h3 {font-size:22px; font-weight:normal;}
h4 {font-size:13px; font-weight:normal; text-transform:uppercase; letter-spacing:3px;}
h5 {font-size:11px; color:#888; font-weight:normal; text-transform:uppercase;}
h6 {font-size:10px; color:#888; font-weight:normal; font-family:Arial, Helvetica, Geneva, Tahoma, Trebuchet;}
aside h6 {text-transform:uppercase;}
aside p {font-size:12px;}
label {font-size:13px; line-height:1em;}
a {text-decoration:none; line-height:initial;}
.no-marg {margin:0 !important;}
hr {background:url(../images/hr-bg.png) bottom left no-repeat; height:3px; margin:10px 0;}

table {width:100%; padding:10px 20px 20px; border-spacing:0; background:url(../images/table-bg.png) no-repeat;}
table tr:first-child td {border-bottom:1px solid #e5e5e5; font-weight:bold; text-transform:uppercase; letter-spacing:3px;}
table td {padding:8px 11px; font-size:12px; border-bottom:1px solid #e5e5e5;}
table tr td {border-right:1px solid #333;}
table tr td:last-child {border-right:none;}

.container {width:995px; margin:0 auto;}

section.top-bar {height:35px; background:url(../images/content-top-bg.png) no-repeat bottom left;}

section.content {background:url(../images/content-mid-bg.png) repeat-y; padding:18px 27px;}
section.content .left {float:left; width:655px;}

section.main-nav {width:136px; float:left; margin-right:20px;}
section.main-nav ul {list-style-type:none; margin:19px 0 0 -7px;}
section.main-nav li {padding-left:7px; line-height:1em; text-transform:uppercase; margin-bottom:5px;}
section.main-nav li a {font-size:11px; line-height:1em; text-decoration:none; padding:4px 7px 3px 0; display:inline-block; letter-spacing:3px; color:#333;}
section.main-nav li a:hover {color:#c40000;}
section.main-nav li.active,
section.main-nav li.active a {background:url(../images/nav-li-bg.png) no-repeat;}
section.main-nav li.active a {color:#fff; background-position:100% -19px;}

section.content-mid {width:784px; float:left;}
section.content-mid.padded-top {padding-top:14px;}
section.content-mid.padded-top .content-right {padding-top:4px;}
section.content-mid li {
	list-style-type:disc;
	padding-left:19px;
	margin-bottom:10px;
	list-style-position: inside;
}
section.content-mid ol li {background:none; list-style:decimal inside; padding:0;}
section.content-mid a {color:#c40000; text-decoration:underline;}

aside section {margin-bottom:14px;}
aside section .aside-heading {margin-bottom:10px; background:#dae9ec; padding:8px 12px;}
.aside-feature {padding:12px; background:#ecebe3;}
.aside-feature h6 {border:none; margin-bottom:4px;}
.aside-feature img {margin-bottom:5px;}
aside .tiles-small {margin-right:-3px;}
aside .tiles-small figure {float:left; margin:0 3px 3px 0; border:1px solid #d3d3d3; background:#fff; padding:6px;}
aside .tiles-small figure h4 {line-height:1em;}

footer.main {background:url(../images/content-bot-bg.png) no-repeat; padding-top:16px;}
footer.main .left {float:left; width:115px; margin-right:10px;}
footer.main .mid {float:left; width:740px; margin-right:10px;}
footer.main .right {float:left; width:120px;}
#footer-logo {max-width:160px; margin-right:20px; float:left;}
#footer-nav {float:left;}
#footer-nav li {display:inline-block; margin:0 21px 5px 0;}
#footer-nav li a {font-size:11px; color:#888; text-transform:uppercase; text-decoration:none; letter-spacing:3px;}
#footer-nav li a:hover {text-decoration:underline;}
#footer-nav p {font-size:11px; color:#b9b9b9;}

/* /global structural */

/* home */
.gallery {background:#fff; border:1px solid #d3d3d3; padding:6px 6px 3px; margin-bottom:19px; line-height:0;}
.gallery h2 {line-height:1em;}
.gallery.case-study {margin-bottom:22px;}
.gallery .gallery-aside {width:213px; float:left; margin:47px 21px; text-align:right;}
.gallery.wide {padding:10px;}
.gallery.wide .inner {background:#493522;}
.gallery.wide .gallery-aside {float:left; width:199px; min-height:179px; padding:97px 19px 25px 100px; margin:0; background:#493522;}
.gallery.wide .gallery-aside + div {line-height:0; margin-bottom:-5px;}
.gallery .gallery-image {float:right;}
.wide .gallery-aside h2 {color:#a2f1eb; font-size:30px;}
.wide .gallery-aside .feature-copy {margin-top:83px;}
.wide .gallery-aside p {color:#9d9084; font-size:12px;}
section.padded-content {padding-right:38px;}
section.sub-features header {background:url(../images/dashed-bg-triple.png) repeat-x bottom left; padding-bottom:7px; margin-top:25px;}
section.sub-features header h3 {line-height:1.2em;}
section.sub-features h5 {font-size:12px;}
section.sub-features.three-col p {font-size:12px;}
section.sub-features .promo-dates > div {background:url(../images/dates-bg.png) no-repeat bottom left; padding-bottom:9px; margin-bottom:9px;}
section.sub-features .promo-dates > div:last-child {background:none;}
section.sub-features .promo-dates p {line-height:1.4em;}
section.sub-features .promo-dates h5 {margin-bottom:10px;}
section.sub-features.case-studies p {color:#96a9aa; font-size:12px; padding-right:20px;}
section.sub-features.case-studies-detail article {
	float:none;
	width:536px;
	padding-bottom:12px;
	margin-bottom:11px;
	background:url(../images/dashed-bg.png) repeat-x bottom left;
}
section.sub-features .articles {margin-right:-15px; clear:both;}
section.sub-features .col {float:left; width:251px; margin:10px 15px 0 0;}
section.sub-features.three-col .col {margin-top:0;}
section.sub-features.three-col .col article {margin-bottom:20px;}
.promo-title,
.promo-dates h4 {background:url(../images/heading-bg.png) no-repeat bottom left; padding-bottom:10px; margin-bottom:9px;}
section.sub-features article .promo-image {margin-bottom:6px;}
section.two-col .col:first-child {width:507px; float:left; margin:0;}
section.two-col .col {margin-top:0;}
section.two-col .col:last-child {width:251px; float:right;}
section.two-col.with-images  .col {width:294px; float:left;}
section.two-col.with-images  .col.right {width:282px; float:right;}
section.two-col figure {float:left; margin:0 11px 0px 0; line-height:0;}
section.two-col figure img {margin-bottom:1px;}
section.two-col.with-images figure h3 {line-height:0;}
section.two-col.with-images p {font-size:14px; line-height:1.2em;}
section.sub-features.standard a {display:block;}
section.sub-features.standard {background:none;}
section.sub-features.standard article {border:none;}
section.sub-features.standard.two-col article h4, section.sub-features.standard h4 {font-size:22px; line-height:1em;}
section.sub-features.standard p {font-size:18px;}
section.sub-features.one-col.standard article {width:auto; padding:0; margin-bottom:8px; float:none;}
/* /home */

/* case study */
.case-studies article {margin:7px 9px 26px 0;}
.case-studies.detail article {padding-bottom:20px; margin:16px 0 18px; background:url(../images/hr-bg.png) no-repeat bottom left;}
.case-studies.detail article:last-child {background:none;}
.case-studies.three-col {margin-right:-9px;}
.case-studies.three-col article {width:155px; float:left;}
.case-studies .casestudy-copy p {font-size:12px;}
.case-studies.three-col .casestudy-copy p {font-size:12px; color:#888;}
.case-studies .casestudy-copy p b {color:#333;}
.case-studies.detail .casestudy-copy {width:303px; float:left;}
.case-studies.detail .casestudy-image {float:right; margin-right:8px;}
/* /case study */

/* content */
.content-left {width:505px; float:left;}
.content-right {width:251px; float:right;}
.content-right.wide {width:264px;}
.content-image {margin-bottom:5px;}
.content-main-title,
.content-wide-title {background:url(../images/hr-bg.png) no-repeat bottom left; padding-bottom:15px; margin-bottom:10px;}
.content-wide-title {padding-bottom:7px;}
/* /content */

/* blog */
.recent-post-title {margin-bottom:5px;}
.recent-post,
.no-img .recent-post:last-child {padding:3px 0 7px; line-height:0; background:url(../images/hr-bg.png) no-repeat bottom left;}
.recent-post:first-child {padding-top:0;}
.recent-post:last-child {background:none;}
.recent-post img {float:left; margin-right:6px;}
.recent-post p a,
.no-img .recent-post:first-child a {border:none;}
.recent-post p {margin-bottom:6px;}
.recent-post p a:hover,
.recent-post:first-child a,
.no-img .recent-post:first-child a:hover {text-decoration:none; color:#c40000; text-decoration:underline;}
.recent-post:first-child a {font-weight:normal;}

.blog {padding-top:28px;}
.blog:first-child {padding-top:0;}
.blog .publish-details {margin-bottom:10px; background:url(../images/hr-bg.png) no-repeat; padding-top:8px; margin-top:5px;}
.blog p {margin-bottom:2px;}
.blog time, .recent-posts time, .blog small {font-size:10px; font-family:Arial, Helvetica, Geneva, Tahoma, Trebuchet; color:#888;}
.blog small {color:#333; text-transform:uppercase;}
.blog small a {color:inherit; border:none;}
.blog small a:hover {color:#C40000; text-decoration:underline;}
.blog .tags {font-size:13px; color:#96a9aa; margin:20px 0;}
.blog .tags .icon {width:8px; height:12px; display:inline-block; background:#96a9aa; position:relative; top:2px; margin-right:2px;}
.blog .tags .icon span {
	width:0;
	height:0;
	border-left:3px solid transparent;
	border-right:3px solid transparent;
	border-bottom:3px solid #ebf8fa;
	line-height:0;
	display:inline-block;
	position:absolute;
	bottom:0;
	left:1px;
}
.blog img {margin:10px 0 10px 0;}
.blog h2 a {color:inherit; line-height:inherit; text-decoration:none; border:none;}
.blog h2 a:hover {color:#C40000; text-decoration:underline;}
.blog cite {font-style:normal;}

.pagination {margin-top:9px; float:right;}
.pagination > h3 {
	font-size:14px;
	display:inline-block;
	text-transform:uppercase;
	padding-right:11px;
	background:url(../images/pagination-bg.png) no-repeat 100% 6px;
}
.pagination > h3.prev {padding:0 0 0 11px; background-position:0 -37px;}
.pagination > h3.divide {background-position:0 -86px; width:2px; height:17px; padding:0; margin:0 8px; position:relative; top:4px;}
.pagination > h3 a {border:none; text-decoration:none;}
.pagination > h3 a:hover {color:#333;}

aside .tags a {text-decoration:none; font-size:11px; text-transform:uppercase;}
.tags-title.promo-title {margin-bottom:1px;}
/* /blog */

/* article listing */
.articles article {}
.articles.three-col {margin-right:-6px;}
.articles.three-col article {width:195px; float:left; margin:14px 6px 19px 0;}
.articles.three-col h5 {color:#000; font-size:19px; margin:0;}
.articles.one-col {background:url(../images/dashed-bg.png) repeat-x; width:564px;}
.articles.one-col article {background:url(../images/dashed-bg.png) repeat-x bottom left; padding:12px 0;}
.articles.one-col p.image {float:right; margin-left:50px;}
.articles p {font-size:15px;}
/* /article listing */

/* social styling */
.post_sns {height:20px; margin-top:9px;}
.post_sns .twitter_button {float:left; height:20px; max-width:76px; margin-right:13px; line-height:initial; font-size:initial;}
.twitter_button.small {margin-right:3px;}
.post_sns .google_button {float:left; height:20px; max-width:59px; margin-right:13px; line-height:initial; font-size:initial;}
.google_button.small {margin-right:3px;height:17px;}
.post_sns .linkedin_button {height:20px; float:left; margin-right:10px; line-height:initial; font-size:initial;}
.linkedin_button.small {margin-right:3px;}
.post_sns .facebook_button {float:left; height:20px; line-height:initial; font-size:initial;}
.facebook_button.small {margin-right:3px;width:49px;overflow:hidden;}
.facebook_comments {margin-top:25px;}
.twitter-posts .twitter-list{max-height:200px; overflow:auto;}
.twitter-posts .twitter-post {padding:8px 0 12px; min-height:43px; background:url(../images/hr-bg.png) no-repeat bottom left;}
.twitter-posts .twitter-post:first-child {padding-top:0;}
.twitter-posts img {width:26px; height:26px; border:1px solid #d3d3d3; margin-top:3px; padding:6px; background:#fff; float:left;}
.twitter-posts p {margin-left:48px;}
.twitter-follow {text-align:right; margin-top:5px;}
.twitter-follow p {margin:5px 0 0 2px;}
.twitter-posts .tweet-message {display:block;}
.twitter-posts .tweet-author {text-transform:uppercase; font-size:10px;}
.twitter-posts .tweet-time {color:#888; font-size:10px;}
.twitter-posts .tweet-time:before {content:' / '}



/* weather styling */
#weather-city img {float:left; margin:0 10px 10px 0;}
#weather-city p {font-size:12px; margin-bottom:5px;}
