/* reset.css */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 960.css */
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
	left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
	left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left: 60px;
}

.container_16 .push_2 {
	left: 120px;
}

.container_16 .push_3 {
	left: 180px;
}

.container_16 .push_5 {
	left: 300px;
}

.container_16 .push_6 {
	left: 360px;
}

.container_16 .push_7 {
	left: 420px;
}

.container_16 .push_9 {
	left: 540px;
}

.container_16 .push_10 {
	left: 600px;
}

.container_16 .push_11 {
	left: 660px;
}

.container_16 .push_13 {
	left: 780px;
}

.container_16 .push_14 {
	left: 840px;
}

.container_16 .push_15 {
	left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
	left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
	left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left: -60px;
}

.container_16 .pull_2 {
	left: -120px;
}

.container_16 .pull_3 {
	left: -180px;
}

.container_16 .pull_5 {
	left: -300px;
}

.container_16 .pull_6 {
	left: -360px;
}

.container_16 .pull_7 {
	left: -420px;
}

.container_16 .pull_9 {
	left: -540px;
}

.container_16 .pull_10 {
	left: -600px;
}

.container_16 .pull_11 {
	left: -660px;
}

.container_16 .pull_13 {
	left: -780px;
}

.container_16 .pull_14 {
	left: -840px;
}

.container_16 .pull_15 {
	left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}

/* Ed's stuff */

body {
	background:#fff url(/style/bartendersguide/gfx/layout/bg-main.jpg) no-repeat center -20px;
	text-align:center;
	padding-top:33px;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	line-height:15px;
}

h1 {
	font:bold 18px Georgia, "Times New Roman", Times, serif;
	line-height:24px;
	margin-bottom:5px;
	color:#e82929;
}

h2 {
	font:bold 15px Georgia, "Times New Roman", Times, serif;
	line-height:24px;
	margin-bottom:5px;
	color:#e82929;
}

h3 {
	font:bold 13px Georgia, "Times New Roman", Times, serif;
	line-height:24px;
	margin-bottom:5px;
	color:#7E3929;
}


p { margin:0 0 12px 0 }

ul li{
	margin-bottom:6px;
}

ol li {
	margin-bottom:8px;
}

ul.bullet {
	color:#e82929;
	list-style:disc;
	margin-left:15px;
}

ul.bullet li .blk {
	color:#000
}

ol.num {
	list-style:decimal;
}

ul.bullet p, ul.bullet div {
	color:#000;
}

a {
	color:#646464;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#e82929;
}

.container_12 {
	text-align:left;
}

#header {
	margin-bottom:19px;
}

#header .logo {
	float:left;
	width:250px;
}	

.loginbox {
	width:320px;
	float:right;
}

#nav {
	height:38px;
	background:transparent url(/style/bartendersguide/gfx/layout/bg-nav.png) no-repeat;
	padding-left:20px;
	margin-bottom:20px;
	overflow:hidden;
}

#nav ul li {
	float:left;
	margin-right:20px;
}

#nav ul li a {
	display:block;
	height:38px;
}

#nav ul li a.home {
	width:48px;
	background:transparent url(/style/bartendersguide/gfx/layout/l-home.png) no-repeat center;
}

#nav ul li a.search {
	width:53px;
	background:transparent url(/style/bartendersguide/gfx/layout/l-search.png) no-repeat center;
}

#nav ul li a.myfav {
	width:94px;
	background:transparent url(/style/bartendersguide/gfx/layout/l-myfav.png) no-repeat center;
}

#nav ul li a.home:hover {
	background-image:url(/style/bartendersguide/gfx/layout/l-home-on.png);
}

#nav ul li a.search:hover {
	background-image:url(/style/bartendersguide/gfx/layout/l-search-on.png);
}

#nav ul li a.myfav:hover {
	background-image:url(/style/bartendersguide/gfx/layout/l-myfav-on.png);
}

#nav ul li a strong {
	display:none;
}

#topic-main {
	margin-bottom:20px;
}


/** rounded IMAGE corner border classes (with bg image) **/
/* inner color, border color, border width */
.box-w, .box-wb{
	 position:relative;
	 margin:0px auto;
	 /*min-width:8em;*/
	 /*max-width:580px;*/ /* based on image dimensions - not quite consistent with drip styles yet */
	 margin-left:5px; /* default, width of left corner */
	 margin-bottom:0; /* spacing under commentbox */
}

.box-w .content,
.box-w .t,
.box-w .b,
.box-w .b div {
	 background:transparent url(/style/bartendersguide/gfx/layout/box-w.png) no-repeat top right;
	 _background-image:url(/style/bartendersguide/gfx/layout/box-w.png);
}

.box-wb .content,
.box-wb .t,
.box-wb .b,
.box-wb .b div {
	 background:transparent url(/style/bartendersguide/gfx/layout/box-wb.png) no-repeat top right;
	 _background-image:url(/style/bartendersguide/gfx/layout/box-wb.png);
}

.box-wg .content,
.box-wg .t,
.box-wg .b,
.box-wg .b div {
	 background:transparent url(/style/bartendersguide/gfx/layout/box-wg.png) no-repeat top right;
	 _background-image:url(/style/bartendersguide/gfx/layout/box-wg.png);
}

.box-w .content, .box-wb .content, .box-wg .content {
	 position:relative;
	 zoom:1;
	 _overflow-y:hidden;
	 padding:0;
}

.box-w .t, .box-wb .t, .box-wg .t {
	 /* top+left vertical slice */
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:10px; /* top slice width */
	 margin-left:-5px;
	 height:100%;
	 _height:1600px; /* arbitrary long height, IE 6 */
	 background-position:top left;
}

.box-w .b, .box-wb .b, .box-wg .b {
	 /* bottom */
	 position:relative;
	 width:100%;
}

.box-w .b, .box-wb .b, .box-wg .b,
.box-w .b div, .box-wb .b div, .box-wg .b div{
	 height:10px; /* height of bottom cap/shade */
	 font-size:1px;
}

.box-w .b, .box-wb .b, .box-wg .b {
	 background-position:bottom right;
}

.box-w .b div, .box-wb .b div, .box-wg .b div {
	 position:relative;
	 width:5px; /* bottom corner width */
	 margin-left:-5px;
	 background-position:bottom left;
}

.box-w .bd, .box-wb .bd, .box-wg .bd {
	padding-top:10px;
}

.box-w .round, .box-wb .round, .box-wg .round { 
	padding:0 10px;
	padding-bottom:1px;
}

.box-w .alpha {
	margin-left:5px;
}

.box-w .omega {
	margin-right:8px;
}

.box-w .childl {
	margin-left:0;
}

.box-w .childr {
	margin-right:0;
}
/*********************************/

.box-b {
	padding:10px;
	border:1px solid #e4e3d1;
	margin-bottom:15px;
}

.box-b h2 {
	line-height:15px;
	background:transparent url(/style/bartendersguide/gfx/layout/bg-nav.png) no-repeat center;
	color:#ece52d;
	padding:5px 10px 3px 10px;
	margin:-10px -10px 10px -10px;
}

.box-b h2 strong {
	display:none;
}
	

ul.tab li {
	float:left;
	height:23px;
	background:transparent url(/style/bartendersguide/gfx/layout/bg-tab.png) no-repeat;
	padding-left:8px;
	margin:0 5px -1px 1px;
}

ul.tab li a {
	display:block;
	line-height:23px;
	background:transparent url(/style/bartendersguide/gfx/layout/bg-tab-r.png) no-repeat right top;
	padding-right:8px;
	color:#fff;
}

ul.tab li:hover, ul.tab li.on {
	background:transparent url(/style/bartendersguide/gfx/layout/bg-tab2.png) no-repeat;
}

ul.tab li a:hover, ul.tab li.on a {
	background:transparent url(/style/bartendersguide/gfx/layout/bg-tab-r2.png) no-repeat right top;
}

.boxsearch {
	height:30px;
	background:transparent url(/style/bartendersguide/gfx/layout/bg-nav.png) no-repeat center;
	color:#ece52d;
	padding:6px 5px 0 5px;
	border:1px solid #e4e3d1;
	border-bottom:0;
}

input.search, input.login {
	background:transparent url(/style/bartendersguide/gfx/layout/searchtxtbox.png) no-repeat;
	font:bold 13px Georgia, "Times New Roman", Times, serif;
	padding:3px;
	border:0;
	border:1px solid #d0cdcd;
	vertical-align:middle;
}

input.login {
	padding:1px;
	font-size:11px;
}

input.sbutton {
	width:34px;
	height:24px;
	background:transparent url(/style/bartendersguide/gfx/layout/searchbutton.png) no-repeat;
	border:0;
	cursor:pointer;
	vertical-align:middle;
}

input.gbutton {
	width:34px;
	height:24px;
	background:transparent url(/style/bartendersguide/gfx/layout/go.png) no-repeat;
	border:0;
	cursor:pointer;
	vertical-align:middle;
}

input.signin {
	width:49px;
	height:18px;
	background:transparent url(/style/bartendersguide/gfx/layout/signin.png) no-repeat;
	border:0;
	cursor:pointer;
	vertical-align:middle;
}

input.lcheck {
	font-size:9px;
	line-height:9px;
	width:9px;
	height:9px;
}

input.button {	
	background:transparent url(/style/bartendersguide/gfx/layout/bg-button.png) repeat-x;
	border:1px solid #d28101;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

.sort, .pager {
	background:#f8f6f4;
	border:1px solid #e4e3d1;
	border-bottom:0;
	padding:5px 8px;
	overflow:hidden;
}

.pager {
	margin-top:-16px;
	border-bottom:1px solid #e4e3d1;
}

.sort ul li, .pager ul li, .topsearch ul li {
	float:left;
	margin-right:10px;
	margin-bottom:0;
	padding-right:10px;
	font-size:11px;
	border-right:2px solid #000;
}

.resultbox {
	border-bottom:1px solid #e4e3d1;
	padding:10px 0;
}

.resultbox a { color:#e82929; }
.resultbox a:hover { color:#000; }

.banner {
	margin-bottom:15px;
}

.ht20 {
	height:20px;
}

.ht15 {
	height:15px;
}

.ht10 {
	height:10px;
}

.ht8 {
	height:8px;
}

.ht5 {
	height:5px;
}

.line {	
	height:1px;
	line-height:1px;
	font-size:1px;
	border-top:1px solid #e4e3d1;
	margin-bottom:15px;
}

.thumb {
	width:85px;
}

.border {
	border:1px solid #e4e3d1;
}

.mid { margin:auto; }

.lfloat { float:left }

.rfloat { float:right }

.align-r { text-align:right }

.align-c { text-align:center }

.txtsmall { font-size:11px; line-height:14px; }

.txtsmaller { font-size:10px; line-height:12px }

.txtbig { font-size:14px; line-height:18px }

.lh-18 {
	line-height:20px;
}
.lh24 {
	line-height:24px;
}

table td {
	padding:3px;
}

table tr.head td {
	background:#f8f6f4;
	border-bottom:1px solid #e4e3d1;
}

table tr.alt td {
	background:#f9f7ef;
}

.twocol {
	width:49%;
}

ul.rnav li {
	background:#f9f7ef;
	border-bottom:1px solid #e4e3d1;
	margin-bottom:0;
	line-height:22px;
	padding-left:10px;
}

ul.rnav li a {
	display:block;
}

.imgfix {
	margin-bottom:-5px;
}

.abt {	
	font:18px Georgia, "Times New Roman", Times, serif;
	line-height:24px;
	padding-left:20px;

}

#footer {
	text-align:center;
	padding:10px;
}

#footer a {
	margin:0 10px;
	color:#e82929;
}

#footer a:hover { color:#000 }

