/* color.css */

html { 
background-color : #cccc33; }

body { 
padding-top : 50px; }

div#branding {
	background-color: transparent;
	background-image: url(../images/spotted_canvas_top.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position : relative;
	z-index : 10;
	height : 126px;
	
}

div#nav_main { 
position : relative;
z-index : 1;
height : 36px;
background : #edc025 url(../images/spotted_canvas_mid.jpg) repeat 0 0; }

div#content { 
background : transparent url(../images/spotted_canvas_mid.jpg) repeat 0 0; 
height: 1%
}

html> body div#content { 
	height: auto
	}
	
div#site_info {
	position : relative;
	width : 100%;
	height : 97px;
	background : transparent url(../images/spotted_canvas_bottom.jpg) no-repeat 0 0;
	text-align: center;
}

div#footer {
	position : absolute;
	left : 270px;
	bottom: 5px;
}

h1 { 
position : absolute;
top : 40px; 
left : 160px;
width : 477px; 
height : 133px; 
background : transparent url(../images/spottedcanvas.png) no-repeat;
text-indent : -9999px; }

div#branding blockquote { 
position : absolute;
top : -9999px; }

ul#nav_features {
position : absolute;
top : 35px;
left : 325px;
margin : 0;
width : 440px;
height : 50px; }

ul#nav_features li {
display : inline;  }

li#nav_signup, li#nav_dishup, li#nav_washup {
position : absolute; 
display : block;
height : 50px; 
width : 140px; }

li#nav_signup {
left : 0; }

li#nav_dishup {
left : 150px; }

li#nav_washup {
left : 300px; }

li#nav_signup a, li#nav_dishup a, li#nav_washup a {
display : block;
height : 50px; 
width : 140px; 
text-indent : -9999px; }

ul#nav_tools {
	position : absolute;
	z-index : 1;
	top : 40px;
	left : 180px;
	margin : 0;
	width : 720px;
	font-size: 14px;
}

ul#nav_tools li {
display : inline; }

ul#nav_tools li a {
margin-right : 10px;
padding-right : 10px;
 }

li#nav_logout a, li#nav_rss a {
margin-right : 0;
padding-right : 0; }

li#nav_rss {
position : absolute;
right : 0;
width : 120px;
height : 25px; }

li#nav_rss a { 
display : block;
width : 120px; 
height : 25px; }

div#nav_main p { 
position : absolute;
top : 305px;
left : 35px;
margin : 0; }

div#nav_main h2 { 
position : absolute;
top : -9999px; }

div#site_info h5 { 
position : absolute;
right : 10px; 
bottom : 10px;
width : 150px; 
height : 70px; 
background : transparent url(../images/h5.png) no-repeat; }

div#site_info h5 a { 
display : block;
width : 150px; 
height : 70px; 
text-indent : -9999px; }

div#site_info p {
	position : absolute;
	left : 296px;
	top : 53px;
	margin : 0;
}

div#site_info h5 + p { 
text-indent : -9999px; }