/*
Theme Name: Housing Justice Foundation
Theme URI: http://thjf.org
Author: Bryan Klausmeyer
Author URI: http://bryan.ivystreet.net/
Version: 1.0
*/

/* =Reset Default CSS
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	margin: 0;
	background: #fff;
    font:normal 62.5% "Open Sans", "Lucida Grande", sans-serif;
    -webkit-font-smoothing: antialiased;
	line-height: 1;
	min-width: 1020px;
}
a{
    position:relative;
    top:0;
    color:#589ba6;
    text-decoration:none;
    outline:none;
    cursor:pointer !important;
    }
a img {
    border:0 !important;
    }
a:hover {
    color:#D54E21;
    }
.hilite { background-color: #fff461; }
#wrapper {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0;
}
#page {
	width: 100%;
	padding: 25px 0 0 0;
	text-align: center;
	background: #fff;
	border-top: 3px double #d1d1d1;
}
#home #page {
	border-top: 1px solid #d1d1d1 !important;
}
#page-container {
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}

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

#header {
	width: 100%;
	text-align: center;
	background: #efefef url(i/bg_gray.png) repeat;
}

#header-container {
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}

#header #masthead {
	display: block;
	float: left;
	width: 400px;
	text-align: left;
	padding: 15px 0;
	margin-left: 0;
	border: 0;
}

#header #masthead h1 a {
	display: block;
	width: 400px;
	height: 83px;
	background: url(i/masthead.png) no-repeat;
}

#header #masthead h1 a span {
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	color: #000;
	display: none !important;
}


/* =Navigation (except front page)
-------------------------------------------------------------- */

#sidebar {
	width: 100%;
	text-align: center;
	margin: 0 0 0 0;
	background: #efefef url(i/bg_gray.png) repeat;
}

#sidebar-container {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	padding: 0 10px;
}

#nav {
	margin-top: -50px;
	float: right;
}

#nav li {
	list-style: none;
	display: inline !important;
}

#nav li a {
	float: left;
	margin-left: 25px;
	padding: 15px 0;
	color: #888;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	display: block !important;
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#nav li a:hover {
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	color: #D54E21 !important;
}

#nav li.current_page_item a,
#nav li.current_page_parent a {
	text-shadow: none !important;
	color: #fff !important;
	background: #D54E21;
	border-radius: 10px;
	border: 0 !important;
	padding: 6px 10px;
	margin: 9px -10px 9px 15px;
}

#nav li.current_page_item a:hover,
#nav li.current_page_parent a:hover {
	text-shadow: none !important;
	color: #fff !important;
}

#nav li.page-item-11 a {
	background: none !important;
	padding: 0 !important;
	border-radius: 10px;
	border: 0 !important;
	padding: 6px 10px;
	margin: 9px -10px 9px 15px;
	color: #888;
}

#nav li.page-item-11 a:before {
	content: '\21E7' !important;
	font: 32px/1 "Noticons";
	display: inline-block;
	width: 32px;
	height: 32px;
	-webkit-font-smoothing: antialiased;
	font-size: 32px !important;
	vertical-align: middle;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	margin-top: -3px;
}

#nav li.page-item-11 a:hover {
	color: #D54E21 !important;
}

#nav li.page-item-11 a span { display: none !important; }



/* =Slides
-------------------------------------------------------------- */

#slider {
	width: 100%;
	height: 350px;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	text-align: center;
	overflow: hidden;
	position: relative;
	background: #3e404b;
}

#items {
	width: 2000em;
	position: absolute;
}

#items > div {
	float: left;
	width: 100%;
	height: 350px;
	text-align: center;
	overflow: visible;
}


#items > div img {
	width: 100%;
	min-height: 350px;
	height: auto !important;
	/* position: absolute; */
}

#items > div > div {
	width: 1000px;
	padding: 0 10px;
	margin: 150px auto 0 auto;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#items > div > div h1 {
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 55px;
	line-height: 50px;
	margin-bottom: 30px;
	margin-left: -2px;
	letter-spacing: -2px;
	color: #fff;
	width: 640px;
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
	display: none !important;
}

#navigation {
	right: 0;
	position: absolute;
	margin: -40px 15px 0 0;
	clear: both;
}

#navigation-wrapper { margin: 0 auto; }

#navigation li {
	float: left;
	width: 15px;
	height: 15px;
	list-style:none;
	border-radius: 8px;
	border: 1px solid #fff;
	margin: 5px;
}

#navigation li:hover { cursor: pointer; }
.active {
	background-color: #fff;
	cursor: default;
}

.disabled{ display: none; }



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

#content {
	float: left;
	width: 760px;
	margin: -25px 0 0 0;
	padding-top: 25px;
	border-right: 1px solid #d1d1d1;
}

#content h1 {
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 20px;
	margin-left: -1px;
	letter-spacing: -1px;
	color: #3e404b;
	max-width: 640px !important;
}

#content h1 a {
	border: 0 !important;
	color: #3e404b !important;
	/* font-weight: 700; */
}

#content h1 a:hover {
	color: #D54E21 !important;
}

#content h1#page-title {
	font-size: 55px;
	line-height: 50px;
	margin-left: -4px;
}

#content h2 {
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 15px;
	color: #000;
	line-height: 28px;
	max-width: 640px !important;
}

#content h2 a {
	border: 0 !important;
	color: #3e404b !important;
}

#content h2 a:hover {
	color: #D54E21 !important;
}

#content h4 {
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;

}

#content h3 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
	color: #878787;
	line-height: 28px;
}

#content h5 {
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 15px;
	color: #878787;
	line-height: 28px;
}

#content div.post {
	width: 100%;
	margin-bottom: 20px;
}

#content ul.share {
	margin-top: 15px;
	margin-right: 20px;
	float: right;
	opacity: 0.5;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#content ul.share:hover {
	opacity: 1.0;
}

#content ul.share li {
	list-style: none;
	display: inline !important;
}

#content ul.share li + li {
	margin-left: 4px;
}

#content ul.share li a span {
	display: none !important;
}

#content ul.share li a {
	background-color: #589ba6;
	padding: 9px;
	border-radius: 70px;
	border: 0 !important;
}

#content ul.share li a:hover {
	background-color: #D54E21;
}

#content ul.share li a:before {
	font: 16px;
	display: inline-block;
	width: 20px;
	height: 20px;
	-webkit-font-smoothing: antialiased;
	font-size: 16px !important;
	vertical-align: middle;
	color: #fff !important;
	margin-top: -3px;
}


#content ul.share li a.twitter:before {
	content: url(i/social-twitter.png);
	font-size: 22px !important;
	margin-top: -14px;
	margin-left: -8px;
	padding-right: 3px;
}

#content ul.share li a.gplus:before {
	content: url(i/social-googleplus.png);
	font-size: 22px !important;
	margin-top: -14px;
	margin-left: -8px;
	padding-right: 3px;
}

#content div.entry {
	width: 640px;
	margin-bottom: 20px;
}

#content div.entry a,
#content div.post a {
	color: #589ba6;
	border-bottom: 1px solid #ddd;
}

#content div.entry a:hover,
#content div.post a:hover {
	color: #D54E21;
}

#content div.post + div.post {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 20px;
}

#content p.date {
	font-family: "Open Sans", "Lucida Grande", sans-serif;
	font-size: 14px;
	line-height: 180%;
	margin: -10px 0 10px 0;
	color: #a6a6a6 !important;
}

#content p.date span.sep {
	color: #a6a6a6;
	opacity: 0.7;
	padding: 0 3px;
}

#content p.date a {
	color: #a6a6a6 !important;
	border: 0 !important;
}

#content p.date a:hover {
	color: #D54E21 !important;
}

#content h2 + p.date {
	margin-top: -5px;
}

#content p.tags {
	font-size: 12px !important;
	color: #a6a6a6;
}

#content div.entry p {
	font-size: 14px;
	line-height: 180%;
}

#content div.entry p strong {
	font-family: "Open Sans", "Lucida Grande", sans-serif;
	font-weight: bold;
}

#content div.entry p em {
	font-family: "Open Sans", "Lucida Grande", sans-serif;
	font-style: italic;
}

#content div.entry p + p { padding-top: 15px; }

#content blockquote {
	margin: 10px 0 20px 0;
	padding: 0 20px 0 20px;
	border-left: 1px solid #efefef;
	color: #494949;
}

#content div.wp-caption {
	width: 209px !important;
	margin-right: -300px;
	margin-bottom: 20px;
	float: right;
	color: #878787;
	height: normal !important;
	padding-bottom: 20px;
	border-right: 1px dashed #ddd;
	padding-right: 10px;
}

	#content div.wp-caption p.wp-caption-text {
		margin-top: 10px;
		font-size: 13px !important;
		font-family: "Open Sans", "Helvetica Neue", sans-serif;
	}

	#content div.wp-caption img {
		width: 300px;
		margin: 0 !important;
		float: none !important;
		height: inherit !important;
		border-bottom: 4px solid #ddd;
	}

	#content div.entry img.alignleft {
		float: left;
		margin-left: -75px;
		padding-right: 20px;
		padding-bottom: 10px;
	}

	#content div.entry img.alignright {
		float: right;
		margin-right: -140px;
		padding-left: 20px;
		padding-bottom: 10px;
	}

#content a.read_more {
	display: none !important;
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 4px 10px;
	border: 0 !important;
	border-radius: 10px;
	background: #efefef;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.7);
}

a.post-edit-link {
	border-radius: 3px;
	background: #a6a6a6;
	color: #fff !important;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 4px 10px 4px 8px;
	opacity: 0.5;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

a.post-edit-link:hover {
	background: #D54E21 !important;
	color: #fff !important;
	opacity: 1.0;
}

a.post-edit-link:before {
	content: '\02C5';
	font: 16px/1 "Noticons";
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-font-smoothing: antialiased;
	font-size: 16px !important;
	vertical-align: middle;
	color: #fff !important;
	margin-top: -3px;
	margin-right: 3px;
}

a.edit-user:before {
}

#content hr {
	width: 760px !important;
	background: none;
	border-top: 1px solid #d1d1d1 !important;
	height: 0px;
	border: 0;
	margin: 30px 0;
	right: 0;
}

#content table {
	width: 100%;
	margin-top: 25px;
}

#content table tr th {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	background: #d1d1d1;
}

#content table tr td {
	border-top: 1px solid #d1d1d1;
}

#content table tr td,
#content table tr th {
	padding: 5px;
	font-size: 13px;
	line-height: 160%;
}



/* prev & next links */

#nav-below {
	margin: 0 0 -20px 250px;
	width: 115px;
	text-align: center;
}

#nav-below div.nav-next a,
#nav-below div.nav-previous a {
	font: 30px;
	display: inline-block;
	width: 30px;
	height: 30px;
	-webkit-font-smoothing: antialiased;
	font-size: 30px !important;
	color: #fff !important;
	margin-top: 20px;
	margin-bottom: 30px;
	border-radius: 30px;
	border: 0 !important;
	padding: 5px;
	background: #a6a6a6;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

#nav-below div.nav-next a:hover,
#nav-below div.nav-previous a:hover {
	background-color: #D54E21 !important;
}

#nav-below div.nav-next a { margin-right: 10px; float: right; }
#nav-below div.nav-previous a { margin-left: 10px; float: left; }
#nav-below div.nav-next a:after { content: '\2192'; }
#nav-below div.nav-previous a:before { content: '\2190'; }

#nav-below div.nav-previous a span,
#nav-below div.nav-next a span {
	display: none !important;
}



/* =Multimedia Menu
-------------------------------------------------------------- */

#multimedia-menu {
	float: left;
	margin: -25px 0 0 0;
	width: 210px !important;
	color: #858585;
	height: normal !important;
	padding: 25px 25px 40px 25px;
}

#multimedia-menu + #widgets {
	border-left: 1px solid #d1d1d1;
}

#multimedia-menu h4 {
	width: 100%;
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
	display: block;
	text-align: center;
	margin-top: -5px;
	border-bottom: 3px double #efefef;
	border-top: 3px double #efefef;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #aaa;
}

#multimedia-menu h4:before {
	content: '\0298';
	font: 16px/1 "Noticons";
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-font-smoothing: antialiased;
	font-size: 16px !important;
	vertical-align: middle;
	color: #aaa !important;
	margin-top: -3px;
	margin-right: 10px;
}


#multimedia-menu ul li {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 95px;
	height: 95px;
}

#multimedia-menu ul li a {

}

#multimedia-menu ul li a img {
	width: 83px;
	height: 83px;
	border: 1px solid #efefef !important;
	padding: 5px;
}

#multimedia-menu ul li a p {
	background: rgba(0,0,0,0.6);
	opacity: 0 !important;
	width: 65px;
	height: 65px;
	margin-top: -96px;
	padding: 15px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#multimedia-menu ul li a:hover p {
	color: #fff;
	opacity: 1.0 !important;
}

#multimedia-menu ul li p span.source {
	font-size: 11px;
	line-height: 120%;
}

#multimedia-menu ul li p span.source:before {
	content: '\221E';
	font: 16px/1 "Noticons";
	display: inline-block;
	float: left;
	width: 16px;
	height: 32px;
	-webkit-font-smoothing: antialiased;
	font-size: 16px !important;
	vertical-align: middle;
	color: #fff !important;
	margin-right: 10px;
	margin-top: 3px;
}





/* =Single
-------------------------------------------------------------- */



/* author meta */

div.post_author_meta {
	border-top: 4px double #d1d1d1;
	margin-top: 25px;
	padding-top: 25px;
}

div.post_author_meta img.avatar {
	width: 150px;
	height: 150px;
	float: left;
	margin: 8px 20px 10px 0;
}



/* comments */

#content #comments {
	width: 640px;
	padding-top: 20px;
	margin-bottom: 40px;
}


/* post gallery */

#post-gallery {
	float: right;
	margin: 200px 0 0 0;
	width: 185px !important;
	color: #858585;
	height: normal !important;
	padding: 25px 25px 40px 25px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	border-top: 3px double #d1d1d1;
}

#post-gallery:hover {
	background: #f1f1f1;
}

#post-gallery h4 {
	width: 100%;
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
	display: block;
	text-align: center;
	margin-top: -5px;
	color: #aaa;
}

#post-gallery h4:before {
	content: '\0298';
	font: 16px/1 "Noticons";
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-font-smoothing: antialiased;
	font-size: 16px !important;
	vertical-align: middle;
	color: #aaa !important;
	margin-top: -3px;
	margin-right: 10px;
}

#post-gallery dt.gallery-icon img {
	width: 85px;
	height: auto;
}

#post-gallery dt.gallery-icon a img {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

#post-gallery dt.gallery-icon a:hover img {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}



/* =Single Page Columns
-------------------------------------------------------------- */

/* 1 column */

div.post_author_meta {
	padding-bottom: 25px;
	width: 760px;
}

div.post_author_meta p {
	width: 640px;
}



/* =Articles
-------------------------------------------------------------- */

#articles #archive #content,
#articles #archive #content div.top-post {
	width: 503px;
}

#articles #archive #content div.top-post h1,
#articles #archive #content div.top-post div.entry {
	width: 478px !important;
}


#articles #archive div.top-post {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#articles #archive div.post {
	float: left;
	margin-right: 20px;
	height: 240px;
	overflow: visible;
}

#articles #archive div.post,
#articles #archive div.post h1,
#articles #archive div.post div.entry {
	width: 230px;
}

#articles #archive div.post + div.post {
	margin-top: 0 !important;
	padding-top: 0 !important;
	border: 0 !important;
}

#articles #archive #content div.post h1 {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0px !important;
	margin-left: 0 !important;
	margin-bottom: 10px;
}

#articles #archive #content div.post p.date { font-size: 13px !important; }

#articles #archive #content div.post div.entry p {
	font-size: 12px !important;
}



/* = = = = = = = = = */

#small-header {
	width: 100%;
	text-align: center;
	background: #efefef url(i/bg_gray.png) repeat;
	position: fixed;
	z-index: 1000;
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);

}

#small-header-container {
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}

#small-header #small-masthead {
	display: block;
	float: left;
	width: 60px;
	text-align: left;
	padding: 5px 0;
	margin-left: 0;
	border: 0;
}

#small-header #small-masthead h1 a {
	display: block;
	width: 50px;
	height: 50px;
	background: url(i/masthead_small.png) no-repeat;
}

#small-header #small-masthead h1 a span {
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	color: #000;
	display: none !important;
}

#small-header h2 {
	float: left;
	line-height: 60px;
	font-size: 18px;
	font-weight: 300;
	width: 450px !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap;
	color: #3e404b !important;
}

#small-header h2 a { color: #3e404b !important; }


#small-sidebar {
	width: 100%;
	text-align: center;
	margin: 58px 0 0 0;
	background: #efefef url(i/bg_gray.png) repeat;
	position: fixed;
	z-index: 1000;
}

#small-sidebar-container {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	padding: 0 10px;
}

#small-nav {
	margin-top: -50px;
	float: right;
}

#small-nav li {
	list-style: none;
	display: inline !important;
}

#small-nav li a {
	float: left;
	margin-left: 25px;
	padding: 15px 0;
	color: #888;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	display: block !important;
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#small-nav li a:hover {
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	color: #D54E21 !important;
}

#small-nav li.current_page_item a,
#small-nav li.current_page_parent a {
	text-shadow: none !important;
	color: #fff !important;
	background: #D54E21;
	border-radius: 10px;
	border: 0 !important;
	padding: 6px 10px;
	margin: 9px -10px 9px 15px;
}

#small-nav li.current_page_item a:hover,
#small-nav li.current_page_parent a:hover {
	text-shadow: none !important;
	color: #fff !important;
}

#small-nav li.page-item-11 a {
	background: none !important;
	padding: 0 !important;
	border-radius: 10px;
	border: 0 !important;
	padding: 6px 10px;
	margin: 9px -10px 9px 15px;
	color: #888;
}

#small-nav li.page-item-11 a:before {
	content: '\21E7' !important;
	font: 32px/1 "Noticons";
	display: inline-block;
	width: 32px;
	height: 32px;
	-webkit-font-smoothing: antialiased;
	font-size: 32px !important;
	vertical-align: middle;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	margin-top: -3px;
}

#small-nav li.page-item-11 a span { display: none !important; }


/* = = = = = = = = = = = = = = */

#articles #single #content {
	border: 0 !important;
	margin-top: 50px;
}

#articles #single #content h1 {
	font-size: 45px !important;
	line-height: 50px !important;
}

#articles #single #content div.post p.date {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#articles #single #content div.post div.entry p {
	font-size: 15px;
}


#articles #single ul.share {
	margin-right: -245px;
}

#articles #footer {
	display: none !important;
}




/* =Pages (General Elements)
-------------------------------------------------------------- */

#page-header {
	padding: 10px 0;
	background: #3e404b;
	border-top: 1px solid #d1d1d1;
}

	#articles #page-header {
		padding: 25px 0;
	}

#page-header-container {
	width: 1000px;
	padding: 0 10px;
	text-align: left;
	margin: 0 auto;
}

#page-header-container h1 {
	font-size: 32px !important;
	line-height: 160% !important;
	font-weight: 300;
	color: #fff;
}

#page-header-container p {
	font-size: 20px !important;
	line-height: 160% !important;
	font-weight: 300;
	color: #fff;
}

body.category-blog #content,
#blog #content {
	background: #fff url(i/cat_blog.png) no-repeat 105% -65px !important;
}

body.category-news #content,
#news #content {
	/* background: #fff url(i/cat_news.png) no-repeat 107% -25px !important; */
}

#home div.news-column {
	/* background: #fff url(i/cat_news.png) no-repeat 125% -25px !important; */
}

#about #content {
	background: #fff url(i/page_about.png) no-repeat 110% -65px !important;
}

#resources #content {
	background: #fff url(i/page_resources.png) no-repeat 105% -40px !important;
}

#contact #content {
	background: #fff url(i/page_contact.png) no-repeat 105% -60px !important;
}

h1.archive-title {
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 3px double #efefef;
}


/* =Front Page
-------------------------------------------------------------- */

#front-about {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 1px;
	padding: 25px 0;
	background: #3e404b;
}

#about-container {
	width: 1000px;
	padding: 0 10px;
	text-align: left;
	margin: 0 auto;
}

#about-container p {
	font-size: 20px !important;
	line-height: 160% !important;
	font-weight: 400;
	color: #fff;
}

#about-container p a.read_more {
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 4px 10px;
	border: 0 !important;
	border-radius: 10px;
	background: rgba(0,0,0,0.1);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

#about-container p a.read_more:hover {
	background: rgba(0,0,0,0.2);
}

/* = = = = = = = = = = = = = = */


/* columns */

#home #content {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	border: 0 !important;
}


#content div.news-column {
	margin: -25px 0 0 0;
	padding: 25px 25px 0 0;
	width: 342px;
	float: left;
	border-right: 1px solid #d1d1d1;
}

#content div.news-column h4 {
	width: 100%;
	display: block;
	text-align: center;
	margin-top: -5px;
	border-bottom: 3px double #efefef;
	border-top: 3px double #efefef;
	padding-bottom: 5px;
	padding-top: 5px;
}

#content div.news-column div.post {
	width: 367px !important;
	margin: 0 0 25px 0;
	padding: 0 0 0 0;
}

#content div.news-column div.entry,
#content div.news-column h1 {
	width: 342px;
}

#content div.news-column div.post h1 {
	font-size: 22px;
	line-height: 28px;
}

#content div.news-column div.post p.date { font-size: 13px !important; }

#content div.news-column div.post + div.post {
	padding-top: 25px !important;
}

#content div.news-column div.entry p {
	font-size: 12px !important;
}

#content div.news-column div.top-post {
	width: 100%;
	margin-bottom: 20px;
}

#content div.news-column div.top-post + div.post {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 20px;
}

#content div.news-column div.top-post div.entry p {
	font-size: 14px !important;
}


/* = = = = = */

#content div.articles-column {
	margin: -25px 0 0 0;
	padding: 25px 25px 0 25px;
	width: 582px;
	float: left;
}

#content div.articles-column h4 a {
	width: 100%;
	display: block;
	text-align: center;
	margin-top: -5px;
	border-bottom: 3px double #efefef;
	border-top: 3px double #efefef;
	padding-bottom: 5px;
	padding-top: 5px;
}

#content div.articles-column div.post {
	height: 250px !important;
	overflow: hidden;
	float: left;
	margin: 20px 20px 0 0 !important;
	padding: 0 !important;
	border-top: 0px !important;
}

#content div.articles-column div.post div.entry { margin-top: -5px; }
#content div.articles-column div.post div.entry p { font-size: 12px !important; }

#content div.articles-column div.post,
#content div.articles-column div.post h1,
#content div.articles-column div.post div.entry {
	width: 270px !important;
}

#content div.articles-column div.post h1 {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0px !important;
	margin-left: 0 !important;
	margin-bottom: 10px;
}

#content div.articles-column div.post h3 {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0px !important;
	margin-left: 0 !important;
	margin-bottom: 10px;
}

#content div.articles-column div.post a.post-edit-link { display: none !important; }

#content div.articles-column div.post p.date {
	font-size: 13px !important;
}

/* articles column: top post */

#content div.articles-column div.top-post {
	width: 100%;
	border-bottom: 3px double #efefef;
	margin-bottom: 0;
	padding-bottom: 10px;
}

#content div.articles-column div.top-post,
#content div.articles-column div.top-post h1,
#content div.articles-column div.top-post div.entry {
	width: 582px !important;
}

#content div.articles-column div.top-post div.entry p {
	font-size: 14px !important;
}



/* = = = = = */

#content div.media-column {
	border-top: 1px solid #d1d1d1;
	margin: 25px 0 0 0;
	padding: 25px 25px 0 25px;
	width: 582px;
	float: left;
}

#content div.media-column h4 a {
	width: 100%;
	display: block;
	text-align: center;
	margin-top: -5px;
	border-bottom: 3px double #efefef;
	border-top: 3px double #efefef;
	padding-bottom: 5px;
	padding-top: 5px;
}

#content div.media-column ul li {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 135px;
	height: 135px;
}

#content div.media-column ul li a {

}

#content div.media-column ul li a img {
	width: 123px;
	height: 123px;
	border: 1px solid #efefef !important;
	padding: 5px;
}

#content div.media-column ul li a p {
	background: rgba(0,0,0,0.6);
	opacity: 0 !important;
	width: 105px;
	height: 105px;
	margin-top: -136px;
	padding: 15px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#content div.media-column ul li a:hover p {
	color: #fff;
	opacity: 1.0 !important;
}

#content div.media-column ul li p span.source {
	font-size: 12px;
	line-height: 140%;
}

#content div.media-column ul li p span.source:before {
	content: '\221E';
	font: 16px/1 "Noticons";
	display: inline-block;
	float: left;
	width: 16px;
	height: 32px;
	-webkit-font-smoothing: antialiased;
	font-size: 16px !important;
	vertical-align: middle;
	color: #fff !important;
	margin-right: 10px;
	margin-top: 3px;
}





/* =News
-------------------------------------------------------------- */

#news #archive #content,
#news #archive #content div.top-post,
#news #archive #content div.post {
	width: 750px;
}

#news #archive #content h1,
#news #archive #content div.entry {
	width: 700px !important;
}


#news #archive #content div.top-post + div.post {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 20px;
}

#news #archive #content div.post h1 {
	font-size: 22px;
	line-height: 28px;
}

#news #archive #content div.post p.date { font-size: 13px !important; }

#news #archive #content div.post div.entry p {
	font-size: 12px !important;
}

#news #single h1 {
	width: 600px;
}




/* =Author
-------------------------------------------------------------- */

#author {

}

#author h2 {
	color: #878787;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 0;
	margin-top: -5px;
}

#author div.post-archive {
	margin-bottom: 40px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 3px double #efefef;
	width: 640px;
}

#author div.post-archive ul li {
	font-size: 13px;
	line-height: 160% !important;
}

#author div.post-archive ul li + li {
	margin-top: 10px;
}

#author div.post-archive ul li small {
	font-size: 11px;
	color: #a6a6a6;
	padding-left: 10px;
}



/* =Contact
-------------------------------------------------------------- */

#contact div.entry {
	width: 640px;
	margin-right: 20px;
}



/* Modules */

.mod { clear: both; }

.mod + .mod {
	margin-top: 5px;
}

.mod-meta {
	width: 50px;
	margin: 0 20px 20px 0;
	float: left;
	line-height: 160%;
	font-size: 14px;
	font-family: "Open Sans", "Lucida Grande", sans-serif;
	color: #868686;
}

.mod-body {
	width: 530px;
	float: right;
	line-height: 160%;
	font-size: 14px;
	font-family: "Open Sans", "Lucida Grande", sans-serif;
}



/* Contact Info */

#contact-info { margin-top: 20px; }




/* Contact Form */

#contact-form { margin: 20px 0 40px 0; }

#contact .mod .mod-body input[type=text],
#contact .mod .mod-body input[type=password],
#contact .mod .mod-body textarea {
	background: #fff;
	font-size: 14px;
	height: 22px;
	width: 130px;
	line-height: 1.2em;
	padding: 2px 10px;
	border-radius: 5px;
	border: 2px solid #fff;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	margin-left: 10px;
	font-family: "Open Sans", "Lucida Grande", sans-serif;


}

#contact .mod .mod-body textarea {
	width: 444px;
	height: 200px !important;
	padding: 10px !important;
}

#contact .mod .mod-body input[type=text],
#contact .mod .mod-body input[type=password] { width: 264px; float: left; }

	#contact .mod .mod-body input[type=text]:hover,
	#contact .mod .mod-body textarea:hover {
		-moz-box-shadow: 0 0 3px rgba(0,0,0,1);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,1);
		box-shadow: 0 0 3px rgba(0,0,0,1);
	}

#contact .mod .mod-body span.required {
	display: block;
	padding-bottom: 2px;
	margin: -15px 0 0 315px;
	font-family: "Open Sans", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-style: italic;
	color: rgba(248,107,66,0.3);
	line-height: 12px !important;
}

#contact .mod .mod-body:hover span.required {
	color: rgba(248,107,66,1);
}

#contact .submit {
	border-top: 0px !important;
}

#contact .mod .mod-body input[type=submit] {
	border-radius: 10px;
	color: #494949;
	background: #fff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
	text-shadow: #fff 0px 1px 0px;
	border: 1px solid #aaa;
	font: normal 18px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 5px 15px;
	-webkit-text-stroke: 0.5px transparent;
	margin: 0 0 0 8px !important;
}

#contact .mod .mod-body input[type=submit]:hover {
	border-color: #777;
	cursor: pointer;
	color: #333;
}

#contact .mod .mod-body input[type=submit]:active {
	background: #ccc;
}

#contact a.post-edit-link { display: none !important; }




/* =Widgets
-------------------------------------------------------------- */

#widgets {
	float: right;
	margin: -25px 0 0 0;
	width: 210px !important;
	color: #858585;
	height: normal !important;
	padding: 25px 0 40px 25px;
}

#widgets a {
	border-bottom: 1px solid #ddd;
}

#widgets h4.widgettitle {
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	line-height: 16px;
}

#widgets ul li {
	font-size: 13px;
	line-height: 160%;
}

#widgets ul li + li {
	margin-top: 5px;
}

#widgets ul + h4.widgettitle,
#widgets div.textwidget + h4 {
	margin-top: 25px;
}

#widgets div.textwidget p {
	font-size: 13px;
	line-height: 160%;
}

#widgets #searchform {
	margin-top: -5px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px double #efefef;
}

#widgets #searchform input[type=submit] {
	display: none !important;
}

#widgets #searchform input[type=text] {
	width: 170px;
	font-size: 13px;
	color: #494949;
	padding: 6px 10px 6px 30px;
	border-radius: 5px;
	border: 1px solid #d1d1d1;
	background: url(i/icon_search.png) no-repeat 8px 7px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

#widgets #searchform label { display: none !important; }


/* = = = = = = = */

#widgets ul.staff { margin-top: 20px; margin-bottom: 30px; }

#widgets ul.staff li {
	clear: both;
}

#widgets ul.staff li a {
	display: block;
	width: 100%;
	border: 0 !important;
	clear: both;
}

#widgets ul.staff li + li {
	padding-top: 10px;
}

#widgets ul.staff img {
	float: left;
	margin-right: 15px;
}

#widgets ul.staff li strong {
	display: block;
	padding-top: 5px;
	font-weight: 700;
	font-size: 14px;
}

#widgets ul.staff span.company-title {
	display: block;
	font-size: 11px;
}



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

#footer {
	width: 100%;
	border-top: 1px solid #d1d1d1;
	background: #efefef url(i/bg_gray.png) repeat;
}

#footer-contents {
	width: 1000px;
	padding: 0 10px 80px 10px;
	margin: 25px auto 0 auto;
	text-align: left;
}

#footer-left {
	float: left;
	width: 520px;
	margin-right: 90px;
}

#footer p {
	color: #878787;
	font-size: 11px;
	line-height: 160%;
}

#footer p span.bullet {
	color: #d1d1d1;
}

#footer p.footer-logo { margin-bottom: 10px; }

#footer p.footer-logo a {
	width: 42px;
	height: 43px;
	background: url(i/footer-logo.png) no-repeat;
	display: block !important;
}

#footer p.footer-logo a span {
	display: none !important;
}

#footer-right {
	float: right;
	width: 209px;
	margin-top: 10px;
}


/* social */

#footer-right ul#social {
	display: inline !important;
	list-style: none !important;
}

#footer-right ul#social li a {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
	opacity: 0.4;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

#footer-right ul#social li a span { display: none !important; }

#footer-right ul#social li a:hover { opacity: 1.0; }

#footer-right ul#social li a.twitter { background: url(i/social-twitter.png) no-repeat; }
#footer-right ul#social li a.youtube { background: url(i/social-youtube.png) no-repeat; }



/* admin */

#footer #admin ul {
	margin-top: 15px;
}

#footer #admin ul li {
	font-size: 14px;
	text-align: left;
}

#footer #admin li a {
	border-radius: 3px;
	background: #a6a6a6;
	color: #fff !important;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 4px 8px 4px 10px;
	opacity: 0.5;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#footer #admin li a:after {
	content: '\26A9';
	font: 16px/1 "Noticons";
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-font-smoothing: antialiased;
	font-size: 16px !important;
	vertical-align: middle;
	color: #fff !important;
	margin-top: -3px;
	margin-left: 3px;
}

#footer #admin li a:hover {
	background: #D54E21 !important;
	color: #fff !important;
	opacity: 1.0;
}



/* =Self-clearing floats
---------------------------------------------------------- */

.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}