/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 11px;
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	color: #68401d;
	background: url(../images/bg.jpg) top center repeat #006666; }


	/*** FONT STYLES ***/	
	h1 {
		font-size: 18px;
		font-weight: normal;
		margin: 0 auto 10px 0;
		color: #522e0c; }
	
	a:link, a:visited { color: #522e0c; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	img, div, input { behavior: url("iepngfix.htc") }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 710px;
	margin: 30px auto 0 auto; }
	
	#header {
		width: 710px;
		height: 160px;
		display: block;
		float: left; }
		
	ul#nav { 
		width: 710px;
		height: 63;
		margin: 0 auto;
		list-style: none; }
		
		ul#nav li { 
			float: left; 
			height: 63; }
			
	#contentWrapper {
		width: 710px;
		margin: -3px 0 0 0;
		float: left;
		background: url(../images/content_bg.jpg) top left repeat-y; }
		
		ul#sidebar { 
			width: 240px;
			min-height: 100px;
			margin: 10px auto 0 10px;
			list-style: none;
			float: left; }
		
			ul#sidebar li {
				width: 240px;
				margin: 0 0 -3px 0;  
				float: left; }
				
				ul#sidebar li.drinks {
					margin: 0 0 -4px 0; }
					
				ul#sidebar li.staff {
					margin: 0 0 -9px 0; }
				
			ul#sidebar li.hours {
				float: left;
				margin: 10px 0 0 0; }

			ul#sidebar li.twitter {
				width: 240px;
				text-align: left;
				float: left;
				margin: 10px 0 0 0; }

			/*** TWITTER ***/
			#twitter {
				width: 100%;
				float: left;
				background: url(../images/twitter_bg.jpg) bottom no-repeat; }
				
				#twitter img { float: left; }
				
				div.tweet {
					width: 220px;
					float: left;
					padding: 7px 0 0 10px; }
					
					div.tweet ul { list-style: none; }
	
					div#twitter div.tweet ul.tweet_list li { 
						width: 220px;
						margin: 0 0 10px 0; }
					
					div.tweet ul li span.tweet_time a { 
						font-size: 10px;
						color: #5c5c5c; }
		
		#content {
			width: 420px;
			min-height: 200px;
			float: left;
			margin: 10px 10px 0 10px;
			text-align: justify; }

		/*** FACEBOOK LIKE BUTTON ***/
		#contentWrapper #content h1 {
			width: 88%; 
			position: relative;
			padding-right: 100px; }
		
		#contentWrapper #content h1 span { 
			position: absolute;
			top: 0px;
			right: 25px; }
		
	#contentBottom {
		width: 710px;
		height: 30px;
		float: left;
		display: block;
		background: url(../images/content_bottom.png) bottom left no-repeat; }
		
	
	/*** FOOTER ***/
	#footer {
		width: 710px;
		text-align: left;
		float: left;
		margin: 10px auto 0 auto;
		padding: 0 0 8px 0; }
		
			#footer a:link,
			#footer a:visited { 
				text-decoration: none; 
				color: #7e7e7e; }

			#footer p { 
				font-size: 10px;
				color: #fff;
				margin: 10px 0 0 10px; }
				
				#footer a:link{text-decoration:underline; color:#FFFFFF; }
				#footer a:hover{text-decoration:underline; color:#FFFFFF; }
				#footer a:visited{text-decoration:underline; color:#FFFFFF; }


			#footer p.poweredby { 
				float: right;
				margin: 10px 10px 0 0;
				text-align: right; }
		
			#footer p.poweredby a { margin: 0 0 0 20px; }
			
			
			
			


/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */