
body {
	background:#292929;
	margin:0px;
	padding:0px;
	overflow:hidden;
	font-family:"Lucida Grande",Arial,sans-serif;
}

h1 {
	font-size:20px;
	font-family:"Trebuchet MS","Lucida Grande",Arial,sans-serif;
}

a { text-decoration:none; }

a img { border:0px; }

#header {
	width:100%;
	height:80px;
	background:url(images/header_bg.png) repeat-x bottom;
}

	#header_content {
		margin:0 auto;
		width:850px;
		height:80px;
		position:relative;
	}
	
		#header_links {
			position:absolute;
			right:0px;
			top:0px;
			height:80px;
		}
		
			#header_links ul {
				list-style-type:none;
				margin:0px;
				padding:0px;
			}
			
			#header_links ul li {
				float:left;
				height:60px;
			}
			
			#header_links ul li a {
				//border-right:1px solid #4a4d4e;
				height:25px;
				padding:50px 10px 5px 10px;
				text-align:center;
				text-transform:uppercase;
				color:#ccc;
				display:block;
				width:50px;
				font-size:11px;
				text-decoration:none;
			}
			
			#header_links ul li a:hover, #header_links ul li a.active {
				background:#f08630;
				color:#f7f7f7;
			}
	
	#header_logo {
		position:absolute;
		left:0px;
		top:20px;
		width:200px;
	}
	
	#header_info {
		position:absolute;
		top:20px;
		left:190px;
		font-family:"Trebuchet MS","Lucida Grande",Arial,sans-serif;
	}
	
		#header_info h1 {
			font-size:25px;
			letter-spacing:-1px;
			color:white;
		}
		
		#header_info h2 {
			font-size:15px;
			letter-spacing:-1px;
			color:white;
			padding-top:15px;
			float:right;
		}
		
			#header_info h2 a {
				color:#F08630;
				text-decoration:none;
			}
			
			#header_info h2 a:hover {
				text-decoration:underline;
			}
	
#main {
	background:#4a4d4e;
	width:100%;
	height:400px;
}

	#main_content {
		margin:0 auto;
		width:850px;
		height:380px;
		position:relative;
	}
	
		#subnav {
			padding-top:15px;
			height:20px;
		}
		
		#subnav h2 {
			position:absolute;
			left:0px;
			top:0px;
			font-size:18px;
			color:#ccc;
			padding-left:10px;
		}
	
		#subnav ul {
			margin:0px;
			padding:0px;
			position:absolute;
			right:10px;
			list-style-type:none;
		}
			
			#subnav ul li {
				float:left;
				font-size:11px;
				color:#ccc;
				font-weight:bold;
			}
			
			#subnav ul li a {
				display:block;
				color:#ccc;
				font-size:11px;
				margin-left:10px;
				font-weight:normal;
			}
			
			#subnav ul li a:hover {
				text-decoration:underline;
			}
	
		#maps_area {
			padding:10px 0 10px 10px;
		}
		
			#maps_area #map_img img {
				padding:2px;
				border:1px solid #ccc;
			}
		
			.map_img {
				float:left;
				width:45px;
			}
		
			.map_box {
				background:#333;
				padding:12px;
				border:1px solid #999;
				float:left;
				margin:10px 10px 0 0;
				width:244px;
			}
			
			div.map_box:hover {
				background:#121212;
			}
			
			.map_box h1 {
				color:white;
				letter-spacing:-1px;
				font-size:17px;
				margin:0px;
				padding:0px;
			}
			
			.map_box h2 {
				color:#888;
				font-size:13px;
				margin:0px;
				padding:0 0 0 15px;
				letter-spacing:-1px;
			}
			
				.map_box h2 small {
					color:#666;
				}
			
			.map_num {
				float:right;
				color:#f08630;
				font-size:20px;
				font-family:Georgia,serif;
			}

		#list {
			top:0px;
			left:0px;
			position:absolute;
			height:370px;
			width:190px;
			padding-top:20px;
			padding-bottom:10px;
			background:#f7f7f7;
			overflow-y:auto;
			overflow-x:hidden;
		}
		
			#list ul {
				list-style-type:none;
				margin:0 0 0 10px;
				padding:0px;
			}
			
			#list ul li a {
				display:block;
				font-size:15px;
				letter-spacing:-1px;
				padding:4px;
				width:130px;
				color:black;
				border:1px solid #f7f7f7;
				background:url(http://www.macwebos.com/icons/bullet_orange.png) no-repeat left center;
				padding-left:25px;
				text-decoration:none;
			}
			
			#list ul li a:hover {
				background-color:#eee;
				border:1px solid #bbb;
			}
			
			#list ul li a.add {
				 color: #4e8037;
				 margin-bottom:10px;
				 background:url(http://www.macwebos.com/icons/add.png) no-repeat left center;
			}
			
			#list ul li a.register {
				background:url(http://www.macwebos.com/icons/user_add.png) no-repeat left center;
				margin-bottom:10px;
				color:#438037;
			}
			
			#list ul li a.login {
				color:#438037;
				background:url(http://www.macwebos.com/icons/key.png) no-repeat left center;
			}
		
		#map {
			width:660px;
			height:400px;
			position:absolute;
			left:180px;
			top:0px;
			margin-left:10px;
			background:white;
			color:black;
			font-size:12px;
			font-family:"Trebuchet MS","Lucida Grande",Arial,sans-serif;
		}
		
		.smallmap {
			width:100px;
			height:100px;
			position:absolute;
			top:0px;
			right:0px;
		}
		
			#map a {
				color:#F08630;
			}
		
			#map h1 {
				font-size:20px;
				margin:0px;
				letter-spacing:-1px;
				padding:0 0 5px 0;
			}

#footer {
	width:100%;
	background:#292929;
	min-height:100px;
}

	#footer_content {
		margin:0 auto;
		width:850px;
		position:relative;
		padding-top:10px;
		font-size:11px;
		color:#999;
		text-align:center;
		clear:both;
	}
	
		#footer_link {
			position:absolute;
			top:10px;
			right:0px;
			text-align:right;
			font-size:15px;
			color:white;
			background:url(http://www.macwebos.com/icons/asterisk_orange.png) no-repeat left center;
			padding-left:25px;
			letter-spacing:-1px;
		}
		
		#footer_info {
			position:absolute;
			top:10px;
			left:0px;
			color:#999;
			width:300px;
			text-align:left;
			font-size:13px;
			letter-spacing:-1px;
		}
		
			#footer_info h1 {
				margin:0px;
				padding:2px 0;
				font-size:14px;
			}
			
			#footer_info h2 {
				margin:0px;
				padding:0 0 10px 0;
				font-size:13px;
				font-weight:normal;
			}
			
			#footer_info small {
				color:#666;
				letter-spacing:-.5px;
			}
			
			#footer_info span, #footer_info span a {
				color:#ccc;
				letter-spacing:-.2px;
				font-size:10px;
			}
			
			#footer_info span.fl {
				width:100px;
				color:#666;
				font-size:11px;
				letter-spacing:0px;
				float:left;
			}
		
		#footer_content p {
			color:#ccc;
		}
	
		#footer_content a {
			color:#ccc;
			text-decoration:none;
			font-weight:normal;
		}
		
		#footer_content a:hover {
			text-decoration:underline;
		}
		
#overlay {
     visibility:hidden;
     position: absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background:url(http://www.bestseattlebars.com/overlay.gif);
     text-align:center;
     z-index: 1000;
}

input.login {
	border:1px solid #999;
	padding:2px;
	font-size:12px;
	font-weight:bold;
	background:#f7f7f7;
	padding-left:3px;
}

input.login:focus {
	border:1px solid #F08630;
	border-left:3px solid #F08630;
	padding-left:1px;	
	background:white;
}

input.std_button {
	border:1px solid #f08630;
	background:#F08630;
	padding:1px 3px;
	text-transform:uppercase;
	font-size:11px;
	margin-left:5px;
	color:black;
	font-weight:bold;
}

#overlay div {
	 width:250px;
     margin: 100px auto;
     background:#f7f7f7;
     color:black;
     border:5px solid #292929;
     text-align:center;
}

	#overlay td { font-size:11px; }

	#overlay div h1 {
		margin:0px;
		padding:5px;
		font-size:20px;
		color:white;
		width:auto;
		letter-spacing:-1px;
	}
	
	#overlay div a {
		color:white;
		text-decoration:none;
	}