/* The Regular Joes */

body {
    background:		#940315;
    font-family:	Helvetica, sans-serif;
    font-size:		medium;
    line-height:	1.4em;
    margin:		0;
    padding:		0;
}

/* Use a single rule for elements that share the same properties */
h1, h2, h3, p, ul, li {
    margin:		0;
    padding:		0;
}

p, h2, h3 {
    padding:		0 0 10px 0;
}


h2, h3 {
    color:		#5c0009;
    font-style:		normal;
}

ul {
    list-style-type:	none;
}

/* Our friend "margin: 0 auto" shows up again */
#wrap {
    background:		#fff;
    border:		10px solid #9b96a3;
    margin:		0 auto;
    margin-bottom:	40px;
    margin-top:		40px;
    padding:		10px;
    width:		780px;
}

#header {
    background:		#000;
    border:		2px solid #58717f;
    height:		192px;
    height:		242px; /* Height of the logo image */
}

#nav {
    margin:		10px 0 0 0;
    padding: 		10px;
    background:		#9b96a3;
    border:		2px solid #58717f;
}

/*
By default, list items are displayed as a block. We canoverride that style with
"display: inline" which will cause the list items to appear next to each other.
*/
#nav ul li {
    display:		inline;
    margin:		0 10px 0 10px;
}

#nav a {
    color:		#5c0009;
    font-weight:	bold;
    text-decoration:	none;
}

/* Standard float positioning */
#content {
    float:		left;
    margin:		10px 0 0 0;
    padding:		10px;
    width:		505px;
}

#sidebar {
    border:		2px solid #9b96a3;
    float:		right;
    margin:		10px 0 0 0;
    padding:		10px;
    width:		225px;
}

#sidebar-header {
    border:		2px solid #58717f;
}

#sidebar ul {
    margin:		0 0 10px 0;
}

#sidebar h3 {
    background:         #9b96a3;
    font-weight:	normal;
    padding:		5px;
}

#sidebar dt {
    font-weight: 	bold;
}

/*
Remember to "clear: both" when positioning elements below floated elements.
*/

#footer {
    background:		#eee;
    border-bottom: 	2px solid #ddd;
    clear:		both;
    padding:		5px;
}

#footer p {
    color:		#777;
    margin:		0;
    text-align:		center;
}

/* EOF */