/*
    Axio Conference 2010
    Joshua Works
*/

* { margin: 0; padding: 0; zoom: 1; }

body { background: #dfdcc9 url(../images/LineArt.gif) center 160px no-repeat; color: #404040; font: 13px/20px Helvetica, Arial, sans-serif; }
a { color: #298fa5; text-decoration: none; }
a:hover { text-decoration: underline; }

.container { width: 900px; background: #FFF; margin: 0 auto; }

.header { text-indent: -9999px; background: url(../images/HeaderColors.gif) repeat-x; height: 170px;}
.header .container { position: relative; background: url(../images/DateText.gif) left 75px no-repeat; height: 170px; }
.header h1 { background: url(../images/HeaderText.gif) 4px 0 no-repeat; width: 605px; height: 155px; position: absolute; right: 0; top: 20px; }

.navigation { background: #dfdcc9 url(../images/tagline.gif) no-repeat left center; overflow: hidden; position: relative; }
.navigation ul { overflow: hidden; margin: 10px; float: right; }
.navigation ul li { list-style: none; display: inline; }
.navigation ul li a { display: block; line-height: 40px; float: left; background: #298fa5; color: #FFF; padding: 0 18px; font-size: 18px; margin-left: 1px; }
.navigation ul li a:hover { text-decoration: none; background-color: #85a53d; }

.home #home a,
.attend #attend a,
.schedule #schedule a,
.speakers #speakers a,
.contact #contact a,
.followup #followup a { background-color: #85a53d; }

.content { padding: 10px; clear: both; }
.content h3 { font-size: 18px; text-transform: uppercase; background: #676766; color: #FFF; padding: 5px 10px; margin-bottom: 10px; }

.content_body { width: 620px; float: left; }
.content_sidebar { width: 250px; float: right; color: #666; padding-bottom: 20px; }

.content_sidebar img { width: 250px; margin: 5px 0; }
.content_sidebar h4 { margin-top: 20px; }


.footer { background: #676766 url(../images/logo.png) 10px 8px no-repeat; clear: both; overflow: hidden; }
.footer ul { float: right; overflow: hidden; padding-right: 10px; }
.footer li { display: inline; }
.footer li a { display: block; padding-left: 10px; font-size: 11px; line-height: 50px; float: left; text-decoration: underline; color: #e0daca; }
.footer li a:hover { color: #FFF; }


.form_table th { text-align: left; width: 200px; font-size: 12px; vertical-align: top; }
.form_table label { display: block; line-height: 40px; font-size: 13px; color: #444; }
.form_table td input[type=text],
.form_table td textarea { width: 360px; border: 1px solid #BBB; font-size: 13px; padding: 6px; color: #676766; }
.form_table .submit_row td input { width: auto; border: 0; background: #676766; color: #FFF; line-height: 36px; padding: 0px 18px; font-size: 16px; cursor: pointer; }
.form_table .submit_row td input:hover { background-color: #2B8EA5; }

/* followup promo */
#followup { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 10px; background-color: #eb6726; color: #FFF; font-weight: bold; margin-bottom: 10px; }
#followup p { background: none; color: #FFF; border-bottom: 0; font-size: 12px; }
#followup p a { color: #EEE; text-decoration: underline; }


/* Specific page styles */
.attend .intro { background: url(../images/axiostar.png) 30px center no-repeat; padding: 10px 70px 30px 220px; color: #222; font-size: 14px; }
.attend .intro h2 { color: #298fa5; font-family: Georgia, serif; font-weight: bold; font-size: 32px; line-height: 50px; }

.followup h4,
.schedule h4 { font-size: 12px; background: #85a53d; color: #FFF; text-transform: uppercase; padding: 3px 10px; }
.followup h4 { margin: 20px 0 10px; text-transform: none; }
.schedule h5,
.speakers h5 { font-size: 18px; line-height: 22px; padding: 4px 0; font-weight: normal; }
.schedule .event,
.speakers .presenter { overflow: hidden; padding: 5px 0; }
.schedule .odd,
.speakers .odd { background: #eee; border-top: 1px solid #FFF; }
.schedule .details,
.speakers .details { padding: 0 10px; width: 420px; float: left; }
.schedule .description,
.speakers .description { padding: 0 10px; width: 420px; float: left; font-size: 11px; line-height: 16px; color: #555; }
.description p { margin-bottom: 10px; }

.schedule .meta { font-size: 11px; line-height: 18px; }
.schedule .presenters { font-size: 11px; font-weight: bold; line-height: 18px; }

.speakers img { float: left; margin-right: 10px; }


.home .content_body { width: 490px; padding: 10px; font-size: 12px; line-height: 18px; }
.home .content_sidebar { width: 300px; float: right; }
.home .intro { font-size: 22px; line-height: 26px; margin-bottom: 20px; }
.home .intro strong { font-weight: bold; color: #298fa5; }
.home .content_body h4 { border-bottom: 2px solid #555; width: 300px; margin: 10px 0; }
.home .content_body img { float: left; margin-right: 10px; margin-bottom: 10px; }
.home .content_body h5 { font-size: 24px; line-height: 32px; color: #298fa5; font-family: Georgia, serif; }
.home .content_body h6 { font-size: 15px; color: #666; font-family: Georgia, serif; font-style: italic; margin-bottom: 10px; }

.home .content_sidebar h4 { background: #676766; color: #FFF; padding: 2px 5px; margin-top: 20px; }
.home .content_sidebar p { overflow: hidden; background: #dfdcc9; padding: 4px 10px; border-bottom: 1px solid #fff; font-size: 11px; }
.home .content_sidebar p .time { display: block; width: 80px; float: right; text-align: right; font-weight: bold; }
.home .content_sidebar p .event { display: block; width: 200px; float: left; }

.registration h4 { font-size: 16px; margin-bottom: 10px; }
.registration p { margin-bottom: 10px; }

.followup h4 { }

/* Archive banner */
#archive { background-color: #02283F; padding: 20px 0; width: 100%; font-size: 16px; line-height: 24px; color: #FFF; position: fixed; z-index: 99999; bottom: 40px; margin-left: 0; text-align: center; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#archive a { text-decoration: underline; color: #CCC; }