/*
Theme Name: the drinks business
Theme URI: 
Description: theme for thedrinksbusiness.com
Author: Union Press - MQ
version: 2.0
*/

@font-face {
    font-family: 'atgothicextendedExXLt';
    src: url('/wordpress/wp-content/themes/thedrinksbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.eot');
    src: url('/wordpress/wp-content/themes/thedrinksbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wordpress/wp-content/themes/thedrinksbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.woff') format('woff'),
         url('/wordpress/wp-content/themes/thedrinksbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.ttf') format('truetype'),
         url('/wordpress/wp-content/themes/thedrinksbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.svg#atgothicextendedExXLt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica';
    src: url('/wordpress/wp-content/themes/thedrinksbusiness/fonts/');
    src: url('/wordpress/wp-content/themes/thedrinksbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wordpress/wp-content/themes/thedrinksbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.woff') format('woff'),
         url('/wordpress/wp-content/themes/thedrinksbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.ttf') format('truetype'),
         url('/wordpress/wp-content/themes/thedrinksbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.svg#atgothicextendedExXLt') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Responsive design - media setup */

@media (max-width: 850px) {
      
	#subs_top_button{display:none;}
	#dbtv_top_button{display:none;}
	.job-ad-wrap {width: 50%; float:left}

	
}


@media (max-width: 700px) {

	body{background:white;padding-top:50px;}
	#mainframe{margin:40px 5px 0  5px;padding:0px 10px;}
	ul.this_menu li a {font-size:14px;margin: 0px 2px;padding:5px 5px;}
	#content{width:100%;padding:0px;border-right:none;}
	#content img{width:100% !important;height:auto;}
	#content .wp-caption{width:100% !important;}
	.rightbar{display:none;}
	#top-banner{display:none;}
	#logo{display:none;}
	#small_logo{display:inline;width:70px;margin:0px;float:left;}
	#headlines img{display:none;}
	#headlines{width:100%;}
	#rightcol{display:none;}
	#header{height:40px;}
	#infobar{display:none;}
	#footer table{display:none;}
	.nav_button{padding: 9px 10px; margin: 10px 7px 8px 0;}
	#subs_top_button{display:block;}
	#dbtv_top_button{display:block;}

}

@media (max-width: 580px) {
      
	#subs_top_button{display:none;}
	#dbtv_top_button{display:none;}
	

}

/* For portrait iphone */
@media (max-width: 430px) {

	ul.this_menu li a {font-size:11px;margin: 0px 2px;padding:5px 4px;}
	.nav_button{margin:12px 5px 0 0; padding:6px 7px;}
	#awards_top_button{display:none;}

}


@media (min-width: 700px) {
      
	body{#background:yellow;padding-top:50px;}
	ul.this_menu li a {font-size:15px;margin: 0px 2px;padding:5px 5px;}
	#mainframe{margin:40px 5px 0  5px;padding:0px 10px;}
	#content{width:100%;#padding:0px;}
	.rightbar{display:none;}
	#top-banner{display:none;}
	#small_logo{display:none;}
	#logo{display:inline;width:300px;margin:15px 20px 0 8px;float:left;}
	#header{height:70px;}
	.nav_button{padding: 9px 10px; margin: 10px 7px 8px 0;}

}

@media (max-width: 900px){

	#login_label{display:none;}


}

@media (min-width: 760px) {
    #mainframe{margin:20px 5px 0  5px;padding:0px 10px;}
	#top-banner{display:block;}
}

@media (min-width: 1300px) {
	
	#mainframe{margin:20px auto 0 auto;}
	ul.this_menu li a {font-size:16px;margin: 0px 5px;padding:5px 5px;}
	#content{width:928px;padding-left:0;}
	.rightbar{display:block;}
	#top-banner{display:block;}
	#logo{width:400px;margin:10px 40px 0 10px; }
	.container-fluid{max-width:1273px;}
	.job-ad-wrap {width: 24%;}

		
}

/* basics */

*{margin:0; padding:0;}

body {width:100%; font-family:arial, sans-serif;}
	
h1 {font-family: 'atgothicextendedExXLt',arial,sans-serif; font-size: 18pt;text-align:left;color:black;}
h2 {font-size: 10pt;padding:5px 10px;margin-bottom:4px;}
h3 {font-family: 'atgothicextendedExXLt',arial,sans-serif !important;font-size: 12pt !important;text-align:left;padding:0px 0px 2px 0px;}
h4 {font-size: 9pt;}		
	
img {border:none;}
img a{text-decoration:none;}x
img.left{ float: left; margin-right:10px; margin-top:10px; margin-bottom:10px;}
img.right{ float: right; margin-left:10px; margin-top:10px; margin-bottom:10px;}

.nav_button{position: relative; float: right;  background-color: transparent; border: 1px solid #CCC;border-radius: 4px;}
.container-fluid{padding:0 5px;}
.navbar{background:white;}
.navbar-collapse {background:white;}

/* links */

a{ color:#336699;text-decoration:none;}
a:hover{ color:#336699;text-decoration:none !important;}

p { margin:12px 0; }

li{	list-style-type:none;margin-bottom:5px; }

ul.this_menu {
	margin:15px 0px 0 0;
	padding:0;
	text-decoration:none;
}

ul.this_menu li a {
	color: #666;
	display:block;
	font-family: 'Arial Narrow', arial;
	text-decoration:none;
}

ul.this_menu li a:hover {
	background:#DDD;
	border-radius:3px;
	text-decoration:none;
}

/* mainframe */

.lr_borders {
	padding: 0 15px;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	#line-height:16px;
	}
	
	
.rb_thumbnail{

	float:left;
	margin:0 5px 5px 0px;
	width:80px;
	height:auto;

}

.mostsect h3{

	margin:0;

}

/* --------------------------------------------- */
	
#top-banner{
	#width:728px;
	#max-height:100px;
/* 
	margin-left:auto;
	margin-right:auto;
 */
	#margin-bottom:40px;
	padding-top:10px;
	padding-right:0;
	background:white;
	color:#333;
/*	text-align:center; */
	}
	
#single{background:white;}
	
/* header */

#infobar{
	border-top:2px solid #333;
}


#header {
	position:relative;
  	width:100%; 
  	
	color: #666;
	background:white;
	}

	
#header h2{
	font:normal 20pt arial;
	padding:0px 0px 0px 0px;
	margin:0;
	}
	
#header h2 a{color: #404040; text-decoration: none;}
#header h2 a:hover{color: #666; text-decoration: none;}


#header h3{
	font:normal 10pt arial;
	color:#333;
	padding: 0 0 0 0px;
	margin:0;	
	}


.socialbuttons
{
	position:relative;
	margin-right: 40px;
	height: 20px;
	width: 110px;
	display: inline-block;
	float: right;
	z-index:4;
	float:right;
}

#logo{ 
	border:none;
	position: relative;
}
	
#HKlogo{ 
	border:none;
	position:absolute;
	left:0px;
	top:15px;
	width:610px;}

#header-right{
	position:absolute;
	width:300px;
	height:60px;
	right:0px;
	bottom:60px;
	}
	
#login{
	/*position:absolute;*/
	bottom:0px;
	right:0px;
	padding:5px 10px;
	}
	
#subscribe{
	position:absolute;
	#right:20px;
	#top:-98px;
	width:215px;
	}

#text_overlay{
	display:block;
	position:absolute;
	right:20px;
	top:5px;
	width:215px;
}

#text_overlay_logged{
	display:block;
	position:absolute;
	top:5px;
	width:215px;
}
		
/* search */

#search{
	position:absolute;
	right:0px;
	padding:5px 10px;
	color:black;
	background:#CCC;
	border:1px solid black;
	}

.menusearch{
	margin:0px 0px 0px 0px;
	width:200px;
	padding:0px 2px 0 0;
	position:absolute; 
	right:0;
	bottom:13px;
	}

#s{

	font:normal 12px Georgia, tahoma, sans-serif;
	background: #ddd;
	display:inline;
	height: 20px;
	width:70%;
	margin:0px;
	border: 0px;
	padding-left:5px
	}
	
#srchbtn{
	width:20px;
	height:20px;
	position:relative;
	top:6px;
	}




/* main menu */


#navigation{ 
	height:60px;
	text-transform:capitalize;
	
}

.menu{
text-align:center;
}


#menu {
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	color:black;
	width:auto;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
/*	border-top:2px solid #333; */
	background:#CCC;
	overflow:hidden;
	text-transform:uppercase;
	position:relative;
}


#menu a{
	text-decoration:none;
	}

#menu ul {
	margin:0 0px;
	padding:0;
	text-decoration:none;
}

#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding:0;
}

#menu ul li a {
	padding:5px 10px;
	margin: 0px 0px;
	color: black;
	display:block;
	border-right:1px solid white;
}

#menu ul li a:hover {
	background:#888;
}

.current-menu-item {
	background:#888;
	}

/* submenu */

#submenu {
	font-family: arial, tahoma, sans-serif;
	font-size: 10px;
	width:100%; 
	overflow:hidden;
}


#submenu ul {
	margin:0;
	padding:0;
}

#submenu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
}

#submenu ul li a {
	padding:0px 0px;
	margin: 5px 5px;
	color: #006699;
	display:block;
	border-bottom:1px solid #ccc;
	text-decoration:none;
}

#submenu ul li a:hover {
	color:#333;
	border-bottom:1px solid #FFD300;
}

/* main menu */

#secondmenu {
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	color:black;
	width:auto;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	border-top:2px solid #888; 
	background:#EEE;
	overflow:hidden;
	text-transform:uppercase;
	position:relative;
}

#secondmenu a{
	text-decoration:none;
	}

#secondmenu ul {
	margin:0 0px;
	padding:0;
	text-decoration:none;
}

#secondmenu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding:0;
}

#secondmenu ul li a {
	padding:5px 10px;
	margin: 0px 0px;
	color: black;
	display:block;
	border-right:1px solid white;
}

#secondmenu ul li a:hover {
	background:#888;
}

.current-menu-item {
	background:#888;
	}


.wrap {
	width: 940px;
	/*margin: 0 auto;*/
	padding: 0 ; /* 25px gutters */
	text-align: left;
}	

.title {
		float: left;
		font-size: 37px;
		font-weight: bold;
		letter-spacing: -1px;
}
	
/* footer */
	
#footer{
	font-size:12px;
	#width:100%;
	#margin:0px;
	background:white;
	#margin-top:10px;
	border-top:1px dotted #BBB;
	font-family:Georgia;
	}
	
#footer a{
	color:black;
	}
	
#footer a:hover{
	color:#336699;
	}
	
#footer-text{
	background:#AAA;
	border-top:2px solid black;
	padding:10px 15px;
	margin: 0; 
	color: #333; 
	text-align:right;
	}

#footer table{
	border-top:2px solid grey;
	background:#CCC;
	margin:0;
	margin-top:10px;
	padding:20px;
	}
	
#footer ul{
	margin-top:20px;
	margin-bottom:10px;
	}
	



/* --------- page ---------- */

.page {
	position:relative;
	}

.rightbar{
	position:absolute; 
	right:15px; 
	top:0; 
	width:315px;
	margin:0 0px 0 25px; 
	font:14px normal Georgia;
	border-left:1px dotted grey; 
	padding-left:15px;
	}

#newsletter_rb{
	margin-top:9px;
	width:300px !important;
	height:150px !important;
	background-image:url('//www.thedrinksbusiness.com/wordpress/wp-content/themes/thedrinksbusiness/images/db-newsletter300x150.gif') !important;
	background-repeat:no-repeat;
	background-position:center;
	}	
	
.singlempu p{
	margin:0;
	}

.rightbar h2{
	margin:10px 0;
	background:#CCC;
	}
	

/* --------- content ----------- */


#content {
	position:relative;
	overflow: hidden;
	#background:white;
	min-height:900px;
	}	

.post {
	margin:0;
	padding:0;
	line-height: 20pt;
	text-align:left;
	color:#222;
	}
	
.post a{
	color:#336699;
	text-decoration:none;
}
	
.post ul li{
	list-style-type:disc !important;
	padding-left:10px;
	margin-left:25px !important;
	}

.post ol li{
	list-style-type:decimal !important;
	padding-left:10px;
	margin-left:25px !important;
	}


.wp-editor ul li{
	list-style-type:disc !important;
	padding-left:10px;
	margin-left:25px !important;
}

.wp-editor ol li{
	list-style-type:decimal !important;
	padding-left:10px;
	margin-left:25px !important;
}
	
h2 .entry{
	background:#DDD;
	padding:10px;
	font-size:14px;
	font-family: Georgia;
	font-weight:normal;
	}

.post h1{
	font-size:24px;
	text-transform:uppercase;
	padding:0px 0px 20px 0px;
	margin:10px 0 0px 0;
	#border-bottom: 2px dotted #555;
	border-bottom: 1px dotted red;
	font-family: 'atgothicextendedExXLt',arial,sans-serif;
	color:#000;
	}
	
.post h2{
	font:bold 15px arial, tahoma, sans-serif;
	padding:8px 5px;

	}
	
.post h2 a{
	font-size:18px;
	color: #333;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}



#standfirst{
	background:#DDD;
	padding:10px;
	font-size:16px;
	font-family: Georgia;
	}
	
.standfirst{
	background:#DDD;
	margin:12px 0; !important;
	padding:10px !important;
	line-height: 20pt !important;
	font-size:16px !important;
	font-family: Georgia !important;
	font-weight:normal !important;
	}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 10px 0 20px 0;
	}
	
#socialmedia{
	margin-top:20px;
	padding-left:35px;
	}
	
#adSense{
width:640px;
margin:20px 10px 20px 0;
padding:20px 0;
border-top:2px solid #CCC;
/*border-bottom:2px solid #CCC;*/
}

.navigation {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	position:relative;
	font-size:9pt;
	font-family: Georgia;
	width:100%;
	margin:0;
	padding:0px;
	overflow:hidden;
	background:#EEE;
	text-align:center;
	}
	
#prev{
	position:absolute;
	left:80px;
	top:0px;
	z-index:1000;
	font-size:10pt;
	}
	
#next{
	position:absolute;
	right:70px;
	top:0px; 
	z-index:1000;
	font-size:15pt;
	}
	
##numbers{
	margin-top:10px;
	padding-top:20px;
	text-align:center;
	background:white;
	}
	
.short_numbers{
	display:none;
}
	
@media(max-width:500px){

	.numbers{
		display:none;
	}
	
	.short_numbers{
		display:block;
	}
		
	.navigation{
		height:30px;
	
	}
	#next{
	position:absolute;
	right:10px;
	top:0px; 
	z-index:1000;
	font-size:15pt;
	}
	#prev{
	position:absolute;
	left:10px;
	top:0px;
	z-index:1000;
	font-size:10pt;
	}

}
	
a.alignleft {float:left; margin:25px 0;}
a.alignright {float:right; margin:25px 0;}

/* ----------------------------------- */	

/* archive */

.pagetitle{
	font:26px normal Georgia;
	border-bottom:1px solid black;
	margin-bottom:20px;
	}

.archiveEntry{
	padding:10px;
	border-bottom:1px solid black;
	}
	
.pagenaviNav{
	margin:10px;
	}
	
/* ----------------------------------- */	

/* taxonomy page */

.taglist{
margin:20px 20px 0px 0px;
padding:20px 10px;
width:100%;
overflow:hidden;
}

.taglist p{
margin:0;
}

.taglist h2{
margin-bottom:10px;
padding:0;
font-size:20px;
font-family:Georgia;
}
/* ----------------------------------- */

/* comments */

#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #333;
	}
	
#commentform a{color: #333; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: arial;
	font-size: 10pt;
	font-weight: 300;
	color: #333;
	margin:0;
	padding:0;
	}
	
#comment{
	width:100%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: arial;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid black;
	}
	
#submit{
	margin:5px 5px 0 0;
	padding:10px;
	background:#FFD300;
	font-weight:bold;
}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#333;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #333; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* misc */

img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:auto;
	}
	
.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*width:100%;*/
	height:auto;
	}	

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
@media (min-width: 950px) {
      
	.aligncenter{
		display: block;
		#float:left;
		margin:0 auto 20px auto;
		/*width:640px;*/
		width:auto;
		max-width:640px;
		height:auto;
	}
	
	img.centered{
		display: block;
		margin:0 auto 20px auto;
		width:640px;
		height:auto;
	}	
}	
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   margin-bottom:15px;
/*   padding-top: 4px;
   margin: 10px; */
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}


.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.alignright {
	float: right;
	margin-left:10px;
	}

.alignleft {
	float: left;
	margin-right:10px;
	}
	
.size-medium{
	margin-bottom:10px;
	}



table {
	width:100%;
	background:#EEE;
	margin-bottom:10px;
	}

table tr {
	border-bottom:1px solid black;
	}
	

.article-box-out-wrapper {background:#bbbbbb; border:1px solid #444444;height:auto}

.article-box-out-wrapper h2 {padding:4px 8px}

.article-box-out {background:#eeeeee; padding:8px}

@media screen and (max-width: 500px) /* Mobile */ {
.aligncenter {width:100%; max-width:auto;
}
}