/*
Theme Name: Okanagan Spring Brewery
Theme URI: http://okspring.com/
Description: The WordPress theme for <a href="http://okspring.com/">Okanagan Spring Brewery</a>.
Version: 1.0
Author: Manami Shimizu from Tundra Interactive
Author URI: http://www.tundrainteractive.com/

	Tundra Interactive
	http://www.tundrainteractive.com/

*/



@charset "utf-8";
/* CSS Document for Okanagan Spring Brewery */

/* ==========================================

Contents:

	1. General setting
	2. #wrapper, #contents
	3. Header
	4. Restriction
	5. Home Contents
	6. Page Contents
	7. #footer
        8. Hack for Safari
        9. Hack for IE8

============================================= */




/*******************************************/

/*           1. General Setting            */

/*******************************************/


*{
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5{
	font-size: 100%;
	}

body{
	font: 85% Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background-color:#1b1714;
	margin: 0 auto;
	text-align: center;
	}
	
body#age{ /* Age restriction page */
	color: #ffffff;
	background: #000000 url('images/bg_age.jpg') no-repeat top center;
	margin: 0 auto;
	text-align: center;
	}
	
img{
	border: none;
	}

.clear{
	clear: both;
	}
	
.line{
	border-bottom: 3px dotted #ccc;
	}


a{
	color: #ffffff;
	text-decoration: none;
	outline: none; /* to remove lines around images for IE */
	}
	
	a:hover{
		color: #ed1846;
		}

/*** For Firefox removing dotted line links ***/	
:focus{ -moz-outline-style: none; }






/************************************/

/*      2. #wrapper, #contents        */

/************************************/
	
#flash{
	position: absolute;
	width: 100%;
	min-height: 1077px;
	top:0;
	left:0;
	}

#wrapper{
	margin:0 auto;	
	width: 953px;	
	text-align: left;
	position: relative;
	}
	
#contents{
	background: url('images/bg_grey.png');
	padding: 20px;
	}
	
#age #contents{
	background: url('images/bg_grey.png');
	padding: 20px;
	margin-top: 152px;
        height:780px;
	}




/*************************************/

/*           3. #header            */

/*************************************/

#header{
	margin-top: 32px;
	}
	
	
/**** Social Icons ****/

	ul.share{
		list-style: none;
		margin-left: 780px;
		position: relative;
		}
			
		ul.share p{
			font-size: 80%;
			letter-spacing: 1px;
			margin: 5px 10px 0 0;
			text-transform: uppercase;
			float: left;
			}
		
		ul.share a{
			text-indent: -9000em;
			display: block;
			float:left;
			width:28px;
			height:28px;
			position:absolute;
			}
			ul.share a:hover{
				background-position: left bottom;
				}
			
		a.fb{
			background: url('images/share_fb.png') no-repeat;
			left:110px;
			top:-5px;
			}
		a.twitter{
			background: url('images/share_twitter.png') no-repeat;
			left:140px;
			top:-4px;	
			}
			
			
			

/**** Navigation ****/

#nav{
	list-style: none;
	margin-bottom: 10px;
	padding:0;
	height: 103px;
	}
	
/**** Logo ****/
	#nav h1 a{
		width:136px;
		background: url('images/nav_logo.png') no-repeat;
		}
			
	#nav a{
		text-indent: -9000em;
		height: 103px;
		display:block;
		float: left;
		}

/* a background image */
#nav li a.nav_home_bg{ background: url('images/nav_home.png') no-repeat; width: 82px;}
#nav li a.nav_beers_bg{ background: url('images/nav_beers.png') no-repeat; width: 172px;}
#nav li a.nav_story_bg{ background: url('images/nav_story.png') no-repeat; width: 192px;}
#nav li a.nav_new_bg{ background: url('images/nav_new.png') no-repeat; width: 130px; }
#nav li a.nav_contests_bg{ background: url('images/nav_contests.png') no-repeat; width: 113px;}
#nav li a.nav_contact_bg{ background: url('images/nav_contact.png') no-repeat; width: 128px;}
	
/*** hover image ***/
	#nav li a:hover{
		background-position: left -103px;
		}

/**** Active image ***/
.nav_home li a.nav_home_bg, .nav_beers li a.nav_beers_bg, .nav_story li a.nav_story_bg, .nav_new li a.nav_new_bg, .nav_contests li a.nav_contests_bg, .nav_contact li a.nav_contact_bg{
	background-position: left bottom !important;
	}

		
#nav li a b{
	font-weight:normal;
    height: 70%;
    display:block;
	cursor:pointer;
	}

	#nav ul{
		overflow:hidden;
		display: none;
		list-style:none;
		position: absolute;
		top: 88px;
		background:url('images/nav_submenu.png') repeat-x;
		}
		
		#nav ul li{
			float:left;
			height:20px;
			margin:7px -2px 0 0;
			}

			#nav ul li a{
				font-size:75%;
				letter-spacing:0.06em;
				padding:0 7px;
				text-indent: 0;
				text-transform:uppercase;
				height: 13px;
				border-right:1px solid #666;
				text-shadow:1px 1px 2px #000000;
				}
			#nav ul li a:hover{
				color:#ed1846;
				}


/* Sub menu active */
	#nav ul#sub_active{
		background:url('images/nav_submenu_active.png') repeat-x;
		}
		#nav ul#sub_active li a{
			border-right:1px solid #711;
				}
		#nav ul#sub_active li a:hover{
				color:#000;
				}

.sub1{ left:160px; }
.sub2{ left:305px; }
.sub3{ left: 583px; }
	






/*************************************/

/*          4. Restriction            */

/*************************************/
	
/**** Restriction ***/

#restriction{
	text-align: center;
	width: 350px;
	margin: 0 280px;
	position:absolute;
	z-index:9999;
	}
	
	#restriction h2{
		background: url('images/logo.png') no-repeat;
		width: 192px;
		height: 128px;
		margin: 0 79px;
		text-indent: -9000em;
		}
		
	#restriction p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		letter-spacing:0.01em;
		line-height:20px;
		margin:15px 0 30px;
		font-size:90%;
		font-weight:bold;
		}
		
	#restriction h3{
		background: url('images/txt_urbeer.png') no-repeat;
		width: 187px;
		height: 28px;
		margin: 30px 81px;
		text-indent: -9000em;
		}
	
	#restriction form{
		border: 0 none;
		color: #ffffff;
                padding-left:15px;
		}
	
	#month, #day, #year{
		border: 0 none;
		height:68px;
		color:white;
		font: 400% Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		padding:3px 0 0 10px;
		margin-bottom:5px;
		background: url('images/form_bg.png') no-repeat;
		}

	#restriction span{
		float: left;
		width: 84px;
		font-size: 85%;
		color: #666;
		margin:0 5px 20px 0;
		}
	#restriction span.span_year{ width:130px;}
	
		#month{
			padding-left: 20px;
			width:64px;
			}
			
		#day{
			background-position:-20px 50%;
			width:74px;
			}
			
		#year{
			background-position:-20px 50%;
			width: 130px;
			}
			
		.enter{
			float: left;
			margin-left:10px;
			}
			
	
	/**** Select Box ****/	
		#restriction ul {
			list-style: none;
			float: left;
			}
			
		#restriction ul li.selected { 
			background-color: #999999;
			color:#333333;
			}
		
		#restriction ul li {
			list-style:none;
			display:block;
			margin:0;
			padding:2px;
			cursor:pointer;
			background-color: #333333;
			color: #999999;
			padding: 5px 10px;
			width: 175px;
			}
		
		#restriction .selectbox /* look&feel of  select box*/{
		    padding:2px;
		    width : 185px; 
		    display : block;
		    background: url('images/bg_select.jpg') right;
		    height:22px;
		    cursor: pointer;
		    border: none;
		    color:#ffffff;
			padding:7px 0 0 10px;
			float: left;
			}
			
		#restriction ul li, #restriction .selectbox{
			text-transform: uppercase;
		        text-align:left; 
			font-size:80%;
			letter-spacing:0.07em;
			}
		
		#restriction select {
			background: url('images/bg_select.jpg') right;
			}
		
		
		
		
		
		
/***********************************/

/*         5. Home Contents          */

/***********************************/

/**** Banner ****/
	
	ul#banner{
		list-style: none;
		}
		
		ul#banner div{	
			width: 910px;
			height: 468px;
			}
			
		.banner_brewmaster, .banner_craft, .banner_family{
			text-indent: -9000em;
			}
		
		div.banner_brewmaster{
			background: url('images/banner_brewmaster.png') no-repeat;
			height: 468px;
			}
			
		div.banner_craft{
			background: url('images/banner_craft.png') no-repeat;
			height: 468px;
			}
			
		div.banner_family{
			background: url('images/banner_family.png') no-repeat;
			height: 468px;
			}
	



/**** Home Ads ****/

	ul.ads_home{
		list-style: none;
		height: 213px;
		}
		
		ul.ads_home h2{
			text-indent: -9000em;
			}
			
		ul.ads_home a{
			float: left;
			text-indent: -9000em;
			width: 291px;
			height: 213px;
			margin-right: 18px;
			}
			
			ul.ads_home a:hover{
				background-position: left bottom;
				}
			
			.blacklager{
				background: url('images/blacklager.png') no-repeat;
				}
			.wintercraft{
				background: url('images/wintercraft.png') no-repeat;
				}
			.summercraft{
				background: url('images/summercraft.png') no-repeat;
				}
			.btn_silver{
				background: url('images/silver_btn.png') no-repeat;
				}

			.btn_recent{
				background: url('images/recent_btn.png') no-repeat;
				}

			.btn_contests{
				background: url('images/contest_btn.png') no-repeat;
				}
			.sponsor{
				background: url('images/sponsor.png') no-repeat;
				margin-right:0!important;
				}
				
				
				


/***********************************/

/*        6. Page Contents         */

/***********************************/

/**** Main div ***/

.main{
	width: 672px;
	float: left;
	}
	
	.main h2{
		text-indent: -9000em;
		}


	
/**** Main Our beer pages ****/

.lager, .bl1516, .pale, .hef, .black, .porter, .winter, .hopped, .summer{
    width:672px;
    height: 590px;
    }

.lager_details, .bl1516_details, .pale_details, .hef_details, .black_details, .porter_details, .hopped_details{
	float:left;
	}
	
.lager_details a,.bl1516_details a, .pale_details a, .hef_details a, .black_details a, .porter_details a, .hopped_details a,
.beer_right div a{
	display:block;
	width:115px;
	height:115px;
	}

.lager_details a p, .bl1516_details a p, .pale_details a p, .hef_details a p, .black_details a p, .porter_details a p, .hopped_details a p,
.beer_right div a{
	text-indent: -9000em;
	}

.lager_window, .bl1516_window, .pale_window, .hef_window, .black_window, .porter_window, .hopped_window,
#temp div, #color div, #date div{
	width: 480px;
	height: 280px;
	padding-top: 50px;
	}

.recipes_logo_lager, .recipes_logo_bl1516, .recipes_logo_pale, .recipes_logo_hef, .recipes_logo_black, .recipes_logo_porter, .recipes_logo_hopped{
	float:left;
	width: 105px;
	text-indent:-9000em;
	}

.recipes_bottom_lager, .recipes_bottom_bl1516, .recipes_bottom_pale, .recipes_bottom_porter, .recipes_bottom_hopped{
	height: 447px;
	}
.recipes_bottom_hef, .recipes_bottom_black{
	height: 540px;
	}



	/**** Change beer name ****/
				
	/**** Lager ***/
		.lager{
			background: url('images/lager_bg.jpg') no-repeat;
			}
			.lager_details{
				background: url('images/lager_icon.png') no-repeat;
				}
				.lager_details:hover{
					background: url('images/lager_icon_hover.png') no-repeat;
					}
			
			.lager_window{
				background: url(images/lager_window.jpg) no-repeat;
				}
		
				.recipes_logo_lager{
					height:211px;
					background: url(images/recipes_logo_lager.png) no-repeat top center;
					}
				.recipes_bottom_lager{
					background:url(images/recipes_bg_lager.jpg) no-repeat bottom center;
					}

			.lager_temp{
				width:55px;
				height:77px;
				background: url('images/lager_temp.png') no-repeat;
				margin-left:50px;
				}
				.lager_temp:hover{
					background: url('images/lager_temp_hover.png') no-repeat;
					}
			.lager_color{
				width:124px;
				height:76px;
				background: url('images/lager_color.png') no-repeat;
				}
				.lager_color:hover{
					background: url('images/lager_color_hover.png') no-repeat;
					}
			.lager_date{
				width:101px;
				height:50px;
				background: url('images/lager_date.png') no-repeat;
				}
				.lager_date:hover{
					background: url('images/lager_date_hover.png') no-repeat;
					}
			.lager_temp_window{
				background: url('images/lager_temp_window.jpg') no-repeat;
				}
			.lager_color_window{
				background: url('images/lager_color_window.jpg') no-repeat;
				}
			.lager_date_window{
				background: url('images/lager_date_window.jpg') no-repeat;
				}

					
	/**** bl1516 ***/
		.bl1516{
			background: url('images/bl1516_bg.jpg') no-repeat;
			}
			.bl1516_details{
				background: url('images/bl1516_icon.png') no-repeat;
				}
				.bl1516_details:hover{
					background: url('images/bl1516_icon_hover.png') no-repeat;
					}
			
			.bl1516_window{
				background: url(images/bl1516_window.jpg) no-repeat;
				}
		
				.recipes_logo_bl1516{
					height:177px;
					background: url(images/recipes_logo_bl1516.png) no-repeat top center;
					}
				.recipes_bottom_bl1516{
					background:url(images/recipes_bg_bl1516.jpg) no-repeat bottom center;
					}

			.bl1516_temp{
				width:55px;
				height:77px;
				background: url('images/bl1516_temp.png') no-repeat;
				margin-left:50px;
				}
				.bl1516_temp:hover{
					background: url('images/bl1516_temp_hover.png') no-repeat;
					}
			.bl1516_color{
				width:124px;
				height:76px;
				background: url('images/bl1516_color.png') no-repeat;
				}
				.bl1516_color:hover{
					background: url('images/bl1516_color_hover.png') no-repeat;
					}
			.bl1516_date{
				width:101px;
				height:50px;
				background: url('images/bl1516_date.png') no-repeat;
				}
				.bl1516_date:hover{
					background: url('images/bl1516_date_hover.png') no-repeat;
					}
			.bl1516_temp_window{
				background: url('images/bl1516_temp_window.jpg') no-repeat;
				}
			.bl1516_color_window{
				background: url('images/bl1516_color_window.jpg') no-repeat;
				}
			.bl1516_date_window{
				background: url('images/bl1516_date_window.jpg') no-repeat;
				}

	
	/**** pale ***/
		.pale{
			background: url('images/pale_bg.jpg') no-repeat;
			}
			.pale_details{
				background: url('images/pale_icon.png') no-repeat;
				}
				.pale_details:hover{
					background: url('images/pale_icon_hover.png') no-repeat;
					}
			
			.pale_window{
				background: url(images/pale_window.jpg) no-repeat;
				}
		
				.recipes_logo_pale{
					height:255px;
					background: url(images/recipes_logo_pale.png) no-repeat top center;
					}
				.recipes_bottom_pale{
					background:url(images/recipes_bg_pale.jpg) no-repeat bottom center;
					}

			.pale_temp{
				width:55px;
				height:77px;
				background: url('images/pale_temp.png') no-repeat;
				margin-left:50px;
				}
				.pale_temp:hover{
					background: url('images/pale_temp_hover.png') no-repeat;
					}
			.pale_color{
				width:124px;
				height:76px;
				background: url('images/pale_color.png') no-repeat;
				}
				.pale_color:hover{
					background: url('images/pale_color_hover.png') no-repeat;
					}
			.pale_date{
				width:101px;
				height:50px;
				background: url('images/pale_date.png') no-repeat;
				}
				.pale_date:hover{
					background: url('images/pale_date_hover.png') no-repeat;
					}
			.pale_temp_window{
				background: url('images/pale_temp_window.jpg') no-repeat;
				}
			.pale_color_window{
				background: url('images/pale_color_window.jpg') no-repeat;
				}
			.pale_date_window{
				background: url('images/pale_date_window.jpg') no-repeat;
				}
	
	
	/**** hefeweizen ***/
		.hef{
			background: url('images/hef_bg.jpg') no-repeat;
			}
			.hef_details{
				background: url('images/hef_icon.png') no-repeat;
				}
				.hef_details:hover{
					background: url('images/hef_icon_hover.png') no-repeat;
					}
			
			.hef_window{
				background: url(images/hef_window.jpg) no-repeat;
				}
		
				.recipes_logo_hef{
					height:332px;
					background: url(images/recipes_logo_hef.png) no-repeat top center;
					}
				.recipes_bottom_hef{
					background:url(images/recipes_bg_hef.jpg) no-repeat bottom center;
					}

			.hef_temp{
				width:55px;
				height:77px;
				background: url('images/hef_temp.png') no-repeat;
				margin-left:50px;
				}
				.hef_temp:hover{
					background: url('images/hef_temp_hover.png') no-repeat;
					}
			.hef_color{
				width:124px;
				height:76px;
				background: url('images/hef_color.png') no-repeat;
				}
				.hef_color:hover{
					background: url('images/hef_color_hover.png') no-repeat;
					}
			.hef_date{
				width:101px;
				height:50px;
				background: url('images/hef_date.png') no-repeat;
				}
				.hef_date:hover{
					background: url('images/hef_date_hover.png') no-repeat;
					}
			.hef_temp_window{
				background: url('images/hef_temp_window.jpg') no-repeat;
				}
			.hef_color_window{
				background: url('images/hef_color_window.jpg') no-repeat;
				}
			.hef_date_window{
				background: url('images/hef_date_window.jpg') no-repeat;
				}
	
	
	/**** black ***/
		.black{
			background: url('images/black_bg.jpg') no-repeat;
			}
			.black_details{
				background: url('images/black_icon.png') no-repeat;
				}
				.black_details:hover{
					background: url('images/black_icon_hover.png') no-repeat;
					}
			
			.black_window{
				background: url(images/black_window.jpg) no-repeat;
				}
		
				.recipes_logo_black{
					height:419px;
					background: url(images/recipes_logo_black.png) no-repeat top center;
					}
				.recipes_bottom_black{
					background:url(images/recipes_bg_black.jpg) no-repeat bottom center;
					}

			.black_temp{
				width:55px;
				height:77px;
				background: url('images/black_temp.png') no-repeat;
				margin-left:50px;
				}
				.black_temp:hover{
					background: url('images/black_temp_hover.png') no-repeat;
					}
			.black_color{
				width:124px;
				height:76px;
				background: url('images/black_color.png') no-repeat;
				}
				.black_color:hover{
					background: url('images/black_color_hover.png') no-repeat;
					}
			.black_date{
				width:101px;
				height:50px;
				background: url('images/black_date.png') no-repeat;
				}
				.black_date:hover{
					background: url('images/black_date_hover.png') no-repeat;
					}
			.black_temp_window{
				background: url('images/black_temp_window.jpg') no-repeat;
				}
			.black_color_window{
				background: url('images/black_color_window.jpg') no-repeat;
				}
			.black_date_window{
				background: url('images/black_date_window.jpg') no-repeat;
				}
	
	
	/**** porter ***/
		.porter{
			background: url('images/porter_bg.jpg') no-repeat;
			}
			.porter_details{
				background: url('images/porter_icon.png') no-repeat;
				}
				.porter_details:hover{
					background: url('images/porter_icon_hover.png') no-repeat;
					}
			
			.porter_window{
				background: url(images/porter_window.jpg) no-repeat;
				}
		
				.recipes_logo_porter{
					height:232px;
					background: url(images/recipes_logo_porter.png) no-repeat top center;
					}
				.recipes_bottom_porter{
					background:url(images/recipes_bg_porter.jpg) no-repeat bottom center;
					}

			.porter_temp{
				width:55px;
				height:77px;
				background: url('images/porter_temp.png') no-repeat;
				margin-left:50px;
				}
				.porter_temp:hover{
					background: url('images/porter_temp_hover.png') no-repeat;
					}
			.porter_color{
				width:124px;
				height:76px;
				background: url('images/porter_color.png') no-repeat;
				}
				.porter_color:hover{
					background: url('images/porter_color_hover.png') no-repeat;
					}
			.porter_date{
				width:101px;
				height:50px;
				background: url('images/porter_date.png') no-repeat;
				}
				.porter_date:hover{
					background: url('images/porter_date_hover.png') no-repeat;
					}
			.porter_temp_window{
				background: url('images/porter_temp_window.jpg') no-repeat;
				}
			.porter_color_window{
				background: url('images/porter_color_window.jpg') no-repeat;
				}
			.porter_date_window{
				background: url('images/porter_date_window.jpg') no-repeat;
				}

	/**** Winter ***/
	.winter{
		background: url('images/winter_bg.jpg') no-repeat;
		}

		.pale_small, .bl1516_small, .black_small, .lager_small{
			margin-right: 5px;
			float:left;
			}
		.pale_small a, .bl1516_small a, .black_small a, .lager_small a{
			text-indent: -9000em;
			display: block;
			width: 55px;
			height: 55px;
			}
		.pale_small a:hover, .bl1516_small a:hover, .black_small a:hover, .lager_small a:hover{
			background-position: left bottom;
			}

		.pale_small a{ background: url('images/pale_small.png') no-repeat; }
		.bl1516_small a{ background: url('images/bl1516_small.png') no-repeat; }
		.black_small a{ background: url('images/black_small.png') no-repeat; }
		.lager_small a{ background: url('images/lager_small.png') no-repeat; }
	
	
	
	/**** Summer ***/
	.summer{
		background: url('images/summer_bg.jpg') no-repeat;
		}

		.pale_small, .bl1516_small, .hef_small, .lager_small{
			margin-right: 5px;
			float:left;
			}
		.pale_small a, .bl1516_small a, .hef_small a, .lager_small a{
			text-indent: -9000em;
			display: block;
			width: 55px;
			height: 55px;
			}
		.pale_small a:hover, .bl1516_small a:hover, .hef_small a:hover, .lager_small a:hover{
			background-position: left bottom;
			}

		.pale_small a{ background: url('images/pale_small.png') no-repeat; }
		.bl1516_small a{ background: url('images/bl1516_small.png') no-repeat; }
		.hef_small a{ background: url('images/hef_small.png') no-repeat; }
		.lager_small a{ background: url('images/lager_small.png') no-repeat; }
	
	
	/**** Hopped ***/
		.hopped{
			background: url('images/hopped_bg.jpg') no-repeat;
			}
			.hopped_details{
				background: url('images/hopped_icon.png') no-repeat;
				}
				.hopped_details:hover{
					background: url('images/hopped_icon_hover.png') no-repeat;
					}
			
			.hopped_window{
				background: url(images/hopped_window.jpg) no-repeat;
				}
		
				.recipes_logo_hopped{
					height:211px;
					background: url(images/recipes_logo_hopped.png) no-repeat top center;
					}
				.recipes_bottom_hopped{
					background:url(images/recipes_bg_hopped.jpg) no-repeat bottom center;
					}

			.hopped_temp{
				width:55px;
				height:77px;
				background: url('images/hopped_temp.png') no-repeat;
				margin-left:50px;
				}
				.hopped_temp:hover{
					background: url('images/hopped_temp_hover.png') no-repeat;
					}
			.hopped_color{
				width:124px;
				height:76px;
				background: url('images/hopped_color.png') no-repeat;
				}
				.hopped_color:hover{
					background: url('images/hopped_color_hover.png') no-repeat;
					}
			.hopped_date{
				width:101px;
				height:50px;
				background: url('images/hopped_date.png') no-repeat;
				}
				.hopped_date:hover{
					background: url('images/hopped_date_hover.png') no-repeat;
					}
			.hopped_temp_window{
				background: url('images/hopped_temp_window.jpg') no-repeat;
				}
			.hopped_color_window{
				background: url('images/hopped_color_window.jpg') no-repeat;
				}
			.hopped_date_window{
				background: url('images/hopped_date_window.jpg') no-repeat;
				}		
			.hopped_left{
				float: left;
				width: 260px;
				margin: 160px 230px 0 40px;
				}	
		
/**** Common beer section ***/
		
		.beer_left{
			float: left;
			width: 260px;
			margin: 125px 230px 0 40px;
			}
			.beer_left h3{
				font: 130% Georgia, "Times New Roman", Times, serif;
				font-style:italic;
				font-weight:bold;
                text-shadow:0 0 10px #000000;
				}
			.beer_left p{
				margin: 15px 0;
				line-height:16px;
				width:225px;
				}
			.beer_right p{
				margin: 15px 0;
				line-height:16px;
				}
				
			.beer_bottom{
				margin-top: 30px;
				}

			.beer_bottom p{
				width: 100%!important;
				}
				
			div.recipes{
				width:142px;
				height:65px;
				background: url('images/recipes.png') no-repeat;
				float:left;
				margin-top:20px;
				}
				div.recipes:hover{
					background: url('images/recipes_hover.png') no-repeat;
					}
				div.recipes a{
					display:block;
					height:100%;
					width:100%;
					}
					div.recipes a p{
						margin: 0;
						text-indent: -9000em;
						}
						
						
			.beer_right{
				float:left;
				width: 122px;
				margin-top: 150px;
				}
				
					
					

/**** Modal Window ****/

#mask {
	position:absolute;
	top:-32px;
	z-index:9000;
	background-color:#000;
	display:none;
	}
  
.window {
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:9999;
	padding:20px;
	}


	/**** dialog, temp, color, date ****/

	.printerfriendly{
		text-indent:-9000em;
		background: url(images/printerfriendly.png) no-repeat;
		cursor:pointer;
		height:16px !important;
		position:absolute;
		right:100px;
		bottom:25px;
		width:132px !important;
                padding:0 !important;
                float:left;
                margin-right:10px;
		display:block;
		}
	.printerfriendly a{
		margin:0!important;
		display:block;
		}

	.close, .close-white{
		text-indent:-9000em;
		cursor:pointer;
		height:16px !important;
		position:absolute;
		right:25px;
		bottom:25px;
		width:60px !important;
                padding:0 !important;
                float:left;
		}

	.close{ background: url(images/close.png) no-repeat; }
	.close-white{ background: url(images/close-white.png) no-repeat; }
	
	#dialog, #temp, #color, #date {
		width:480px; 
		height:280px;
		padding:10px;
		background-color:#ffffff;
		color: #333333;
		}
		#dialog h4, #temp h4, #color h4, #date h4{
			color: #999999;
			font: 125% Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-weight:bold;
			width: 180px;
			margin-left: 240px;
			}
		#dialog p, #temp p, #color p, #date p{
			width: 180px;
			margin-left: 240px;
			}

			.window_link{
			    color: #ed1846!important;
			    font-family: Georgia, "Times New Roman", Times, serif;
			    font-style:italic;
			    font-weight:bold;
			    }
			.window_link a{
			    color: #ed1846;
			    text-indent:0!important;
			    display:inline!important;
			    cursor:pointer;
			    }
			.window_link a:hover{
			    text-decoration:underline;
			    }

			.window_link_white{
			    color: #fff!important;
			    font-family: Georgia, "Times New Roman", Times, serif;
			    font-style:italic;
			    font-weight:bold;
			    }
			.window_link_white a{
			    color: #fff;
			    text-indent:0!important;
			    display:inline!important;
			    text-shadow:0 0 5px #000000;
			    cursor:pointer;
			    }
			.window_link_white a:hover{
			    text-decoration:underline;
			    color:#ed1846;
			    }

			
	
	/**** Recipes ****/

	#recipes {
		width:480px;
		padding:10px;
		background-color:#ffffff;
		color: #333333;
		}
		.recipes_wrapper{
			background: url(images/recipes_bg.jpg) repeat-y;
			width: 480px;
			}
			.recipes_top{
				background: url(images/recipes_bg_top.jpg) no-repeat top center;
				padding-top:50px;
				}
				.recipes_desc{
					float: left;
					padding: 0 40px 40px;
					border-left: 3px dotted #777777;
					width:292px;
					}
					.recipes_desc b{
						font-size:85%;
						color:#666;
						margin-top:20px;
						display:block;
						}
					.recipes_desc ol{
						list-style-position:inside;
						}
						.recipes_desc ol li{
							margin: 20px 0;
							}
				
		#recipes h4{
			color: #999999;
			font: 125% Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-weight:bold;
			}
		#recipes h5{
			color: #ed1846;
			font-weight: bold;
			margin-top:25px;
			}
		#recipes h5.menu{
			margin:0;
			z-index:-1;
			position: relative;
			}
		#recipes ul{
                        height:255px;
			list-style: none;
			z-index:-1;
			position: relative;
			}
				
		#recipes .mychef{
			color:#999999;
			font-size:85%;
			margin:35px 0 0 270px;
			}
#recipes .recipes_bottom_hef .mychef, #recipes .recipes_bottom_black .mychef{
	margin-top:135px!important;
	}
		#recipes a{
			color:#9e2056;
			font-size:85%;
			margin-left: 270px;
			}
			#recipes a:hover{
				color: #FF99CC;
				}
			
			
			
/**** Process ****/

.process1, .process2, .process3, .process4, .process5, .process6, .process7{
	padding-top: 20px;
	}
		
	.process1{ background: url(images/process1_window.jpg) no-repeat; height:528px; }
	.process2{ background: url(images/process2_window.jpg) no-repeat; height:560px; }
	.process3{ background: url(images/process3_window.jpg) no-repeat; height:638px; }
	.process4{ background: url(images/process4_window.jpg) no-repeat; height:560px; }
	.process5{ background: url(images/process5_window.jpg) no-repeat; height:720px; }
	.process6{ background: url(images/process6_window.jpg) no-repeat; height:528px; }
	.process7{ background: url(images/process7_window.jpg) no-repeat; height:528px; }
	
	#p1,#p2,#p3,#p4,#p5,#p6,#p7 {
		width:478px; 
		padding:10px;
		background-color:#ffffff;
		color: #333333;
		}
		#p1,#p6,#p7 { height:528px; }
		#p2,#p4 { height:560px; }
		#p3 { height:638px; }
		#p5 { height:720px; }
		
		#p1 h4, #p2 h4, #p3 h4, #p4 h4, #p5 h4, #p6 h4, #p7 h4{
			color: #999999;
			font: 125% Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-weight:bold;
			margin: 290px 0 0 60px;
			}
		#p1 p, #p2 p, #p3 p, #p4 p, #p5 p, #p6 p, #p7 p{
			width: 350px;
			margin-left: 60px;
			line-height:16px;
			}




/**** Our brewmaster, Brewery****/

.master1, .master2, .master3, .brewery1, .brewery2, .brewery3, .brewery4, .brewery5, .brewery6, .brewery7, .brewery8, .brewery9, .brewery10{
	padding-top: 20px;
	width: 479px;
	height: 285px;
	}
		
	.master1{ background: url(images/brewmaster1.jpg) no-repeat; }
	.master2{ background: url(images/brewmaster2.jpg) no-repeat; }
	.master3{ background: url(images/brewmaster3.jpg) no-repeat; }
	.brewery1{ background: url(images/brewery1.jpg) no-repeat; }
	.brewery2{ background: url(images/brewery2.jpg) no-repeat; }
	.brewery3{ background: url(images/brewery3.jpg) no-repeat; }
	.brewery4{ background: url(images/brewery4.jpg) no-repeat; }
	.brewery5{ background: url(images/brewery5.jpg) no-repeat; }
	.brewery6{ background: url(images/brewery6.jpg) no-repeat; }
	.brewery7{ background: url(images/brewery7.jpg) no-repeat; }
	.brewery8{ background: url(images/brewery8.jpg) no-repeat; }
	.brewery9{ background: url(images/brewery9.jpg) no-repeat; }
	.brewery10{ background: url(images/brewery10.jpg) no-repeat; }
	
	#m1,#m2,#m3,#b1,#b2,#b3,#b4,#b5,#b6,#b7,#b8,#b9,#b10{
		width:480px;
		height: 284px; 
		padding:10px;
		background-color:#ffffff;
		}

	#m1 p,#m2 p,#m3 p, #b1 p, #b2 p, #b3 p, #b4 p, #b5 p, #b6 p, #b7 p, #b8 p, #b9 p, #b10 p{
		margin-top:230px;
		text-align:center;
		}
		
		
		
		
		
/**** Default page ****/

.page_main{
    background:url(images/bg_main.jpg) repeat-y;
    height: 100%;
    }
.page_footer{
    background:url(images/bg_main_footer.png) no-repeat;
    height: 162px;
    }
	.craftBrewing p, .master p, .process p, .brewery p{
		margin-top:10px;
                color:#000000;
		}
	.craftBrewing h3, .master h3, .process h3, .brewery h3, .contact h3, .events h3{
		font: 205% Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:bold;
                text-shadow:0 0 10px #000000;
	        margin-bottom: 45px;
		}
	.craftBrewing h4, .master h4{
		font: 120% Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:bold;
	    margin: 40px 0 25px;
        color: #999999;
		}




/*** Craft of Brewing ***/
.craftBrewing{
	background:url(images/craftbrewing_bg.jpg) no-repeat top;
        padding:75px 40px 0;
	}

.img_craft{
        margin: 18px 18px 18px 0;
        float:left;
	text-indent: -9000em;
	background: url('images/img_craft.jpg') no-repeat;
	width: 175px;
	height: 151px;
	}



/*** Brewmaster ***/
.master{
	background:url(images/master_bg.jpg) no-repeat top;
        padding: 75px 40px 0;
	}

.img_master{
        margin:18px 18px 18px 0;
        float:left;
	}
		
	.img_master a{
		text-indent: -9000em;
		display: block;
		background: url('images/more_master.jpg') no-repeat;
		width: 186px;
		height: 239px;
		}
		.img_master a:hover{
			background-position: left bottom;
			}



/*** Process ***/
.process{
	background:url(images/process_bg.jpg) no-repeat top;
        padding: 75px 40px 0;
	}

.img_process{
        margin:18px 0 18px 18px;
        float:right;
	}
		
	.img_process a{
		text-indent: -9000em;
		display: block;
		background: url('images/more_process.jpg') no-repeat;
		width: 186px;
		height: 239px;
		}
		.img_process a:hover{
			background-position: left bottom;
			}




/*** Our Brewery ****/

.brewery{
	background:url(images/brewery_bg.jpg) no-repeat top;
        padding: 75px 40px 0;
	}
.brewery p strong, .master p strong, .craftBrewing p strong, .process p strong{color:#e9234a;}

.img_brewery{
        margin:0 0 -20px 18px;
        float:right;
	}
		
	.img_brewery a{
		text-indent: -9000em;
		display: block;
		background: url('images/more_brewery.jpg') no-repeat;
		width: 186px;
		height: 239px;
		}
		.img_brewery a:hover{
			background-position: left bottom;
			}
			
			

/*** Contest ***/
.contest{
	background:url(images/contest_bg.png) no-repeat top;
	color: #000000;
        padding: 380px 40px 0;
	}
	.contest .hidden{
		text-indent: -9000em;
		}
	.contest h3{
		color: #ed1846;
		margin-top:25px;
		}
	.contest span{
		color: #ed1846;
		}
			
    /**** Form ***/

	.contest label{
		margin-top:30px;
                display:block;
		}

	.contest input[type="submit"], .contest input[type="reset"]{
		color:transparent;
		overflow:hidden;
		}

	.contest div.general{
		width: 290px;
		float:left;
		}

	.contest ul, .contest ol{
		list-style:none;
		}

	.contest ul li{
		float:left;
		width:195px;
		}

	.contest ol{
		margin-bottom:40px;
		}
	.contest ol li{
		float:left;
		width:100px;
		}

	.contest_end {
		font-size:85%;
		margin-top:30px;
		}


	.contest_submit, .contest_reset{
		width:118px;
		height: 35px;
		padding:0 3px 5px 0;
		cursor:pointer;
		border:none;
		margin-top: 40px!important;
		}

	.contest_submit{ background:url(images/btn_submit.png) no-repeat; position:absolute; }
	.contest_reset{ background:url(images/btn_reset.png) no-repeat; }
	
	





/*** News ***/
.news{
	background:url(images/news_bg.jpg) no-repeat top;
        padding: 15px 50px;
	}
	
.news .posts_img{
	float: left;
	width: 190px;
	margin: 40px 20px 0 0;
	}
	
.news .posts_txt{
	float: left;
	width: 360px;
	margin: 40px 0;
	}
	.posts_txt h3{
		font: 130% Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:bold;
		margin-bottom: 20px;
		color: #777777;
		}
	.posts_txt p.news_desc{
		color: #000000;
		font-size: 90%;
		}	
		
	p.news_link{
		font-weight: bold;
		font-size: 90%;
		margin-top:20px;
                color: #ed1846;
		}
		p.news_link:hover{
			text-decoration: underline;
			}
		p.news_link i{
			font-style: italic;
			font-family: Georgia, "Times New Roman", Times, serif;
			}
	
	h3.news_latest {
		color:#ffffff;
		text-shadow:0 0 10px #000000;
		}




/*** Our Events ***/
.events{
	background:url(images/events_bg.jpg) no-repeat top;
        padding: 75px 40px 0;
        color:#000;
	}
.events h3{
	width:500px;
        color:#fff;
	}
.events h4{
        margin-top:25px
	}
    .events h4 a{
	color: #ed1846;
	}
    .events h4 a:hover{
	color: #ccc;
	}

.events_left, .events_right{
	float:left;
	width:280px;
	}
.events_left{
	margin-right:20px;
	}



    /*** Support links ***/

    .events .support{
        margin-top: 50px;
        padding-top: 30px;
        border-top: 2px dotted #ccc;
	}

	.support ul{
		list-style:none;
		margin-top:30px;
		}
	.support ul li{
		float:left;
		margin:15px;
		}
	.support a{
		text-indent: -9000em;
		display: block;
		height: 70px;
		}
		.support  a:hover{
			background-position: left bottom;
			}

.silverstar{ background: url('images/link_silverstar.jpg') no-repeat; width:161px; }
.bigwhite{ background: url('images/link_bigwhite.jpg') no-repeat; width:121px; }
.vernonvipers{ background: url('images/link_vernonvipers.jpg') no-repeat; width:88px; }
.athletes{ background: url('images/link_athletes.jpg') no-repeat; width:85px; }
.children{ background: url('images/link_children.jpg') no-repeat; width:115px; }
.prospera{ background: url('images/link_prospera.jpg') no-repeat; width:130px; }
.specialolympics{ background: url('images/link_specialolympics.jpg') no-repeat; width:120px; }
.autismspeaks{ background: url('images/link_autismspeaks.jpg') no-repeat; width:69px; }
.skull{ background: url('images/link_skull.jpg') no-repeat; width:96px; }
.jci{ background: url('images/link_jci.jpg') no-repeat; width:275px; }
.bmx{ background: url('images/link_bmx.jpg') no-repeat; width:96px; }





/*** Contact ***/
.contact{
	background:url(images/contact_bg.jpg) no-repeat top;
        padding:75px 40px 0;
	}
	
	.contact h4{
		color:#ed1846;
		margin-top:20px; 
		}
	
	.contact i{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		}
	
	.contact p{
		color:#000000;
		}
	
	.contact_col1, .contact_col2{
		float:left;
		width: 185px;
		}

	.contact_col1, .contact_col2{
		margin-right:18px;
		}
	.contact_col1 iframe{
		margin-top: 65px;
		}

	.contact_col2 iframe{
		margin-bottom: 40px;
		}
	
	.contact_col3{
		float:left;
		width: 175px;
		background:url(images/contact-sponsor_bg.png) no-repeat;
		margin-top:40px;
		padding:70px 0 0 10px;
		}
			
		
		
/*** Single (post entries) ***/	

.news-hopped, .news-summer, .news-hef, .news-black, .news-winter, .news-anniversary, .news-sponsor{
        padding: 200px 40px 0;
	}
.news-hopped{
	background:url(images/newsbackground_hopped.png) no-repeat top;
	}
.news-summer{
	background:url(images/newsbackground_summer.png) no-repeat top;
	}
.news-hef{
	background:url(images/newsbackground_hef.png) no-repeat top;
	}
.news-black{
	background:url(images/blackpack_bg.jpg) no-repeat top;
	}
.news-winter{
	background:url(images/craftpack_bg.jpg) no-repeat top;
	}
.news-anniversary{
	background:url(images/silverpack_bg.jpg) no-repeat top;
	}
.news-sponsor{
	background:url(images/sponsor_bg.jpg) no-repeat top;
	}

.news-hopped h3, .news-summer h3, .news-hef h3, .news-black h3, .news-winter h3, .news-anniversary h3, .news-sponsor h3{
		font: 130% Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:bold;
	        color:#999;
                width: 385px;
		}

.news_main{
float:left;
width: 385px;
border-right: 3px dotted #ccc;
padding-right:18px;
}

.news_main h4{
	font: 130% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
        color:#999;
        margin-top: 50px;
}

.news_main h5{
	font-weight:bold;
        color:#ed1846;
        margin-top: 30px;
}

.news_main p{
margin-top:10px;
color:#000000;
}
.news_main p i{
font-family: Georgia, "Times New Roman", Times, serif;
}
.news_main a{
color:#ED1846;
}
.news_main a:hover{
color:#999;
}

.news_date{
	font-weight:bold;
        color:#333;
        margin-top:20px;
        }

.more_info{
margin-top:50px !important;
}

.news_side{
float:left;
width: 167px;
padding:0 0 100px 18px;
}

.news_side b{
color: #999;
}
.news_side a{
        color:#999;
        margin-top: 20px;
        display:block;
}
.news_side a:hover{
	color: #ed1846;
}
.news_side p{
	font: 85% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
        color:#ccc;
}
	


	

/**** Side div ****/	

.side{
	width: 220px;
	margin-left: 18px;
	float: left;
	min-height: 510px;
	}

	ul.side_ourbeers{
		list-style: none;
		position: relative;
		height: 53px;
		}
		
		ul.side_ourbeers h2{
			text-indent: -9000em;
			}
			
		ul.side_ourbeers a{
			text-indent: -9000em;
			width: 219px;
			height: 53px;
			position: absolute;
			}
			
			ul.side_ourbeers a:hover, #side_beer_current{
				background-position: left bottom;
				}
			
			.side_pale{
				background: url('images/side_pale.png') no-repeat;
				top: 0px;
				left:0;
				}
			.side_bl1516{
				background: url('images/side_bl1516.png') no-repeat;
				top: 65px;
				left: 0;
				}
			.side_lager{
				background: url('images/side_lager.png') no-repeat;
				top: 130px;
				left:0;
				}
			.side_porter{
				background: url('images/side_porter.png') no-repeat;
				top: 195px;
				left:0;
				}
			.side_black{
				background: url('images/side_black.png') no-repeat;
				top: 260px;
				left:0;
				}
			.side_hef{
				background: url('images/side_hef.png') no-repeat;
				top: 325px;
				left:0;
				}
			.side_winter{
				background: url('images/side_winter.png') no-repeat;
				top: 390px;
				left:0;
				}
			.side_summer{
				background: url('images/side_summer.png') no-repeat;
				top: 390px;
				left:0;
				}
			.side_hopped{
				background: url('images/side_hopped.png') no-repeat;
				top: 455px;
				left:0;
				}
	
	
	
/**** Page Ads ****/

	ul.ads_page{
		list-style: none;
		height: 161px;
		}
		
		ul.ads_page h2{
			text-indent: -9000em;
			margin-top:-15px;
			}
			
		ul.ads_page a{
			display:block;
			height:161px;
			text-indent:-9000em;
			width:220px;
			margin-bottom:10px;
			}
			
			ul.ads_page a:hover{
				background-position: left bottom;
				}
			
			.blacklager_small{
				background: url('images/blacklager_small.png') no-repeat;
				}
			.wintercraft_small{
				background: url('images/wintercraft_small.png') no-repeat;
				}
			.summercraft_small{
				background: url('images/summercraft_small.png') no-repeat;
				}
			.sponsor_small{
				background: url('images/sponsor_small.png') no-repeat;
				}

			.btn_silver_small{
				background: url('images/silver_btn_small.png') no-repeat;
				}

			.btn_recent_small{
				background: url('images/recent_btn_small.png') no-repeat;
				}

			.btn_contests_small{
				background: url('images/contest_btn_small.png') no-repeat;
				}



/**** more buttons ****/

ul.more{
	list-style: none;
	position: relative;
	}
		
	ul.more a{
		text-indent: -9000em;
		display: block;
		float:left;
		position:absolute;
                margin-top: 45px; 
		}
		ul.more a:hover{
			background-position: left bottom;
			}
			
		a.more_brewmaster{
			background: url('images/btn_brewmaster.jpg') no-repeat;
			left:0;
			top:0;
		        width: 186px;
		        height: 41px;
			}

		a.more_brewery{
			background: url('images/btn_brewery.jpg') no-repeat;
			left:200px;
			top:0;
		        width: 182px;
		        height: 42px;
			}

		a.more_craft{
			background: url('images/btn_craft.jpg') no-repeat;
			left:0;
			top:0;
		        width: 178px;
		        height: 41px;
			}

		a.more_knowyourbeer{
			background: url('images/btn_knowyourbeer.jpg') no-repeat;
			left:200px;
			top:0;
		        width: 183px;
		        height: 41px;
			}

		a.more_process{
			background: url('images/btn_process.jpg') no-repeat;
			left:200px;
			top:-12px;
		        width: 176px;
		        height: 62px;
			}





	
/***********************************/

/*           7. #footer            */

/***********************************/

#footer{
	font-size: 75%;
	letter-spacing: .03em;
	margin: 25px 0;
	padding: 0 15px;
	text-align:center;
	text-transform: uppercase;
	}
	
	.tundra{
		color: #999999;
		text-decoration: none;
		}


		
/*** Privacy ***/
.privacy{
	background:url(images/privacy_bg.jpg) no-repeat top;
        padding: 160px 40px 0;
        color:#000;
	}
.privacy h3{
        margin-top:30px;
	}
.privacy p{
        margin-top:10px;
	}




/*** Sitemap ***/
.sitemap{
	background:url(images/sitemap_bg.jpg) no-repeat top;
        padding: 160px 70px 0;
	color:#000;
	}
	.sitemap a{
		color:#000;
		}
	.sitemap a:hover{
		color:#ed1846;
		}	
	.sitemap ul li{
		margin-top:5px;
		}
	.sitemap ul li ul{
		padding-left:30px;
		}





	
/***********************************/

/*      8. Hack for Safari         */

/***********************************/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #restriction ul{ margin-top:0; }
    #restriction ul li{ margin-left:-20px; }
    #month, #day, #year{ line-height:20px; }
    #header{ margin-top:20px; }
    .share { margin-left:740px!important; top:10px; }
    a.fb{ left: 150px; }
    a.twitter{ left: 180px; }
    #nav ul { top:102px; padding:0; }
	.sub1{ left :217px; }
	.sub2{ left:360px; }
    ul.ads_home { margin-left: -40px; }
    ul.ads_home h2{ margin-top: -30px; }
    .side{ margin-top: -13px; }
    ul.ads_page{ margin: -13px 0 0 -40px; }
    .beer_left{ margin-top:100px; }
    /*.pale, .bl1516, .lager, .black, .hef, .porter, .winter{margin-top:-13px;}*/
    .craftBrewing, .master, .process, .brewery, .events, .contact{ padding-top: 35px; }
    .lager_window, .bl1516_window, .pale_window, .hef_window, .black_window, .porter_window { padding-top:30px; }
    .recipes_desc ol { margin: 0; padding:0; }
    .contest_main, .contest_side { margin-top:350px; }
    .contest_side ul{ padding:0; }
    .contact { padding-top:30px; }
    .events p, .contact p{ margin:0; }
    .events h4, .contact h4{ margin-bottom:0; }
}

/*** for Mac ***/
/*\*/ html* #nav ul { top:100px; padding:0; } 




/**********************************/

/*        9. Hack for IE          */

/**********************************/

/* For IE8 */
.sub1{ left :210px\9; }
.sub2{ left:360px\9; }
#nav ul li a{ letter-spacing:0.04em\9; }
.contest_submit, .contest_reset{ padding-left:1000px\9; }

/* For IE7,6 */
#nav ul{ /top:150px; }
#nav ul li a{/line-height: 1em;}
#nav li{ /line-height: 0; }
#contents{ /height:100%; }
.contest_submit, .contest_reset{ /padding-left:1000px; }

/* For IE6 */
* html a.fb { left:10px; }
* html a.twitter{ left:40px;}
* html .beer_left { margin-left:20px; margin-right: 205px;}