body { background-color: #96AC63; margin: 0 auto; padding: 0; }
hr { color: #F1AC51; margin-bottom: 30px; }
li.border { border-right: 1px solid #000000; }
a { color: #802F38; padding: 3px; }
a:hover { color: #ffffff; background-color: #802F38; }

/* Let's get rid of all that default formatting that makes life difficult. Okay? */

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

#content { background: transparent url(/me.png) top right no-repeat; width: 750px; margin: 0 auto; background-color: #FFFFE8; padding: 10px; border-left: 3px solid #5e674a; border-right: 3px solid #5e674a; }

/* Banner styles */

#banner { text-align: left; height: 250px; border-bottom: 1px solid #F1AC51;}
#header h1 { margin-left: 40px; padding-top: 60px; font-family: futura, helvetica, verdana, sans-serif; font-size: 2.5em; text-transform: uppercase; color: #5E674A; font-weight: normal; }
span.hello { color: #802F38; }

/* Navigation menu styles */
#menu { margin: 0 0 30px 40px; font-family: georgia, times, serif; text-align: left; }
#menu h2 { color: #000000; font-size: 1.2em; font-weight: normal; line-height: 1.5em; }
#menu a, #portfolio h3 a { color: #802F38; text-transform: uppercase; text-decoration: none; padding: 3px; }
#menu a:hover, #portfolio h3 a:hover { color: #ffffff; background-color: #802F38; }

/* About Page Styles */

#about_wrapper { width: 90%; margin: auto; }
#about h3 { color: #000000; font-size: 1em; text-transform: uppercase; }
#about p, #about dl { line-height: 22px; letter-spacing: .02em; }

/* Portfolio styles */

#portfolio, #about { margin: 30px 0; height: 100%; }
#portfolio h3 { color: #000000; font-size: 1em; text-transform: uppercase; margin-left: 50px; }
#portfolio dl { float: left; height: 350px; width: 350px; margin: 0; padding: 0; font-size: 14px; line-height: 18px; letter-spacing: .02em; }
#portfolio dt { padding: 20px; }
a.thumb { padding-left: 20px; }

/* Footer styles */

#clear { clear: left; }
#footer { font-family: helvetica, verdana, sans-serif; font-size: 11px; text-align: center; margin-top: 40px; }
#footer ul { list-style-type: none; margin: 0; padding: 0; }
#footer ul li { display: inline; padding: 3px 5px; }
#footer ul li ul { margin-top: 15px; }

/* Another color to use: #919581 or F1AC51*/
/* Scheme: 859797, 919581, DEE0D5, D84E13 or http://www.colourlovers.com/palette/912391/fresh_up_with_7up*/