﻿body { background-color: #000; }
h1 { margin-bottom: 20px; }

#nav ul { list-style: none; margin-top: 30px; font-size: 2em; }
#nav li { display: inline-block; color: #fff; float: right; }
#nav li a { text-decoration: none; padding: 10px; color: #3093CA; }
#nav li a:hover, #index #nav_home a, #profile #nav_profile a, #contact #nav_contact a { color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#nav li a:hover { background-color: #557D78; }
#index #nav_home a, #profile #nav_profile a, #contact #nav_contact a { background-color: #3093CA; }

#banner { clear: both; margin-bottom: 20px; margin-top: 40px; }
#main { margin-bottom: 20px; }

.box { background-color: #F5F5F5; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-bottom: 15px; }
.box h3 { color: #3093CA; padding: 15px 15px 10px 15px; margin-bottom: 0px; text-transform: uppercase; }
.box h4 { color: #557D78; padding: 15px 15px 10px 15px; margin-bottom: 0px; }
.box p { padding: 0px 15px 15px 15px; margin-bottom: 0px; }
.recommendation .text { color: #585858; }
.recommendation .author { color: #557D78; font-size: 0.8em; font-style: italic; font-family: georgia; }

#work ul { margin-left: 15px; }
#work dl { font-size: 0.9em; line-height: 1.4em; padding: 0px 15px 0px 15px; }
#work dl dt { margin: 0px 15px 5px 0px; padding: 0px; font-weight: bold; }
#work dl dd { margin-bottom: 8px; margin-left: 20px; }

ul#find_on { list-style: none; }
ul#find_on li { margin-left: 15px; }
li.twitter { background: transparent url("../images/icons/twitter.png") no-repeat scroll left 3px; padding-left: 25px; }
li.linkedin { background: transparent url("../images/icons/linkedin.png") no-repeat scroll left 3px; padding-left: 25px; }