#resources-container {
	width:962px;
	margin: 0 auto 80px;
}

.c1 {
	width:750px;
	float:left;
}
.c2 {
	width:355px;
	float:left;
}
.c3 {
	width:235px;
	float:left;
}
.m10l {
	margin-left:10px;
}
.m20l {
	margin-left:20px;
}
.p10 {
	padding:10px;
}




.red-header {
	font-size: 22px;
	text-transform: uppercase;
	color: #EC1F27;
	font-weight: bold;
	margin: 0px;
	letter-spacing: 1px;
	line-height:19px;
	padding-bottom:6px;
}


.grey-subHeader {
	font-size: 18px;
	text-transform: uppercase;
	color: #8c8a8b;
	vertical-align: bottom;
}

.grey-smallHeader {
	font-size: 14px;
	text-transform: uppercase;
	color: #515050;
	vertical-align: bottom;
}


.note {
	text-shadow:#262729 0 -1px 0;
    margin-bottom:60px;
    text-align:center;
    color:#999;
    font-size:14px;
}
.note b {
    color:#eee;
}
.note a {
    color:#eee;
}

#lovely-things-list {
	margin-bottom:60px;
}

#lovely-things-list .list {
	font-size: 12pt;
	clear: both;
	margin-bottom: 10px;
	list-style: none;
	padding:0px;
}
#lovely-things-list .list li {
	position: relative;
	clear: left;	
}
#lovely-things-list .icon {
	float: left;
	position: relative;
	height: 100%;
}

#lovely-things-list .sort-by {
    margin-bottom:10px;
    width:100%;
    float:left;
    clear:both;
}
#lovely-things-list .resource-filter {
	margin: 0px;
	width: 100%;
	float: left;
	clear: both;
	list-style: none;
	padding:0px;
}




/* * * * * * * * * * * * * * * * * * * * *
* Paging
* * * * * * * * * * * * * * * * * * * * */
.paging {
    padding-bottom:10px;
    clear:both;
    float:left;
}
.paging li {
    display:block;
    float:left;
    border-radius:50%;
}
.paging li a {
    color:#999;
    text-decoration:none;
    display:inline-block;
    line-height:14px;
}
.paging li a.active {
    font-weight:bold;
    color:#eee;
    font-size:18px;
   
}
.paging li a:hover {
    color:#eee;
}




#resources-container #resources-headerLeft {
	float: left;
	position: relative;
	padding-top:22px;
}
#resources-container #resources-headerRight {
	float: right;
	position: relative;
}
#resources-container #resources-headerRight a {
	text-decoration: none;
}
#resources-container #resources-headerRight .btn:hover .grey-smallHeader
 {
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
	cursor: pointer;
}
#resources-container #resources-headerRight .resourceActive
 {
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
#resources-headerRight .homeownerIcon-header {
	position: relative;
	text-align: center;
	float: left;
	padding-right:70px;
}
#resources-headerRight .designerIcon-header {
	position: relative;
	width: 112px;
	text-align: center;
	float: left;
	padding-right:70px;
	/* [disabled]clear: left; */
}

#resources-headerRight .builderIcon-header {
	position: relative;
	text-align: center;
	float: left;
}
/* ===WSI: new style for new filter icons === */
#resources-headerRight .wsifilterIcon-header {
	position: relative;
	margin-right: 20px;
	text-align: center;
	float: left;
}
/* ===WSI: .new style for new filter icons === */
.designerIcon-header .designerIcon-img {
	position: relative;
	width: 112px;
	/* [disabled]height: 48px; */
}
#filter-none {
float: left;
text-transform: uppercase;
font-size: 10.5pt;
position: relative;
/* width: 120px; */
text-align: right;

}

/* Changes cursor to pointer for filter categories in blog header */
.resourcesHeader li {
	cursor: pointer;
}
.teal-hr {
	background:#cacaca;
	height: 1px;
}

#pagin {
	float:right;
	padding: 0;
	list-style: none;
}

#pagin li {
	float: left;
	margin-right: 6px;
}

#pagin li a {
	display: block;
	text-decoration: none;
	color: #515050;
	font: bold 11px;
	padding: 5px 8px;
	background: #FFF;
	border: 1px solid #cacaca;
}

#pagin li a:hover {
	font-weight: bold; 
}

h2.articleTitle {
	margin-bottom:10px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14.5pt;
	color: #515050;
	float: left;
	/* [disabled]width: 600px; */
}
h4.articleTitle {
	font-style:italic;
	margin-top:-10px;
	margin-bottom:10px;
	font-weight: normal;
	font-size: 11.5pt;
	color:666;
	float: left;
	/* [disabled]width: 600px; */
}
.articleCategory {
	display: none;
}
.articleContainer .articleText {
	font-size: 10.5pt;
	color: #000;
	clear: left;
}

.articleContainer .articleText h3 {
	color: #CB1B22;
	text-transform: uppercase;
}

.articleContainer .sub-list {
	margin-top: 5px;
}

.articleContainer ul {
	font-size: .9em;
	list-style: disc;
	margin: -10px 35px 10px;
}

.articleContainer ul li {
	margin-bottom: 5px;
}

.articleContainer {
	float: left;
	position: relative;
/*	margin-bottom:16px; */
/* WSI: additional styles for bottom of container */
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 1px dashed #999;
	/* .WSI: additional styles for bottom of container */
}
.articleHeader .articleButtons {
	font-size: 10.5pt;
	float: right;
	padding-top: 16px;
}
.articleHeader .articleButtons a {
	text-decoration: none;
}
.articleHeader .articleButtons a:hover {
	text-decoration: underline;
}
.articleButtons .articleButtons-txt {
	padding-left: 6px;
}
.articleContainer .articleSource {
	font-size: 9pt;
	text-decoration: none;
	clear: left;
}
.articleContainer .articleAuthor {
	font-size: 9pt;
	text-decoration: none;
	clear: left;
}

.read-more a {
	color:#00F;	
}

.read-less a {
	color:red;	
}

.pagingContainer {
	width: 100%;
	float: right;
	position: relative;
}

.divider {
	border-top: 1px solid #cacaca;
	padding-top: 20px;
}

.body-right{
	display: inline-block;
	width: 75%;
}

.split-content {
	clear: both;
}

.title-left {
	display: inline-block;
	vertical-align: text-bottom;
	width: 24%;
}

.title-left	p {
	font-weight: bold;
}
