/* Reset */
* { margin: 0; padding: 0; font-family: Calibri, Tahoma, Helvetica, sans-serif; }

/* HTML5 Elements */
header, nav, footer, section, aside { display: block; }

/* Default Elements */
body      { font-size: 87.5%; line-height: 1.3em; background-color: #eeeeee; }
ul        { list-style-image: url('./images/bullet_blue.png'); }
li        { margin: 0 0 0 3em; }
p         { margin: 1em; line-height: 1.4em; }
a         { color: #3a6298; text-decoration: underline; }
a:visited { text-decoration: none; }
a:hover   { color: #7ea6dc; }

/* Base Layout */
header, nav, footer, #container { width: 800px; border: 1px solid #000000; margin: 0 auto 0; }

/* Header */
header    { margin-top: 5px; border-bottom: 0; height: 200px; background-image: url('./images/background.png'); }
header h1 { font-family: 'Book Antiqua', Georgia, serif; font-weight: normal; color: #000000; font-style: italic; font-size: 2.4em; margin: 15px 10px; letter-spacing: 0.2em; text-transform: uppercase; }
header h2 { font-family: 'Book Antiqua', Georgia, serif; font-weight: normal; color: #000000; font-style: italic; font-size: 1.2em; margin: 20px 40px; }

/* Navigation */
nav                 { border-top: 0; border-bottom: 0; }
nav menu            { border-bottom: 8px solid #3a6298; }
nav menu li         { margin: -20px 0 0 10px; padding: 0; display: inline; list-style-type: none; float: left; border: 1px solid #3a6298; background-color: #3a6298; border-bottom-width: 1px; }
nav menu li a       { display: block; width: 100px; font-size: 1.1em; color: #ffffff; text-align: center; text-decoration: none; padding: 4px 2px 6px 2px; height: 16px;  }
nav menu li a:hover { color: #ffffff; font-weight: bold; }

/* Navigation - Selected MenuItem */
body#home menu li.home,   body#portfolio menu li.portfolio,   body#contact menu li.contact   { background-color: #ffffff; border-bottom-color: #ffffff; }
body#home menu li.home a, body#portfolio menu li.portfolio a, body#contact menu li.contact a { font-weight: bold; color: #3a6298; }

/* Container */
#container        { border-top: 0; border-bottom: 0; }
#container #clear { clear: both; }

/* Content */
#content    { float: left; width: 549px; background-color: #ffffff;  min-height: 725px; border-right: 1px solid #cccccc; }
#content h2 { font-size: 1.3em; margin: 25px 10px 5px 10px; padding: 2px 0 2px 10px; border-bottom: 1px solid #3a6298; color: #3a6298; }

/* Sidebar */
aside    { float: left; clear: none; width: 250px; background-color: #ffffff; min-height: 725px; }
aside h2 { display: none; }
aside h3 { font-size: 1.3em; margin: 25px 10px 5px 10px; padding: 2px 0 2px 10px; clear: both; text-align: left; border-bottom: 1px solid #3a6298; color: #3a6298; }

/* Footer */
footer   { margin-bottom: 5px; line-height: 2.4em; background-color: #3a6298; color: #ffffff; text-align: center; font-size: 0.85em; border: 1px solid #000000; border-top: 0; }
footer a { color: #ffffff; font-size: 1em; text-decoration: underline; }

/* Ticker */
#ticker          { float: left; width: 180px; height: 162px; margin: .5em 0 2em -.5em; list-style-image: none; list-style-type: none; }
#ticker li       { width: 180px; display: none; }
#ticker li.first { display: inline; }

/* JavaScript */
a.acrobat      { background: url('./images/pdf.png')     center right no-repeat; padding-right: 20px; }
a.vcard        { background: url('./images/vcard.png')   center right no-repeat; padding-right: 20px; }
a.maps         { background: url('./images/map.png')     center right no-repeat; padding-right: 20px; }
a.email        { background: url('./images/email.png')   center right no-repeat; padding-right: 18px; }
a.external     { background: url('./images/link_go.png') center right no-repeat; padding-right: 18px; }
nav a.external { background: none; padding-right: 2px; }