@charset "utf-8";

/* CSS Document */



*{

margin:0;

padding:0;

}

body{

background-image:url(../images/gradient_sun.jpg);

font-family:Arial, Helvetica, sans-serif;

background-attachment:fixed;

background-position:center;

background-color:#FFCC33;



}

img{

border:none;

}

h2{

display:block;

margin:0 10px 0 0px;

color:#BA2A10;

text-align:left;

}

h1{

text-align:center;

color:#FFFFFF;

}

#wrapper{

position:relative;

width:760px;

margin:0 auto;

padding:5px 0;

background-color:#311811;
}

#header{

position:relative;

margin:0 auto;

width:745px;

height:250px;

/*background-image:url(../images/header_rounded.png);*/

-moz-border-radius:.5em;

-webkit-border-radius:.5em;

}

#nav_bar{

width:745px;

height:20px;

background-image:url(../images/nav_bar_bkg.png);

margin:5px auto;

-moz-border-radius:.3em;

-webkit-border-radius:.3em;



}

ul#links, ul#flags{

list-style:none;

text-align:left;

}

ul#links a{

text-decoration:none;

margin:0 5px;

font-weight:bold;

color:#000;

outline-style:none;

font-size:.9em;

}

ul#links li, ul#flags li{

display:inline;

margin-bottom:3px;

line-height:12px;

}

ul#links li a.current{

color:#003399;

}

ul#links li a:hover{

color:#003399;

}

ul#flags{

	float:right;

	margin-right:10px;

}

ul#links{

	width:600px;

	float:left;

	margin-left:10px;

}

object#image{
	z-index:-1!important;
}
#manfred_writing{
float:right;
}
#manfred_logo{
position:absolute;
right:0;
z-index:9999;
}
.clear{
clear:both;
}
#last-image{
	margin-top:10px;

}
/********************************************************************Home**********************************************************************/

#content{

position:relative;

float:left;

width:500px;

margin:5px 0px 5px 8px;

height:auto;

background-color:#EAC119;

-moz-border-radius:.5em;

-webkit-border-radius:.5em;

text-align:justify;

font-size:.95em;

}

#content p{

text-align:justify;

margin:.5em;

font-size:1em;

margin-right:.5em;

}

#content p:first-letter{

display:block;

font-size:1.2em;

font-weight:bold;

}

#home_01{

float:left;

margin:.5em;

}

#home_02{

float:right;

margin:0 .5em .5em .5em;;

}

#home_03{

float:left;

margin:.5em;

}

.sunset{

display:block;

margin-top:10px;

padding-top:20px;

}

#ophours{

position:relative;

float:right;

font-style:italic;

font-size:1.1em;

width:250px;

}

#right_sidebar{

float:right;

margin:5px 0px 5px 15px;

width:230px;

height:auto;

}

#right_sidebar a {

margin-left:5px;

}

#friends{

margin-left:5px;

display:block;

margin-bottom:5px;

}

.links{

margin-top:10px;

filter:alpha(opacity=80);

-khtml-opacity: 0.8;

opacity: 0.8;

}

.links:hover{

filter:alpha(opacity=100);

-khtml-opacity: 1;

opacity: 1;

}

#upcoming {

    float:left;

width:498px;

-moz-border-radius:.5em;

-webkit-border-radius:.5em;

background-color:#EAC119;

margin-left:7px;

margin-bottom:5px;

font-weight:bold;

font-size:1em;

padding-left:5px;

padding-bottom:5px;

}

#facebook{

float:right;

margin-top:-45px;

margin-right:20px;

}

#filler{

margin:8px 0 7px 7px; 

}

/**************************************************************************End Home**********************************************************************/

#canary_logo{

margin:10px;

border:2px solid #FFFFFF;

}

#facebook_logo:hover{

border-color:#000000;

filter:alpha(opacity=80);

-khtml-opacity: 0.8;

opacity: 0.8;

}

#canary_logo:hover{

border-color:#000000;

filter:alpha(opacity=80);



-khtml-opacity: 0.8;

opacity: 0.8;

}

#signature{

float:right;

color:#000000;

font-size:1em;

font-style:oblique;

margin-right:10px;

margin-top:30px;

}

img.flag:hover{

filter:alpha(opacity=50);

-khtml-opacity: 0.5;

opacity: 0.5;

}

#footer{

width:745px;

height:55px;

margin:0 auto;

background-image:url(../images/footer.jpg);

-moz-border-radius:.5em;

-webkit-border-radius:.5em;

font-size:.7em;

}



#footer img{

margin:10px;

}

#footer img:hover{

filter:alpha(opacity=70);

-khtml-opacity: 0.7;

opacity: 0.7;

}

#copyright{

display:block;

float:right;

margin-right:10px;

margin-top:20px;

}



/***********************************************************************Location Page********************************************************************************/

#map{

width:735px;

height:400px;

border:1px solid #000000;

margin:5px auto;

}

#streetview{

width:735px;

height:300px;

margin:5px auto;

}

/*********************************************************************To Drink***********************************************************************************/

.column{

	float:left;

	width:740px;

	height:210px;

	text-align:justfy;

	margin:10px 10px 10px 8px;

	-moz-border-radius:.5em;

-webkit-border-radius:.5em;

}

.column h2{

	

	text-align:left;

	margin:10px 10px 10px 20px;

}

.right{

	float:right;

	

}

#cocktails{

	background-color:#eac119;

	

}

#shots{

	background-color:#f8d410;

}

#teas{

	background-color:#d86313;

}

.column ul{

	font-size:.9em;

	

	margin:10px 0 0 25px;

}

#cocktails ul{

	float:left;

}

span.name{

font-weight:bold;



}

li.last{

	color:#003399;

	font-weight:bold;

	margin-top:10px;

}

#cocktails-img{

	margin-left:-20px;

	margin-top:-15px;

	

}

#shots-img{

	margin-left:10px;

	float:left;

}

#shots ul{

	float:left;

	margin-top:-40px;

	

}

.drink_images{

width:120px;

margin:5px 10px 10px 10px;

text-align:center;

}

.drink_images img{

margin-top:3em;

}



#shots{

position:relative;

float:left;

}

#shot_list{

position:relative;

float:left;

display:block;

background-color:#EAC119;

width:610px;

font-size:1em;

border:1px solid #EAC119;

margin-top:5px;

margin-bottom:5px;

}

#shot_list li{

list-style:none;

padding:.1em;

margin-left:1em;

letter-spacing:.1em;

}

#shot_list h2{

text-align:center;

display:block;

width:610px;

background-color:#311811;

}

#alcohol_free{

float:left;

}

#teas{

float:right;

}



/*********************************************************************Weather************************************************************/

#forecast{

margin-top:10px;

margin-left:30px;

font-size:1em;

}

#webcam{

position:relative;

text-align:center;

width:645px;

margin:20px auto;

}

/********************************************************************Gallery*************************************************************/

#photo_container{

position:relative;

width:602px;

border:2px solid #FFFFFF;

margin:10px auto;

}

.panel-overlay h4{

margin:10px;

}

/****************************************************************Contact*******************************************************************/

h5{

float:left;

margin-left:10px;

color:#FFFFFF;

}

#details{

float:left;

margin:5px 10px 10px 10px;

padding:5px;

letter-spacing:.1em;

color:#FFFFFF;



}

#details a{

	color:#bf430f;

}

#contact_img{

float:left;

margin:5px 10px 10px 10px;

}

#form{

float:left;

width:500px;

margin:5px 10px 10px 10px;

background-color:#EAC119;

-moz-border-radius:.5em;

-webkit-border-radius:.5em;



}

#form div{

padding:.2em;

}

fieldset{

margin:5px;

}

legend{

margin:5px;

padding:5px;

font-style:italic;

}

#form label{

float:left;

margin-left:10px;

width:160px;

font-size:.9em;

}

.details input{

float:left;

width:300px;

margin-right:5px;

border:1px #000000 solid;

}

.submit input{

float:right;

}

.invalid{

color:#CC0033;

font-size:.9em;

float:right;

margin-right:7px;

visibility:hidden;

}

#form textarea{

width:460px;

margin:10px;

height:185px;

border:1px solid #000;

}

#ads{

position:relative;

float:right;

width:160px;

margin-right:45px;

margin-top:10px;

}

/******************************************************************Submission**********************************************************/

#submission{

width:600px;

height:600px;

text-align:center;

margin:20px auto;

}

#submission a{

text-decoration:underline;

color:#003399;

font-size:.8em;

}

#submission h3{

color:#FF9933;

}

/****************************************************************To Eat******************************************************************/

#to_eat{

width:400px;

height:600px;

text-align:center;

margin:20px auto;

}

#to_eat p{

text-align:justify;

color:#FF9933;

font-size:1.2em;

}

#to_eat a{

text-decoration:underline;

color:#003399;

font-size:.8em;

}
#translation-bar{
    width:750px;
    margin:0 auto;
    text-align:right;
    height:45px;
    padding-right:10px;
    background:transparent!important;
    
}
#google_translate_element{
    padding:0!important;
    margin:0!important;
    
}
#top-bar{
    background:#f6d10f;
    width:100%;
    border-top:1px solid #311811;
    border-bottom:1px solid #311811;
}