html { height: 100%; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
.imgrpl {display: block; text-indent: -5000px; overflow: hidden;}
a {outline: none;}
/* Do not remove the following section, these rules are required for forms */
.comment-replies {
margin-left: 30px;
}
.form-element.form-hide, .form-important {
display: none;
}
.form-element.form-type-checkbox label,
.form-element.form-type-radio label {
display: inline;
}
.form-float-left {
float: left;
}
.form-element.form-float-left {
padding-right: 10px;
}
/* Global styles */
.clear {
clear: both;
}
form .clear {
clear: none;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
img.left {
float: left;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
img.right {
float: right;
}
/* Specific styles */
#wrapper {
text-align: left;
margin: 0 auto; /* A value of auto centers the page, while 'auto 0px' will left align it; god help you 'auto 0px auto auto' will right align it */
width: 950px;
position: relative;
}
body {background: #fefcf5 url(/images/bg.png) 0 0 no-repeat fixed; color: #282828;}
body a {color: #282828;}
#doc2 {margin-top: 20px;}
/* NAV */
ul.navigation {display: block; width: 950px; height: 310px; margin: 0 auto; background: transparent url(/images/masthead.png) no-repeat 0 0; position: relative;}
ul.navigation li a {position: absolute; top: 266px; display: block; height: 26px; text-indent: -5000px; overflow: hidden; z-index: 3000;}
ul.navigation li.nav-home a {display: none;}
ul.navigation li.nav-the-summit a {left: 220px; background: transparent url(/images/nav-sprites.png) no-repeat 0 -26px; width: 96px;}
ul.navigation li.nav-the-summit a:hover {left: 220px; background: transparent url(/images/nav-sprites.png) no-repeat 0 0px; width: 96px;}
ul.navigation li.nav-the-participants a {left: 350px; background: transparent url(/images/nav-sprites.png) no-repeat -125px -26px; width: 141px;}
ul.navigation li.nav-the-participants a:hover {left: 350px; background: transparent url(/images/nav-sprites.png) no-repeat -125px 0px; width: 141px;}
ul.navigation li.nav-the-tour a {left: 522px; background: transparent url(/images/nav-sprites.png) no-repeat -294px -26px; width: 75px;}
ul.navigation li.nav-the-tour a:hover {left: 522px; background: transparent url(/images/nav-sprites.png) no-repeat -294px 0px; width: 75px;}
ul.navigation li.nav-register a {left: 625px; background: transparent url(/images/nav-sprites.png) no-repeat -397px -26px; width: 72px;}
ul.navigation li.nav-register a:hover {left: 625px; background: transparent url(/images/nav-sprites.png) no-repeat -397px 0px; width: 72px;}
ul.navigation li.nav-contact a {left: 700px; background: transparent url(/images/nav-sprites.png) no-repeat -397px -26px; width: 72px;}
ul.navigation li.nav-contact a:hover {left: 700px; background: transparent url(/images/nav-sprites.png) no-repeat -397px 0px; width: 72px;}
ul.navigation li.nav-news a {left: 731px; background: transparent url(/images/nav-sprites.png) no-repeat -497px -26px; width: 44px;}
ul.navigation li.nav-news a:hover {left: 731px; background: transparent url(/images/nav-sprites.png) no-repeat -497px 0px; width: 44px;}
ul.navigation li.nav-contact a {left: 804px; background: transparent url(/images/nav-sprites.png) no-repeat -570px -26px; width: 72px;}
ul.navigation li.nav-contact a:hover {left: 804px; background: transparent url(/images/nav-sprites.png) no-repeat -570px 0px; width: 72px;}
#link-home a {width: 200px; height: 300px; position: absolute; top: 0; z-index: 5000;}
body.the-summit ul.navigation li.nav-the-summit a {left: 220px; background: transparent url(/images/nav-sprites.png) no-repeat 0 0px; width: 96px;}
body.the-participants ul.navigation li.nav-the-participants a {left: 350px; background: transparent url(/images/nav-sprites.png) no-repeat -125px 0px; width: 141px;}
body.the-tour ul.navigation li.nav-the-tour a {left: 522px; background: transparent url(/images/nav-sprites.png) no-repeat -294px 0px; width: 75px;}
body.register ul.navigation li.nav-register a {left: 625px; background: transparent url(/images/nav-sprites.png) no-repeat -397px 0px; width: 72px;}
body.news ul.navigation li.nav-news a {left: 731px; background: transparent url(/images/nav-sprites.png) no-repeat -497px 0px; width: 44px;}
body.contact ul.navigation li.nav-contact a {left: 804px; background: transparent url(/images/nav-sprites.png) no-repeat -570px 0px; width: 72px;}
div.front {width: 66px;position: absolute; display: block; height: 33px; top: 259px; left: 880px;}
div#facebook-link a {position: absolute; top: 8px; left: 8px; display: block; width: 20px; height: 20px; background: transparent url(/images/facebook-link.png) no-repeat 0 0; z-index: 1000; text-indent: -10000px; overflow: hidden;}
div#twitter-link a {position: absolute; top: 8px; left: 35px; display: block; width: 20px; height: 20px; background: transparent url(/images/twitter-link.png) no-repeat 0 0; z-index: 1000; text-indent: -10000px; overflow: hidden;}
div#masthead-tail {float: right; display: block; height: 57px; width: 50%; background: transparent url(/images/masthead-tail.png) repeat-x 0 0; position: absolute; right: 0px; top: 240px; z-index: 0;}
div.col2 {float: left; width: 270px;}
div.col3 {float: left; width: 180px; margin-left:15px;}
/* col2 */
#schedule-a-stop {background: transparent url(/images/schedule-a-stop.png) no-repeat 0 0; width: 270px; height: 320px;position: relative;}
#schedule-a-stop a {background: transparent url(/images/sign-up.png) no-repeat 0 0; width: 98px; height: 33px; position: absolute; top: 148px; left: 0;}
div.col2 h2.participants-sb {background: transparent url(/images/participants.png) no-repeat 0 0; width: 180px; height: 15px; text-indent: -5000px; overflow: hidden;
margin-top: 18px; }
div.col2 div.profile {position: relative;}
div.col2 div.profile img {margin-top: 9px;}
div.col2 div.frame {position: absolute; background: transparent url(/images/frame.png) no-repeat 0 0; width: 266px; height: 236px; top: 7px; left: -3px; }
div.col2 h2 {color: #a54399; text-transform: uppercase; font-weight: bold; font-size: 118%;}
div.col2 div.profile p {line-height: 1.5em; color: #282828;}
div.col2 div.profile p a {color: #282828;}
p.full-bio {background: transparent url(/images/full-bio.png) no-repeat 0 0; text-indent: -5000px; display: block; width: 62px; height: 10px;margin-top:4px;}
/* col3 */
#learn-more-summit {background: transparent url(/images/learn-more-summit.png) no-repeat 0 0; width: 180px; height: 216px;position:relative;}
#learn-more-summit a {background: transparent url(/images/more-info.png) no-repeat 0 0; width: 121px; height: 33px; position:absolute; top:160px;}
div#imageFadeContainer {width: 178px; height: 70px; display: block; position: relative;}
div#imageFadeContainer div.caption {display: none;}
div#imageFadeContainer div.controls {display: none;}
div#imageFadeContainer a {display: block; width: 176px; text-align: center; position: absolute; top:0; left: 0;}
div#imageFadeContainer a img {margin: 0 auto !important; display: none;}
div.sponsors-wrap {position: relative; }
div#sponsors-type {display: block; width: 100px; height: 14px; background: transparent url(/images/sponsors-view-all.png) no-repeat 0 0; text-indent: -5000px; overflow: hidden; margin: 12px 0 24px;}
div.col3 div.view-all {display: block; width: 66px; height: 10px; background: transparent url(/images/sponsors-view-all.png) no-repeat 0 -14px; text-indent: -5000px; overflow: hidden; position: absolute; top: 2px; left: 106px;}
div.tweets {margin-top: 10px;}
div.tweets h4 {width: 175px; height: 58px; display: block; text-indent: -5000px; overflow: hidden;
background: transparent url(/images/we-rock-twitter.png) no-repeat 0 0;}
div.tweets p {display: none;}
div.tweets li {display: block; margin: 5px 0; color: #282828; font-size: 88%;}
div.tweets li a {color: #282828;}
div.tweets li span {font-weight: bold; display: block; color: #666; margin: 5px 0 0px; font-size: 92%;}
div.tweets li cite {margin: 2px 0 8px; font-size: 92%; display: block; color: #666;}
div.tweets li cite a {color: #666;}
div.tweet-border {display: block; width: 175px; height: 1px; background: transparent url(/images/tweet-border.png) no-repeat 0 0; margin-bottom: 10px;}
p#follow-us {display: block;}
p#follow-us a {width: 127px; height: 7px; float: right; display: block; text-indent: -900px; overflow: hidden; background: transparent url(/images/follow-us.png) 0 0 no-repeat;}
/* Home Page Content */
h2#home-page-content a, h2#news a {background: transparent url(/images/news-header.png) no-repeat 0 0; width: 464px; height: 54px; display: inline-block; text-indent: -5000px; margin-bottom: 15px; }
/* News */
div.news-item {}
div.news-item h4 {font-weight: bold; text-transform: uppercase; font-size: 76%; margin-bottom: 5px;}
div.news-item h2 a {font-weight: bold; font-size: 140%; margin: 10px 0; color: #282828; text-decoration: none;}
div.news-item h2 a:hover {color: #78a22f;}
div.news-item div.continue-reading a {background: transparent url(/images/continue-reading.png) no-repeat 0 0; display: inline-block;
text-indent: -5000px; overflow: hidden; width: 126px; height: 10px; margin: 0 0 10px; }
div.news-item img.teaser-image {max-width: 469px; float: left; margin: 5px 0 16px;}
div.news-item img {max-width: 469px;}
div.news-item embed {margin: 5px 0 16px;}
div.news-border {display: block; width: 464px; height: 1px; background: transparent url(/images/news-border.png) no-repeat 0 0;
margin: 0 0 10px 0; clear: both;}
div.news-item p {margin: 10px 0; line-height: 1.5em;}
div.continue-reading {width: 200px; height: 15px; display: block; float: left; margin-top: 4px;}
div.comment-count {display: block; width: 10em; height: 2em; margin-left: 355px; }
div.comment-count span {float: left; display: block; background: transparent url(/images/comment-bubble.png) no-repeat 0 0; margin-top: -2px; margin-right: 5px; width: 24px; height: 18px; text-indent: -500px; overflow: hidden;}
div.comment-count a {display: block;}
h4.byline {margin-top: 8px;}
div.news-pagination {display: block; float: right; margin-top: 12px;}
p.back-to-list a {background: transparent url(/images/back-to-list.png) no-repeat 0 0; width: 90px; height: 10px;float: left; margin-top: 12px;}
div.news-pagination p.previous a {background: transparent url(/images/prev.png) no-repeat 0 0; width: 44px; height: 8px; float: left; border-right: 1px solid #d73d13;}
div.news-pagination p.next a {background: transparent url(/images/next.png) no-repeat 0 0; width: 40px; height: 10px; float: none; margin-left: 50px;}
/* SHARE THIS */
div.share-this {display: block; width: 79px; height: 10px; text-indent: -9000px; overflow: hidden; background: transparent url(/images/share-dis.png) no-repeat 0 0; margin: 0 0 18px 380px;}
#share-dis {background: transparent url(/images/share-dis-bg.png) no-repeat 0 0; width: 127px; height: 141px;}
#share-dis ul {margin: 10px 0 0 10px;}
#share-dis ul li a {display: block; width: 100px; height: 20px; text-indent: -9000px; overflow: hidden; margin-bottom: 6px;}
#share-dis ul li.share-facebook a {background: transparent url(/images/share-facebook.png) no-repeat 0 0;}
#share-dis ul li.share-facebook a:hover {background: transparent url(/images/share-facebook.png) no-repeat 0 -20px;}
#share-dis ul li.share-digg a {background: transparent url(/images/share-digg.png) no-repeat 0 0;}
#share-dis ul li.share-digg a:hover {background: transparent url(/images/share-digg.png) no-repeat 0 -20px;}
#share-dis ul li.share-del-icio-us a {background: transparent url(/images/share-de-licio-us.png) no-repeat 0 0;}
#share-dis ul li.share-del-icio-us a:hover {background: transparent url(/images/share-de-licio-us.png) no-repeat 0 -20px;}
#share-dis ul li.share-stumbleupon a {background: transparent url(/images/share-stumbleupon.png) no-repeat 0 0;}
#share-dis ul li.share-stumbleupon a:hover {background: transparent url(/images/share-stumbleupon.png) no-repeat 0 -20px;}
#share-dis ul li.share-twitter a {background: transparent url(/images/share-twitter.png) no-repeat 0 0;}
#share-dis ul li.share-twitter a:hover {background: transparent url(/images/share-twitter.png) no-repeat 0 -20px;}
div#disqus_thread {margin-top: 18px;}
/* The Summit */
h2#the-summit {background: transparent url(/images/the-summit.png) 0 0 no-repeat; width: 470px; height: 40px; display: block; text-indent: -5000px; overflow: hidden; margin-bottom: 25px; }
h2#summit-participants {width: 464px; height: 33px; background: transparent url(/images/summit-participants.png) 0 0 no-repeat; text-indent: -5000px; overflow: hidden; display: block; margin-bottom: 1.5em;}
div.summit-copy p {margin-bottom: 0.5em; line-height: 1.5em;}
div.summit-copy ul li {margin-bottom: 0.2em;}
div.summit-copy ul li a:hover {text-decoration: underline;}
/* Participants */
h2#the-participants {background: transparent url(/images/participants-header.png) 0 0 no-repeat; width: 470px; height: 40px; display: block; text-indent: -5000px; overflow: hidden; margin-bottom: 25px; }
div.mini-profile {float: left;margin: 0 10px 15px 0; height: 175px;}
div.mini-profile a h2 {color: #78a22f; text-transform: uppercase; font-size: 92%; font-weight: bold; width: 140px; margin-top: 8px;}
h2.participant-name {font-weight: bold; color: #78a22f; width: 200px; text-transform: uppercase; float: left; font-size: 116%; margin: 12px 0 5px;}
p.follow-me a {float: right; display: block; height: 15px; width: 76px; background: transparent url(/images/follow-me.png) no-repeat 0 0; text-indent: -5000px; overflow: hidden; margin: 12px 0 5px;}
div.profile-pagination {margin-left: 376px; float: none; margin-top: 24px;}
p.back-to-list a {background: transparent url(/images/back-to-list.png) no-repeat 0 0; width: 90px; height: 10px;float: left; margin-top: 12px;}
div.profile-pagination p.previous a {background: transparent url(/images/prev.png) no-repeat 0 0; width: 44px; height: 8px; float: left; border-right: 1px solid #d73d13;}
div.profile-pagination p.next a {background: transparent url(/images/next.png) no-repeat 0 0; width: 40px; height: 10px; float: none; margin-left: 50px;}
div.profile-copy p {margin: 10px 0; line-height: 1.5em;}
div.page-content {clear: both;}
ul li a {text-decoration: none;}
ul li a strong {font-weight: bold; color: #282828;}
/* The Tour */
h2#the-tour {background: transparent url(/images/the-tour.png) 0 0 no-repeat; width: 470px; height: 40px; display: block; text-indent: -5000px; overflow: hidden; margin-bottom: 25px; }
div.the-tour h4 {color: #78a22f; text-transform: uppercase; font-size: 84%; font-weight: bold;}
div.the-tour p , div.the-tour ul {margin-bottom: 1em;}
div.the-tour p {line-height: 1.5em;}
div.the-tour strong {font-weight: bold;}
div.the-tour em {font-style: italic;}
div.relative.hide {position: relative; height: 1px;}
div.register-now a {position: absolute; top: 0 left: 0; display: block; background: transparent url(/images/register-now.png) 0 0 no-repeat; width: 150px; position: absolute; height: 15px; text-indent: -5000px; overflow: hidden; top: -50px; left: 333px;}
p#sched-stop a {background: transparent url(/images/sched-stop.png) no-repeat 0 0; width: 220px; height: 10px; margin-top: 1em;}
/* Register */
h2#register {background: transparent url(/images/register.png) 0 0 no-repeat; width: 470px; height: 40px; display: block; text-indent: -5000px; overflow: hidden; margin-bottom: 25px; }
div.form-wrapper {margin-top: 20px;}
div.form-register form div.form-element input {border: 1px solid #999; padding: 3px 0 3px 3px; font-family: monospace;}
div.form-register form div.form-element label {float: left;}
div.form-register form div.name {float: left; display: block; height: 40px; width: 240px;}
div.name label {}
div.name input {width: 220px;}
div.form-register form div.email {float: left; display: block; height: 40px; width: 220px;}
div.email label {}
div.email input {width: 214px;}
div.form-register form div.organization {float: left; margin-top: 10px;}
div.organization label {float:left;}
div.organization input {float: left; width: 455px;}
div.form-register form div.street-address {float: left; margin-top: 10px;}
div.street-address label {float:left;}
div.street-address input {float: left; width: 455px;}
div.form-register form div.city {float: left; width: 210px; margin-top: 10px;}
div.city input {float: left; width: 187px;}
div.form-register form div.state {float: left; width: 110px; margin-top: 10px;}
div.state input {float: left; width: 87px;}
div.form-register form div.zip {float: left; width: 140px; margin-top: 10px;}
div.zip input {float: left; width: 135px;}
input.input-submit {background: transparent url(/images/form-submit.png) 0 0 no-repeat; width: 81px; height: 33px; display: block;
cursor: pointer; margin: 16px 0; border: none !important; float: left; text-indent: -4000px; overflow: hidden;}
ul.form-errors {background: #FBE3E4 none repeat scroll 0 0; border-color: #FBC2C4; color: #8A1F11; border: 2px solid; margin-bottom: 1em; padding: 0.8em;}
p.success {background: #E6EFC2 none repeat scroll 0 0; border-color: #C6D880; color: #264409; border: 2px solid; padding: 0.8em;}
div#where-to-stay {clear: left; margin-top: 10px;}
div#where-to-stay h4 {width: 464px; height: 34px; background: transparent url(/images/where-to-stay.png) no-repeat 0 0; display: block; text-indent: -5000px; overflow: hidden;}
div#where-to-stay p {margin: 1em 0;}
div#where-to-stay a {width:210px; height: 10px; background: transparent url(/images/accomodations.png) no-repeat 0 0; display: block; text-indent: -4000px; overflow: hidden;}
/* Contact */
h2#contact {background: transparent url(/images/contact.png) 0 0 no-repeat; width: 470px; height: 40px; display: block; text-indent: -5000px; overflow: hidden; margin-bottom: 25px;}
div#contact-form {}
div#contact-form div.name, div#contact-form div.email, div#contact-form div.phone {width: 230px; display: block; height: 45px; clear: left;float: left;}
div#contact-form div.name label, div#contact-form div.email label, div#contact-form div.phone label {float: none; }
div#contact-form div.name input, div#contact-form div.email input, div#contact-form div.phone input {float: left; width: 220px; border: 1px solid #999;padding: 3px 0 3px 3px; }
div#contact-form div.message {float: right; width: 222px; margin-top:-91px; height: 120px;}
div#contact-form div.message label {float: none;}
div#contact-form div.message textarea {float: left; width: 220px; height: 113px;}
div#contact-form div.form-type-submit input.input-submit {clear: both;}
div#contact-form div.form-type-submit {float:none;}
/* Sponsors */
h2#sponsors {background: transparent url(/images/sponsors.png) no-repeat 0 0; width: 470px; height: 41px; display: block; text-indent: -5000px; overflow: hidden; margin-bottom: 25px; }
div.sponsor-item {display: block; width: 232px; height: 92px; float: left; }
div.sponsor-item a img {margin: auto; display: block; }
/* Footer */
#ft {width: 100%; margin: 0 auto; background: transparent url(/images/footer-texture.png) repeat-x; height: 44px; position: absolute;}
a#medium-logo {background: transparent url(/images/medium-logo.png) 0 0 no-repeat; display: inline-block; width: 72px; height: 16px; text-indent: -50000px; margin: 0 0 0 0px;}
#doc2 {margin-bottom: 5em;} /* to give room for footer */
#ft div.container {width: 950px; margin: 0 auto; padding-top: 10px; height: 1em;}
#ft div.container div.we-rock {float: left; background: transparent url(/images/we-rocks.png) no-repeat 0 0; width: 166px; height: 18px; text-indent: -5000px; overflow: hidden;}
#ft div.container p {float: right; clear: none; font-size: 88%; width: 35em;}