/*
Theme Name: 	DR3
Theme URI: 		http://www.thedesignrange.com
Description: 	Design Range Theme
Version: 		3.0
Author: 		Alexander Singleton
Author URI: 	http://www.huntingtowndesign.com
Tags: 			hunting town, base, wp
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Style
04 Media queries
===========================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; font-family: open sans, arial;}
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }
.brown{
	background-color: #c19a6b;
}
.ivory{
	background-color: #fcffe7;
}

/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body{font-family: open sans; background:#eeeeee;margin:0px;}

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1{
	font-size:30px;
	margin: 15px 0px;
    font-weight: 500;
    line-height: 30px;
    font-family: cocogoose;
}

h2{
	font-size: 1.5em;
}

h3{
	font-size: 1.3125em;
}

h4 {
    font-size: 18px;
    font-family: cocogoose;
    text-transform: uppercase;
    margin: 15px 0px;
    border-bottom: 2px solid;
    padding: 15px 0px 5px 0px;
    letter-spacing: 0px;
}

h5 {
    font-size: 1.1em;
    margin-bottom: 20px;
    margin-top: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

h6{
	font-size: 0.875em;
}

p{
    font-weight: 100;
    line-height: 24px;
    font-size: 16px;
    font-family: open sans;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-bottom: 15px;
}

ul{
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

a{
	text-decoration: none;
	color: inherit;
}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(0,0,0,0.8);
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.4);
}




/* ----------------------------------------------------------------------------------------------------------
03 Style -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.limit{max-width: 1140px;margin: auto;}

.main{max-width: 770px;padding-top: 20px;}

.header{
		height: 65px;
    min-height:40px ;
		background: transparent;
    position: relative;
    z-index: 5;
    width: 100%;
		margin-bottom:-65px;
}

.header title {
    display: inline-block;
    color: #fff;
    font-family: cocogoose;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 5px;
}

.header .limit{width:100%;background:transparent;padding:8px 0px;}

.header .sm{float:right;}

.header .sm ul li{
    padding: 4px 8px;
    color: #ffffff;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

.header .sm ul li:hover{color:orange;}

.header .menu{
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:#ffffff;
    float: left;
}

.widget li {
    background: #eeeeee;
    padding: 10px 15px;
    margin-bottom: 10px;
    font-family: cocogoose;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 15px;
    border-left: 5px solid #bbb;
    color: #888;
    transition:all 0.2s;
}

.widget li span.post-date {
    display: block;
    font-size: 10px;
    font-family: open sans;
    margin-top: 5px;
}

.widget li:hover{
    color:#000;
    border-left:5px solid #000;
}

.widget{width: 90%; margin: auto; margin-bottom:25px;}

.fixed{position:fixed!important;}

.hero{width: 100%;}

.authorpic{
    background: url('http://www.thedesignrange.com/wp-content/uploads/2012/08/bgrepeat.jpg') center no-repeat;
    background-size: cover;
    width: 165px;
    height: 165px;
    float: left;
    margin-right: 20px;
    margin-top: -39px;
    display: none;
    margin-left: -35px;
    margin-bottom: -25px;
}

.homeback{
    width: 100%;
    background:#eeeeee;
}

.firsthome{
    width: 100%;
    height: 600px;
    height: 97vh;
    position: relative;
    background: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.1));
    background: -o-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.1));
    background: -moz-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.1));
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.1));
}

.firstinner {
    width: 90%;
    margin: auto;
    padding-top: 5vh;
    text-align: center;
    background:none;}

.firstinner title{
    display: block;
    font-family: cocogoose;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 24px;
    margin-top: 5px;
    letter-spacing: 3px;
}

.firstinner h5{
    color: #ffffff;
    font-size: 20px;
    font-family: open sans;
    font-weight: 100;
    margin: 5px 0px 10px;
    padding: 15px 0px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    line-height: 30px;
    letter-spacing: 0px;
}

.firstinner p{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    color: #fff;
    margin: 0px 0% 15px;
}

.firstinner .half2{background:#000; padding:20px 25px; margin:50px auto 0px;}

.firstinner input#mce-EMAIL {text-align: center;}
.firstinner .newsletter{background:none;padding:0px 0%;margin:0px;}
.firstinner .newsletter p{margin:0px 0% 15px;}

.chevdown {
    color: #ffffff;
    margin: 5vh 5% 0px;
    text-align: center;
    display:none;
}

.chevline {
    width: 45%;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 60px;
}

.chev {
    padding: 15px;
    background: none;
    background-position: top;
    background-size: inherit;
    width: 30px;
    height: 30px;
    border-radius: 150px;
    margin: auto;
    font-size: 24px;
    border: 2px solid;
}

.chev:hover {
    background: #fff;
    color: #000;
    border: #fff;
}

.chevdown p {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 12px;
    margin-bottom: 5px;
}

#designnews{height:auto;}

.arthead{
    width: 100%;
    height: 400px;
    position: relative;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
}

.arthead .inner{
    max-width: 1070px;
    margin: auto;
    position: absolute;
    bottom: 0px;
    padding: 20px;
}

.arthead .titleblock{
    padding:0px;
    height: 100%;
    background: none;
    max-width: 1140px;
    margin: auto;
}

.firsthome .rm{
    background: none;
    border: 3px solid;
    padding: 4px 0px;
    width: 139px;
    margin: auto;
    margin-top:30px;
    display:block;
}

.firsthome .rm:hover, .home .titleblock .rm:hover{
    background: #fff;
    border: 3px solid #fff;
    color:#000;
}

.titleblock{
    padding: 250px 20px 20px;
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    color: #333;
}

.titleblock a:hover{
    color:#000000;
}

.pg{min-height:auto;}

.whitebg{background:#fff;}

.pg .titleblock{background:none!important; bottom: 0px;}

.single .titleblock, .single .titleblock h1, .single .titleblock .read{color:#fff;}
.c-menu .titleblock, .c-menu .titleblock h1, .c-menu .titleblock .read{color:#fff;}

.categorypage{
    padding:20px;
    padding-top: 10px;
    background: none;
		margin-top: 75px;
}

.categorypage .read{
    float:left;
}

.titleblock h1{color: #333;line-height: 35px;}
.titleblock .read{color:#333;}

.site{
	float: left;
	letter-spacing: 1px;
}

.site img{
    height: 25px;
    margin: -10px 3px -8px 0px;
}

.cat{
    float: right;
    text-align: right;
    letter-spacing: 1px;
    padding-top: 2px;
    max-height: 13px;
    overflow: hidden;
}

.cat ul.post-categories {
    height: auto;
    width: 85%;
    box-sizing: border-box;
}

ul.post-categories li {
    background: transparent;
    min-height: auto!important;
    margin-bottom: 0px;
}

.inner .cat{
    padding-right: 5px;
    padding-bottom: 4px;
    margin-right: 5px;
    border-right: 2px solid;
}

.sub{
	width: 60%;
	font-weight: 500;
	float: left;
}

.read{
    float: right;
    width: 35%;
    max-width: 150px;
    color: #ffffff;
    padding: 4px 0px;
    border: 3px solid;
    text-align: center;
}

.article{
	padding: 0px 20px 20px;
}

.article .rt-reading-time {
    display: none!important;
}

.article p:nth-child(2){
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 25px;
}

.article ul{margin-bottom:25px;}
.article ul li {
    list-style-type: circle!important;
    margin-left: 50px;
    margin-bottom: 10px;
    font-weight: 100;
}

.article ol{margin-bottom:25px;}
.article ol li {
    list-style-type: decimal;
    margin-left: 50px;
    margin-bottom: 10px;
    font-weight: 100;
}

.article p a {
    color: #D08A0B;
    font-weight: 100;
    border-bottom: 1px solid;
}

.article p a:hover{color:#FF3B00;}

.article b, .article strong{
    font-weight: 600;
}

.article address{
    font-size: 12px;
    font-family: open sans;
    font-weight: 100;
    color: #aaaaaa;
}

.article img{max-width: 100%;height:auto; margin-bottom:20px;}
.article img.alignleft {float: left; margin: 0px 20px 20px 0px;}
.article img.alignright { float: right; margin: 0px 0px 20px 20px;}

.authorft{
	background: #eeeeee;
	margin: 10px 20px 20px;
	position: relative;
	min-height: 175px;
}

.authorft .pic{
	width: 25%;
    height: 100%;
    float: left;
    background: url('http://www.thedesignrange.com/wp-content/uploads/2012/09/deviant_id_2011_by_huntingtown-d39r1rc-Copy.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    overflow: hidden;
}

.pic img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    min-height: 100%;
    display: block;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
}

.authorft .desc{
	width: 67%;
    float: right;
	padding: 15px 4%;
	font-size: 12px;
}

.authorft .desc h3{
    margin: 0px;
    font-size: 14px;
    font-weight: 900;
}

.share{
	margin:35px 20px 0px;
}

.share ul{margin-bottom: 20px;}

.share ul li{
	display: inline-block;
    width: 25%;
    background: #eeeeee;
    padding: 5px 0px;
    text-align: center;
    color: #ffffff;
}
.share ul li:first-child {
    margin-left: 0px;
}

.fb{background:#3b5a99!important;-webkit-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 0.3s;}.fb:hover{background:#1d2d4c!important;}
.tw{background:#25a8e0!important;-webkit-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 0.3s;}.tw:hover{background:#125470!important;}
.lk{background:#0d7bb7!important;-webkit-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 0.3s;}.lk:hover{background:#063d5b!important;}
.pn{background:#ca2128!important;-webkit-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 0.3s;}.pn:hover{background:#651014!important;}

.comments{
    margin: 0px 12px 20px;
}

.sidebar .c-menu {
    position: relative;
    padding: 7%;
    background: #000;
    height: 90px;
    width: 75%;
    margin: auto;
}

.sidebar .c-menu h4{
    margin-top: 0px;
    padding-top: 0px;
    color: #fff;
}

.sidebar .c-menu input#s {
    width: 90%;
    border: 0px;
    padding: 10px 15px;
    font-family: open sans;
    float: right;
}

.relatedposts{
	width: 100%;
	height: auto;
	overflow: auto;
	background:#eeeeee;
}

span.rt-reading-time {
    font-weight: 700;
    text-transform: uppercase;
    color: #aaa;
    font-size: 10px;
    margin-bottom: 5px;
}

.relatedposts ul{
	padding: 0px;
    list-style-type: none;
    width:1140px;
    margin: 0px;
}

.relatedposts ul li{
	background: #ffffff;
	width: 200px;
	display: inline-block;
	margin: 20px;
	margin-left: 0px;
  vertical-align: top;
	min-height: 475px;
}

.relatedposts ul li:first-child{
	margin-left:22px;
}

.relatedposts .hero{height:150px;}
.relatedposts .cat {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    color: #fff;
    text-align: left;
    float: none;
    padding: 10px 15px 10px;
    max-height: 100%;
    overflow: inherit;
}
.relatedposts h3{
    margin: 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}

.relatedposts p{
	padding:0px 15px;
	margin:0px 0px 10px;
	font-size: 12px;
    line-height: 16px;
}

ul .post-categories {
    width: auto;
    position: absolute;
    bottom: -115px;
}

ul .post-categories li {
    background: none;
    width: auto!important;
    margin: 0px;
    padding: 0px;
    display: block;
    margin-left: 0px!important;
    vertical-align: bottom;
		min-height: 475px;
}

.rm{
	background: #bbb;
    padding: 8px 15px;
    border: 10px solid #ffffff;
    text-align: center;
    border-top: 0px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
.rm:hover{background: #000;}

.relatedposts .rm {
    bottom: 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
}

.sidebar{width:100%;padding-bottom: 1px;}

.newsletter{
    background: #000000;
    color: #fff;
    padding: 25px;
    margin: 20px;
    margin-top: 0px;
}

.newsletter h3{
    font-family: cocogoose;
    text-transform: uppercase;
    line-height: 26px;
    font-size: 24px;
    margin-bottom: 10px;
}

.newsletter p{line-height: 20px;font-size: 14px;}

.newsletter #mc_embed_signup form{padding: 0px;}

.newsletter #mc_embed_signup input.email{width: 100%;}

#mc_embed_signup .button {
    border-radius: 0px!important;
    font-family: open sans!important;
    text-transform: uppercase;
    font-size: 12px!important;
    letter-spacing: 1px;
    width: 100%!important;
    font-weight: 900!important;
}

.sm ul li{
    display: inline-block;
    color: #ffffff;
}

.sidebar .sm{
    margin: 20px;
    margin-top: 0px;
}

.sidebar .sm ul li{
    background:#000000;
    padding: 20px 0px;
    margin-right: 5%;
    width: 21.25%;
    text-align: center;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.sidebar .sm ul li:hover{
    background:orange;
}

.darken{
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 162px;
    position: absolute;
}

.star{display:none;}
.star ul li{background: #eeeeee;margin-bottom:20px;}
.star .hero{height:auto;}
.star .cat{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    color: #fff;
    text-align: left;
    float: none;
    padding: 110px 15px 10px;
}
.star h3{font-size: 14px;margin: 10px 15px 5px;font-weight: 900;text-transform: uppercase;}
.star p{margin: 5px 15px 15px;font-size: 12px;line-height: 16px;}
.star .rm{border: none;}
.star .cat ul.post-categories {bottom: 5px;}
.star .cat ul.post-categories li{margin-bottom:0px;background:transparent!important;}


.button{
    background: #aaaaaa;
    padding: 5px 25px;
    color: #ffffff;
    margin-left: 20px;
}

.fmenu ul li {
    display: inline-block;
}

.postlist{
    background: #eeeeee;
}

.sectionsub{
    font-size: 12px;
    padding: 20px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0px;
    color: #aaa;
}
.sectionsub p{
    color: #000000;
    text-transform: initial;
    padding-top: 15px;
    margin-bottom: 0px;
}

.postlist ul{padding: 1px 20px;}

.postlist ul li{
    background: #ffffff;
    margin: 20px 0px;
    position: relative;
}

.postlist .hero{
    width: 42%;
    height: 100%;
    position: absolute;
}

.postlist .hero .cat{
    float: left;
    text-align: right;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}
.postlist .desc{
    width: 50%;
    padding: 0px 4%;
    float: right;
    font-size: 12px;
}

.postlist .desc h3 {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}

.postlist .desc p{font-size: 12px;line-height: 16px;}

.postlist .rm{padding: 8px 2% 8px 44%;border: 0px; position: absolute;bottom:0px;width:54%;}

blockquote p {
    font-size: 29px;
    line-height: 34px;
    width: 60%;
    float: right;
    margin: 0px 0px 2% 4%;
}

.arch {
    columns: 100px 1;
    -webkit-columns: 100px 1;
    -moz-columns: 100px 1;
    padding: 20px;
    float: left;
    padding-top: 0px;
}

.arch li{
    margin-bottom: 15px;
    background: #eee;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: cocogoose;
    color: #777777;
}

.arch li:hover {color: #000;}

.authorpic img {
    width: 100%;
    height: auto;
}

.aut .titleblock{padding:20px;margin-top: -171px;}

.aut .bigaut img{height:auto;width:100%;}

footer{
    background: #000000;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 1px;
    padding: 8px;
    text-align: center;
}

.footmenu{
    background: #aaaaaa;
    color: #ffffff;
    text-align: center;
}

.footmenu ul{
    padding:5px 0px;
}

.footmenu li {
    display: inline-block;
    font-size: 12px;
    padding: 0px 3px;
    margin: 0;
    color: #fff;
}

.footmenu li:hover {color:#000;}

.footmenu li:first-child {
    border:0px;
}


/* Menu bar */

.c-menu .titleblock {
    padding: 15px;
    padding-top: 100px;
    background: none;
}

.c-menu .titleblock h1 {
    font-size: 18px;
    line-height: 20px;
    margin: 0px;
}

.c-menu .sub {
    width: 100%;
    font-weight: 100;
    float: left;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: 12px;
}

.c-menu label.screen-reader-text {
    display: none;
}

.c-menu input#s {
    max-width: 100%;
    border: 0px;
    padding: 10px 15px;
    font-family: open sans;
    float: right;
}

.c-menu input#searchsubmit {
    display: none;
}

.c-menu ul{
    background: #eeeeee;
    color:#000;
    font-size: 12px;
}

.c-menu ul li{
    padding: 12px 15px;
    border-bottom: 1px solid #aaa;
    font-weight: 300;
    vertical-align: middle;
    color: #888;
}

.c-menu a:hover{color:#000000;}

.c-menu .menu-main-menu-container ul{
    background: #000000;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
}

.c-menu .menu-main-menu-container li{
    text-align: center;
    padding: 15px 0px;
    text-transform: uppercase;
    font-family: cocogoose;
    color: #ffffff;
    border-bottom: 1px solid #333333;
}
.c-menu .menu-main-menu-container li:hover{background: #aaaaaa; color:#000000!important;}

.c-menu .menu-main-menu-container li .sub-menu li{font-size: 12px;}
#menu-item-83 {padding-bottom: 0px;}
.c-menu .menu-main-menu-container li .sub-menu li:first-child{border-top: 1px solid #333333;margin-top: 15px}
.c-menu .menu-main-menu-container li .sub-menu li:last-child {border-bottom: 0px;}

.c-menu .sm ul li {
    padding: 22px 0px;
    border-bottom: 0px;
    font-weight: 900;
    vertical-align: middle;
    color: #ffffff;
    background: #000;
    font-size: 20px;
    width: 25%;
    text-align: center;
}

.c-menu .sm ul li:hover{background: #aaaaaa; color:#000000!important;}

.c-menu .newsletter{margin: 0px;padding: 15px;}

.c-button {
    background: #000;
    padding: 0px;
    width: 50px;
    height: 50px;
    position: fixed;
    margin: 5px;
    box-sizing: border-box;
}

.third{width:100%;float:none;}
.third.mid{margin:0px 0%;}

.help {padding: 20px;text-align: center;}
.help .third .button{margin: auto;margin-bottom: 10px;padding: 15px;width: 85%;font-size: 16px;font-family: cocogoose; text-transform: uppercase;transition:all 0.3s;}
.help .third .button:hover{background:#000;}
.clear{clear:both;}

.help h2 {text-transform: uppercase; font-family: cocogoose; margin-top: 10px;}

/* New Home */

.newhome #designnews {background: rgba(0,0,0,0.35);}

.newhome .titleblock {
    padding: 15vh 35px;
    max-width: 1100px;
    margin: auto;
    text-align: center;
    color: #fff;
		background:none;
}

.newhome .cat {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    border: 0px;
		font-size: 1.25em;
		max-height: 300px;
}

.newhome .cat ul.post-categories {
    width: 100%;
}

.newhome h1 {
    font-size: 3em;
    max-width: 800px;
    margin: auto;
    line-height: 1em;
    color: #fff;
    margin: 25px auto;
}
.newhome .sub {
    width: 100%;
    font-size: 1.25em;
		margin-bottom:25px;
}

.newhome .read {
    color: #fff;
    float: none;
    margin: auto;
    margin-top: 20px;
}

.newhome p {
    text-transform: initial;
    max-width: 600px;
    margin: auto;
}

.newhome .rm {
    width: 150px;
    border: 3px solid #fff;
    background: none;
    margin: 20px auto;
}

.fourth{margin:5px 0px 0px;}

.fourth .col{width:96%; margin:5px 2%; float:left;}

.dvdposts{background:#eee;}
.dvdposts .hero {height: 200px;}
.dvdposts h3 {
    color: #fff;
    padding: 50px 15px 15px;
    font-weight: 700;
    position: absolute;
    bottom: 0px;
		width:100%;
		box-sizing: border-box;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.dvdposts .cat {
    float: none;
    max-height: 400px;
    overflow: visible;
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    font-family: cocogoose;
    font-size: 0.7em;
    padding: 15px 0px;
    box-sizing: border-box;
    margin-right: 15px;
}
.dvdposts .cat ul.post-categories {
    width: 100%;
    bottom: auto;
}

.help .col{width:100%;float:left;box-sizing:border-box;padding:15px 0px;}
	.help li.col:nth-child(1){border-bottom:0px solid #fff; border-right:0px solid #fff;}
	.help li.col:nth-child(2){border-bottom:0px solid #fff; border-left:0px solid #fff;}
	.help li.col:nth-child(3){border-top:0px solid #fff; border-bottom:0px solid #fff; border-right:0px solid #fff; }
	.help li.col:nth-child(4){border-top:0px solid #fff; border-bottom:0px solid #fff; border-left:0px solid #fff;}
	.help li.col:nth-child(5){border-top:0px solid #fff; border-right:0px solid #fff; }
	.help li.col:nth-child(6){border-top:0px solid #fff; border-left:0px solid #fff;}
		.help .col .half .col:first-child {padding: 10px 0px;width:49%;margin-right: 1%}
		.help .col .half .col:nth-child(2) {padding: 10px 0px;width:49%;margin-left: 1%}
			.help .hero {
		    height: 100px;
			}
			.help .text {
				height: 60px;
				background: #fff;
				padding: 7px 10px;
			}
			.help .text h3 {
		    font-size: 0.9em;
		    line-height: 1.2em;
		    text-align: left;
			}
			.help h2 {
			    text-transform: uppercase;
			    font-family: cocogoose;
			    margin-top: 0px;
			    font-size: 1em;
			    text-align: left;
			    padding: 0px 10px;
			    color: #858585;
					text-align: center;
			}

	.half2 .newsletter {margin: 0px;}
	.half1 {padding: 10px 25px;text-align: center;}



/* ----------------------------------------------------------------------------------------------------------
04 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 1024 and up */
@media screen and (min-width:1024px) {
.titleblock{padding:25px 35px 0px;}
.fourth{margin:0px;}
.fourth .col{width:24%; margin:15px 0.5%; float:left;}
.help .col{width:50%;float:left;box-sizing:border-box;padding:15px 0px;}
	.help li.col:nth-child(1){border-bottom:1px solid #fff; border-right:1px solid #fff;}
	.help li.col:nth-child(2){border-bottom:1px solid #fff; border-left:1px solid #fff;}
	.help li.col:nth-child(3){border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; }
	.help li.col:nth-child(4){border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff;}
	.help li.col:nth-child(5){border-top:1px solid #fff; border-right:1px solid #fff; }
	.help li.col:nth-child(6){border-top:1px solid #fff; border-left:1px solid #fff;}
		.help .col .half .col:first-child {padding: 10px 5px 0px 10px;}
		.help .col .half .col:nth-child(2) {padding: 10px 10px 0px 5px;}
			.help .hero {
		    height: 100px;
			}
			.help .text {
				height: 60px;
				background: #fff;
				padding: 7px 10px;
			}
			.help .text h3 {
		    font-size: 0.9em;
		    line-height: 1.2em;
		    text-align: left;
			}
			.help h2 {
			    text-transform: uppercase;
			    font-family: cocogoose;
			    margin-top: 0px;
			    font-size: 1em;
			    text-align: left;
			    padding: 0px 10px;
			    color: #858585;
					text-align: center;
			}
.titleblock .cat ul li{display:inline-block;margin-left: 5px;}
.pg .titleblock{padding:22px 35px;min-height: auto;}
.aut .titleblock{padding:22px 35px;background:none;}
.aut .titleblock .site{margin-left: 155px;}
.titleblock h1{font-size: 40px; line-height: 40px;}
.newhome h1 {
    font-size: 5em;
    max-width: 800px;
    margin: auto;
    line-height: 1em;
    color: #fff;
    margin: 25px auto;
}
.newhome .titleblock {padding: 25vh 35px;}
.dvdposts .hero {height: 400px;}
.article{padding:0px 35px 35px;}
.share{margin: 0px 35px;}
.authorft{margin:20px 35px;min-height:175px;}
.sidebar{width: 335px;padding:0px 35px 35px 0px;margin-top:25px;float:right;}
.newsletter{margin:0px;}
.sidebar .sm{margin: 25px 0px;}
.star{display:block;}
.postlist{padding: 0px 2%;}
.postlist ul {padding: 11px 0px;}
.postlist ul li {width: 31.3333%;margin: 1%;display:inline-block;vertical-align: top;height:325px;}
.postlist ul li:first-child {width: 98%;height: 400px;}
.postlist ul li:first-child h3{font-size: 3em;line-height: 1.1em;padding: 20px 0px;font-weight: 800;}
.postlist ul li:first-child p{font-size: 1.5em;line-height: 1.3em;}
.postlist .sectionsub{padding: 20px 1% 0px;}
.authorpic{display:block;}
.aut{background: url('http://www.thedesignrange.com/wp-content/uploads/2012/08/bgrepeat.jpg')!important;}
.comments{margin: 0px 27px 20px;}
.pic img {height:auto;width:100%;}
.arch {columns: 100px 2;-webkit-columns: 100px 2;-moz-columns: 100px 2;padding: 35px;padding-top: 0px;}
.bigaut {display:none;}
.aut .titleblock{margin-top: 0px;}
.arthead{height: 600px;}
.arthead .inner {width: 1070px;padding: 25px 35px;}
.main{float:left;}
.limit{display:table;}
.header .sm{padding-right:35px;}
.firsthome{height: 600px;height: 97vh;}
.firstinner {width: 1100px;padding-top: 150px;display:block;z-index:4;}
.firstinner title{font-size: 18px;margin-top: 2px;letter-spacing: 3px;padding-left: 35px;}
.firstinner h5{font-size: 28px;font-weight: 100;margin: 10px 0px 20px;padding: 15px 0px;line-height: 36px;letter-spacing: 0px;}
.firstinner p{margin: 0px 0% 35px;}
.firstinner .newsletter{padding:0px 10%;}
.chevdown {margin: 7vh 5% 0px;display:block;}
.chevline {top: 70px;}
.chev {padding: 15px;width: 50px;height: 50px;font-size: 36px;}
.chevdown p {letter-spacing: 5px;font-size: 14px;}
#designnews{}
.firsthome .rm{display:none;}
.c-button {font-size: 18px;}
.header .limit {padding: 3px 0px;}
.header {min-height: 30px;}
.firstinner .half1{width:50%;float:left;text-align: left;}
.firstinner .half2 {width: 42%;float: left;padding: 20px 2%;margin: 37px 0% 0px 4%;background: #000;}
.firstinner img {float: left;height:28px;}
.sidebar .c-menu {width: 85%;}
.widget {width: 100%;}
.third{width:32%;float:left;}
.third.mid{margin:0px 2%;}
.relatedposts ul li{width: 19.2%;margin: 0.5%;}
.relatedposts ul li:first-child{margin-left:0px;}
.relatedposts ul li:last-child{margin-right:0px;}
.sectionsub{padding:20px 20px 20px 0px;}
.half1{width:50%;box-sizing: border-box;float: left; padding:20px;text-align: left;}
.half2{width:50%;box-sizing: border-box;float: right;}
}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}