/*
	Axio Conference 2009 Styles
	Joshua Works
	20 May 2009
*/

* { margin: 0; padding: 0; }

body { background: #103645 url(../images/logo.png) no-repeat 1040px 20px fixed; color: #293d45; font: 11px/20px Gotham, Helvetica, Arial, sans-serif; padding: 20px; position: relative; }
a { color: #293d45; text-decoration: none; border-bottom: 1px dotted #293d45; }

p,h2 { margin-bottom: 10px; }

.error,
.error label { color: #C00; font-weight: bold; }
p.error { font-size: 13px; margin: 1em 0; }

h3 { line-height: 30px; font-weight: normal; text-transform: uppercase; font-size: 15px; }
h4 { line-height: 30px; font-size: 14px; }
h5 { font-weight: normal; font-size: 13px; }

.container { width: 980px; }
.navigation { width: 330px; float: left; }
.content { width: 650px; float: left; margin: 10px 0; }
.body { background: #FFF; padding: 20px; overflow: hidden; zoom: 1; }

.header span,
.navigation li a { display: block; background-repeat: no-repeat; background-position: left center; text-indent: -9999px; height: 30px; margin-bottom: 2px; border: 0 !important; }

	span.a { background-image: url(../images/axio_learning.png); }
	span.b { background-image: url(../images/conference.png); }
	span.c { background-image: url(../images/date.png); height: 22px; }
	span.d { background-image: url(../images/kstate.png); height: 14px; }
	
	.navigation { margin-top: 40px; list-style: none; }
	.navigation li { zoom: 1; }
	.navigation li a { margin-bottom: 10px; }
	
	.followup li#followup a,
	li#followup a:hover { background-color: #c7bfb3; }
	.followup .body { border-left: 30px solid #c7bfb3; }
	.followup a:hover { border-bottom: 1px solid #c7bfb3; }
	
	.home li#home a,
	li#home a:hover { background-color: #ffd203; }
	.home .body { border-left: 30px solid #ffd203; }
	.home a:hover { border-bottom: 1px solid #ffd203; }
	
	.schedule li#schedule a,
	li#schedule a:hover { background-color: #f8951d; }
	.schedule .body { border-left: 30px solid #f8951d; }
	.schedule a:hover { border-bottom: 1px solid #f8951d; }
	
	.registration li#registration a,
	li#registration a:hover { background-color: #f05922; }
	.registration .body { border-left: 30px solid #f05922; }
	.registration a:hover { border-bottom: 1px solid #f05922; }
	
	.yourvisit li#yourvisit a,
	li#yourvisit a:hover { background-color: #88a83d; }
	.yourvisit .body { border-left: 30px solid #88a83d; }
	.yourvisit a:hover { border-bottom: 1px solid #88a83d; }
	
	.contact li#contact a,
	li#contact a:hover { background-color: #148ca5; }
	.contact .body { border-left: 30px solid #148ca5; }
	.contact a:hover { border-bottom: 1px solid #148ca5; }
	
	.error .body { border: 30px solid #b93202; }
	.error .body p { font-weight: normal; }
	
	li#home a { background-image: url(../images/home.png); }
	li#schedule a { background-image: url(../images/schedule.png); }
	li#registration a { background-image: url(../images/registration.png); }
	li#yourvisit a { background-image: url(../images/yourvisit.png); }
	li#contact a { background-image: url(../images/contactus.png); }
	li#followup a { background-image: url(../images/followup.png); }

.form_table { border-collapse: collapse; border: 0; width: 100%; }
.form_table tr { border-bottom: 5px solid #FFF; }
.form_table th { width: 180px; text-align: left; color: #148ca5; font-weight: normal; text-transform: uppercase; vertical-align: top; }
.form_table td { width: 400px; vertical-align: top; }

label { display: block; line-height: 18px; padding: 11px 20px 7px 0; }
input,
textarea { border: 2px solid #103645; font: 18px/20px Gotham, Helvetica, sans-serif; padding: 5px; background: #103645; color: #FFF; width: 386px; }
textarea { font: 14px/20px Gotham, Helvetica, sans-serif; height: 6em; font-size: 13px; line-height: 18px; resize: none; }
input:focus, textarea:focus { border-color: #f05922; }
input.submit { border: 0; background: #148ca5; width: 200px; font-size: 15px; text-align: left; padding: 5px 10px; text-transform: uppercase; cursor: pointer; }
input.submit:hover { background: #f05922; }
select { margin-top: 2px; }
input#id_parking_permit { margin-top: 5px; width: auto; }


p.intro { font-size: 24px; line-height: 30px; margin-bottom: 20px; }
p.intro span { text-transform: uppercase; color: #ffd203; font-weight: bold; }
img.inline { float: right; clear: right; margin: 0 0 20px 20px; width: 300px; }



/* Home */
.information { float: left; width: 350px; margin-right: 10px; }

form.join { margin-top: 20px; }
form.join label { text-transform: uppercase; font-weight: bold; padding: 0; }
form.join input { background: #FFF; color: #555; width: 276px; border: 1px solid #CCC; }
form.join input.submit { border: 0; width: 55px; height: 30px; background: #fff; line-height: 30px; text-align: center; color: #103645; }
form.join input.submit:hover { color: #f05922; }

.subscribed { padding: 10px; background-color: #ffd203; font-size: 13px; margin-bottom: 20px; }
.subscribed p span { text-transform: uppercase; font-weight: bold; display: block; }


div.schedule { float: right; margin-right: -20px; background: #EEE; width: 230px; font-size: 11px; line-height: 15px; }
div.schedule li { list-style: none; padding: 0 10px; border-top: 1px solid #FFF; overflow: hidden; }
div.schedule li.date { text-transform: uppercase; font-weight: bold; line-height: 27px; background: #ffd203; }
div.schedule li a { display: block; float: left; width: 150px; padding: 5px 5px 5px 0; border: 0 !important; color: #103645; }
div.schedule li a:hover { color: #148ca5; }
div.schedule li span { float: left; color: #555; width: 55px; padding: 5px 0; }

.keynote img { float: left; margin-right: 10px; }
.keynote .name { font-weight: bold; font-size: 14px; margin: 0; }
.keynote .institution { font-size: 14px; }



/* Schedule */
.event, .presenter { margin: 0 -20px; padding: 10px 20px; overflow: hidden; zoom: 1; }
.odd { background-color: #f2f2f2; }

.meta { float: left; width: 130px; padding-right: 20px; }
.details { float: left; width: 430px; }
.meta span,
.meta .presenters a { display: block; color: #555; }

.schedule h4 { border-bottom: 3px solid #f8951d; border-top: 1px solid #ddd; margin: 15px -20px 0; padding: 5px 20px; }

.event h5 a { border: 0; font-weight: bold; }
.event h5 a:hover { border-style: dotted; }

.event .meta span.time { font-weight: bold; color: #293d45; font-size: 12px; }
.event .meta span.location { text-transform: uppercase; font-size: 10px; }
.event .meta span.presenters { margin-top: 10px; }
.event .meta span.presenters a { border: 0; border-top: 1px solid #999; }
.event .meta span.presenters a:hover { border-color: #f8951d; color: #000; }

.event .read_more a { color: #f8951d; border: 0; }
.event .read_more a:hover { color: #293d45; border-bottom: 1px dotted #293d45; }


/* Presenters */
.schedule .presenter h4 { border: 0; }

.presenter img { float: left; width: 110px; margin-right: 20px; }
.presenter .details { width: 300px; }
.presenting { margin-top: 20px; }
.presenting a { display: block; color: #f8951d; }


/* Registration */
.registration input, 
.registration textarea { background-color: #FFF; border: 1px solid #CCC; color: #333; }
.registration input.submit { background: #148ca5; color: #FFF; border: 0; }
.registration input.submit:hover { background: #f05922; color: #FFF; }
.registration .error input,
.registration .error textarea { border-color: #f05922; }

#row_parking_permit th,
#row_pre_conference th { text-transform: none; }

#row_parking_permit input,
#row_pre_conference select { margin-top: 12px; }


/* Follow up */
.followup h4 { margin: 10px 0 0; line-height: 20px; }
.followup h5 { margin: 0 0 20px; line-height: 20px;}
.followup object { margin: 10px 0 0; }
.followup hr { height: 1px; background-color: #CCC; margin: 20px 0; border: 0; }
.supplements { margin: 0 0 10px; font-size: 12px; list-style: none; }
.supplements a { padding: 0 5px; border-bottom-style: solid; }
.protected { width: 400px; height: 224px; background: #222; color: #bbb; padding: 80px 40px; font-size: 12px; text-align: center; }
.protected h2 { font-size: 24px; line-height: 28px; font-weight: normal; color: #999; }
.protected input { background: #FFF; color: #000; text-align: center; margin-top: 15px; }

/* Footer */
.footer { clear: both; margin: 40px 0 20px; background: url(../images/footer_robot.png) top center no-repeat; padding-top: 54px; text-align: center; color: #CCC; line-height: 16px; }
.footer p { text-transform: uppercase; }
.footer p span { display: block; font-weight: bold; }

.footer p.archive_links { line-height: 30px; font-size: 10px; }
.footer p.archive_links a { margin: 0 10px; color: #ffd203; text-decoration: none; border-bottom: 1px solid #777; }
.footer p.archive_links a:hover { border-bottom: 1px dotted #ffd203; }