/*  -~-~-~ LAYOUT ~-~-~- */

/*** Site and Content Area ***/

#container {
	margin: 0;
	width: 760px;
}

#content-sidebar-container,
#sidebar {
	background-color: #ECE214;
}

#content-sidebar-container {
	height: 100%;
	overflow: auto;
	margin: 0;
	padding: 0;
}

#content {
	background: #FFF;
	height: 100%;
	margin: 0 0 0 180px;
	min-height: 400px;
	padding: 20px;
}

/*** Sidebar Navigation ***/

#sidebar {
	color: #2A2B30;
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: 180px;
}

#sidebar ul {
	border: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
		
#sidebar li {
	border-bottom: 1px solid #DED411;
	margin: 0;
}

#sidebar li a:link,
#sidebar li a:visited,
#sidebar li a:active {
	background-color: #ECE214;
	color: #2A2B30;
	display: block;
	font-weight: bold;
	padding: 5px 14px;
	text-decoration: none;
	width: 100%; /* If you give the block an explicit width of 100%, then IE/Windows plays along. */
}

html>body #sidebar li a:link,
html>body #sidebar li a:visited,
html>body #sidebar li a:active { /* The child selector > was used to redefine the width to auto. Since IE/Windows does not understand child selectors, it ignores the rule. IE5/Mac, Opera and Netscape/Mozilla follow the rule. */
	width: auto;
}

#sidebar li a:hover,
#sidebar li:hover {
	background-color: #615434;
	color: #FFF;
}

/*** Logo Area with Address ***/

#steins-logo {
	margin: 15px 0 0 0;
	text-align: center;
}

address {
	display: inline-block;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	padding: 10px 0 0 10px;
	text-align: left;
}


/*  -~-~-~ CONTENT ~-~-~- */

/*** Content ***/

body {
	background-color: #FFF;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	margin: 0;
}

h1, h2, h3, 
.beer td.brewery {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {
	border-bottom: 1px solid #CACACA;
	color: #CC6600;
	font-size: 22px;
	margin: 24px 0 12px 0;
	padding-bottom: 5px;
}

h2,
.beer td.brewery {
	font-size: 15px;
	margin: 10px 0 1px 0;
}

h3 {
	font-size: 13px;
	font-style: italic;
	margin: 10px 0;
}

.emphasis {
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
}

.note {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

/*** Superscripts and Subscripts ***/

sup, sub { 
	position: relative;
	vertical-align: 0;
}

sup { 
	bottom: 1ex; /* x-height */
}

sub { 
	top: 0.8ex; /* x-height */
}

/*** Horizontal Rules ***/

hr {
	background-color: #FFF;
	border-top: 1px solid #CACACA;
	border-bottom: none;
	border-width: 1px 0;
	color: #CACACA; /* Older versions of IE use the `color` attribute to style <hr> */
	height: 1px;
	margin: 0 0 15px 0;
	line-height: 1px;
	width: 100%;
}

/*** Images ***/

.top-image-banner {
	margin: -20px -20px 0 -20px;
}

.image-banner {
	margin: 0 -20px;
}

.imagespacert {
	float: right;
	margin: 0 0 15px 15px;
}

.imagespacelt {
	float: left;
	margin: 0 15px 15px 0;
}

a img {
	border: none;
}

/*** Main Links ***/

a:link,
a:visited,
a:active {
	color: #CC6600;
	text-decoration: none;
}

a:hover {
	color: #524221;
	text-decoration: underline;
}

/*** Clear Fix ***/

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

/*** Lists ***/

ul, ol {
	margin-left: 0;
}

ul {
	padding-left: 30px;
}

ol {
	padding-left: 34px;
}

ul.menu-type {
	font-size: 11px;
	line-height: 15px;
	margin: 0;
}

/*** Menus ***/

.main-col1 {
	padding-right: 23px;
}

.main-col2 {
	float: right;
	width: 242px;
}

.sub-col2 {
	float: right;
	width: 115px;
}

.main-col1 p,
.main-col2 p,
.menu p {
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 10px 0;
}

.price {
	background: url(../images/menu/price-dots.gif) no-repeat bottom left;
	color: #333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding-left: 32px;
}

h3 span {
	padding-right: 6px;
}

.no-bottom,
.main-col1 p.no-bottom,
.main-col2 p.no-bottom,
.menu p.no-bottom {
	margin: 0;
}

/*** Beer ***/

.beer td.brewery,
.beer h3 {
	margin: 0;
}

.beer td {
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
}

#breweries h1 {
	color: #524221;
	font-size: 18px;
}

/*** Buttons ***/

button { 
	border: 0; 
	cursor: pointer; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	padding: 0 12px 0 0; 
	text-align: center;
}

button span { 
	color: #403C39;
	display: block; 
	padding: 0 0 0 12px;
	position: relative;
	white-space: nowrap; 
}

button.default { 
	background: url(../images/buttons/btn-rt.jpg) right no-repeat;	
}

button.default span { 
	background: url(../images/buttons/btn-lt.jpg) left no-repeat;  
	height: 26px; 
	line-height: 26px; 
	padding-left: 12px; 
}

button.default:hover { 
	background: url(../images/buttons/btn-rt-hover.jpg) right no-repeat; 
}

button.default:hover span { 
	background: url(../images/buttons/btn-lt-hover.jpg) left no-repeat;
}

button:hover a { 
	text-decoration: none;
}

button.left {
	margin-left: 10px;
}

button.imagespacert {
	margin-top: 13px;
}