html { background: #dfd7ca url(../graphics/bg_repeat.jpg) top center repeat-y; text-rendering:optimizeLegibility; }
body { background: url(../graphics/bg.jpg) top center no-repeat; color: #444; font: normal normal normal 16px "Hoefler Text", Georgia, sans-serif; -webkit-text-stroke:1px transparent; line-height: 21px; }
@media only screen and (max-device-width:480px) {.horiz .body {-webkit-text-stroke:0 black;}}
a { color: #73868a; }
a:hover { text-decoration: none; }
p { padding: 0 0 15px 0; }
ul { list-style:disc; padding:0 0 15px 25px; }
ol { list-style:decimal; padding:0 0 15px 45px; }
em { color: #fff; }
li { padding:0 0 3px 0; }
/* -- Header -- */
header { padding:38px 0 12px 0; display: block; margin: 0 auto; position: relative; width: 980px; overflow: hidden; }
header h1 { float: left; background: url(../graphics/logo.png) top left no-repeat; }
header h1 a { text-indent: -5000px; width: 380px; height: 110px; display: block; }
nav { font-family: "Helvetica Neue", Arial, sans-serif; float:right; padding:50px 0 0 0; width: 300px; font-size: 16px; color: #73868a; font-weight: bold; }
nav ul { width: 300px; overflow: hidden; list-style:none; }
nav li { float:left; }
nav li a { display: block; height: 30px; background: url(../graphics/menu.png) no-repeat; text-indent: -5000px; }
nav #nav_about { width:90px; }
nav #nav_media { width:90px; background-position: -90px 0; }
nav #nav_contact { width:120px; background-position: -190px 0; }
nav #nav_about:hover { background-position: 0 -30px; }
nav #nav_media:hover { background-position: -90px -30px; }
nav #nav_contact:hover { width:120px; background-position: -190px -30px; }
/* -- Articles -- */
article { display: block; width: 980px; border-bottom:3px solid #fff; overflow: hidden; margin:0 auto; background-color: #fff; padding:0px; border-top:3px solid #919e9e; }
article h3 { font-size: 30px; font-weight: normal; color:#64604f; padding:21px 0; }
article h5 { font-size: 16px; text-transform: uppercase; color: #5a696c; padding:0 0 12px 2px; letter-spacing: 0.1em; font-family: "Yanone Kaffeesatz", "Helvetica Neue", Arial, Helvetica, sans-serif; }
article .next a { color: #fff; text-decoration: none; display: block; margin:18px 0 0 0; color: #fff; text-align: center; background-color: #5c6b6e; -moz-border-radius: 10px; border-radius: 15px; padding:6px 15px 7px 15px; text-decoration: none; font-family:"Helvetica Neue", Arial, sans-serif; font-size: 14px; }
article .next a:hover { background-color: #4a5659; }
section { display: block; }
#whatAbout { padding:30px 40px; width: 900px; overflow: hidden; }
#whatAbout .content { width: 430px; float: left; padding: 0px; }
#whatAbout .news { width: 430px; float: right; }
#whereAndWhen { padding:40px; background:#69787c url(../graphics/bg_directions.jpg) top left no-repeat; width:320px; float:left; height:300px; color: #fff; }
#whereAndWhen .address { padding:10px 20px 20px 20px; }
#whereAndWhen .address strong { font-weight: bold; text-transform: uppercase; font-size: 11px; display: block; }
.content { height: 174px; padding:9px 0 0 0; }
#talksAtTheBridge { padding:40px; width:500px; float:right; background:#738589 url(../graphics/bg_talks.jpg) top left no-repeat; height:300px; color: #fff; }
#talksAtTheBridge ul { height: 183px; border-top:1px dashed #a4aeae; padding:0; list-style:none; }
#talksAtTheBridge li { border-bottom:1px dashed #a4aeae; padding:8px 10px; }
#whereAndWhen h5,
#talksAtTheBridge h5 { color: #f4eddf; }
#whereAndWhen h3,
#talksAtTheBridge h3 { color: #3c3429; }
#whereAndWhen a,
#talksAtTheBridge a { color: #f4eddf; }
.button { display: block; text-indent: -5000px; height:40px; margin:0 auto; }
#whatAbout .button { background: url(../graphics/button_moreAboutUs.png) no-repeat; }
#whereAndWhen .button { background: url(../graphics/button_directions.png) 0 -10px no-repeat; margin: 0 0 0 10px; }
#talksAtTheBridge .button { background: url(../graphics/button_moreTalks.png) 0 -10px no-repeat; margin: 0 0 0 80px; }
#whatAbout .button:hover { background-position: 0px -40px; }
#whereAndWhen .button:hover { background-position: 0px -60px; }
#talksAtTheBridge .button:hover { background-position: 0px -60px; }
#page { padding:80px 200px; }
#page h1 { font-size: 60px; text-transform: capitalize; font-weight: normal; padding:0 0 24px 0; border-bottom:1px dashed #a4aeae; margin:0 0 14px 0; }
#page h2 { font-size: 18px; color: #738589; text-transform: uppercase; margin:14px 0 8px 0; }
#post { padding:80px 200px; }
#post h1 { font-size: 30px; text-transform: capitalize; font-weight: normal; padding:0 0 14px 0; border-bottom:1px dashed #a4aeae; margin:0 0 24px 0; }
#post h2 { font-size: 18px; color: #738589; text-transform: uppercase; margin:14px 0 8px 0; }
#post h6 { font-size: 12px; text-transform: uppercase; font-weight: bold; font-family: "Helvetica Neue", Arial, sans-serif; }
#post #postContent { padding:0 0 18px 0; }
#post #postDetails { width: 560px; overflow: hidden; list-style:none; margin:0 0 24px 0; padding:20px 0 0 20px; background-color:#738589; color: #fff; }
#post #postDetails li { width: 160px; padding:0 20px 0 0; float: left; }
#post #postDetails li a { color: #fff; }
#postList { padding:80px 200px; }
#postList h1 { font-size: 60px; text-transform: capitalize; font-weight: normal; padding:0 0 24px 0; border-bottom:1px dashed #a4aeae; margin:0 0 14px 0; }
#postList h3 { font-size: 24px; color: #738589; margin:0 0 4px 0; }
#postList h3 a { font-weight: bold; text-decoration: none; }
#postList h3 a:hover { text-decoration: underline; }
#postList ul { list-style:none; padding:0; margin:0; }
#postList li { padding:20px; border-bottom:1px dashed #a4aeae; }
/* -- Footer -- */
footer { display: block; color: #858e81; width: 720px; padding:12px 0; margin: 0 auto 20px auto; text-align: center; text-transform: uppercase; letter-spacing:0.1em; font-size: 12px; }