/*
Theme Name: DrinksFeed
Theme URI: https://drinksfeed.com/
Description: Default wordpress template for drinksfeed.com
Version: 1.0
Author: 406.media
Author URI: https://406.media

*/
/* 

l
   Reset
------------------------------------------------------------------- 

@font-face {
	font-family: 'Levenim';
	src: url('http://drinksfeed.com/fonts/levenim_mt.eot?#iefix') format('embedded-opentype'), 
	     url('http://drinksfeed.com/fonts/levenim-mt.ttf')  format('truetype');
	}
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900);*/
instagram-media {max-width:100% !important;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: 'Helvetica Neue',Arial,sans-serif;
	vertical-align: baseline;
	    color: #555;

}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: none;
}
:focus {
	outline: 0;
}

figure.wp-block-image {margin:0px; margin-bottom:20px}
/* 
   General 
------------------------------------------------------------------- */
html, body { height: 100%; }
body {
	background: #F2F2F2;
	/*border-top:#FFB900 solid 2px;*/
	color: #334;
	font: normal 75% sans-serif;
	line-height: 1.5;
	padding-bottom: 10px;
}
/* 
   Typography 
------------------------------------------------------------------- */
/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 245%;
}
h2 {
	font-size: 2em;
}

h3.news-strip-title{
	font-size: 180%;
}
.section-content h3, h3 {
	font-size: 1.5em;
}
h3.df-crumbs{
    line-height:30px;
        margin: 0px;
    
}
.df-bar{
  
    padding: 18px;
    z-index: 1000;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    height: inherit;
    box-shadow: #ccc 1px 1px 3px;
}
.section-content .thumbnail {}
h4 {
	font-size: 1.25em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
/* Links */
a:focus, a:hover {
	color: #357;
}
a {
	color: #357;
	text-decoration: underline;
}
.icon {
	padding-left: 18px;
	background-position: left center;
	background-repeat: no-repeat;
}
.icon-feed {
	background-image: url('img/icon-feed.gif');
}
.icon-comment {
	background-image: url('img/icon-comment.gif');
}
/* More links */
a.more {
	color: #579;
	font-weight: bold;
}
a.more:hover {
	color: #234;
}
/* Text elements */
p, .post li {
	margin-bottom: 1em;
	font-size:130%;

}

.post li {
	margin-bottom: 7px;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
}

.post-body small sup a{
    background: #4D90FE;
    padding: 1px;
    line-height: 14px;
    min-width: 15px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
}

blockquote {
 margin: 0px -35px;
    padding: 25px 40px;
    border-bottom: 3px solid #F3F6FA;
    background:#F2F6FA;
    margin-bottom: 25px;
    border: 1px solid #ccc;
}
del, blockquote {
	color: #666;
}
em, dfn, blockquote{
	font-style: italic;
}
strong, dfn {
	font-weight: bold;
}
sup, sub {
	line-height: 0;
}
pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em monospace;
	line-height: 1.5;
}
/* Lists */
li ul, li ol {
	margin-left: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 1.5em;
}

ul.line li, ol.line li {
	border-bottom: 1px dotted #ccc;margin-bottom: 10px;
}

ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
/* Special lists */
ul.plain-list li, ul.nice-list li, ul.tabbed li, .widget ul {
	list-style: none;
}
ul.tabbed {
	display: inline;
	margin: 0;
}
ul.tabbed li {
	float: left;
}
ul.plain-list {
	margin: 0;
}
ul.nice-list, .widget ul {
	margin-left: 0;
}
ul.nice-list li, .widget ul li {
	list-style: none;
	border-top: 1px solid #EEE;
	padding: 4px 0 0;
	margin-top: 4px;
}
ul.nice-list li:first-child, .widget ul li:first-child {
	border-top: none;
}
ul.nice-list li .right, .widget ul li .right {
	color: #999;
}
ul.nice-list ul, .widget ul ul {
	margin: 4px 0 0;
	border-top: 1px solid #EEE;
}
ul.nice-list ul li, .widget ul ul li {
	padding-left: 3px;
}
ul.nice-list ul li:first-child, .widget ul ul li:first-child {
	margin-top: 0;
}
ul.nice-list li a {
	text-decoration: none
}
ul.nice-list li a:hover {
	text-decoration: underline
}

.no-list-item{     list-style: none;}
.toprank li {
	list-style-type: decimal !important;
	list-style-position: inside !important;
	padding-left: 10px
}
.toprank li span {
	color: #999;
	width: 30px;
	float: right;
}
/* Tables */
table {
	margin-bottom: 1.4em;
	width: 100%;
}
th {
	font-weight: bold;
}
thead th {
	background: #C3D9FF;
}
th, td, caption {
	padding: 4px 10px 4px 5px;
}
tr.even td {
	background: #F2F6FA;
}
tfoot {
	font-style: italic;
}
caption {
	background: #EEE;
}
table.data-table {
	border: 1px solid #CCB;
	margin-bottom: 2em;
	width: 100%;
}
table.data-table th {
	background: #F0F0F0;
	border: 1px solid #DDD;
	color: #555;
	text-align: left;
}
table.data-table tr {
	border-bottom: 1px solid #DDD;
}
table.data-table td, table th {
	padding: 10px;
}
table.data-table td {
	background: #F6F6F6;
	border: 1px solid #DDD;
}
table.data-table tr.even td {
	background: #FCFCFC;
}
/* Misc classes */
.small {
	font-size: 0.9em;
}
.smaller {
	font-size: 0.8em;
}
.smallest {
	font-size: 0.7em;
}
.large {
	font-size: 1.15em;
}
.larger {
	font-size: 1.25em;
}
.largest {
	font-size: 1.35em;
}
.hidden {
	display: none !important;
}
.quiet {
	color: #999;
}
.loud {
	color: #000;
}
.highlight {
	background: #ff0;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-separator {
	padding: 0 5px;
}
.title-description {
	font-size: 1.1em;
	margin-bottom: 1em;
	color: #777;
}
/*
Notices
------------------------------------------------------------------- */

.error, .notice, .success, .loginnotice {
    padding: 25px;
    box-sizing: border-box;
    display:block;
    text-decoration:none;
    margin: 1em 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    border-radius: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.error {
	background: #FBE3E4;
}
.notice {
	background: #4D90FE;
	color: #fff;
}
.success {
	background: #E6EFC2;
}
.loginnotice{
background: #3A5795 url('https://drinksfeed.com/images/notice/padlock_ico_90.png') no-repeat left center;
color: white;
}

.loginnotice h2 {color: white;}

.loginnotice:hover{
    color: white;
    background: #3A5795 url('https://drinksfeed.com/images/notice/facebook_ico_90.jpg') no-repeat left center;
}
.loginnotice:hover, .error:hover {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}



@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}


/* 
   Forms 
------------------------------------------------------------------- */
label {
	cursor: pointer;
}
fieldset {
}
legend {
	font-weight: bold;
	font-size: 1.2em;
}
form textarea {
	overflow: auto;
}
form input.text, form textarea, form select {
	border: 1px solid #ccc;
	background: #ffffff;
	width:100%; 
	padding: 15px;
    margin: 2px 0px;
	box-sizing: border-box;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #cccccc;
    opacity: 1; /* Firefox */
}
form input.text:focus, form textarea:focus, form select:focus {
	background: #FFFFF5;
}
input.button {
	background: #EEE;
	border: 1px outset #BBB;
	padding: 3px 4px;
}
.button {
	background: #EEE;
	border: 1px outset #BBB;
	padding: 3px 4px;
}
input.button:active {
	border-style: inset;
}

.colorBox.RestDayState{
    border: 1px solid #ccc !important;
    background-color: transparent !important;
}
.dayContainer{
    width: 13% !important;
    text-align: center !important;
    margin-right: 1% !important;
}
.operationTime {
    margin-top: 5px;
    background: #ffffff !important;
}
.colorBox.WorkingDayState {
    border: 1px solid #3079ED !important;
    background-color: #4D90FE !important;
}
/* Specific */
form .required {
	font-weight: bold;
}
.form-error {
	border-color: #F00;
}
.form-row {
	padding: 5px 0;
}
.form-row-submit {
	border-top: 1px solid #DDD;
	padding: 8px 0 10px 76px;
	margin-top: 10px;
}
.legend {
	padding: 8px 14px;
	background: #F0FAF0;
	border: 1px solid #D6DFD6;
	font-size: 1.5em;
}
.form-property, .form-value {
	float: left;
}
.form-property {
	padding-top: 2px;
	text-align: right;
	width: 60px;
}
.form-value {
	padding-left: 16px;
}
.user_write, .dformed_txt{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	font-size: 1.7em;
    line-height: 100%;
    outline: 0 none;
    padding: 3px 8px;
    width: 100%;
	border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
	color: #333333;
}
/* 
   Alignment 
------------------------------------------------------------------- */
/* General */
.center, .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Images */
img.bordered, img.alignleft, img.alignright, img.aligncenter {
	/*background-color: #FFF;
	padding: 3px;
	border: 1px dotted #cccccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	*/
}

img.large {
	padding: 5px;
	width:100%;
	max-width:510px;
	height:auto;
}
img.full {
	border: 1px solid #DDD !important
}
#main-left .post a img, #sidebar-1 .post a img, #sidebar-2 a img, .sidebar a img {
}

#big_top_pic:hover img{
    
    -webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	-webkit-filter: contrast(150%); 
}
img.alignleft, img.left {
	margin: 0 1.5em 1em 0;
}
img.alignright, img.right {
	margin: 0 0 1em 1.5em;
}

.wt_s{ 
    position:relative;
    width:90px;
    height:90px;
    text-align:center;
    -webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
    
    }
.wt_s:hover .dropdown{
    top:90px;
    
    -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
    
}
.wt_s .thumbnail{ 
    /*position: absolute;*/
    top:0px;
    left:0px;
    z-index:1;
}
.wt_s .thumbnail:hover{ 
-webkit-filter: brightness(1.2); 
}

.wt_s .dropdown{
   display: inline-block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
    border-color: #FFBB00 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left:35px;
    z-index:2;
     -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.wt_s .loader_icon{
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;

}

/* Floats */
.left, .alignleft {
	float: left !important;
}
.right, .alignright {
	float: right !important;
}
.clear, .clearer {
	clear: both !important;
}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}
/* 
   Separators 
------------------------------------------------------------------- */
.content-separator, .archive-separator {
	background: #DDD;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;
}
.content-separator {
	margin: 20px 0;
}
.archive-separator {
	margin: 18px 0;
}
/* 
   Posts 
------------------------------------------------------------------- */
.post a {
	text-decoration: none;
}
.post a:hover {
	text-decoration: underline;
}
.post img.left, .post img.right {
	margin-bottom: 0;
}
.post-date {
	color: #777;
	margin: 4px 0 12px;
}
.post-date a {
	color: #444;
}
.post-date span {
	padding: 2px 5px
}
.post-date span a {
	color: #fff;
}
.post-date span a:hover {
	color: #fff;
	text-decoration: none
}
.post-title h1, .post-title h2, .post-title h3 {
	margin-bottom: 0;
}
.post-title h1 a {
	text-shadow: 0px 1px 2px #ddd
}
.post-meta {
	background: #FCFCFC;
	border: 1px solid #EEE;
	color: #777;
	font-size: 0.9em;
	padding: 6px 10px;
}
.post-meta a {
	color: #345;
}
.post-meta a:hover {
	color: #001;
}
.post-body {
	font-size: 1.1em;
}
.post-body a {
	color: #039;
}
.post-body a:hover {
	color: #039;
}
.post-body img.left, .post-body img.right {
	margin-bottom: 1em;
}

.post-body img { 
    box-sizing: border-box;
    height:auto; 
    max-width:100%;   
    /*
    border: 1px solid #ccc;
    padding: 5px;
    */
    }
/* Archives */
.archive-pagination {
	margin-bottom: 16px;
}
.archive-post-date {
	background: #F5F5F5;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
}
.archive-post-title .post-date {
	margin: 0;
}
.archive-post-title {
	padding-top: 4px;
}
.archive-post-day {
	font: normal 1.6em Georgia, serif;
}
/* Paginatin etc */
.navigation {
	margin: 8px 0 14px;
	background: #F9F9F9;
	border: 1px solid #EEE;
	padding: 5px 10px;
}
.navigation a {
	text-decoration: none;
}
.navigation a:hover {
	text-decoration: underline;
}
.navigation .right {
	text-align: right;
}
.navigation-comments .left, .navigation-comments .right, .navigation-archive .left, .navigation-archive .right {
	width: 125px;
}
.navigation span.current {
	font-weight: bold;
}
.navigation a.page-numbers, .navigation span.current {
	padding: 0 3px;
}
.df_main_sub_link{color:#999;}

.inpage-menu{text-align:center}
/* 
   Layout 
------------------------------------------------------------------- */
/* General */
.center-wrapper {
	margin: 0px auto;
	max-width:1150px;
	padding:0px 10px;
	width:100%;
	box-sizing: border-box;
}

/* Network */
#network .center-wrapper { width:100%}
#network {
	background: #F2F2F2;
}
#network .left {
	color: #333;
	padding: 6px 0;
}
#network .tabbed a {
	display: block;
	padding: 6px 10px 7px;
	text-decoration: none;
	color: #666;
	border-right: 1px dotted #ccc;
}
#network li a:hover {
	background: #F6F6F6;
	color: #000;
}
#network li.current-tab a {
	background: #FFF;
	font-weight: bold;
}
#network .text-separator, #network span {
	color: #999;
}
#network .right {
	text-align: right;
}
/* Overview */
#overview a {
	color: #777;
	text-decoration: none;
}
#overview a:hover {
	color: #123;
}
/* Toolbar */
#toolbar {
	padding: 12px 0 8px;
	font-size: 1.1em;
	color: #999;
}
#toolbar a {
	color: #999;
	text-decoration: none;
}
#toolbar a:hover {
	color: #123;
}
#toolbar img {
	vertical-align: middle;
}
/* Header */
#header {
      padding-top: 52px;
    background: #F2F2F2;
}
/* Site title */
#site {


		
}
#site-title {
	font: normal 1.6em "Times New Roman", Times, serif;
	border-bottom: 1px solid #CCC;
	padding: 16px 0 4px;
}
#site-title h3 {
	font: normal 2.6em "Times New Roman", Times, serif;
}
#site-title span {
	color: #999;
}
#site-title a {
	color: #000;
	text-decoration: none;
}
/* Navigation */
#navigation {
	background:#F2F2F2;

	padding:15px 0px;
	
}
#navigation a {
	display: block;
	text-decoration: none;
}
/* Main navigation */
#main-nav a {
	color: #888;
	font-size: 1.5em;
	padding: 9px 14px;
}
#main-nav li {
	background: url('img/navigation-separator.gif') no-repeat left center;
}
#main-nav li:first-child {
	background: none;
}
#main-nav li.current_page_item a, #main-nav a:hover {
	color: #002;
}
/* Subnav */
#sub-nav {
	background: #DDEDF7;
	padding: 0 5px;
}
#sub-nav a {
	color: #678;
	font: bold 1.2em sans-serif;
	padding: 10px;
}
#sub-nav li.current_page_item a, #sub-nav a:hover {
	color: #223;
}
/* Main */
.main {
	margin-bottom: 18px;
}
.main#main-three-columns {
	
}
.main#main-three-columns .sidebar {
	width: 200px;
}
.main#main-three-columns #main-left {
	
	padding: 25px;
	min-height: 450px;
	padding-left: 0px;
	padding-right: 0px;
}

.sidecolumn{
    float: left;
    width: 37%;
    padding: 25px;
    padding-bottom:0px;
    margin-bottom: 5px;
    box-sizing: border-box;
    /*background-image: linear-gradient(to right, #f6f6f6 0%, #fff 8px);*/
}
.sidecolumn p{font-family: inherit; font-size: inherit;}
a.btn-icon {
height: 30px;
    width: auto;
    box-sizing: border-box;
    padding: 0px !important;
}
a.btn-icon .ico{display:block;width:30px; height:30px;border-right: 1px dotted #ccc;}
a.btn-icon .txt{display:block;width:auto; height:30px;padding: 6px 10px 0px 10px;}
#main-left {width: 63%;box-sizing: border-box;}


.main#main-two-columns {
	
}
.main#main-two-columns .sidebar {
	width: 260px;
}
.main#main-two-columns #main-left {
	width: 671px;
}
.sidebar a {
	text-decoration: none;
}
.sidebar a:hover {
	text-decoration: underline;
}
#sidebar-1 {
	float:left;
}
#sidebar-2 {
	width: 200px;
	float:right;
}
/* Columns */
.col3 {
	width: 160px;
}
.col3-mid {
	margin-left: 2%;
}
/* Sidebar */
#sidebar-wrapper {
}
#sidebar {
}
/* Sidebar sections */
.section {
	margin-bottom: 16px;
}
.section-title {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font: normal 18px sans-serif;
	margin-bottom: 15px;
	min-height: 0;
	padding:15px 0px;
	color: #357;
}

/* Dashboard */
#dashboard {
	background: #FAFAFA url('img/dashboard.gif') repeat-y left top;
	border: 1px solid #E7E7E7;
}
#dashboard .column {
	width: 50%;
}
#dashboard #column-4 {
	border-right: none;
}
#dashboard .column-content {
	padding: 14px 16px;
}
#dashboard .column-title {
	color: #666;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 5px;
}
#dashboard a {
	color: #456;
}
#dashboard a:hover {
	color: #000;
}
/* Footer */
#footer {
	padding: 10px 0;
}
#footer a {
	color: #579;
	text-decoration: none;
}
#footer .right, #footer .right a {
	color: #999;
	text-decoration: none;
}
#footer .text-separator {
	padding: 0 3px;
	color: #BBB;
}
#footer a:hover {
	color: #000;
}
/* 
   Captions 
------------------------------------------------------------------- */
.wp-caption {
	border: 1px solid #DDD;
	text-align: center;
	background-color: #F9F9F9;
	margin: 10px;
	box-sizing: border-box;
    max-width: 100%;
    padding: 0px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 0.9em;
	padding: 10px;
	margin: 0;
}
/* 
   Comments 
------------------------------------------------------------------- */
.comment-input-text textarea {
	width: 80%;
}
/* Comment list */
.comment-list {
	background: #F6F6F6;
	margin: 0;
	padding: 1px 12px 12px 7px;
}
.comment-list li {
	list-style: none;
}
.comment-list ul {
	margin-bottom: 0;
}
.comment-profile-wrapper {
	text-align: center;
	width: 105px;
}
.comment-gravatar {
	margin-bottom: 3px;
}
.avatar {
	float:left;
	margin-right: 10px
}
.commentmetadata {
	font-size: 11px
}
.comment-content-wrapper {
	float: right;
	width: 538px;
}
.comment-parent, .comment-single {
	margin-top: 15px;
}
.comment-list ul.children, #comments #respond ul {
	border-left: 1px solid #CCC;
	margin: 0 0 0 130px;
}
.comment-list ul.children ul.children {
	margin-left: 15px;
}
.comment-list ul.children li {
	background: url('img/comment-reply.gif') no-repeat left top;
	padding: 10px 0 0 15px;
	margin: 0;
}
.comment-body {
	background: #FFF;
	padding: 8px 12px 0;
	border: 1px solid #DDD;
	margin: 0;
}
.comment-list ul.children .comment-body {
	background: #FCFCFC;
}
.comment-text p {
	margin-bottom: 0.8em;
}
.comment .post-date {
	margin-top: 0;
}
.comment .post-date .right a {
	color: #BBB;
}
.comment .post-date .right a:hover {
	color: #234;
}
.comment-arrow {
	background: url('img/comment-arrow.gif') no-repeat left top;
	float: left;
	height: 45px;
	margin-bottom: -45px;
	margin-left: -40px;
	margin-top: 5px;
	width: 29px;
}
/* Respond */
#respond li {
	list-style: none;
}
#respond {
	background: #F6F6F6;
	padding: 10px 12px;
}
#respond ul {
	margin: 0;
}
#respond .legend {
	margin-bottom: 10px;
}
#comments #respond {
	padding: 0;
}
#comments #respond .legend {
	margin-bottom: 0;
	border-bottom: 0;
}
#comments #respond ul {
	padding: 10px 0 0 15px;
	background: url('img/comment-reply.gif') no-repeat left top;
}
#comments ul.children #respond ul {
	margin-left: 30px;
	padding: 0;
}
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow {
	display: none;
}
#comments #respond .comment-body {
	background: #FFF;
}
#comments #respond .comment-content-wrapper {
	width: 100%;
	float: none;
}
/* 
   Misc overriding classes
------------------------------------------------------------------- */
/* Border */
.noborder {
	border: 0;
}
.notborder {
	border-top: 0;
}
.norborder {
	border-right: 0;
}
.nobborder {
	border-bottom: 0;
}
.nolborder {
	border-left: 0;
}
/* Margin */
.nomargin {
	margin: 0;
}
.notmargin {
	margin-top: 0;
}
.normargin {
	margin-right: 0;
}
.nobmargin {
	margin-bottom: 0;
}
.nolmargin {
	margin-left: 0;
}
/* Padding */
.nopadding {
	padding: 0;
}
.notpadding {
	padding-top: 0;
}
.norpadding {
	padding-right: 0;
}
.nobpadding {
	padding-bottom: 0;
}
.nolpadding {
	padding-left: 0;
}

.no-image{
  background:#fff !important;
  background-image:none !important;
  color:#ccc !important;
}

.no-image a{
    color:#357 !important;
}
.no-image .post-date{ color:#777 !important;}


/* IE float/bg fix */
* html #sub-nav, * html .section-title, * html .main, * html .comment-list ul.children li, * html .comment-list ul.children li, * html .legend, * html .comment-body, * html #comments #respond ul {
	height: 0.01%;
}
#sub-nav, .section-title, .main, .comment-list ul.children li, .comment-list ul.children li, .legend, .comment-body, #comments #respond ul {
	min-height: 0.01%;
}
* html #network .right {
	width: 300px;
}
.sharebox {
	text-align:left;
	width: auto
}
/*Tabs*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 26px;
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCCCCC
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 26px;
	line-height: 26px;
	background: #DCEDF7;
	overflow: hidden;
	position: relative;
	margin-right: 2px
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 13px;
	outline: none;
}
ul.tabs li a:hover, ul.tabs .active a {
	background: #FFA004;
	color: #FFFFFF;
}
#presscons a img {
	border-right: 2px solid #E7E7E7;
	border-bottom: 2px solid #E7E7E7;
}
#presscons a:hover img {
	border: none;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
}
#pressbox_dropdown {
	padding: 3px;
	width: 430px;
	margin-left: 5px;
	float:right
}
.presslist_off {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
}
.presslist_on {
	background: #F2F6FA;
	border: 1px solid #ccc;
}
#nav {
	background: #ffffff;
	list-style-position: inside;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	position: relative;
	z-index: 1000
}
#nav li {
	display: inline
}
#nav li a {
	display: inline-block;
	padding: 5px 15px;
	text-decoration: none;
	font-size: 1.5em;
	color: #888;
	margin: 0px
}
#nav .first a {
	margin: 0px !important
}
#nav li a:hover {
	text-decoration: none;
}
#nav .current_page_item a, #nav .current_page_ancestor a {
	background: #8A1712;
	color: #FFFFFF;
	text-decoration: none;
}
#nav li ul {
	position: absolute;
	background: #DCEDF7;
	text-align: left;
	margin: 0px;
	padding: 4px 0px;
	list-style-position: inside;
	left: 0px;
	top: 35px;
	width: 100%;
	clear: both
}
#nav li ul li {
	list-style-position: inside;
	padding: 0px;
	margin: 0px
}
#nav li ul li a {
	padding: 6px 10px;
	margin-left: 0px;
	display: inline-block;
	font-weight: normal;
	text-transform: none;
	font: normal normal bold 1.2em/normal sans-serif;
}
#nav li ul li a span {
	display: block;
	float: right;
	color: #F5F5F5;
	text-align: right
}
.tabbed li ul {
	background: #DCEDF7 !important;
	display: block;
	height: 30px;
	padding: 0px;
	margin: 0px
}
.tabbed li ul li {
	padding: 0px;
	margin: 0px;
	list-style-position: inside
}
.tabbed li ul li a {
	padding: 0px;
	margin: 0px;
	font-size: 11px
}
/*slide box*/
#slidebox {
	width: 350px;
	height: 132px;
	background-color: #fff;
	position: fixed;
	bottom: 10px;
	right: -430px;
	-moz-box-shadow: -2px 0px 5px #aaa;
	-webkit-box-shadow: -2px 0px 5px #aaa;
	box-shadow: -2px 0px 5px #aaa;
}
#slidebox .action {
	background: #FDF5CE;
	padding: 6px 5px;
	border-top: 3px solid #FAE57C
}
#slidebox .button {
	text-decoration: none;
	color: #000
}
#slidebox .content {
	height: 80px;
	padding: 10px;
	line-height: normal
}
#slidebox .content h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px
}
#searchform label {
	display: none
}
#searchsubmit {
	background: #EEE;
	border: 1px outset #BBB;
	padding: 3px 4px;
}

#dashboard ul {
	padding:0px;
	margin: 0px
}
.dbem-calendar-table {
	background: #F2F6FA;
	border-top: 10px solid #F2F6FA;
	border-bottom: 10px solid #F2F6FA
}
.dbem-calendar-table .eventful {
	background: #DCEDF7 !important
}
.wine_events ul {
	padding: 0px;
	margin: 0px;
	list-style-position: inside
}
.wine_events li {
	padding: 0px;
	margin: 0px;
	list-style-type: none
}
.wine_events h2, .bluetag h2, .searchbar h2{
	border-bottom: 1px solid #cccccc;
	font-size: 18px;
	margin-bottom: 14px;
	margin-top: 15px;
	padding: 0px
}
.wine_events h2 span, .bluetag h2 span, .searchbar h2 span{
	display: block;
	padding: 8px 0px;
	font-weight: bold;
	color: #666666;
	text-align: left;
}
.wine_events h2 a, .bluetag h2 a {
	text-decoration: none;
}
h1.single_title a {
	text-decoration:none;
	display: block
}
h1.single_title a:hover {
	text-decoration: none;
	display: block;
	background: #F2F6FA
}
.snapper img {
	border: #fff 5px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 3px #ddd;
	-moz-box-shadow: 1px 1px 3px #ddd
}
/* pressbox*/
.site_more_btn {
	cursor: pointer;
	display: inline-block;
	font-size: 1.16666666667em;
	font-weight: bold;
	line-height: 1.25em;
	overflow: visible;
	padding: 7px;
	width: auto;
	zoom: 1;
	clear: both;
	background: -moz-linear-gradient(center top, #5B9DCC 0, #517CA8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5B9DCC), color-stop(1, #517CA8));
	background: -moz-linear-gradient(center top, #5B9DCC 0, #517CA8 100%);
	-pie-background: linear-gradient(270deg, #5B9DCC, #517CA8);
	border: 1px solid #52606B;
	text-shadow: #52606B 1px 1px 0;
	border-image: initial;
	color: #fff !important;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: block;
	margin-bottom: 0px;
	padding: 10px 0px;
	text-align: center;
}
.hand-down {
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	width: 17px;
	height: 22px;
	background: url(/img/hand.png) no-repeat top center;
}
.site_more_btn:hover {
	-webkit-box-shadow: none;
	text-decoration: none !important;
	border-color: #333;
	color: #F5F5F5 !important;
	text-shadow: black 0px 1px 0px;
	-moz-box-shadow: none;
}
.follow_btn {
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: center;
	display: block;
	padding: 6px 0px;
	background-color: #FF9F00;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDC100), to(#FFA000));
	background: -moz-linear-gradient(top, #FDC100, #FFA000);
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0px 1px 2px #C67B00;
	box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	border: 1px solid #FDC100;
}
a.follow_btn:hover {
	color: #FFFFFF;
	text-shadow: 0px -1px 1px #C67B00;
	border: 1px solid #FFA000;
	box-shadow: none;
	-moz-box-shadow: none;
}
.round4 {
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.round{
    border-radius:50% !important; 
}
.social_strip img {
	margin-left: 2px
}
a:hover img.outbound {
	background: #FEAC00 !important
}
.timer-icon {
	background: -moz-linear-gradient(center top, #5B9DCC 0, #517CA8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5B9DCC), color-stop(1, #517CA8));
	background: -moz-linear-gradient(center top, #5B9DCC 0, #517CA8 100%);
	-pie-background: linear-gradient(270deg, #5B9DCC, #517CA8);
	border: 1px solid #52606B;
	color: white;
	text-shadow: #52606B 1px 1px 0;
	margin-bottom: 5px;
	border-image: initial;
	padding: 8px 0px;
	display: block;
	text-decoration: none;
	text-align: center;
	clear: both;
}
.webtag {
	text-transform: uppercase;
	background-color: #FFBB00;
	padding: 2px 7px;
}
.webtag a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px
}
.webtag a:hover {
	text-shadow: none;
}
.current-menu-item .sub-menu {
	display: block !important
}
.pressbox_logo {
	float: left;
	padding: 2px;
	border: 1px dotted #E7E7E7;
	margin-right: 10px;
	width: 90px;

}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#menu-footermenu, #menu-footermenu li {
	padding: 0px;
	margin: 0px;
	display: inline;
	list-style: none;
	list-style-position: inside
}
.menu-footermenu-container {
	display: inline
}
.wtevent_date {
float: left;
width: 80px;
margin-right: 10px;
background: #FFBB00;
padding: 5px 5px;
line-height: 15px;
font-size: 11px;
height: 80px;
color: #fff;
	
}
.wtevent_date div {

	padding-top: 3px
}
.wtevent_date img {
	box-shadow: none !important;
	margin-left: 4px;
	border: 1px solid #FFA100
}
.blue_value {
	font-weight: bold !important;
	font-size: 11px;
	color: #333 !important;
	line-height: 16px !important;
	font-family: Helvetica, Arial, Tahoma, sans-serif !important;
	background-color: #E6E7E2;
	border-color: #E6E7E2 !important;
	display: block;
	float: left;
	padding: 0 3px !important;
	line-height: 16px !important;
	border: 1px solid #999999;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px 3px 3px 3px !important;
	margin-left: 2px !important;
	margin-top: 3px
}
.post-body h2 {
    border-bottom: 1px solid #eee;
    padding: 10px 0px;
        margin: 10px 0px 15px 0px;
}
.post-body h3 {
	margin-bottom: 15px !important
}
.post-body ol li {
	padding-bottom: 10px !important
}
/* buttons */
.makeyellow {
	background: -moz-linear-gradient(center top, #FFCA00 0, #FF9B00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFCA00), color-stop(1, #FF9B00));
	background: -moz-linear-gradient(center top, #FFCA00 0, #FF9B00 100%);
	-pie-background: linear-gradient(270deg, #ffca00, #ff9b00);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #CC7C00;
	color: white;
	text-shadow: #D08D00 1px 1px 0;
	margin-bottom: 5px;
	border-image: initial;
	padding: 8px 0px;
	display: block;
	text-decoration: none;
	text-align: center;
	clear: both;
}
a.makeyellow:hover {
	color: #fff;
	box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	border: 1px solid #FF9F00;
}
a.timer-icon:hover {
	color: #FFFFFF;
	box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	border: 1px solid #5280AC;
}
.virtualtasting {
	background:url(/images/virtualtastingbg.png) center center no-repeat;
}


a.showlocation {
	padding-left:20px
}
a.showheadtop, {
/*	background:#FFF*/
color:#333; font-size:11px;
}
a.showheadtop:hover {
	background:#ccc
}

/* end buttons */

.single_event span {
	padding:0px
}


/*NEW CLEAN UP */

/*-----------BUTTONS--------------*/

.gloss-btn{
    border: 1px solid rgba(255,255,255,0.3);
    display: inline-block;
    background-color: #0080c7;
    -webkit-box-shadow: inset 0 14px 0 0 rgba(255,255,255,0.1), 0px 0px 0px 1px rgba(0,0,0,0.5), 0 1px 1px 1px #888;
    -moz-box-shadow: inset 0 14px 0 0 rgba(255,255,255,0.1), 0px 0px 0px 1px rgba(0,0,0,0.5), 0 1px 1px 1px #888;
    box-shadow: inset 0 14px 0 0 rgba(255,255,255,0.1), 0px 0px 0px 1px rgba(0,0,0,0.5), 0 1px 1px 1px #888;
    font-size: 13px;
    padding: 5px 17px;
    margin: 15px 8px 15px 2px;
    color: #f4f4f4 !important;
    text-shadow: 0 -1px 0 #333;
    cursor: pointer;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    font-weight: 600;
}
.gloss-btn:hover{
    background-color: #008bd9;
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
}
.gloss-btn:active{
    background-color: #006ab0;
    -webkit-box-shadow: 0px 0px 0px 1px #ccc, inset 0 1px 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 0px 1px #ccc, inset 0 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 0px 1px #ccc, inset 0 1px 1px 1px rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.2);
    text-shadow: 0 -1px 0 #333;
}

.xlarge-gbtn{
    padding: 9px 32px;
    font-size: 16px;
	display:block;
	text-align:center;
	margin:5px 0px 2px 0px;
    -webkit-box-shadow: inset 0 19px 0 0 rgba(255,255,255,0.1), 0px 0px 0px 1px rgba(0,0,0,0.5), 0 1px 1px 1px #888;
    -moz-box-shadow: inset 0 19px 0 0 rgba(255,255,255,0.1), 0px 0px 0px 1px rgba(0,0,0,0.5), 0 1px 1px 1px #888;
    box-shadow: inset 0 19px 0 0 rgba(255,255,255,0.1), 0px 0px 0px 1px rgba(0,0,0,0.5), 0 1px 1px 1px #888;
}

.mlarge-gbtn{
    padding: 3px 12px;
    font-size: 14px;
	display:inline-block;
	text-align:center;
	margin:0px;
    -webkit-box-shadow: inset 0 19px 0 0 rgba(255,255,255,0.1), 0px 0px 0px 1px rgba(0,0,0,0.5), 0 1px 1px 1px #888;
    -moz-box-shadow: inset 0 19px 0 0 rgba(255,255,255,0.1), 0px 0px 0px 1px rgba(0,0,0,0.5), 0 1px 1px 1px #888;
    box-shadow: inset 0 19px 0 0 rgba(255,255,255,0.1), 0px 0px 0px 1px rgba(0,0,0,0.5), 0 1px 1px 1px #888;
}
/* NEW BUTTONS
only use these classes for buttons */

.buttons {
    float: left;
    padding-bottom: 20px;
    clear: both;
}
a.button, button.button, span.button {
    color: #6e6e6e;
	text-align:center;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 0px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #DCEDF7;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#DCEDF7),to(#DCEDF7));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#DCEDF7),to(#DCEDF7));
    border: solid 1px #dcdcdc;
   /* border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;*/
    margin-right: 10px;
	cursor:pointer
}
a.button:hover, button.button:hover, span.button:hover, .wt_avatar {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active, span.button:active, button.button:active {
    color: #000;
    border-color: #444;
}


a.bblue, div.bblue, button.bblue, span.bblue{ 
	background: #4D90FE;
    /*background-image: -webkit-gradient(linear,0% 40%,0% 70%,from(#4D90FE),to(#4787ED));
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);*/
    border: solid 1px #3079ED;
	color:#FFF;
	text-shadow: 0 1px 0 #3079ED;
	}

a.bblue:hover, span.bblue:hover, button.bblue:hover{ 

	background-color: #4D90FE;
	background-image: -webkit-gradient(linear,0% 40%,0% 70%,from(#4D90FE),to(#4787ED));
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    /*background-image: -webkit-gradient(linear,0% 40%,0% 70%,from(#4D90FE),to(#357ae8));
    background-image: -moz-linear-gradient(center top , #4D90FE, #357ae8);*/
    border: solid 1px #245bb7;
	color:#FFF;
	text-shadow: 0 1px 0 #3079ED;

}

a.leftb {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
	float:left;
	padding:7px 12px
}
a.middleb {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
	float:left;
	padding:7px 12px
}
a.middleb:hover, a.rightb:hover { border-left: solid 1px #999 }
a.rightb {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
	float:left;
	padding:7px 12px
}
a.big, button.big, span.big {
    font-size: 16px;
    padding: 10px 0px;
}
a.supersize, button.supersize, span.supersize {
    font-size: 20px;
    padding: 15px 0px;
}
a.full, button.full, span.full{ width:100%}

/*
SHADOWS
*/
.bshadow {
-moz-box-shadow: 0px 2px 4px #cccccc;
-webkit-box-shadow: 0px 2px 4px #cccccc;
box-shadow: 0px 2px 4px #cccccc;
}
/*MENU ITMES*/
#menu { height:40px}

#lower-menu { margin:0px;}
#nav-box, #nav-box-user {
width: 100%;
z-index: 99;
 display:none}

#lower-menu ul, #lower-menu ul li{ list-style:none; margin:0px; padding:0px; display:inline}
#lower-menu ul li a{ display:inline-block; padding:3px 20px; border-top:2px solid #cccccc;}
#lower-menu ul li a:hover{border-top:2px solid #3F83F1}
a.nav_main_box {display:inline-block;width: 90px; height: 90px; background-color: #FFB900;  font-size: 100%;text-align: center;  margin:5px;text-decoration:none;-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out; }

a.nav_main_box div{padding-top: 68px; }
a.nav_main_box:hover{background-color: #498AF3; color:#fff}
a.liveblue{ background-color: #498AF3 !important;color:#fff !important;}
a.liveblue div{color:#fff !important;}
a.liveblue:hover{background-color: #FFB900; color:#fff}

a.greybox{ background-color: #E9E9E9;}

#article_list a.nav_main_box div{    padding-top: 50px;
    color: #fff;
    height: 20px;
    overflow: hidden; }

#lower-menu .lifestyle{background-color: #e9e9e9;}
#lower-menu .periodicals{background-color: #e9e9e9;}
#lower-menu a.topblock{color:#FFF; text-decoration:none;background-size: 80% 80%;}
#lower-menu a.topblock div{color:#FFF;}
#lower-menu .topblock{clear: both;font-size: 125%;text-align: right;}
#lower-menu .topblock div{padding-top: 66px; padding-right: 10px;}
#lower-menu .wine,a.wine, .df-197{ background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/wine.png) no-repeat center;background-size: 80% 80%; }
#lower-menu .beer,a.beer, .df-17184{ background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/beer.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .brandy,a.brandy, .df-4436{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/brandy.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .gin,a.gin, .df-16787{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/gin.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .rum,a.rum, .df-11910{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/rum.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .tequila,a.tequila, .df-16137{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/tequila.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .vodka,a.vodka, .df-11358{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/vodka.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .whisky,a.whisky, .df-4437{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/whisky.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .cider,a.cider, .df-69731{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/cider.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .coffee,a.coffee, .df-69708{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/coffee.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .bourbon,a.bourbon, .df-69837{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/bourbon.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .soda,a.soda, .df-69710{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/soda.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .sake,a.sake, .df-22229{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/sake.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .tea,a.tea, .df-69762{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/tea.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .water,a.water, .df-69740{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/water.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .cocktails,a.cocktails, .df-147{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/cocktail.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .breakfast,a.breakfast, .df-4322{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/breakfast.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .lunch,a.lunch, .df-68906{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/lunch.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .supper,a.supper, .df-4324{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/supper.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .munchies,a.munchies, .df-68592{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/munchies.png) no-repeat center;background-size: 80% 80%;}
#lower-menu .dessert,a.dessert, .df-4325{background:#E9E9E9 url(/wp-content/blogs.dir/1/files/2015/10/dessert.png) no-repeat center;background-size: 80% 80%;}
#lower-menu a:hover {background-color:#FFB900;}
#lower-menu a.liveblue:hover{background-color:#498AF3;}

.df-yellow{ background-color:#FFBB00 !important}
.df-blue{background-color:#4D90FE !important}

.wt_top_nav{ list-style-type:none; color: #888;font-family:sans-serif; padding:0px; margin:0px; }
.wt_top_nav a{color: #888; font-size:18px; color: #888; text-decoration:none}
.wt_top_nav li {display:inline-block;border-right: 1px dotted #ccc; padding: 2px 10px; line-height: 15px;}
.wt_top_nav li a{ display:block; color: #555; margin-top:2px}
.wt_top_nav li a:hover{  color: #357}
.wt_top_nav li ul {width:970px; padding:10px 10px 10px 15px; margin:0px; position:absolute; background: #DCEDF7 !important;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-top-left-radius: 0px 0px;
border-top-right-radius: 0px 0px;
box-shadow: 1px 1px 3px #CCC; height:200px;	left:			0;
	top:			37px;
	z-index:		99; display:none }
/*.wt_top_nav li:hover ul { display:block}*/
.wt_top_nav li ul div{ background:#fff; width:200px; height: 180px; float:left; margin-right:0px;-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px; padding:10px}
.wt_top_nav li ul div img{ border:none; padding:0px; margin:0px; margin-bottom:5px}
.wt_top_nav li ul div a{padding:0px; margin:0px}
.wt_top_nav li ul li{list-style-type:none; width:200px; display:inline-block; float:left;  border-bottom:1px dotted #CCC; padding:2px; margin-right:5px}
.wt_top_nav li ul li a{ padding:2px 10px; display:block; font-size:16px;}
.wt_top_nav li ul li a:hover{-moz-border-radius: 4px; border:none; -khtml-border-radius: 4px; -webkit-border-radius: 4px;}

nav .square{ width: 66px;height: 66px;}
nav .key{box-sizing: border-box;margin: -18px;}
nav .key img{height: 16px;width: auto;margin-top: 17px;}
nav .profile {padding:0;border-right:none;text-decoration:none;}
nav .profile img{margin: -18px;}
nav .add {box-sizing: border-box;margin: -18px;margin-right: 18px;border: none;border-left: 1px solid #ccc;background: none;font-size: 32px;line-height: 47px;color: #4D90FE;}
nav .search{box-sizing: border-box;margin: -18px;margin-right:18px;    border: none;border-left: 1px solid #ccc;background: none;}
nav .search img{height: 16px;width: auto;margin-top: 17px;}

nav .df_top_logo_load,nav .df_top_logo{margin: -18px;margin-right: 20px;}
nav .nav-featured{text-decoration:none}
#wyncc{

	
		}
#masthead-dropdown {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 2px;
	margin-left:5px
}

#masthead-dropdown:hover {transform: rotate(-90deg);top: 0;}


.fb_flyout_tag {background: #3B5997;    color: #FFFFFF;     display: none;     font-size: 12px;     font-weight: normal;     padding: 10px 10px 11px;     position: absolute;     right: 37px;     top: -1px;     width: 150px;     z-index: 10;}

.navlogin{display:inline-block; float:right; padding:9px 13px !important; position:relative; z-index:11}

/*STREAM BOXs */

.postbox {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    float: left;
    margin: 10px;
    padding: 10px;
    width: 200px;
}
.postbox:hover {
    background: none repeat scroll 0 0 #F2F6FA;
    text-shadow: 0 1px 0 white;
}
.postbox:hover .webtag a {
    text-decoration: none;
    text-shadow: 0 1px 0 #6A611A;
}
/* pressbox logo*/
.press_logo {
	float: left;
	width: 90px;
	height: 90px;
	overflow:hidden;
	margin: 0px 10px 0px 0px;
	position: relative;
	font-size: .8em;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
}


/* -- make sure to declare a default for every property that you want animated -- */
		/* -- general styles, including Y axis rotation -- */
.press_logo .front {
    background-color:#FFB900;
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: inherit;
	height: inherit;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.press_logo.flip .front {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.press_logo .back {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 800;
	width: inherit;
	height: inherit;
	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.press_logo.flip .back {
	z-index: 1000;
	background: #e9e9e9;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}
/* header banners*/
.cat_id_17184{ background:url('http://cache.winetimes.co/images/headers/beer.jpg') no-repeat center center;
    min-width:100%;
    background-size:cover;}
	
#web_resources {
    z-index:98;
	transition:top 1s;
    -webkit-transition:top 1s; /* Safari */
}

.web_resources_bottom {
    position: fixed;
    top:15px    
}
.web_resources_top {
    position: static;
    top:0px 
}
.wine_bar_bottom {
    position: fixed;
    top: 250px;
    width: 368px  
}
.wine_bar_top {
    position: static;
    top: 0px;
    width: 100% 
}
/* top:-36px; left:0px; width:100%; z-index:99;
#gtop{ border-bottom:3px solid #DCEDF7; transition:top 1s;-webkit-transition:top 1s; border-top: 2px solid #FFB900;} */ 

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
    top: 0;
    left: 0;
    right: 0;
    transition: all .2s ease-in-out;
    max-width: 1200px;
    margin: 0px auto;
}
.headroom--pinned {
    transform: translateY(0%);
    position:fixed;
    top: 0;
}
.headroom--unpinned {
    position:fixed;
transform: translateY(100%);
    top: -135px;
}
.headroom--top{
    transform: translateY(0%);
        position: initial;
        top: 0;
}

/*--------SUBSCRIBE BUTTON---------*/
	
		

.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	float:left;
	/*padding: 2em 0 3em;*/
}

.hi-icon {

	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
	float:left;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
		font-family:Arial, Helvetica, sans-serif;
	speak: none;
	font-size: 20px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}



.hi-icon-link:before {
	content: "\e00c";
}



.hi-icon-wrap .subscriber_txt{font-size: 14px;float: left;margin: 5px 0px 0px 10px; line-height: 12px;}


/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
	box-shadow: 0 0 0 3px #4C8FFB;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
		border-radius: 50%;

}
.icon-plussign:before {
	content: "+";
}
.icon-minussign:before {
	content: " ";
}

.hi-icon-effect-3 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #4C8FFB;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
		border-radius: 50%;
}

/* Effect 3a */
.hi-icon-effect-3a .hi-icon {
	color: #fff;
		border-radius: 50%;
}

.no-touch .hi-icon-effect-3a .hi-icon:hover {
	color: #4C8FFB;
		border-radius: 50%;
}

.no-touch .hi-icon-effect-3a .hi-icon:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
		border-radius: 50%;
}

/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
	color: #4C8FFB;
	border-radius: 50%;
}

.no-touch .hi-icon-effect-3b .hi-icon:hover {
	color: #fff;
	border-radius: 50%;
}

.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
	border-radius: 50%;
}

.no-touch .hi-icon-effect-3b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	border-radius: 50%;
}





.hi-icon-effect-5 .hi-icon {
	box-shadow: 0 0 0 4px #4C8FFB;
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	border-radius: 50%;
}

.hi-icon-effect-5 .hi-icon:after {
	display: none;
	border-radius: 50%;
}

.no-touch .hi-icon-effect-5 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #702fa8;
	box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
	border-radius: 50%;
}


.no-touch .hi-icon-effect-5d .hi-icon:hover:before {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
	border-radius: 50%;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}


#lightbox {
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
	padding-top:8px;
	height: 115px;
	background: #DCEDF7;
	margin: 0px auto;
	z-index: 98;
	display: none;
	text-align:center
}
#lightbox-shadow {
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 97;
	display: none;
	filter: alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}



#popsearch {width:1050px; margin:7px auto; text-align:left }
#popsearch input[type=text], #popsearch select{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	border:1px solid #E7E7E7;
	font-size:28px; padding:28px 20px; 
	background: #fff;
	width: 100%;
	max-width: 880px;
}


 
#popsearch input[type=text]:focus, #popsearch select:focus {
  border:1px solid #ccc; 
  box-shadow: inset 5px 5px 0px #F2F2F2;
}



.searchbar {height:60px; margin-bottom:15px}
.searchbar .searchbtn{float:right;  position:absolute; left:50%; top: 0px; width: 60px; margin: 0px;
height: 60px; display:none}

.subscription_tag { display:inline-block; padding: 0px 15px;}
.post iframe{ width:100% !important}
#load_more_news { padding: 19px 0px;}
#busy_loading { padding: 19px 0px; background:#EEEEEE}
.strip_txt{padding-left:100px}
.strip_txt .top {border-top: 1px dotted #dddddd;}
.strip_txt .line{border-bottom: 1px dotted #dddddd;padding: 0px;height: 24px;}
.strip_txt .line a{line-height:24px}
.strip_txt img{width:20px; height:auto;float:left; margin-right:5px;border-right: 1px dotted #dddddd; padding:2px}
.puntline {line-height: 24px;}
.puntline img{ margin:0px}
.puntline .socialconn { display:none}
.puntline:hover .socialconn { display:inline}


/*BLUE STATS*/
.top_subscriptions .boxlist {width:50%; float:left; margin-bottom:10px}
.top_subscriptions .boxlist .boxside { padding-left:75px;padding-top: 10px;height:50px;}

.top_subscriptions .boxside span{text-transform:uppercase; font-size:100%; color:#999}

.sub_subscriptions { display:none}

.sub_subscriptions a img{  width: 100%; max-width: 20px; margin:18px}
.sub_subscriptions a{
 width:60px; height:60px; float:left; text-align:center;text-decoration:none; display:block;
 border:1px solid #DDDDDD;
}
.sub_subscriptions a:hover{ background:#F2F6FA; }
.top_subscriptions a.user-tabs{width:60px; height:60px; background-color:#F2F6FA; float:left; border:1px solid #DDDDDD; display:block; text-decoration:none; background-repeat:no-repeat; background-position:center center;-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out; }
.top_subscriptions a.user-subscriber{background-image:url(http://cache.winetimes.co/images/user-subscriber.png);}
.top_subscriptions a.user-article{background-image:url(http://cache.winetimes.co/images/user-article.png);}
.top_subscriptions a.user-subscription{ background-image:url(/images/user-subscription.png);}
.top_subscriptions a.user-subscriber-on{background-image:url(http://cache.winetimes.co/images/user-subscribe-on.png);}
.top_subscriptions a.user-article-on{background-image:url(http://cache.winetimes.co/images/user-article-on.png);}
.top_subscriptions a.user-subscription-on{ background-image:url(http://cache.winetimes.co/images/user-subscription-on.png);}
.top_subscriptions a.user-pageviews{ background-image:url(http://cache.winetimes.co/images/user-pageviews.png);}
.top_subscriptions a.tab-on{background-color:#F2F6FA;}
.top_subscriptions a.user-tabs:hover{background-color:#fff; box-shadow: 2px 2px 0px #ddd;}
.top_subscriptions .boxtext a{font-size:210%; line-height:100%; }


.tile, .wine_tile {position:relative;width:32%;border:1px solid #ddd; text-align:left; float:left;margin: 0.5%;
-webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  box-shadow:none}
.wine_tile { max-width:535px; width:100%; text-align:left; padding:20px; margin:0px;}
.tile:hover, .wine_tile:hover {box-shadow: 5px 5px 0px #ddd; border:1px solid #ccc; }
.tile img { margin-top:15px}
.tile .hi-icon {float:left;}

.tile .subscription_tag { clear:both; margin-top: -10px; display:block}
.tile .hi-icon-wrap, .tile .hi-icon-wrap .subscriber_txt { float:none; clear:both}
.tile .hi-icon-wrap .subscriber_txt {margin: 5px 0px 0px 10px;
    display: inline-block;}
.profile-title {font-size:30px;padding:0px; margin-bottom: 0px;}
.profile-title .heading {display:inline-block; padding: 10px;   max-width: 450px;}
a.side_car, div.side_car{
    margin:0px 0px 0px 90px;
    display:block;
}
footer.side_car{
    margin-left: 90px;
    background: #fff;
    padding: 20px;
    border: 1px solid #E8E8E8;
    transition: all 0.218s ease;
    
}
#main-left div.post {
    margin-left: 90px;
  background: #fff;
  padding: 20px;
  border: 1px solid #E8E8E8;
  transition: all 0.218s ease;
      border-radius: 5px;
  
  }
  
  
 #main-left div.post:hover{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    border: 1px solid #ccc;
     
 }
.feedtype, .feedorder{ text-decoration:none;}






    /* Bounce To Top */
.hvr-bounce-to-top {
    float:right;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4D90FE;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.voteup_bar{
    position: relative;
    background: #fff;
    position: sticky;
    top: -1px; 
    z-index:100;
    margin-top: -80px;
    margin-left: -20px;
    margin-right: -20px;    
    margin-bottom: 45px;
    background: transparent;
    padding: 16px 30px;
    padding-left:20px;
    background-image: linear-gradient(rgba(255,0,0,0), rgba(0,0,0,0.6));
    transition: background 2s;
}

.voteup_bar::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  z-index: -1;
  transition: opacity 0.5s linear;
  opacity: 0;
}

.voteup_bar a {
    color:#fff;
    margin-top: 24px;
}
.voteup_bar .fingerup, .voteup_bar .df-horn{
    float: right;
    padding: 12px;
    height: 22px;
    box-sizing: content-box;
    border: none;
    border: 2px solid #F2F2F2;
    /* border-bottom: 2px solid #fff; */
    background: #fff;
    border-radius: 50%;
    
}
.voteup_bar .post-date{ 
    color:#fff
    }

.voteup_bar a:hover .fingerup{
    background:none !important;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.voteup_bar a:hover .spockup{
    -webkit-filter: none;
    filter: none;
}
.voteup-active::before{
    opacity:1;
    color:#777;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    
}

.voteup-active a, .voteup-active .post-date{color:#777}

.cover-photo-wrapper {margin: 0 -20px; text-align:center; background-color:#000; overflow:hidden;}

.df-topup{
    color:blue;
}
.df-topup svg{
      fill: currentColor;
} 
.voteup_bar .first_shared{float:left; width:35px; height:auto; padding:0px; border:none}
.voteup_bar .post-date{margin: 0px 0px 0px 45px;text-transform: uppercase;font-size: 10px;}
.voteup_bar .upvoter{      
    float: right;
    width: 22px;
    height: auto;
    border: none;
    padding: 2px;
    box-sizing: inherit;
    margin: 0px;
    margin-top: -11px;
    margin-right: 2px;
    margin-top: -16px;
    background: #fff;
    border-radius: 50%;
    }
    
a.readmore{background:#fff; display:block;    padding: 22px 0px; margin-bottom: -20px;     border-top: 1px dotted #ccc;transition: all 0.3s ease, }
a.readmore:hover{ border-top: 1px dotted #4D90FE;}
a:hover #masthead-dropdown {border-top-color:#4D90FE;}
.df_top_mobile_logo, a.mobile_menu_item{display:none;}
.countdown_box{margin: 0px 0px 0px -90px;
    text-align: center;
    font-size: 30px;
    display: block;
    width: 90px;
    height: 90px;
    float: left;
    font-family: arial;
    color: #6e6e6e !important;
    line-height: 85px;
    background: #DCEDF7;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;}

.df-3-col{width:33%; float:left;box-sizing: border-box;padding:40px;}
.fileUpload {
	position: relative;
	overflow: hidden;
	width: 100px;
	margin: 0px auto;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
#df-share-input{display:none;}
.timeline{margin-left:100px;border-left:1px dotted #cccccc;padding-left:10px}
.timeline .timelinedate{margin-left: -90px;width: 70px;float: left;text-align: right;padding-right: 20px;line-height: 20px}
.signon-left h1{color: #fff;
    font-size: 40px;
    line-height: 45px;
    margin: 20px 0px 30px;text-shadow: #666 1px 1px 4px;}
.signon-left { border:0px !important; min-height: 430px;}
.signon-left a{display: block;width: 300px;padding: 3px 10px;text-decoration: none;text-align: left;min-height: 70px;color: #fff;border-radius: 4px; margin-bottom:10px; background:#3B5998b;}
.signon-left a li{font-size: 48px;
    line-height: 70px;
    color: #fff;
    float: left;
    padding: 0px 15px;}
    
a.df_press_logo img{ width:100%; height:auto; border-radius:50%;}
a.df_press_logo{
    padding:0;
    display: inline-block;   
    box-sizing: border-box;
    overflow: hidden;
    width: 74px;
    height: 74px;
    -o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background:transparent;
}
a.df_press_logo:hover{
padding:5px;
}

.sweet-alert{border: 1px solid #ccc !important;}
.df-card-edit .df-edit-options {display:none;}
.df-card-edit:hover .df-edit-options{ display:block;}
.mobile_menu_item {
    font-weight: inherit;
    font-style: inherit;
    font-size: 18px;
    font-family: 'Helvetica Neue',Arial,sans-serif;
}
    
.df-fresh-bar-container, .side_shift{
        margin-left: 90px;
}

.pressbuy_bar{
 display:block; 
 background: #4D90FE;
 color: #fff; 
 padding: 15px 20px;
 border-radius: 8px;
 box-shadow: 3px 4px 3px -2px #ccc;
 text-decoration: none;   
}

.pressbuy_bar:hover{
    color: #fff; 
    box-shadow:none;
}
.df-fresh-bar{
    text-decoration:none;    
    display: inline-block;
    font-size: 14px;
    background: #E9E9E9;
    padding: 17px 5px;
    width: 100%;
    box-sizing: border-box; 
    text-align:center;
        border-radius: 25px;
}

.df-fresh-bar:hover{background: #4D90FE; color: #fff;}
.side_avatar img{    
    padding: 10px !important;
    background: transparent !important;
    margin-top: 20px;
    margin-left: 10px;
    float: left;
    height: 90px;
    box-sizing: border-box;
    position: sticky;
    top: 0px;
    }

#article_list a.nav_main_box{
    margin: 5px;
    position: sticky;
    top: 10px;
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    float:left;

}

#article_list a:hover.nav_main_box{
    text-decoration:none   
}

#article_list a.side_avatar{ margin:20px;}

.teardrop {
    display: inline-block;
    padding: 0px;
    margin: 1px;
    margin-top: 18px;
    width: 70px;
    height: 70px;
    border-radius: 0 50% 50% 50%;
    transform: rotate(45deg);
    background: #fff;
    border: 6px solid;
    border-image-slice: 1;
    border: double 6px transparent;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ddd,#ddd);
    background-origin: border-box;
    background-clip: content-box, border-box;
   
}
.teardrop.featured{background-image: linear-gradient(white, white), radial-gradient(circle at top left, #FFBB00,#4C8FFB);}
.teardrop.following{background-image: linear-gradient(white, white), radial-gradient(circle at top left, #4C8FFB,#00ABE3);}

#navigation .teardrop{
    float:left;
    position:sticky;
    top:20px;
}
.teardrop img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    transform: rotate(-45deg);
    padding: 10px;
    box-sizing: border-box;  
    background:transparent;
     transition: all 0.2s;
}

.teardrop:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 13px);
    height: 50%;
    border-radius: 50%;
    background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}

.teardrop:hover {
    background-image: linear-gradient(white, white), radial-gradient(circle at top left,#FFBB00,#FFBB00);  
}

.teardrop:hover img{
    padding: 5px;
}


.voteup_bar .teardrop{
    float: left;
    margin-top: 0px;
    margin-right: 10px;
        width: 60px;
    height: 60px;
    
    }
    
.voteup_bar .teardrop img{
        width: 60px;
    height: 60px;
    
}


#nav-inpage-menu{
    padding: 10px 20px;
    position: fixed;
    z-index: 1000;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #F2F2F2;
    max-width: 1200px;
    margin: 0px auto;
    overflow: scroll;   
    display: none;
}

@media screen and (max-width: 1100px) {
	#main-left {width: 100%;border-right: 1px solid #ccc;}
	.sidecolumn{width:0; display:none;}
    .side_avatar {display:none !important}
    #main-left div.post, footer.side_car, a.side_car, div.side_car{margin-left:0px}
     .df-fresh-bar-container{margin: 0px 15px; }
    #navigation {
    border-right: none;
    max-width: 650px;
    float: none;
    margin: 0px auto;
    padding: 0px 10px 25px 10px;
    min-height: 90px;
    box-sizing: border-box;
    }
    a.mobile_menu_item{display:none;}
     .side_shift{margin-left:0px}
     
}
@media screen and (max-width: 1100px) {
	#main-left  {width: 100%;border-right: none; max-width:650px; float:none !important; margin:0px auto;}
	#main-left div.post, footer.side_car, a.side_car {margin-left:0px}
	/*.sidecolumn{width: 100%; max-width:650px; float:none; margin:0px auto;}*/
	.web_resources_bottom {
        position: static;
        top:0px   
    }
    .wine_bar_bottom {
        position: static;
        top: 0px;
        width: 100% 
    }
	.main#main-three-columns #main-left { padding:10px;}
	   
	#df-map{margin-left:0 !important; }
	.search_result_list{padding:0 10px}
	   .search_result_list .tile{width:48%;}
	
}
@media screen and (max-width: 740px) {
    .df_mobile_hide,  #nav-inpage-menu {display:none;}
    .df_mobile_show {display:block !important;}
    .df_prime_nav a{clear:both; display:block; padding:5px 15px;    border-bottom: 1px solid #E8E8E8;}
    .df_prime_nav a #masthead-dropdown { float:right;}
    .df-bar {}
    #lower-menu {padding: 0px 10px;}
    ul.tabbed {display:none}
	#wt_users_online, .side_avatar {display:none}
	#navigation{ text-align:center}
	#navigation h1{ clear:both}
	#navigation .df_press_logo{float: none !important; margin: 0px auto;}
	.center-wrapper {padding: 0px}
	#main-left  {width: 100%;border-right: none;}
	#main-left div.post, footer.side_car, a.side_car {margin-left:0px}
	.sidecolumn{width: 100%;}
	
	.web_resources_bottom {
        position: static;
        top:0px   
    }
    .wine_bar_bottom {
        position: static;
        top: 0px;
        width: 100% 
    }
	.main#main-three-columns #main-left { padding:2px !important;}
	.df-3-col{width:100%;}
	.df_signon_set{background-image: none !important;}

	.main#main-three-columns #main-left{    min-height: auto;}
	.signon-left{min-height: inherit; text-align:center;}
	.signon-left a {margin: 10px auto !important;}
	.main#main-three-columns {padding: 5px;}
    
    .search_result_list .tile{width:100%;}
     .wt_top_nav{ text-align:center;padding-top: 15px;}
    
        #navigation .teardrop{
     margin: 0px auto;
    margin-top: 40px;
   float:none;
    }
}


.wp-block-embed{margin:5px !important;}

@media screen and (max-width: 450px) {
    .df-featured-images{width:100% !important; height:auto !important;}
    #lower-menu {padding: 0;}
    .wp-block-embed{margin:0 !important;}
    a.mobile_menu_item{display:inline-block;}
    .wt_top_nav{ text-align:center;padding-top: 15px;}
    
    
    .cover-photo-wrapper{
     height: 50vh;   
         overflow-x: scroll;

  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
    }
    
    .cover-photo-wrapper .df-featured-images{
        height: 100% !important;
        width: auto !important;
        margin: 0px auto;
    }
    
    #navigation .teardrop{
     margin: 0px auto;
    margin-top: 40px;
   float:none;
    }

}