html {
    overflow-y: scroll;
    background:#000;
}

body {
    background: #000 url(../images/devchatt_logo.png) fixed no-repeat 50% 38px;
    font-family:courier, monospace;
    padding-top:128px;
    min-width:940px;
    
}

h1, h2, h3, h4, h5 {
    color:#999;
}

h3 {
    color:#fff;
    font-size:14px;
}

h4 {
    font-size:11px;
    margin:3px 0 0;
}

    body.schedule div#bd div#my_itinerary h4 {
        font-size:14px;
        margin:20px 0;
    }
    

body.schedule div#bd div.item h4 {
    font-size:14px;
    color:#fff;
}

h5 {
    color:#d28c53;
}

p, 
label {
    color:#999;
    font-size:12px;
    line-height:16px;
    display:block;
}

.punchlist {
    color :#999;
    margin-top:20px;
}

.punchlist li {
    margin-left: 15px;
    list-style:circle;
    padding-bottom:5px;
}

.regtag {
    color:#fff;
    float:left;
    margin-top:20px;
    font-size:11px;
}

.regtag a{
    color:#16ADC6;
}


    span.d_chatt, 
    span.followme {
        color:#fff;
    }
    
    span.followme {
        font-size:10px;
        background:url(../images/follow_me_bird_bg.png) no-repeat 0 0;
        padding:10px 0 5px 24px;
        line-height:30px;
    }

a {
    color:#90c970;
    text-decoration:none;
}



span.blue a, 
p span.d_chatt span, 
h4 a {
    color:#16adc6;
}


span.pink a, 
span.followme a {
    color:#bd2c64;
}


div.padding {
    padding:20px 30px 0;
}

div.intro {
    margin:0 0 82px;
}

div.intro p {
    color:#666;
    font-size:17px;
    line-height:24px;
}

div.wrapper {
    width:940px;
    margin:0 auto;
    position:relative;
}

form div.field {
    margin:0 0 20px;
}

form div.field label {
    margin:0 0 5px;
}

form div.field input, 
form div.field textarea {
    background:#313131;
    border:1px solid #313131;
    color:#666;
    padding:3px;
    width:298px;
    font-family:courier, monospace;
    
}

form div.left, 
form div.right {
    width:50%;
    position:relative;
    float:left;
}

form input.submit {
    border:0;
    background:none;
    color:#16adc6;
    font-family:courier, monospace;
    cursor:pointer;
}

div.clear {
    clear:both;
}

div#hd {
    height:128px;
    width:100%;
    position:absolute;
    top:0;
    background: url(../images/header_bg_nologo.png)  no-repeat 50% 0;
    z-index:200;
    min-width:940px;
    
}
    
    div#hd div#logo a {
        text-indent:-9999px;
        display:block;
        width:600px;
        height:128px;
        border:0;
        outline:none;
    }

    div#hd div#nav {
        position:absolute;
        top:0;
        left:630px;
        font-size:12px;
        width:450px;
        line-height:36px;
        height:36px;
        color:#fff;
        text-align:left;
    }
    
    div#hd div#nav a {
        color:#16adc6;
    }
    div#hd div#nav a:hover {
        color:#fff;
    }
    div#hd div#nav span {
        color:#e53d4a;
    }

div#bd {
    position:relative;
    z-index:100;
    padding:55px 0 20px;
    text-align:left;
    min-width:940px;
    background:url(../images/bd_bg.png);
    border-top:1px solid #1e1e1e;
}

body.schedule div#bd {
    min-height:400px;
}

body.schedule div#bd h3 {
    color:#999;
    margin:80px 0 0;
    font-size:16px;
}

    body.schedule div#bd h3.heading {
        margin:49px 0 10px;
    }
    

    div#bd div.halves {
        background:url(../images/halves_bg.png) 0 31px no-repeat;
        width:100%;
        margin:0 0 80px;
    }
    
        div#bd div.halves div.item {
            width:50%;
            float:left;
            position:relative;
        }
        
        div#bd div.halves div.item div.padding {
            padding-left:0;
        }
        div#bd div.halves div.last div.padding {
            padding-left:30px;
            padding-right:0;
        }
        
    
    div#bd div.profile div.headshot {
        position:absolute;
        top:31px;
        right:30px;
        width:155px;
        text-align:right;
    }
        div#bd div.last div.headshot {
            right:0;
        }
        
        div#bd div.profile div.headshot img {
            border:1px solid #1e1e1e;
        }
    
    div#bd div.profile div.details {
        margin:8px 0;
        width:270px;
    }
    
    div#bd div.profile div.details p {
        margin:0 0 8px;
    }
    
    div#bd div.presenters_grid {
        width:450px;
        position:relative;
        z-index:100;
    }
        div#bd div.presenters_grid div.presenters {
            margin:0;
            padding:0;
            z-index:150;
        }
        
        div#bd div.presenters_grid div.presenters div.fade {
            -moz-opacity: 0.1;
            opacity:.1;
            filter: alpha(opacity=10);
        }
        div#bd div.presenters_grid div.presenters div.full {
            -moz-opacity: 1;
            opacity:1;
            filter: alpha(opacity=100);
        }
        
        
        
        div#bd div.presenters_grid div.presenters div.presenter {
            margin:0 8px 8px 0;
            padding:0;
            position:relative;
            float:left;
            line-height:0;
            z-index:180;
        }
        
        div#bd div.presenters_grid div.presenters div.presenter div.connector {
            background:url(../images/presenters_balloon_connector.png) 50% 0 no-repeat;
            width:48px;
            height:11px;
            position:absolute;
            top:50px;
            left:0px;
            visibility:hidden;
        }
        
        
        div#bd div.presenters_grid div.presenters div.presenter div.balloon {
            position:absolute;
            top:60px;
            left:-300px;
            background:#313131;
            width:316px;
            padding:10px 10px 0px 15px;
            visibility:hidden;
            z-index:200;
        }
        
            div#bd div.presenters_grid div.presenters div.presenter div.balloon h4 {
                color:#fff;
                font-size:14px;
                line-height:1.1;
            }
            div#bd div.presenters_grid div.presenters div.presenter div.balloon p {
                color:#666;
                margin:3px 0 8px;
            }
            div#bd div.presenters_grid div.presenters div.presenter div.balloon p span.pres_title {
                color:#bbb;
                font-size:12px;
            }
        
        
    div#bd div.fullwidth {
        background:url(../images/fullwidth_bg.png) 0 18px no-repeat;
        width:100%;
        margin:0 0 20px;
        position:relative;
    }
        body.schedule div#bd div.fullwidth {
            background-position:0 11px;
        }
    
    div#bd div.fullwidth div.register {
        width:630px;
    }
    
    div#bd div.fullwidth div.register form div.field input, 
    div#bd div.fullwidth div.register form div.field textarea {
        width:280px;
    }
    
    div#bd div.fullwidth div.register form div.field textarea {
        height:140px;
    }
    
    div#bd div.fullwidth div.register form input.submit {
        float:right;
        margin-right:22px;
    }
    
    div#bd div.fullwidth div.register span.error {
        color:#d61616;
    }
    
    div#bd div.fullwidth div.register div.form_area {
        position:relative;
        z-index:200;
        height:300px;
    }
    
    div#bd div#register div.loading {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:205;
        display:none;
        
    }
    div#bd div#register div.loading div.spinner {
        background:url(../images/ajax-loader.gif) 50% 50% no-repeat;
        width:100%;
        height:100%;
        position:absolute;
    }
    
    div#bd div.fullwidth div.view_map {
        position:absolute;
        right:0;
        top:18px;
    }
        div#bd div.fullwidth div.view_map img {
            border:1px solid #1e1e1e;
        }


    div#bd div#map_canvas {
        width:940px;
        height:320px;
    }
        #map_canvas .room {
            color: #333;
	    position: relative;
	    padding-top: 1.4em;
	    height: 88%;
	    overflow: hidden;
        }

	    #map_canvas .title {
		position: absolute;
		top: 0;
		left: 0;
	    }
        
            #map_canvas h2 {
		display: inline;
		font-size: 14px;
		color: inherit;
            }

	    #map_canvas .gowalla {
		display: inline;
		padding-left: 0.5em;
	    }	    
	    
        div#bd div#map_canvas h3 {
            margin:0;
            font-size:13px;
            color:#d28c53;
        }
        
        #map_canvas .room .description {
            font-size: 11px;
	    height: 100%;
	    overflow: auto;
        }
        
        div#bd div#map_canvas a {
            color:#16b0c9;
        }
    
    body.schedule div#bd div.schedule_section div.row {
        clear:both;
        border-bottom:1px solid #161616;
        padding:0 0 20px;
        margin:0 0 30px;
        width:100%;
        overflow:hidden;
    }
        body.schedule div#bd div.schedule_section div.last {
            border-bottom:0;
            padding:0;
        }
    
    body.schedule div#bd div.schedule_section div.item {
        width:298px;
        position:relative;
        float:left;
        margin:0 10px 20px 0;
        
    }
        
        body.schedule div#bd div#my_itinerary div.item {
            height:200px;
            border-bottom:1px solid #161616;
        }
        
    body.schedule div#bd div.schedule_section div.item p {
        margin:5px 0;
    }
    
    body.schedule div#bd div.schedule_section div.item p.address {
        font-size:11px;
    }
    
    body.schedule div#bd div.schedule_section div.item p.address a {
        color:#16ADC6;
    }
    
    
    body.schedule div#bd div.schedule_section div.item p.presenter img, 
    body.schedule div#bd div.schedule_section div.item p.address img {
        margin-bottom:-5px;
    }
    body.schedule div#bd div.schedule_section div.item p.coordinates {
        display:none;
    }
    
    
    div#bd div.schedule_section div.item p.add {
        color:#fff;
    }
    div#bd div.schedule_section div.item p.add span {
        cursor:pointer;
        color:#16adc6;
    }
    div#bd div.schedule_section div.item p.add span.remove {
        color:#e53d4a;
    }
    

div#ft {
    background:#313131 url(../images/ft_bg.png) 0 0 repeat-x;
    padding:20px 0;
    min-width:940px;
    width:100%;
    color:#bbb;
    overflow:hidden;
}
    div#ft div.halves {
        background:url(../images/ft_halves_bg.png) 0 11px no-repeat;
        overflow:hidden;
        margin-top:10px;
        text-align:left;
        
    }
    
    div#ft div.halves div.item {
        width:50%;
        float:left;
        position:relative;
        overflow:hidden;
    }
    
    div#ft div.halves div.sponsors {
        width:590px;
    }
        div#ft div.halves div.sponsors ul li {
            float:left;
            position:relative;
            text-indent:-9999px;
            height:90px;
            display:block;
            line-height:0;
            background-position:50%;
            background-repeat:no-repeat;
        }
        
        div#ft div.halves div.sponsors ul li.ctc {
            background-image:url(../images/ft_logo_ctc.png);
            width:165px;
        }
        div#ft div.halves div.sponsors ul li.easy_designs {
            background-image:url(../images/ft_logo_easydesigns.png);
            width:165px;
        }
        div#ft div.halves div.sponsors ul li.medium {
            background-image:url(../images/ft_logo_medium.png);
            width:190px;
        }
        div#ft div.halves div.sponsors ul li.utc {
            background:url(../images/ft_logo_utc.png) 0 0 no-repeat;
            width:260px;
            height:80px;
        }
        div#ft div.halves div.sponsors ul li.oreilly {
            background:url(../images/ft_logo_oreilly.png) 0 0 no-repeat;
            width:260px;
            height:80px;
            margin-left:15px;
        }
        
        div#ft div.halves div.sponsors ul li.chattarati {
            background-image:url(../images/ft_logo_chattarati.png);
            width:75px;
            height:80px;
            margin:0 25px;
        }
        
        div#ft div.halves div.sponsors ul li.covenant {
            background-image:url(../images/ft_logo_covenant.png);
            width:127px;
            height:80px;
            margin-right:25px;
        }

        div#ft div.halves div.sponsors ul li.springboard {
            background-image:url(../images/ft_logo_springboard.png);
            width:220px;
            height:80px;
            margin:0 0 0 20px;
        }


        div#ft div.halves div.sponsors ul li.epb_fo {
            background-image:url(../images/ft_logo_epb_fo.png);
            width:177px;
            height:126px;
            margin:0;
        }
        div#ft div.halves div.sponsors ul li.chattamac {
            background-image:url(../images/ft_logo_chattamac.png);
            width:160px;
            height:126px;
            margin:0;
        }
        div#ft div.halves div.sponsors ul li.cha_php {
            background-image:url(../images/ft_logo_cha_php.png);
            width:170px;
            height:126px;
            margin:0;
        }
        div#ft div.halves div.sponsors ul li.innovate_here {
            background-image:url(../images/ft_logo_innovate-here.png);
            width:140px;
            height:100px;
            margin:0;
        }
        div#ft div.halves div.sponsors ul li.chattstate {
            background-image:url(../images/ft_logo_chattstate.png);
            width:190px;
            height:100px;
            margin:0;
        }
        div#ft div.halves div.sponsors ul li.sewanee {
            background-image:url(../images/ft_logo_sewanee.png);
            width:190px;
            height:100px;
            margin:0;
        }
        div#ft div.halves div.sponsors ul li.chadnug {
            background-image:url(../images/ft_logo_chadnug.png);
            width:260px;
            height:100px;
            margin:0;
        }
        div#ft div.halves div.sponsors ul li.werock {
            background-image:url(../images/ft_logo_werock.png);
            width:240px;
            height:100px;
            margin:0;
        }
        
        div#ft div.halves div.sponsors ul li.new_riders {
            background-image:url(../images/ft_logo_new_riders.png);
            width:170px;
            height:104px;
            margin:0;
        }

        div#ft div.halves div.sponsors ul li.greyfriars {
            background-image:url(../images/ft_logo_greyfriars.png);
            width:190px;
            height:104px;
            margin:0;
        }
        
        div#ft div.halves div.sponsors ul li.airnet {
            background-image:url(../images/ft_logo_airnet.png);
            width:150px;
            height:104px;
            margin:0;
        }
        

        
        div#ft div.halves div.sponsors ul li a {
            display:block;
            width:100%;
            height:100%;
            outline:none;
        }
        
    div#ft div.halves div.devchatt_tweets {
        width:300px;
        float:right;
    }
    
    div#ft div.halves div.devchatt_tweets div.tweet {
        margin:0 0 10px;
        padding:0 0 10px;
        border-bottom:1px solid #383838;
        color:#bbb;
    }
        div#ft div.halves div.devchatt_tweets div.last {
            border-bottom:0;
        }
    
    div#ft div.halves div.devchatt_tweets div.tweet p.date {
        color:#666;
        margin:8px 0 0;
    }
    
    div#ft div.halves div.devchatt_tweets div.tweet a {
        color:#16adc6;
    }
    
    div.j_container {
        height:660px;
        overflow:auto;
    }
    
    div#contact_ft {
        margin:20px 0 0;
        padding:10px 0 0;
        border-top:1px solid #3e3e3e;
        height:10px;
    }
    div#contact_ft p {
        font-size:13px;
        margin:0;
        padding:0;
    }
    
    div#contact_ft a {
        color:#bbb;
    }

/* ======================
    header replacements
   ===================== */

h2.heading {
    text-indent:-9999px;
    width:100%;
    height:19px;
    background:none no-repeat 0 0;
    margin:0 0 20px;
}

h2.register {
    background-image:url(../images/h2_register.png);
}

h3.heading {
    text-indent:-9999px;
    width:100%;
    height:12px;
    background:none no-repeat 0 0;
    margin:0 0 20px;
}

h3.keynote_speaker {
    background-image:url(../images/h3_keynote_speaker.png);
}
h3.predevchatt_speaker {
    background-image:url(../images/h3_predevchatt_speaker.png);
}
h3.conference_format {
    background-image:url(../images/h3_conference_format.png);
}
h3.the_presenters {
    background-image:url(../images/h3_the_presenters.png);
}
h3.sponsors {
    background-image:url(../images/h3_sponsors.png);
}
h3.hashdevchatt {
    background-image:url(../images/h3_hashdevchatt.png);
}
h3.main_events {
    background-image:url(../images/h3_main_events.png);
}
h3.presentations {
    background-image:url(../images/h3_presentations.png);
}
h3.my_itinerary {
    background-image:url(../images/h3_my_itinerary.png);
}





/* ======================
    jScrollPane
   ===================== */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #666;
}
.jScrollPaneDrag {
	position: absolute;
	background: #444;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}