/*
Theme Name: TheBalanceSheet
Theme URI: http://www.yardi.com/blog/
Description: Child Theme for TheStyle by ElegantThemes.com
Author: Nick Koonce
Template: thestyle
Version: 1.0
*/

@import url("../TheStyle/style.css");

html {margin:0px !important; padding:0px;}
	body {margin:0px !important; padding:0px;}
#logo {max-height:105px; width:100%; max-width:500px;}
#wpadminbar {display:none; }
#et_pt_portfolio_gallery { margin-left: -10px; }
.et_pt_portfolio_item { margin-left: 11px; }
.et_portfolio_small { margin-left: -38px !important; }
.et_portfolio_small .et_pt_portfolio_item { margin-left: 26px !important; }
.et_portfolio_large { margin-left: -12px !important; }
.et_portfolio_large .et_pt_portfolio_item { margin-left: 13px !important; }
.recentcomments a {display:inline !important; padding:0 !important; margin:0 !important;}




@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/league_gothic-webfont.eot');
    src: url('fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/league_gothic-webfont.woff') format('woff'),
         url('fonts/league_gothic-webfont.ttf') format('truetype'),
         url('fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family:'LeagueGothicRegular', Helvetica, Arial, sans-serif;}


table, li {font-family: Helvetica, Arial, sans-serif;}

#header-bottom {margin-left:-24px;}


#logo {margin:98px 0px 5px 0px;}
#logo {margin-bottom:20px;}


ul.nav {margin:10px 0px 18px 2px; padding:4px 0px 10px;}
ul#primary a {letter-spacing:2px; font-size:18px; color:#DEDEDE; text-decoration:none; padding:0px 28px 10px; text-transform:uppercase;}
ul.nav li {border-left:1px solid #555; height:18px;}
ul.nav li.first {border-left:0px;}
ul#primary a:hover {color:#a23325;}


h2.title {padding:0px 10px; }
h2.title a {font-family:'LeagueGothicRegular', Helvetica, Arial, sans-serif;	font-size:28px; letter-spacing:.1px; color:#121212; text-decoration:none; text-transform:uppercase;}
h2.title a:hover {color:#9A1D0D;}


div.category {background-color:#9A1D0D; display:block; position:absolute; top:0px; right:0px; padding:8px 8px 1px 8px;}
ul.post-categories {margin:0; padding:2px;}
ul.post-categories a {font-size:20px; text-shadow:0px -1px 1px #222; letter-spacing:.1px; color:#EFEFEF;}

.bottom-bg .excerpt {padding:10px 14px 12px 12px;}

p {font-family:Helvetica, Arial, sans-serif; font-size:12px; padding-bottom:10px; line-height:17px;}
p.postinfo {
	font-family:'LeagueGothicRegular', Helvetica, Arial, sans-serif;
	line-height:8px; 
	letter-spacing:.4px; 
	font-size:18px; 
	text-transform:uppercase; 
	color:#565656; 
	display:block; 
	padding:0px; 
	margin:0px 0px 12px 11px;}
	
#container {
	background: -moz-linear-gradient(left, #333333 0%, #4A4A4A 40%, #4A4A4A 60%, #333333 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333333), color-stop(40%,#4A4A4A), color-stop(60%,#4A4A4A), color-stop(100%,#333333));
	background: -webkit-linear-gradient(left, #333333 0%,#4A4A4A 40%,#4A4A4A 60%,#333333 100%);
	background: -o-linear-gradient(left,  #333333 0%,#4A4A4A 40%,#4A4A4A 60%,#333333 100%);
	background: -ms-linear-gradient(left,  #333333 0%,#4A4A4A 40%,#4A4A4A 60%,#333333 100%);
	background: -linear-gradient(left,  #333333 0%,#4A4A4A 40%,#4A4A4A 60%,#333333 100%);
	/* filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=1 )"; */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=1 )"; 
	}
#container2 {
	background:none !important;
}
<!--[if IE]>
p.comment-form-comment label{display: block;}
#comment {display: block;}
<![endif]-->

div.authorsure-author-profile {display:block; width:300px; }
/*
===================================================
Improve mobile display | Keisha.Perry@yardi.com |  Jira : [CMW-17]
===================================================
*/
ul.nav li { border-left: none; margin: 4px 0;}
ul.nav li:not(:first-of-type) { border-left: 1px solid #555;}
ul#primary a { padding: 0px 18px 10px;}

@media  (max-width: 768px) {
    #sidebar { float: left; margin: 40px 0; width: 96%; }
    .blogstyle-entries, #left-area {float: left; margin: 0 auto; width: 96%;}
    .post-text {float: left; width: 96%; }
    .info-panel { width: 96%; float: left; margin: 20px 0; }
    .info-panel h3.infotitle { margin-top: 10px; padding-bottom: 0px; }
    .infotitle{ display: inline-block; width: 14%; max-width: 14%; float: left;}
    .tags{ display: inline-block; width: 85%; max-width: 85%; padding-top: 0px; float: left;}
    .related-posts li:nth-child(n+4){ display: none; }
    .related, .info-panel div.mr_social_sharing_wrapper{ display: inline-block; width: 35%; max-width: 35%; padding-top: 0px; float: left;}
    #comment-wrap { margin-left: 0;}
}

@media  (max-width: 468px) {
    .small, .big { max-width: 226px;}
    .big span { max-width: 224px;}
    .big .thumbnail,.big img { max-width: 222px; }
    .related-posts li:nth-child(n+3){ display: none; }
    .info-panel h3.infotitle {font-size: 20px;}
    .related{ width: 45%; max-width: 45%; }
    .info-panel div.mr_social_sharing_wrapper{ width: 25%; max-width: 25%;}
    img.alignright {float: left; margin-top: 10px; margin-bottom: 10px;}
    .post-text p {line-height:  22px;}
}