body {
font-family: Times New Roman, Times;
margin:0px;
padding: 0px;
}

@font-face {
    font-family: 'si';
    src: url('http://www.huhmagazine.co.uk/template/socicon.eot');
    src: url('http://www.huhmagazine.co.uk/template/socicon.eot?#iefix') format('embedded-opentype'),
         url('http://www.huhmagazine.co.uk/template/socicon.woff') format('woff'),
         url('http://www.huhmagazine.co.uk/template/socicon.ttf') format('truetype'),
         url('http://www.huhmagazine.co.uk/template/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(http://www.huhmagazine.co.uk/template/socicon.svg) format(svg);
    }
}

.soc {
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-right: 15px;
    color: #ffffff;
    background-color: #000000;
}

.soc a:hover {
    z-index: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook:before {
    content:'b';
}
.soc-twitter:before {
    content:'a';
}
.soc-instagram:before {
    content:'x';
}
.soc-tumblr:before {
    content:'z';
}
.soc-rss:before {
    content:',';
}



/* SOCIAL SHARING */

.soc_share {
    margin:0; padding:0;
    list-style:none;
    width: 100%;
    float: left;
    text-align: left;
    overflow: hidden;
    height: 31px;
}

.soc_share li {
    display:inline-block;
    *display:inline;
    zoom:1;
    float: left;
}

.soc_share li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    -webkit-border-radius: 51px;
    -moz-border-radius: 51px;
    border-radius: 51px;
    margin-right: 14px;
    color: #ffffff;
    background-color: #000000;
}
.soc-email1:before {
    content:'<';
}

.shares {
	font-family: Helvetica;
	font-weight: bold;
	font-size: 9.5px;
	letter-spacing: 2px;
	width: 100px;
	float: left;
	line-height: 31px;
}

.clear {
	clear: both;
}

.buy_here {
background-color: black;
color:white !important;
padding:8px 14px;
border-radius:3px;
text-transform: uppercase;
letter-spacing: 2px;
font-size:12px;
text-decoration:none;
border-bottom: none !important;
font-family: Arial;
font-weight:bold;
padding-bottom:8px !important;
}

#site_wrapper {
top:0;
bottom:0;
left:0;
right:0;
width: 100%;
margin:0;
padding: 0;
position: absolute;
}

#adbar_middle {
display: none;
}

#adbar {
width:100%;
text-align: center;
margin: auto 0;
padding:16px 0px;
background-color: #f5f5f5;
}

#adbar_bottom {
width:100%;
text-align: center;
margin: 12px 0px 0px 0px;
padding:16px 0px;
background-color: #f5f5f5;
}

#adbar_break {
width:100%;
text-align: center;
padding: 12px 0px 60px 0px;
background-color: white;
}

#adbar_break_mobile {
display: none;
}

#adbar_bottom_mobile {
display:none;
}

#adbar_top {
display: none;
}

#site_main {
width: 100%;
text-align: center;
float: left;
}

#social_icons {
	color: black;
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding-top: 40px;
	margin-bottom: -65px;
	padding-left: 2.5%;
}

#fade {
    height:100%;
    width:100%;
    background-color: rgba(0, 0, 0, 0.9);
    padding:0;
    margin:0;
    border:0;
    position:fixed;
    overflow:hidden;
    left:0px;
    top:0px;
    display:none;
    z-index: 2;
}

.cont {
    margin:0;
    width: 100%;
    background-color: none;
    font-size:20px;
}

.cont input {
	margin:15% auto 0 auto;
	padding: 0;
	background: none;
	border: 0;
	font-family: Helvetica;
	font-size: 30px;
	color: white;
	line-height: 50px;
	letter-spacing: 1px;
	z-index: 3;
	width: 400px;
	text-align: center;
	border-bottom: 1px solid white;
  	outline: none;
}

.cont inout.placeholder {
	text-align: center;
}

@keyframes blink-empty {
  50% {	border-left: 1px solid white;
  }
}

#cart_mobile img {
	display: none;
}

#search_mobile img {
	display: none;
}

.search_count {
width: 90%;
padding: 5%;
background-color: #f5f5f5;
font-size: 42px;
color:#999;
letter-spacing: 1px;
font-weight: bold;
margin-bottom:24px;
text-align: center;
}

.search_count span {
padding-bottom: 4px;
border-bottom: 2px solid pink;
}

#logo {
	font-size:72px;
	text-align: center;
	width: 100%;
	letter-spacing: -3px;
	padding-top: 16px;
}

#logo a:link, #logo a:hover, #logo a:visited {
	color: black;
	text-decoration: none;
}

#navigation {
	width: 100%;
	padding: 8px 0px 24px 0px;
	margin: 0 auto;
	text-align: center;
}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 6px 0px;
}

#navigation li {
	display: inline;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size:11.5px;
	padding: 0 12px;
}

#navigation li a:link, #navigation li a:visited {
		color: black;
		text-decoration: none;
}

#navigation li a:hover {
	border-bottom: 1px solid black;
	padding-bottom: 1px;
}

#featured_post {
	width:100%;
	height:420px;
	background-size:100%;
	overflow: hidden;
	text-align: center;
	margin: auto 0;
}

#featured_post span {
  font-size: 32px;
  line-height: 46px;
  color: white;
  font-weight:bold;
  letter-spacing: 1px;
  width: 70%;
  text-align: center;
  position: relative;
  top:140px;
  margin: 0 auto;
  display: block;
}

#featured_post span a:link, #featured_post span a:visited {
	color: white;
	text-decoration: none;
}

#featured_post span a:hover {
	border-bottom: none;
}

#featured_post span img {
	width:350px;
}

#christmas_featured_post {
	width:100%;
	height:300px;
	background-size:100%;
	overflow: hidden;
	text-align: center;
	margin: auto 0;
	margin-bottom: 20px;
}

#christmas_featured_post span {
  font-size: 32px;
  color: white;
  font-weight:bold;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
  position: relative;
  top:120px;
}

#christmas_featured_post span a:link, #christmas_featured_post span a:visited {
	color: white;
	text-decoration: none;
}

#christmas_featured_post span a:hover {
	border-bottom: none;
}

#christmas_featured_post span img {
	width:550px;
}


.read_more {
font-size: 16px;
padding: 0px;
border: white 1px solid;
margin:30px auto 0px auto;
max-width: 200px;
letter-spacing: 1px;
}

.selected_products {
	width:100%;
	background-color: #f5f5f5;
	padding: 0px;
	margin: 20px auto 20px auto;
	text-align: center;
	float: left;
}

.selected_products ul {
	list-style: none;
	width: 85%;
	padding: 0% 7.5%;
	margin: 0px;
}

.selected_products li, .selected_products li a:link {
	display: inline;
	width: 20%;
	text-decoration: none;
	max-width: 210px;
}

.selected_products li img {
	width: 17%;
	padding: 0% 2%;
	margin: 0;
	left: 0;
	max-width: 180px;
}

.more_store {
	font-family: Helvetia, Arial, sans-serif;
	font-size: 10px;
	color:#666;
	letter-spacing: 1px;
	padding: 8px 16px;
	margin: 22px auto;
	width: 200px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.more_store a:link, .more_store a:visited {
	text-decoration: none;
	color:#666;
}

.more_store a:hover {
	text-decoration: none;
	color: black;
}

#articles_wrapper {
	width: 100%;
	text-align: center;
	float: left;
	margin: 0 auto;
}

#articles {
	width:95%;
	margin: 0 auto;
	max-width: 1200px;
}

#articles ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#articles ul li {
	display: inline;
	width: 23%;
	padding: 0 1%;
	float: left;
	min-height: 360px;
}

#articles ul li img {
	width: 100%;
}

#articles_info {
	font-family: Helvetica;
	font-weight: bold;
	color:white;
	font-size:6.5px;
	text-align: center;
	text-transform: uppercase;
	background-color: #39c;
	padding: 6px 5px;
	margin: 10px auto;
	width: 60%;
	letter-spacing: 2px;

}

#articles_info img {
	margin-bottom:-1px;
	margin-right:2px;
}

h3 {
	font-weight: bold;
	margin:16px 0px 8px 0px;
	text-align: center;
	font-size:18px;
	line-height: 28px;
}

h3 a:link, h3 a:visited {
	color: black;
	text-decoration: none;
}

h3 a:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid pink;
}

#article_container {
	width:96%;
	margin: 0 auto;
	text-align: center;
	max-width: 1000px;
	padding: 0 2%;
}

.superabove {
	width:100%;
	max-width: 1000px;
	float: left;
}

.superabove img {
	width: 100%;
	max-width: 1000px;
}

.superabove embed, .superabove iframe {
	width: 100%;
	max-width: 1000px;
}

.left_content {
float: left;
width: 660px;
}

.left_content img {
	width: 100%;
}

.left_content embed, .left_content iframe {
	width: 100%;
}

.right_content {
	width:300px;
	float: right;
	min-height: 850px;
	padding: 20px 0px;
}

#pagination {
	font-size: 13px;
	text-transform: uppercase;
	color: black;
	letter-spacing:2px;
	padding-bottom: 30px;
}

#pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#pagination li {
	display: inline;
	padding: 0px 16px;
}

#pagination li a:link, #pagination li a:visited {
	color: black;
	text-decoration: none;
	padding-bottom: 5px;
	border-bottom: 2px solid pink;
}

#pagination li a:hover {
	border-bottom: 2px solid black;
}

#disqus_thread {
	padding-top: 30px;
}

.title {
	font-size: 42px;
	font-weight: bold;
	color:black;
	line-height: 58px;
	width: 100%;
	text-align: left;
	margin: 20px 0px 14px 0px;
	letter-spacing: 1px;
}

.title span {
	padding-bottom: 4px;
	border-bottom: 2px solid pink;
}

h1 {
	font-size: 42px;
	font-weight: bold;
	color:black;
	line-height: 58px;
	width: 100%;
	text-align: left;
	margin: 20px 0px 14px 0px;
	letter-spacing: 1px;
}

h1 span {
	padding-bottom: 4px;
	border-bottom: 2px solid pink;
}

h2 {
	color: #999;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
	text-align: left;
	font-style: italic;
	font-weight: normal;
}

.info {
	font-family: Helvetica;
	font-weight: bold;
	color: white;
	font-size: 8px;
	text-align: center;
	text-transform: uppercase;
	background-color: #39c;
	padding: 8px 30px;
	margin: 18px auto;
	letter-spacing: 2px;
	float: left;
	line-height: 13px;
}

.article {
	width: 100%;
	font-size: 17.5px;
	color: black;
	line-height: 32px;
	margin: 16px 0px;
	text-align: left;
}

.article a:link, .article a:visited {
	border-bottom: 2px solid pink;
	padding-bottom: 1px;
	text-decoration: none;
	color: black;
}

.article a:hover {
	border-bottom: 2px solid black;
	text-decoration: none;
}

.extra_news, .extra_news a:link,  .extra_news a:visited {
	font-style: italic;
	color: #999;
}

.caption {
	font-size: 11.5px;
	font-family: Helvetica;
	color: #999;
	letter-spacing: 1px;
	line-height: 20px;
}

.big_title {
	font-family: Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	padding-top:8px;
}

.list {
font-family: Helvetica;
color: #666;
font-size: 14px;
}

#subscribe {
background-color: #f5f5f5;
padding: 30px;
text-align: left;
margin: 24px 0px;
font-size: 20px;
color: #666;
font-weight: bold;
letter-spacing: 0.5px;
line-height: 30px;
}

.source_tags {
	font-size: 11.5px;
	font-family: Helvetica;
	color: #999;
	text-align: left;
	letter-spacing: 1px;
	border-top: 1px solid #f5f5f5;
	padding: 30px 0px 8px 0px;
}

.source {
	text-align: right;
	float: right;
	width:50%;
}

.source a:link, .source a:visited {
	color: #999;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: solid 2px pink;
}

.source a:hover {
	border-bottom: 2px solid black;
}

.tags {
	text-align: left;
	float: left;
	width:50%;
	line-height: 30px;
}

.tags a:link, .tags a:visited {
	color: #999;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: solid 2px pink;
}

.tags a:hover {
	border-bottom: 2px solid black;
}

.quote {
	font-family: Helvetica;
	background: #f5f5f5;
	font-size:15px;
	padding: 18px;
	line-height: 34px;
}

.most_popular {
	color: black;
	font-weight: bold;
	text-align: left;
	width:100%;
	margin-top: 30px;
	letter-spacing: 1px;
}
.most_popular span {
	padding-bottom: 2px;
	border-bottom: 2px solid pink;
	line-height: 42px;
	font-size: 28px;
}

.most_popular ul {
	padding: 0;
}

.most_popular li {
	list-style: none;
	height:90px;
}

.popularthisweek_image {
	width:100px;
	float: left;
}

.popularthisweek_image img {
	width:100px;
}

.popularthisweek_info {
	width:188px;
	padding-left: 12px;
	float: right;
	line-height: 14px;
	margin-top: -4px;
}

.popularthisweek_title a:link, .popularthisweek_title a:visited  {
	color:black;
	text-decoration: none;
	font-weight: normal;
	font-size:11.5px;
}

.popularthisweek_title a:hover {
	text-decoration: underline;
}

.popularthisweek_stats {
	font-family: Arial;
	font-size: 9px;
	color: #999;
	font-weight: normal;
	margin-top: 6px;
}


.mc-field-group input {
	border: #ccc 1px solid;
	padding: 2%;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	letter-spacing: 1px;
	margin: 16px 0px 10px 0px;
	width: 96%;
	-webkit-appearance:none;
	border-radius: 0;
}

#mc-embedded-subscribe {
	background-color: #bbb;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	cursor: pointer;
	-webkit-appearance:none;
	border-radius: 0;
}

#footer {
width: 100%;
bottom: 0;
background-color: #222;
font-family: Helvetica, Arial;
font-size: 10px;
line-height: 26px;
color: white;
text-align: center;
margin: 0 auto;
float: left;
padding: 24px 0px;
text-transform: uppercase;
letter-spacing: 1px;
}

#footer ul {
	max-width: 1000px;
	margin: 0 auto;
	list-style: none;
	padding: 0;
}

#footer ul li:nth-child(1) {
	display: inline;
	width:100%;
	text-align: center;
	float: left;
	margin: 0%;
}

#footer a:link, #footer a:visited {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
	border-bottom: 2px solid white;
	padding-bottom: 3px;

}

.break {
	margin-bottom:24px;
	padding-top: 24px;
	border-bottom: 1px solid #f5f5f5;
}

.most_popular_mobile_container {
	display: none;
}

/* SMALL LAPTOP */

@media (max-width: 1100px) {

#articles ul li {
width: 30%;
padding: 0 1.66%;
min-height: 380px;
}

}

/* TABLET */

@media (max-width: 1016px) {

#adbar_top {
display: inherit;
width:100%;
text-align: center;
margin: 0px;
padding:16px 0px;
background-color: #f5f5f5;
}

#articles ul li {
min-height: 365px;
}

#adbar {
	display: none;
}

#adbar_middle {
display: inherit;
width:100%;
text-align: center;
padding-bottom:16px;
font-size: 11px;
font-family: Arial;
color:#ccc;
}

#adbar_middle iframe {
	max-height: none;
	width: 300px;
}

#adbar_bottom {
display:none;
}

#adbar_break {
display:none;
}

#adbar_break_mobile {
display:inherit;
width:100%;
text-align: center;
padding: 12px 0px 60px 0px;
background-color: white;
}

#adbar_bottom_mobile {
display: inherit;
width:100%;
text-align: center;
margin: 0px;
padding:16px 0px;
background-color: #f5f5f5;
}


#logo {
	padding-top:8px;
}

.right_content {
	display: none;
}

.left_content {
width: 100%;
}

}

/* SMALL TABLET */

@media (max-width: 980px) {

#navigation {
	display: none;
}

#social_icons {
padding-top: 35px;
margin-bottom: -60px;
}

#articles_info {
	width: 70%;
}


#search_mobile img {
	display: inherit;
}

#footer ul li:nth-child(1) {
	width:100%;
	border-top: none;
}

#footer ul li:nth-child(2) {
	width:100%;
	border-top: none;
}

}

/* MOBILE */

@media (max-width: 740px) {

.mc-field-group input {
	padding: 4%;
	margin: 16px 0px 24px 0px;
	width: 92%;
}

#subscribe {
	font-size: 24px;
}


#cart_mobile img {
	display: inherit;
}

.left_content {
	width: 98%;
	padding:0% 1%;
}

#logo {
	font-size: 60px;
	padding:12px 0px;
}

#social_icons {
display: none;
}

.selected_products li {
	width: 30%;
}

.selected_products li img {
	width: 30%;
	padding: 0% 1%;
	margin: 0;
	left: 0;
}

.selected_products li:nth-child(3) {
	display: none;
	padding: 0;
	margin: 0;
}

#articles ul li {
	width: 98%;
	padding: 0 1%;
}

#articles_info {
	width: 45%;

}

h3 {
	margin:16px 0px 50px 0px;
}

.info {
	font-size: 8px;
	padding: 10px 30px;
}

.article {
	font-size: 18.5px;
	line-height: 34px;
}

.list {
font-size: 15px;
line-height: 30px;
}

#pagination {
	padding: 40px 0px;
}

.cont input {
	margin:30% auto 0 auto;
	width: 250px;
	font-size: 24px;
	text-align: center;
	border-radius: 0;
}

h3 {
	font-size:22px;
	line-height: 32px;
}

#featured_post {
	height: 320px;
    background-size: 130%;
}

#featured_post span {
	top:65px;
	font-size: 28px;
	margin: 0px 5%;
	width: 90%;
	float: left;
	line-height: 42px;
}

#featured_post span img {
	width:260px;
}

.read_more {
	margin-top:30px;
}

.more_store {
	margin: 12px auto 22px auto;
}

.most_popular_mobile_container {
	display: inherit;
	width: 98%;
	padding: 0% 1% 5% 1%;
}

.most_popular li {
	width:100%;
	margin-bottom: 8px;
	height: inherit;
}

.popularthisweek_image {
width:27%;
}

.popularthisweek_image img {
	width:100%;
}

.popularthisweek_info {
	width:70%;
	padding-left: 0;
	margin-top: -4px;
}

.popularthisweek_title, .popularthisweek_title a:link {
	font-size: 14px;
	line-height: 21px;
}

}

@media (max-width: 330px) {

#articles_info {
	width:55%;
}

#featured_post {
	height: 280px;
}

#featured_post span {
	top:35px;
	font-size: 22px;
	line-height: 30px;
}

#featured_post span img {
	width:200px;
}

}