body
{ 
background: #ed0000 url('bg.png') top left;
font-family: Helvetica, Arial;
color: #fff;
font-size: 95%;
width: 100%;
height: 100%; 
padding: 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}

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

.post a:link, .post a:visited { color: #ed0000;}
.post a:hover { text-decoration: underline;}

a:hover {
color: #ff5454;
}

#logo { margin: 0 0 0 3px; padding: 0;}
#logo a {
width: 131px;
height: 126px;
margin: 0;
padding: 0; 
display: block;
text-indent: -1000em;
background:url('urbanbeancoffee.png') center top no-repeat; 
}

a:hover#logo {
}

#header {
float: left; 
width: 150px;
display: block;
margin: 0;
padding: 0;
font-size: 0.8em;
line-height: 1.5em;
}

#headerinner {
}

.contactinfo { clear: both; font-size: 0.8em; padding: 1em 0 0 0; margin: 5px; border-top: 2px solid #fff;}

#navwrap { 
z-index: 500;
margin: 0;
padding: 0;
	}
	
ul#nav {
margin: 0;
padding: 0;
}

ul#nav li {
float: left;
list-style: none;
padding: 0;
margin: 0;
}

ul#nav li a { 
display: block;
width: 150px;
margin: 0;
padding: 0;
background: transparent url('nav.png') no-repeat;
text-indent: -999em;
outline: none;
;}

ul#nav li.item1 a { background-position: 0 0; height: 60px;}
ul#nav li.item2 a { background-position: 0 -60px; height: 60px;}
ul#nav li.item3 a { background-position: 0 -120px; height: 30px;}
ul#nav li.item4 a { background-position: 0 -150px; height: 30px;}
ul#nav li.item5 a { background-position: 0 -180px; height: 60px;}

ul#nav li.item1 a:hover { background-position: -145px 0; }
ul#nav li.item2 a:hover { background-position: -145px -60px; }
ul#nav li.item3 a:hover { background-position: -145px -120px; }
ul#nav li.item4 a:hover { background-position: -145px -150px; }
ul#nav li.item5 a:hover { background-position: -145px -180px; }


#overlay {
position: absolute;
top: 0;
margin: 0; 
padding: 0px;
z-index: -555;
}

#container {
width: 960px;
height: auto;
display: block;
margin: 1.5em auto 0px auto; 
padding: 0px;
border: 0px;
}

#containerinner { position: relative;}

#content {
position: relative;
float: right;
display: block;
margin: 0;
padding: 0;
width: 800px;
min-height: 550px;
overflow: auto;
background: #fff url('bgcontent.png') center top no-repeat;
}

#contentinner { margin: 100px 0 0 0; color: #000; line-height: 1.5em; }
.postfirst { padding: 0 0 0 120px;}
.post { background: transparent url('arrow.png') 20px center no-repeat; clear: both; border-top: 1px dotted #888; padding: 20px 250px 0 120px; margin-top: 20px;}
a.biglink { background-color: #ccc; padding: 5px 10px 5px 10px; color: #ed0000;}
a:hover.biglink { background-color: #888; color: #fff;}

#twitter { display: block; position: absolute; top: 160px; right: 20px; margin: 0; padding: 0;}

h2, h3 { margin: 0; padding: 0 0 1em 0; font-family: Arial; font-weight: bold;}

h2 { font-size: 1.5em; color: #888;}
h3 { font-size: 1.3em; color: #000;}


.intro {
margin: 0;
padding: 0;
width: 100%;
height: 500px;
overflow: none;
}

#photo  {
margin: auto;
text-align: center;
width: 800px;
height: 400px;
}

div.box {
float: left;
width: 170px; 
margin: 10px 0 0px 0; 
border: 1px solid #333333; 
padding: 10px; 
}

div#gridwrapper {
width: 100%;
margin: 2em 0 0 0;
padding: 0;
display: block; 
}

ul#grid {
white-space: no-wrap;
margin: 0;
padding: 0;
}

ul.gridrows li { margin: 1em 0 1em 0; list-style: none; }

ul.gridblocks li {
width: 100%;
min-height: 250px;
padding: 0;
margin: 0 1em 1em 0;
white-space: no-wrap;
list-style: none; 
float: left;
overflow: auto;
}

ul.gridblocks li p {
width: auto;
overflow: none;
white-space: no-wrap;
padding: 5px;
margin: 0;
line-height: normal;
letter-spacing: normal; 
}

ul.gridblocks li img { margin-left: -10px; float: right;}

ul.list {
padding: 1em 0 2em 1.2em;
margin: 0;
font-size: 0.8em;
float: left;
width: 230px;
line-height: 1.5em;
}

ul.list li {
list-style: dashed;
padding: 0 0 0.6em;
margin: 0;
}

ul.list li a {
text-decoration: none; 
padding-bottom: 3px;
color: #ffffff;
border-bottom: 1px solid #888888; 
}

ul.list li a:hover {
border-bottom-color: #ffffff;
color: #cc9966;
}


#footer {
clear: right;
display: block;
float: right;
width: 800px;
height: 100px;
padding: 0; 
margin: 0;
background: #fff url('bgfooter.png') center top no-repeat;
}

#footerinner { 
	margin: 4em 0 0 2em;
	font-size: 0.8em;
	color: #ed0000;
	letter-spacing: -0.4px;
	}

#footnote {
	position: relative;
width: 1000px;
margin: auto;
padding: 0 0 5em 0; 
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 1px;
}

.table { width: 450px; padding: 0.6em; border: 1px solid #666;}
table
{
table-layout: fixed; 
border-collapse: collapse;
margin: 0;
padding: 0;
}

summary {font-weight: bold; text-align: left; margin-bottom: 0.6em;}

td {line-height: 1.3em; font-size: 0.9em;}

.tdleft { width: 350px;}

div.left { float: left; width: 100px; padding-top: 5px;}

form{ padding: 0; margin: 0; font-family: Arial;}

input, textarea
{
font-size: 1em;
font-family: Arial;
padding: 5px;
margin: 0 0 0.8em 0;
border: 1px solid #ccc;
color: #000;
background-color: #ddd;
}

img {
	border: none;
}