/* @override http://localhost:3000/stylesheets/layout.css */

/**
 * Controls the main layout (width, height, margin, padding)
 *
 * #container
 *   #header
 *   #page
 *     #content
 *     #sidebar
 *   #footer
 */
body {
   background-image: url(/images/background.png);
   background-position: left top;
   background-repeat: repeat-x;
   font-family: "Helvetica", "Verdana", sans-serif ;
   font-size:  10px;
   color: #000;
   margin: 0 ;
   padding: 0 ;
   background-color: #666;
}

#container {
	padding-left: 30px;
	padding-bottom: 0px;
	padding-right: 30px;
	padding-top: 0px;
	width: 680px;
	margin-left: auto ;
	margin-right: auto ; ;
	position: relative ;
	background-position: left top;
	background-repeat: repeat-y;
	background-image: url(/images/page.png);
}

#content {
	font-size: 1.3em;
}

/* @group Header */

#header {
	max-width: 720px;
	min-width: 720px;
	width: 720px;
	right: 0px;
	left: -20px;
	background-color: #e5e5e5;
	background-image: url(/images/header.png);
	height: 34px ;
	position:  relative ;
}

#header ul {
	font-weight: bold;
	list-style-type: none ;
	font-size: 12px;
	padding: 0 ;
	margin:  0 ;
	position: absolute ;
	top: 8px ;
	right: 10px;
	z-index: 8000 ;
}

#header ul li {
	list-style-type: none ;
	padding:  0 ;
	margin:  0 ;	
	display:  inline ;
}

#header ul li a {
	text-decoration: none ;
	padding: 4px ;
	color: #666666 ;
}

#header ul li a:hover {
	color: white ;
	background-color: #333 ;
}

#header ul li a:active {
	color: white ;
	background-color: black ;
}

#header div.home a,
#header div.home a:hover,
#header div.home a:active {
	text-decoration: none; 
	background-color: inherit ;
	position: absolute ;
	left: 10px ;
	top: 4px ;
	z-index: 8000 ;
}

/* @end */

/* @group Footer */

#footer {
	padding-top: 10px ;
	text-align: center ;
	color: #888;
	font-size: 1.1em;
	padding-bottom: 4px ;
        clear: both;
}

#footer a {
	color: #aaa;
	padding: 2px;
}

#footer a:hover {
	background-color: #aaa ; 
	color: white ;
}

#footer a:active {
	background-color: #888 ; 
	color: white ;
}

/* @end */