/* Simple BAC Style */

body {
	font: .625em Verdana, Arial, Helvetica, san-serif;
	background-color:#333;
	color:#fff;
}



a:link {color:#00f;background-color:#ccc;}
a:visited {color:#ccc;background-color:#666;}
a:hover {color:#f00;background-color:#ccc;}
a:active {color:#0f0;background-color: #666;}

fieldset {
	border:1px solid #000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin:1em;
	padding:1em;
}

legend {
	padding: 0 1em;
	font-weight: bold;
	
	border:1px solid #000;
	color:#333;
	background-color:#ccc;
}

input.input-text {
	width:4em;
	border:1px solid #000;
	background-color:#ccc;
	color:#000;
	font-size:2em;
}


/* structure */

#wrapper { padding:1em; width:90%; margin:auto;}

#header {
	background-color:#666;
	color:#fff;
	font-size:1.4em;
	text-align:center;

	border-top-left-radius:5px;
	border-top-right-radius:5px;
	
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	box-shadow: 0 1px 10px rgba(0,0,0,.1);

	background: -webkit-gradient(
			linear, 0% 0%, 0% 100%,
			from(rgb(100, 100, 100)),
			to(rgb(51,51,51))
		);

}

#header h1 {
	font-size:2em;
	padding:1em;
	text-shadow:0 2px 2px rgba(0, 0, 0, 0.75);
}

ul.nav {
    display:inline;
}

ul.nav li {
    display:inline;
}

#content {
	background-color:#eee;
	color:#000;

	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.75);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.75);
	box-shadow: 0 5px 10px rgba(0,0,0,.75);

	font-size:2em;
	padding:1em 0;
}

#footer {
	margin-top:1em;
	border-top:1px dashed #ccc;
	text-align:center;
	color:#ccc;
	background-color:inherit;
	font-size: 1.4em;
	padding:1em;
}

#site-license {
	display: none;
}

.external {
	background: url("images/external-link-ltr-icon.png") no-repeat scroll right center transparent;
	padding:0 13px 0 0;
}

/* classes */

.size {}

.alc {}

/*.amnt {display:none;}*/

.controls {
	border:none;
	text-align:center;
}

.copyright {color:#ccc;text-align:center;margin:1em;}

#results {
	background:#ccc;
	color:#000;
	border:1px solid #666;
	margin:0 1em;
	overflow:hidden;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.result {
	position:relative;
	display:block;

	background:#666;
	color:#fff;
	display:block;
	font-size:2em;
	height:2em;
	line-height:2.4em;
	position:relative;
	text-align:center;
	margin:1%;
	width:48%;
	float:left;

	font-size:2em;

	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.result span {
	position:absolute;
	top:0;
	left:50%;
	line-height:1em;
	font-size:.5em;
	
}

.result.wide {
	width:98%;
}

.ok {background-color:#749A02; color:#fff;}

.warn {background-color:yellow; color:#000;}

.danger {background-color:red; color:#fff;}


#add-drinks {float:right;}


.drink {
	border-bottom: 1px dashed #666;
	margin-bottom:1em;
	padding:1em;
}





/* simple modal */

div#simpleModal {
	width: 560px;
	position: absolute; top: 40px; left: 170px;
	padding: 20px;
	border: solid 1px #bbb;
	background: #fff;
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-transition: -opacity 0.0s ease-out;
}

div#simpleModal.shown {
	opacity: 1.0;
	z-index: 100;
	-webkit-transition-duration: 0.25s;
}



/* fancy modal */

div#fancyModal {
	display: block; width: 560px;
	position: absolute; top: -310px; left: 170px;
	padding: 90px 20px 20px 20px;
	border: solid 1px #999;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(230,230,230)));
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-transition: -webkit-transform 0.25s ease-out;
	-webkit-transform: translateY(-570px);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-border-radius: 0 0 6px 6px;
	-moz-transform: translateY(-570px);
}


div#fancyModal {
	-webkit-transition: -webkit-transform 0.25s ease-out;
	-webkit-transform: translateY(-570px);
}