@CHARSET "UTF-8";

/* TAGS */

a                  					{ color:#ffffff; text-decoration:none; }
a:hover 		  					{ color:#ffffff; text-decoration:underline; }
body 			   					{ background: #000000 no-repeat center 150px; color: #FFFFFF; font-family: 'Lucida Grande',Arial,Verdana,sans-serif; font-size:62.5%; margin: 0px; }
h2									{ line-height: 30px; margin-bottom: 5px; margin-left: 10px; margin-top: 0px  }
h3									{ text-align: center; }
input								{ margin-left: 10px; }
img                                 { border: 0px; padding: 0px; margin: 0px; }
p									{ margin-left: 10px; margin-right: 10px; text-align: justify; }
select                              { background-color: #252525; color: #ffffff; font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 1.0em; border: #A0A0A0; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; margin-right: 16px;} 
ul 				   					{ list-style-type: none; margin: 0px; padding: 0px; }
textarea							{ font-size: 1.0em; font-family:'Lucida Grande',Arial, Helvetica, sans-serif; }


/* GLOBAL */

.background-color-1C1C1C            { background-color: #1C1C1C; overflow: hidden; }
.color-grey							{ color: #747373; }
.color-red                          { color: #FF0000 !important; }
.hidden                             { display: none; }
.left              					{ float: left; }
.margin-10						    { margin: 10px; }
.margin-bottom						    { margin-bottom: 10px; }
.margin-top						    { margin-top: 10px; }
.name								{ color: red; font-size: 1.4em; }
.title								{ color: red; font-size: 1.4em; }
.rank                    			{ background: transparent url(/images/assets/div-66-transparent-red-bg.png); line-height: 1.5em; min-height: 12px; min-width: 20px; text-indent: 5px; width: 30px; text-align: center; }
.right             					{ float: right; }
.transparent-bg-50 					{ background: url(/images/assets/div-50-transparent-bg.png); overflow: auto; padding: 10px;}
.submit 							{ background: #B81E1E none repeat scroll 0 0; border: 1px solid #B81E1E; color: #FFFFFF; font-family:'Lucida Grande',Arial, Helvetica, sans-serif; float:right; margin-right:10px; }
.text								{ background-color: #252525; border: 1px solid #2A2A2A; color: #FFFFFF; }

/* LAYOUT */

#content 		   					{ margin: 10px auto 0px; overflow: auto; width: 968px; }

#footer-boxes                   	{ background: url(/images/assets/div-50-transparent-bg.png); margin: 10px auto; overflow:auto; width:968px; }
.footer-box                     	{ float: left; margin-left: 10px; width:232px; }
.footer-box-wide                	{ float: left; margin-left: 20px; margin-right: 10px; width: 346px; }
#footer-additional              	{ background: #0A0A0A; height: 40px; margin: 0px auto; overflow:auto; text-align: center; width:968px; }
#footer-navigation              	{ background: #0A0A0A; border-top:1px solid #A0A0A0; height: 40px; margin: 0px auto; overflow:auto; width:968px; }
#footer-navigation ul           	{ margin: auto; width: 830px;}
#footer-navigation ul li        	{ margin: 5px; font-size: 1.2em; }

#header            					{ background:#0A0A0A url(/images/assets/body-header-bg.png); height: 154px; margin: 0px auto 0px; min-width: 968px; padding:0 5px; }
#header-navigation 					{ height: 40px; margin: 0px auto 0px; width: 1090px; }
#header li         					{ color: #FF0000; font-size: 1.4em; line-height: 39px; text-align: center; width: 135px; }
#header li a      					{ /*color: #A0A0A0;*/ }
#header-primary						{ background: url(/images/assets/body-header-logo.png) no-repeat scroll 10px 0px; height: 115px; margin: 14px auto 0; width: 968px; }
#header-primary iframe				{ margin-left: 210px; margin-top: 12px; }
#header .divider   					{ background: url(/images/assets/body-header-divider.png); height: 31px; margin-top: 7px; width: 1px; }

#sub-header							{ background:#0A0A0A url(/images/assets/body-sub-header-bg.png); height: 23px; padding:0 5px; }
#sub-header-navigation 				{ height: 23px; margin: 0 auto; width: 1090px; }
#sub-header-navigation ul			{ /*padding-left: 136px;*/ }
#sub-header li         				{ text-align: center; width: 135px; }
#sub-header .sub-divider   			{ background: url(/images/assets/body-sub-header-divider.png); width: 1px; height: 22px; }
#sub-header .padding				{ line-height: 23px; }

#left-column-wide-bottom            { margin-top: 10px; width: 618px; }
#left-column-wide-top               { width: 628px; }

#news                          		{ width: 300px; }
#news span                     		{ color: #A0A0A0; font-size: 20px; }

#right-column                       { width: 320px; }
#right-column-bottom                { margin-top: 10px; width: 320px; }
.right-column-spacer                { height: 10px; }
#right-column-top                   { width: 320px; }
/*#right-column-top-home              { min-height: 273px; width: 320px; }*/


/* COMPONENTS */

#bartender-profile					{ background-color:#1C1C1C; height: 332px; padding-top:10px; }
#bartender-profile div				{ text-indent: 10px; }
.bartender-menu-button,
.user-menu-button					{ background-color: #1C1C1C; float: left; margin-right: 10px; text-align: center;  }
.bartender-menu-button input		{ margin: 0px; width: 142px; }
.user-menu-button input				{ margin: 0px; width: 142px; }
#bartender-menu-add-drink,
#bartender-menu-add-ingredient,
#bartender-menu-add-measure			{ background-color: #1C1C1C; overflow: auto; }
#bartender-menu-add-drink form,
#bartender-menu-add-ingredient form,
#bartender-menu-add-measure form			{ margin-bottom: 10px;  }
#bartender-menu-add-drink form p { overflow: auto; width: 478px;}
#bartender-menu-add-drink				{ margin-left: 0px; }
#bartender-menu-add-drink form .label	{ float: left; text-indent: 10px; width: 100px; }
#bartender-menu-add-drink form .element	{ float: left; width: 478px;}
#bartender-menu-add-drink form input	{ margin-left: 0px; }
#bartender-menu-add-drink-ingredients	{ float: left; }
#featured-index-1,				
#featured-index-2,
#featured-index-3,
#featured-barperson-1,
#featured-barperson-2,
#featured-barperson-3,
#featured-drink-1,
#featured-drink-2,
#featured-drink-3,
#featured-glass-1,
#featured-glass-2,
#featured-glass-3,
#featured-ingredient-1,
#featured-ingredient-2,
#featured-ingredient-3					{ display: none; }
		
#ad-300-250                         { height: 250px; width: 300px; }
	
.add-this-service					{ /*background: url('/images/assets/add-to-menu-bg.png') no-repeat;*/ height: 17px; margin-right: 5px;  width: 20px;}
.add-this-service a					{ line-height: 22px; margin-left: 3px; margin-top: 2px; }
.add-this-service-featured			{ height: 34px; margin-right: 5px;  width: 37px;}
.add-this-service-featured a		{ line-height: 39px; margin-left: 3px; margin-top: 2px; }

#drink								{ height: 342px; margin: 0px; padding: 0px; width: 608px; }
#bartender-overlay,
#drink-overlay,
#glass-overlay,
#ingredient-overlay					{ background: url(/images/assets/div-66-transparent-bg.png); height: 100px; width: 608px; }
#bartender-share,
#drink-share,
#glass-share,
#ingredient-share					{ background: url('/images/assets/share-bg.png') no-repeat; height: 17px; width: 80px; }
#bartender-spacer,
#drink-spacer,
#glass-spacer,
#ingredient-spacer					{ height: 242px; width: 608px; }
#bartender-title,
#drink-title,
#glass-title,
#ingredient-title					{ height: 35px; margin-left:10px; margin-right:10px; padding-top:10px; width: 588px; }
#bartender-title * h2,
#drink-title * h2,
#glass-title * h2,
#ingredient-title * h2              { line-height: 0px; margin-left: 0px; }
#bartender-expand,
#drink-expand,
#glass-expand,
#ingredient-expand	   				{ line-height: 1.5em; text-align: center; height:17px; width:20px;}
#featured-bartender-expand,
#featured-drink-expand,
#featured-glass-expand,
#featured-ingredient-expand	   		{ line-height: 1.5em; text-align: center; height:34px; width:37px;}
#bartender-add-to-menu,
#drink-add-to-menu,
#glass-add-to-menu,
#ingredient-add-to-menu				{ height: 17px; margin-right: 5px;  width: 20px; }
#featured-bartender-add-to-menu,
#featured-drink-add-to-menu,
#featured-glass-add-to-menu,
#featured-ingredient-add-to-menu		{ height: 34px; margin-right: 5px;  width: 37px; }
#drink-pdf,                          
#bartender-pdf						{ height: 17px; margin-right: 5px;  width: 17px; }
#bartender-add-to-menu a,
#drink-add-to-menu a,
#glass-add-to-menu a,
#ingredient-add-to-menu a 			{ display:block; font-size:1.8em; height:17px; line-height:1em; margin-left:4px; margin-top: 0px; text-decoration:none; width: 14px; }
#bartender-nationality,
#bartender-recommended-drink,
#bartender-recommended-ingredient,
#bartender-bar,
#drink-garnish,						
#drink-glass						{ display: none; float: left; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; width: 280px; }
#bartender-description,
#drink-description,
#glass-description,
#ingredient-description				{ margin-bottom: 10px; margin-left: 10px; margin-right: 10px; }
#drink-ingredients,
#bartender-introduction,
#drink-method						{ display: none; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; }
#drink-ingredients ul				{margin-left: 20px; }
#bartender-rating,
#drink-rating,
#ingredient-rating,
#glass-rating 						{ background: url('/images/assets/rating-bg.png') no-repeat; height: 17px; margin-right: 5px;  width: 80px; }
#bartender-rating li,
#drink-rating li,
#glass-rating li,
#ingredient-rating li				{ float: left; height: 15px; margin:1px 1px 1px 1px; width: 12px;}
#bartender-rating a,
#drink-rating a,
#glass-rating a,
#ingredient-rating a				{ display: block; width: 12px; height: 15px; text-decoration: none; }
#bartender-rating a:hover,
#drink-rating a:hover,
#ingredient-rating a:hover			{ background: url('/images/assets/rating-star.png'); }

#featured-overlay 					{ background: url(/images/assets/div-66-transparent-bg.png); height: 100px; width: 300px; }
#featured-details					{ margin-left: 10px; margin-right: 10px; } 
#featured-spacer					{ height: 150px; width: 300px; }
#featured-title						{ margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding-top: 10px; } 

.rating-active 						{ background: url('/images/assets/rating-star.png') no-repeat scroll 0px 0px; float: left; height: 15px; margin-left: 2px; width: 12px;}
.rating-first 						{ background-position: 5px 0px; padding-left: 5px; }

/* refactor */

.modal-close			{ text-align: right; margin-top: 0px; padding-left:12px; padding-top: 5px; margin-bottom: 15px; }
.modal-close a			{ text-decoration:none; }
.modal-close-button		{ border: 0 none; position:absolute; right:-22px; top:-22px; }
#age-verification	{ text-align: center; }
#age-verification div { margin-top:10px; min-height: 15px; width: 659px; }
#age-verification span,
#modal-login span,
#modal-change-password span { color: red; line-height: 20px;}
#age-verification-form { margin: 30px auto 0px; width: 464px; }
#modal-login h1,
#modal-change-password h1 { margin: 10px; }
#modal-login-form .form-element-container,
#modal-join-form .form-element-container,
#modal-change-password-form .form-element-container { margin-top:8px; }
#modal-login p,
#modal-join p,
#modal-join-confirm p,
#modal-change-password p,
#modal-forgot-password p,
#modal-forgot-password-confirm p { magin-top:20px; margin-left: 10px; margin-bottom: 20px; };
#user-join-form { margin-bottom: 50px; }
.form-element-container { width: 100%; min-height: 30px; } 
.form-label { margin-left: 130px; margin-right:20px; width: 100px; height: 30px; } 
.form-element input 		{ width:200px; margin: 0px; background-color: #252525; border: 1px solid #2A2A2A; color: #FFFFFF; }
.form-element textarea		{ background-color: #252525; border: 1px solid #2A2A2A; color: #FFFFFF; }
#joinTerms { width: 20px; }
.form-error 				{ color:red; padding-left: 20px; }
.form-success 				{ background-color: #252525; padding-top: 1px; min-height: 30px; display:none; margin-top:10px; margin-bottom:10px; }

.item-wide							{ margin-top: 10px; min-width: 500px;}
.item-wide-bartender,
.item-wide-drink,
.item-wide-glass,
.item-wide-ingredient,
.item-wide-content					{ min-height: 74px; overflow:auto; padding: 10px; }
.item-wide-bartender-add-to-menu,
.item-wide-drink-add-to-menu,
.item-wide-glass-add-to-menu,
.item-wide-ingredient-add-to-menu		{ height: 17px; margin-right: 5px;  width: 20px; }
.item-wide-bartender-add-to-menu a,
.item-wide-drink-add-to-menu a,
.item-wide-glass-add-to-menu a,
.item-wide-ingredient-add-to-menu a	 		{ display:block; font-size:1.8em; height:17px; line-height:1em; margin-left:4px; margin-top: 0px; text-decoration:none; width: 14px; }
.item-wide-bartender-rating,
.item-wide-drink-rating,
.item-wide-glass-rating,
.item-wide-ingredient-rating             { background: url('/images/assets/rating-bg.png') no-repeat; height: 17px; margin-right: 5px;  width: 80px; }
.item-wide-bartender-rating li,
.item-wide-drink-rating li,
.item-wide-ingredient-rating li,
.item-wide-glass-rating li 			{ float: left; height: 15px; margin:1px 1px 1px 1px; width: 12px;}
.item-wide-bartender-rating a,
.item-wide-drink-rating a,
.item-wide-ingredient-rating a,
.item-wide-glass-rating a	 			{ display: block; width: 12px; height: 15px; text-decoration: none; }
.item-wide-bartender-rating a:hover,
.item-wide-drink-rating a:hover, 	
.item-wide-glass-rating a:hover,
.item-wide-ingredient-rating a:hover			{ background: url('/images/assets/rating-star.png'); }
.item-wide-bartender-share,
.item-wide-drink-share,
.item-wide-ingredient-share               { background: url('/images/assets/share-bg.png') no-repeat; height: 17px; margin-right:10px; width: 120px; }
.item-wide-bartender-share a img,
.item-wide-drink-share a img,
.item-wide-ingredient-share a img  		{ margin-top: 2px; margin-right:5px; }
.item-wide-ingredients				{ background-color: #2A2A2A; line-height: 18px; margin-bottom: 7px; padding-left: 10px; padding-right: 10px; }
.item-wide-title					{ height: 26px; width: 439px; }
.item-wide-title-name				{ width: 190px; }
.item-wide-response					{ height: 26px; width: 439px; }
.item-wide-response-title			{ width: 450px; }

.item-wide-thumb					{ height: 72px; width: 128px; }
.item-wide-thumb-rank 				{ background: transparent url(/images/assets/div-66-transparent-red-bg.png); line-height: 1.5em; min-height: 12px; min-width: 20px; text-indent: 5px; width: 30px; text-align: center; }
.item-wide-expand,					/*{ background-color: #1C1C1C; height: 25px; }*/
.item-wide-expand div,
.item-wide-close div   				{ line-height: 1.5em; text-align: center; height:17px; width:20px;}
.item-wide-expand div a,
.item-wide-close div a 				{ font-size: 1em;}
.item-wide-expanded-description		{ margin-left: 10px; margin-right: 10px; margin-top: 10px; }
.item-wide-expanded-ingredients		{ margin-left: 10px; margin-right:10px; }
.item-wide-expanded-spacer			{ height: 242px; margin: 0px; }
.item-wide-expanded-overlay			{ background: url(/images/assets/div-66-transparent-bg.png); height: 95px; width: 598px; }
.item-wide-expanded-title			{ height: 26px; margin-left:10px; margin-right:10px; padding-top:10px; padding-top: 10px; }
.item-wide-response-username		{ color:red; }
#item-wide-response-view-comment 	{ font-style:italic; }
#news-events-right-column           { background-color: #1C1C1C; margin: 0px; width: 300px; }
#news-events-right-column span      {}
#news-events-right-column ul    	{ margin: 10px auto 0; width: 280px; }
#news-events-right-column span 		{ text-align: justify; }
#news-events-right-column span a 	{ color: #B81E1E; }
#news-events-right-column-item		{ padding-bottom: 10px; }

#pagination-wide        			{ background: #0A0A0A; height:20px; line-height: 20px; text-align: center;}

#mailing-list #error .error 				{ color:red; padding-left: 10px; margin-top: 10px; }
/* needs work */
.search								{ background-color: #1C1C1C; height: 74px; margin: 0px; padding: 10px 10px 0px 10px;}
.search .title, div .title     		{ height: 18px; width: 440px;} 
.search .name, .search div .name    { color: red; font-size: 1.5em; line-height: 12px;}
.search .content					{ height: 72px; font-size: 0.8em;}
.search div .ingredients			{ background-color: #2A2A2A; line-height: 20px; text-indent: 10px;}
.search-item-wide                   { margin-top: 10px; }
.search-rating            			{ background-color: #1C1C1C; height: 18px; width:598px;}
#search-index                       { background-color: #1C1C1C; height: 80px; overflow: none; width: 300px; }
#search-right-column                { background-color: #1C1C1C; overflow:auto; width: 300px; }
#search-right-column span           { color: #A0A0A0; font-size: 20px; }

#search-right-column h3 {color: #A0A0A0; font-size: 1.3em; margin: 0px 0px 0px 10px;  padding-top: 10px;}
#search-right-column                { height: 82px; overflow: auto; width: 300px; }

#tag-cloud                          { background-color: #1C1C1C; width: 300px; }
#tag-cloud span                     { color: #A0A0A0; font-size: 20px; width: 300px;}

#tags-index                 		{ height: 160px; margin: 0px; width: 308px; }
#tags-index ul,
#tags-right-column ul               { float: left; margin: 10px; }
#tags-right-column                  { margin: 0px; overflow: auto; width: 300px; }

/* Bartender */

//.bartender						{ font-size: 1.1em; }
#bartender-stats-right-column    	{ height: 342px; margin: 0px; width: 308px; }

/* REFACTOR */

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -343px;
    width: 661px; 
    
    
    background: black none repeat scroll 0 0;
    border: 1px solid #2A2A2A;
    color: #ffffff;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/images/assets/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

.tooltip {
	display:none;
	background:transparent url(/images/assets/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}