html, body {background: #828384;}
html.admin, html.admin body {background: #fff;}

a, a:active {color: #3366cc;}
a:hover {color: #8591a5;}


label {float: left; width: 100px;}
input, textarea {}

.left   {text-align: left;}
.center {text-align: center;}
.right  {text-align: right;}

.highlightMe {color: #3366cc !important;}
.highlightMe a{color: #3366cc !important;}

.payable {padding-left: 100px; vertical-align: top;}

.float_left {float: left;}
.float_right {float: right;}

.block {display: block;}

.bold {font-weight: bold;}
.italic {font-style: italic;}
.larger {font-size: 1.3em;}

.white {color: #fff;}
.grey {color: #333;}
.odd {background-color: #f7f7f7;}
.even {background-color: #fff;}
.underline, tr.underline td, tr.underline th{border-bottom: 1px solid silver;}
.double_underline, tr.double_underline td, tr.double_underline th {border-bottom: 3px double silver;}
.overline, tr.overline td, tr.overline th {border-top: 1px solid silver;}
.spacer {margin-top: 25px; margin-bottom: 10px;}
.address {padding-left: 60px; margin-top: -36px;}

.strike {text-decoration: line-through;}

h2, h3 {color: #3366cc;}

#flash {position: absolute; top: 10px; right:20px;}

#header {background: url(../images/header_background.png) repeat-x; height: 78px;}
#header .container {position: relative;}
#header h1 {display: inline; position: absolute; top: 0px;}
#navigation {text-align: right; color: #8591a5; width: 450px; position: absolute; right: -50px; top: 25px;}
#navigation a {text-decoration: none; font-size: 12px; padding: 0px 3px; display: block; float: left; padding: 0px 5px; color: #333; line-height: 26px; height: 26px;}
#navigation a.active {color: #fff;}
#navigation a:hover {text-decoration: underline; color: #000;}

#admin_nav {text-align: right; color: #333; line-height: 30px;}

#banner {background: url(../images/banner_background.jpg) top repeat-x; height: 367px; position: relative;}
#banner h4 {display: none;}
#banner h2 {color: #fff; font-size: 2.3em;}
#banner h2 span {display: block; font-size: 0.6em;}

#banner.alt {padding-top: 0px; height: 406px;}
#block { background: #10161f; margin-top: 53px; margin-left: 17px; height: 313px; width: 587px; }
#banner .where {padding-top: 100px;}
#banner div.white {font-size: 1.3em;}

#banner form {margin: 0px 102px;}
#banner label{ width: 70px; color: #fff;}
#banner h3 {color: #3366cc; padding-top: 25px; margin-bottom: 15px; font-size: 2.5em;}
#banner textarea {width: 300px; height: 100px;}
#banner input[type="text"] {width: 308px; }
#banner input[type="image"] {padding-top: 5px;}


.register_now {position: absolute; top: -90px; left: 575px;}
.register_now h2 {color: #fff; font-size: 1.6em;}
.register_now h2 span {font-size: .6em; display: block;}
.register_now a {position: absolute; right: -210px; top: 5px;}

#content {background: #fff url(../images/background_rip.png) top center no-repeat; padding: 95px 0px; position: relative;}
html.admin #content {background: #fff; margin-top: -4px;}
#content #flash {top: 40px;}
#content .item {background: url(../images/sun.png) top left no-repeat; padding: 0px 15px 30px 85px; border-bottom: 1px solid #e8eaeb; margin-top: 20px;}
#content .item h3 {color: #3366cc; font-size: 2.4em;text-transform: uppercase; padding-top: 10px; margin-bottom: 0px;}
#content h4.category {margin-left: -120px; margin-top: 5px; width: 120px; text-align: center; font-size: 2em; color: #333; float: left; font-variant: small-caps;}

#content .item p { padding-top: 10px; font-size: 1.1em; }
#content .item.odd {background-color: #f7f7f7;}
#content .item.even {background-color: #fff;}

#content .small_sun h3 {font-size: 1.4em; } 
#content .small_sun h3 span {color: #999; text-transform: capitalize; font-size: .8em;}
#content .small_sun h3 span.small {font-size: .6em;font-variant: small-caps; }
#content .small_sun {background: url(../images/sun_small.png) no-repeat 40px 10px;  margin-top: 0px; padding-bottom: 10px;} 
#content .no_sun {background-image: none;}
#content .register {border: none; position: relative;}

#content .register #paid {position: absolute; top: 20px; left: 320px;}

#content a.not_paid {width: 25px; height: 25px; display: block;}

#content h4 {color: #3366cc; font-size: 1.4em; margin-bottom: 5px;}
#content h4.large {font-size: 1.8em;}

#content h4 span, h3 span {color: #999; text-transform: capitalize; font-size: .8em;}
#content h4 span.small, h3 span.small {font-size: .6em;font-variant: small-caps; }
#content h4 a {color: #3366cc; text-decoration: none;}
#content h4 a:hover {text-decoration: underline;}
#content h4.grey, #content h4.grey a {color: #999;}

#content dt {  float: left; width: 90px; text-align: right; color: #3366cc; padding: 5px;}
#content dd { margin-left: 110px; color: #8591a5;padding: 5px;}

#content form {}

html.admin #content h3 {color: #3366cc; font-size: 2.4em; text-transform: uppercase; }
html.admin #content .edit_link {float: right;  margin-top: 15px;}

#workshops {margin-top: 25px;}
#workshops tr.category th{padding-top: 35px; color: #999; font-size: 1.3em;}
#workshops tr.category th.title {color: #3366cc; font-size: 1.5em;}
#workshops th {}
#workshops td {padding: 0px;}
#workshops tr.odd td {background-color: #f7f7f7;}
#workshops tr.even td{background-color: #fff;}

#workshops td.title {color: #999; font-size: 1.4em; text-transform: uppercase; border-top: 1px solid silver;}
#workshops tr.selected td.title {color: #3366cc;}
#workshops td.title span {color: #999; text-transform: capitalize; font-size: .9em;}
#workshops td.title span.small {font-size: .8em;font-variant: small-caps; }

#workshops td.details_link {border-top: 1px solid silver; text-align: right; padding-right: 10px; }
#workshops td.details_link a {text-decoration: none; }



#workshops td.ranking {width: 120px; border-top: 1px solid silver;}
#workshops td.ranking a {color: #acacac; display: inline-block; font-size: 1.3em; padding: 1px 7px; text-decoration: none;}
#workshops td.ranking a:hover {background: url(../images/selected_hover.png) no-repeat 1px 2px; }
#workshops td.ranking a.selected {background: url(../images/selected.png) no-repeat 1px 2px; color: #3366cc; font-weight: bold;}
#workshops td.details { padding: 5px 50px 10px 130px; display: none;}

#workshop_summary p {display: none;}

#continue_text {margin-top: 10px; float: right; font-style: italic; color: #333;}

#whats_next {margin-top: 50px; border-top: 1px solid silver; padding-top: 10px;}

#footer {height: 350px; color: #556885; padding-top: 10px; border-top: 2px solid #778eb0; background: url(../images/footer_background.png) repeat-x;}


#footer h3 {color: #ffb92b; margin-bottom: 15px; padding-top: 0px; font-size: 1.4em; font-weight: bold;}
#footer label{ width: 70px; color: #fff; padding-top: 4px; text-transform: uppercase;}
#footer input[type="text"] {width: 150px; }
#footer input[type="image"] {padding-top: 25px;}

#footer .title {color: #fff; text-transform: uppercase; font-size: 1.5em;}
/*#footer #sponsors {border: 1px solid blue; height: 150px; margin-top: 15px; }*/

.copyright { text-align: center; font-size: .8em; margin: 50px 0px; padding-top: 10px; color: #556885; border-top: 1px solid #556885; }

.copyright img {vertical-align: middle;}

#sponsors {position: relative; height: 200px; width: 650px;}
#sponsors img{position: absolute; display: none; width: 255px; height: 128px; left: 420px; z-index: 1;}

#sponsors .on, #sponsors .left, #sponsors .right { display: block; }
#sponsors .left, #sponsors .right{ top: 30px;}

#sponsors .on {top: 0px; left: 200px; z-index: 20; width: 295px; height: 168px; }
#sponsors .right {}
#sponsors .left {left: 0px;}

.promo {margin-top: 50px; height: 200px;}
.promo img {border: 1px solid #cacaca;}

.pagination { background: white; }
.pagination a, .pagination span { padding: .2em .5em; display: block; float: left; margin-right: 1px; }
.pagination span.disabled { color: #999; border: 1px solid #DDD; }
.pagination span.current { font-weight: bold; background: #687889; color: white; border: 1px solid #687889; }
.pagination a { text-decoration: none; color: #687889; border: 1px solid #687889; }
.pagination a:hover, .pagination a:focus { color: #333; border-color: #333; }
.pagination .page_info { background: #2E6AB1; color: white; padding: .4em .6em; width: 22em; margin-bottom: .3em; text-align: center; }
.pagination .page_info b { color: #003; background: #6aa6ed; padding: .1em .25em; }
.pagination:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .pagination { height: 1%; }
*:first-child+html .pagination { overflow: hidden; }

.relations label{ display: inline; float: none; margin-right: 15px;}


.crafts a{color: #0000ff; text-decoration: none;}
.skills a{color: #000099; text-decoration: none;}
.leadership_mentoring a{color: #000055; text-decoration: none;}

#sections {border: 1px solid silver; border-collapse: collapse;}
#sections td, #sections th {border: 1px solid silver;}
#sections th {border-bottom: 2px solid #666;}

.alternate_workshops a.full {text-decoration: none; color: #333;}
.schedule a, .schedule a:active {color: #3366cc;}
.schedule a:hover {color: #8591a5;}
ul.schedule li.checked_in {list-style-image: url(../images/small_check_grey.png);}