body {
	font-size:0.8em; 
	background-color:#333; 
	font-family:arial,verdana,sans-serif;
	text-align:left; 
	color:#fff;}

body, div, a, h1, h2, h3, p, ul, li, img, label, input, blockquote {margin:0;padding:0;}	

h1 {font-family:times;font-size:1.5em;color:#f48400;padding:190px 0 0 210px;text-transform:uppercase;font-weight:normal;}
h2 {font-family:times;font-size:1.1em;padding:0 0 1em 0;color:#f48400;text-transform:uppercase;}
h3 {font-family:times;font-size:1.1em;padding:0 0 0.3em 0;color:#f48400;text-transform:uppercase;}
h4 {font-family:times;font-size:1.1em;padding:0 0 0 0;color:#f48400;display:inline;}

h1.cafe {font-family:times;font-size:1.5em;color:#f48400;padding:160px 0 0 210px;text-transform:uppercase;font-weight:normal;}

a 		{text-decoration:underline;color:#cc6600;font-weight:bold;}
a:hover {color:#fff;}
	
ul 		{padding:0 0 0 20px;list-style-type:none;}	

ul ul	{padding:5px 0 0 15px;}

li		{padding:0 0 0.5em 0;}

* html #nav ul li a {display:inline-block;}

* html #nav ul li a {display:block;}

li a 	{font-family:times;color:#fff;font-size:1em;text-transform:uppercase;text-decoration:none;}

li a:hover 	{color:#f48400;text-decoration:none;}

li a.active	{color:#f48400;}

li li a 	{text-transform:none;}

p 		{padding-bottom:0.7em;}
	
img 	{border:none;}

img.left {margin:4px 10px 10px 0;}
img.right {margin:4px 0 10px 10px;}

.image  {border:1px solid #333;padding:2px;margin-top:5px;}

.left 	{float:left;}
.right	{float:right;}	
.hidden {display:none;}	
	
.clear {
	clear:both;
	height:1px;
	font-size:1px;
	overflow:hidden;
}	

.clear10 {
	clear:both;
	height:10px;
	font-size:1px;
	overflow:hidden;
}	

.clear20 {
	clear:both;
	height:20px;
	font-size:1px;
	overflow:hidden;
}

.orangeborder {
	border:1px solid #f48400;
	padding:5px 5px 0 5px;
	margin-bottom:10px;
}

/* GENERAL PAGE LAYOUT */

#page {
	width:1000px;
	margin:0 auto 0 auto;
	text-align:left;
	background:url(assets/bg-page.jpg) no-repeat 0 0 #000;
	/*min-height:700px;*/
}

* html #page {
	/*height:700px;*/
}

#page-footer {
	width:1000px;
	margin:0 auto 0 auto;
	text-align:left;
	background-color:#000;
	padding:5px 0 50px 0;
}

#page-footer ul.page-footer {
	padding:0 210px 5px 210px;
}

#page-footer ul.page-footer li {
	float:left;
	padding-left:3px;
}

#page-content {
	width:1000px;
	/*padding-bottom:100px;*/
}

/* TOP BANNER LAYOUT */

#banner {background:url(assets/banner.jpg) repeat-x 0 0 #000;height:220px;}

/* MAIN NAV */

#nav {
	width:200px;
	float:left;
}

#nav p {
	padding:3px 10px 5px 10px;
	font-size:0.7em;
}

#rufus-leonard {
	padding-top:50px;
}

.rufus-leonard {
	padding-left:10px;
}

/* MAIN CONTENT AREA */

#content {
	width:600px;
	float:left;
	background:url(assets/bg-content.gif) repeat-x 0 0 #212020;
	min-height:850px;
}

* html #content {
	height:850px;
}

#content ul {
	list-style-position:inside;
	list-style-type:square;
}

#content ul li a {
	text-transform:none;
}

#copy {
	padding:20px 10px 20px 10px;
} 

/* RIGHT COLUMN */

#right-col {
	width:200px;
	float:left;
}

#right-col p {
	font-family:times;
	color:#fff;
	text-align:center;
}

#right-col p.www {
	font-weight:bold;
	font-size:1.1em;
}

#right-col a {
	text-transform:uppercase;
	font-size:1.2em;
}

.good-beer {
	padding-top:30px;
}

/* STAFF */

.staff 	{
	width: 250px;
	float:left;
	display:block;
}

.staff h4 {
	padding-left:10px;
}

/* MAP */

#map {width: 500px; height: 350px; }

/* HOME PAGE */

#home {
	width:580px;
}

#home-left {
	width:280px;
	float:left;
}

#home-right {
	width:280px;
	float:right;
	background:#fff;
}

#home-right-content {
	padding:0 10px 10px 10px;
	color:#000;
}

#home-right-content h4.black {
	color:#000;
	font-size:1.6em;
}

#home-right-content p.date {
	font-weight:bold;
}

#home-right-content p.match {
	padding-bottom:0px;
}

#home-right-content p span {
	font-weight:bold;
	color:#b30101;
}

#home-right-content p a {
	font-weight:normal;
	color:#000;
}

#home-right-content p a:hover {
	color:#f48400;
}