/************************************************************************
  INsight Design Conference 2011, Default CSS 
************************************************************************/

/************************************************************************
  Global 
************************************************************************/
* { margin:0; padding:0; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

/* remember to define focus styles! */
:focus { outline:0; }
body { background-color: #f7f7e2; line-height:1; color:black; }
ol,ul { list-style:none; }

a {text-decoration: none;}

/* tables still need 'cellspacing="0"' in the markup */
table { }
caption,th,td { font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote { }
.clearer { clear:both; margin:0; line-height:0; padding:0; }
.clearerLarge { clear:both; margin:0; line-height:0; padding:0; height:30px; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
.float_right { float:right; }
.float_left { float:left; }
body { background: url(../img/bg_body.jpg); font-weight:normal; font-family: Georgia, Times, serif; min-height: 2000px; }
#global_wrapper { width:974px; margin:0 auto; }
#left_fade{background: url(../img/bg_left_fade.png) left repeat-y; min-height: 3000px;}
#inner_image {background: url(../img/bg_content2.jpg) 0 0 no-repeat; min-height: 1031px;}
#IE {background: red; text-align: center; color: #fff; padding: 10px; margin: 0 0 20px 0;}
#IE a {text-decoration: underline; color: #fff;}

html, body, #left_fade {height: 100%;}

/************************************************************************
  Global - Typography
************************************************************************/

/* Serif */
#conf_info p, ul.tabNavigation li a, #welcome_home p, .info_block h3, .info_block h4, .info_block h5, #newsletter_form label, .info_block_inner p, #site_credits, #site_tagline, .tab_body, #register_submit, #mast_head, #register_form #submit_button { font-family:Georgia, Times, serif; }

/************************************************************************
  Global - Header
************************************************************************/
#mast_head {background: url(../img/bg_masthead.gif) 0 0 repeat-x; width: 100%; height: 21px; font-size: 13px; color: #f9f8e9; padding: 5px 0 0 0;}
#mast_head p {display: block; margin: 0 0 0 294px;}
#global_header {margin: 47px 0 16px 65px; }
#conf_info {width: 900px; height: 17px; background-color: #000; padding: 10px; color: #fff; margin: 10px 0 150px 0; font-size: 18px;}
#conf_info span.date {margin: 0 0 0 23px;}
#register_global {width: 89px; height: 52px; position: absolute; top: -10px; left: 800px;}

/* IE Hacks */

/************************************************************************
  Global - Navigation and Tabs
************************************************************************/
/* Jquery Tabs */
ul.tabNavigation { list-style:none; margin:0 0 30px 0; padding:0; display:block; border:0; padding: 0 0 0 20px; background: url(../img/bg_navigation.png) 0 0 no-repeat; width: 778px; float: left; height: 34px;  }
.tabNavigation li { display:block;  float:left; color:#fff; text-align:left; height:32px; position:relative; padding: 0 0 0 0; margin: 3px 10px 0 0; }
.tabNavigation li#home { margin: 3px 10px 0 270px; display: block; }
ul.tabNavigation li a { display:block; padding:7px 4px 7px 3px; text-decoration:none; font-size: 17px; color:#f9f8e9; text-align:center; text-decoration: none; font-size: 13px;}
ul.tabNavigation li a:focus { outline:0; }
#first h2,#second h2,#third h2,#fourth h2 { margin-top:0; }
.tabs { margin:0; clear:both; position: relative; }
#first,#second,#third,#fourth, #fifth, #sixth, #seventh { clear:both; text-align:left; margin: 0 0 20px 0;  }
.outer_fade {margin: 0 0 40px 153px;}

/************************************************************************
  Global - Content
************************************************************************/
hr {margin:20px 0 20px 0; border:0; border-top:1px dashed #41413e; color:#fff; clear:both; }
.outer_fade {width: 805px; padding: 5px 0; background: url(../img/bg_large_content_box.png) 0 0 repeat-y;}
.tab_body {margin: 0 0 11px 0; padding:0; clear: both; position: relative;}

/* Home Page */
#welcome_home {width: 745px; height: 148px; background: url(../img/bg_home_large.png) 0 0 no-repeat;; color: #fff; margin: 0 0 11px 153px; padding: 25px 30px;}
#welcome_home h1 {font-size: 27px; letter-spacing: 1px; font-weight: normal; color: #ebebeb;}
#welcome_home p.mission {font-size: 17px; color: #c7b299; margin: 15px 0;}
#welcome_home p {font-size: 13px; line-height: 18px; color: #ebebeb;}

/* Register Tab */
#register_inner {width: 765px; height: 725px; background: url(../img/bg_register_form.jpg) 0 0 no-repeat; padding: 20px; }
#featuredspeakers_header, #portfolioreview_header {background: #01a0b8; color: #fff; font-size: 18px; width: 256px; height: 38px; float: left; clear: both; }
#featuredspeakers_header p, #portfolioreview_header p {margin: 13px 0 10px 20px;}
#register_inner h3, #register_inner h4 {font-size: 27px; font-weight: normal; color: #f9f8e9; margin: 0 0 10px 0;}
#register_inner h4 {border-bottom: 1px dashed #635340; padding: 0 0 10px 0; font-size: 20px;}
#register_inner p.gold {color: #c7b299; font-size: 17px; padding: 15px 0;}
#register_inner p.body {color: #f9f8e9; font-size: 13px; line-height: 15px;}
#form_left {float: left; width: 287px; margin: 0 40px 0 0;}
#form_right {float: left; width: 428px;}
#register_form label, #register_form p {display: block; color: #f9f8e9; font-style: italic; font-size: 12px; padding: 0 0 10px 0;}
#register_form input {width: 286px; background: white; border: none; height: 15px; padding: 5px; color: #C7B299; margin: 0 0 5px 0;}
#register_form input#attended{width: 40px;}
#register_form input#captcha {width: 200px;}
#register_form input#state_input {width: 60px;}
#register_form input#zip_input {width: 80px;}
#register_form textarea {width: 427px; height: 93px; margin: 0 0 10px 0;}
#register_form p#state, #register_form p#zip {float: left; width: 80px;}
#register_form p#disclaimer {font-style: italic; margin: 0 0 10px 0; font-size: 12px; }
#register_form p#paypal {font-style: normal; font-size: 14px; }
#register_form #submit_button {border: none; cursor: pointer; text-transform: uppercase; color: #000; background: url(../img/button_submit.png) 0 0 no-repeat; display: block; width: 124px; height: 44px; text-align: center; font-weight: bold;}

/* Validation */
.ketchup-error-container { display:none; width:150px; margin: -35px 0 0 0; }
.ketchup-error-container ol { font: 10px; Arial, sans-serif; color:#990000; padding:10px;list-style:none;  }
.ketchup-error-container span { display:none; width:0; height:0; border-left:0 solid transparent; border-right:15px solid transparent; border-top:10px solid red; border-top:10px solid rgba(255,200,58,1.0); border-bottom:0; margin-left:10px; }

/* Events Tab */
#details_inner {width: 765px; height: 1061px; background: url(../img/bg_content_details.png) 0 0 no-repeat; padding: 20px; }
#details_inner h3 {font-size: 27px; font-weight: normal; letter-spacing: 1px; color: #ccc; line-height: 30px;}
#details_inner h4, #details_inner h5  {font-size: 17px; font-weight: normal; color: #c7b299; margin: 20px 0;}
#details_inner p { font-size: 14px; color: #ccc; line-height: 18px; margin: 0 0 10px 0;}
#details_inner p a {font-style: italic; color: #c7b299; text-decoration: none;}

/* Speakers Tab */
.speakers_header, #registration_closed {width: 765px; height: 134px; background: url(../img/bg_content_speakers.png) 0 0 no-repeat; padding: 20px;  }
.speakers_inner {width: 765px; height: 960px; background: url(../img/bg_content_reviewers.png) 0 0 no-repeat; padding: 20px; }
.speakers_inner .headshot {float: left; display: block; width: 212px; height: 212px; margin: 0 40px 40px 0;}
.speakers_inner h4, #registration_closed h3 {font-size: 20px; color: #ccc; font-weight: normal; margin: 0 0 20px 0;}
.speakers_header h4 {font-size: 28px; color: #ccc; font-weight: normal; margin: 0 0 20px 0;}
.speakers_inner p, #registration_closed p { font-size: 13px; color: #ccc; line-height: 18px; margin: 0 0 10px 0;}
.speakers_header p { font-size: 14px; color: #ccc; line-height: 20px; margin: 0 0 10px 0;}
.speakers_inner p span {font-style: italic; color: #c7b299; text-decoration: none;}
.speakers_inner p a {font-style: italic; color: #c7b299; text-decoration: none;}

/* Partners Tab */
#partners_inner {width: 765px; height: 1160px; background: url(../img/bg_content_sponsors_2.png) 0 0 no-repeat; padding: 20px; }
#partners_inner h4 {font-size: 27px; font-weight: normal; color: #c7b299; margin: 0 0 20px 0;}
#partners_inner h5 {font-size: 18px; font-weight: normal; font-style: italic; color: #c7b299; margin: 20px 0;}
#partners_inner p { font-size: 15px; color: #f9f8e9; line-height: 22px; margin: 0 0 10px 0;}
#partners_inner p a {font-style: italic; color: #c7b299; text-decoration: none;}
#partners_inner ul {margin: 20px 0;}
#partners_inner ul li {color: #f9f8e9; list-style: disc; font-size: 13px; margin: 0 0 5px 20px;}
.partners_logos {background: url(../img/bg_partners.jpg) 0 0 repeat; margin: 30px 0 0 0; display: block; clear: both; padding: 0 0 7px 0;}
.partners_logos img {float: left; margin: 7px 0 0 0; display: block;}
.partners_logos a#redbubble {float: left; margin: 0 40px 0 30px; display: block;}
.partners_logos a#faithchurch {float:left; margin: 0 40px 0 0; display: block;}
.partners_logos a#atomgroom {float:left; margin: 0 40px 0 0; display: block;}
.partners_logos a#hudson {float:left; margin: 0 0 0 0; display: block;}
.partners_logos a#largus {float: left; margin: 0 40px 0 30px; display: block;}
.partners_logos a#hische, .partners_logos a#clayton, .partners_logos a#accucraft {float:left; margin: 10px 40px 0 0; display: block;}
.partners_logos a#fiveclock {float:left; margin: 10px 40px 0 0; display: block;}
.partners_logos a#whosur {float: left; margin: 10px 40px 0 10px; display: block;} 
.partners_logos a#threeseven {float: left; margin: 10px 0 0 10px; display: block;} 


.partners_logos a#hoosierwingman, .partners_logos a#designchat {float: left; margin: 0 40px 0 10px; display: block;} 

/* Contact Tab */
#contact_inner {width: 765px; height: 565px; background: url(../img/bg_contact_top.png) 0 0 no-repeat; padding: 20px; }
#contact_inner_bottom {width: 765px; height: 427px; background: url(../img/bg_contact_bottom.png) 0 0 no-repeat; padding: 20px; }
#contact_inner h4 {font-size: 27px; font-weight: normal; color: #ccc; margin: 0 0 20px 0;}
#contact_inner h5 {font-size: 17px; font-style: italic; color: #c7b299; text-decoration: none; font-weight: normal; margin: 0 0 10px 0;}
#contact_inner_bottom h4 {font-size: 27px; font-weight: normal; color: #ccc; margin: 0 0 20px 0;}

#contact_inner p { font-size: 13px; color: #f9f8e9; line-height: 18px; margin: 0 0 10px 0; }
#contact_inner p a {font-style: italic; color: #c7b299; text-decoration: none;}

.biz_card {float: left; width: 233px; text-align: left; display: block; margin: 0 33px 0 0;}
.last {margin: 0;}
.biz_card p {line-height: 20px;}
.biz_card p.name {color: #c7b299; font-size: 17px;}
.biz_card p.title {color: #f9f8e9; font-size: 12px; font-style: italic; margin: 0 0 10px;}
.biz_card p.sub_title {color: #f9f8e9; font-size: 10px; font-style: italic;}
.biz_card p.link a {color: #c7b299; font-size: 12px; font-style: italic;}

/************************************************************************
  Global - Footer
************************************************************************/

.info_block {width: 182px; height: 147px; float: left; margin: 0 11px 0 0; background: url(../img/bg_home_small.png) 0 0 no-repeat; padding: 15px 22px 23px 15px;}
.info_block_inner {}
#first_info_block {margin: 0 11px 0 223px; font-size: 13px; }
.info_block h2, .info_block h3, .info_block h4 {color: #f9f8e9; font-size: 22px; font-weight: normal; border-bottom: 1px dashed #686157; padding: 0 0 5px 0; margin: 0 0 15px 0;}
.info_block_inner p.interact {font-size: 13px; line-height: 16px; margin: 0 0 24px 0; color: #f9f8e9;}
.info_block_inner p.interstate {font-size: 13px; margin: 0 0 10px 0; line-height: 16px; color: #f9f8e9}
.info_block_inner p.interface {padding: 2px 0 0 0;}
.info_block_inner p.interface a, .info_block_inner p.interstate a {font-size: 13px; color: #c7b299; text-decoration: none; margin: 0 0 10px 0; display: block; }
.info_block_inner p.interface a span, .info_block_inner p.interstate a span {font-size: 13px; color: #fff; text-decoration:none; }
.twitter_icon{width:22px; height: 22px; background: url(../img/icon_twitter.gif) 0 0 no-repeat; float: left; margin: 0 7px 0 0;}
.facebook_icon{width:22px; height: 22px; background: url(../img/icon_facebook.gif) 0 0 no-repeat; float: left; margin: 0 7px 0 0;}
.youtube_icon{width:22px; height: 22px; background: url(../img/icon_youtube.gif) 0 0 no-repeat; float: left; margin: 0 7px 0 0;}
.vimeo_icon{width:22px; height: 22px; background: url(../img/icon_vimeo.gif) 0 0 no-repeat; float: left; margin: 0 7px 0 0;}
#pictures_icon{width:22px; height: 22px; background: url(../img/icon_pictures.gif) 0 0 no-repeat; float: left; margin: 0 7px 0 0;}
#movies_icon{width:22px; height: 22px; background: url(../img/icon_movies.gif) 0 0 no-repeat; float: left; margin: 0 7px 0 0;}
#audio_icon{width:22px; height: 22px; background: url(../img/icon_audio.gif) 0 0 no-repeat; float: left; margin: 0 7px 0 0;}

/* Newsletter Form */
#newsletter_form {margin: 0 0 20px 0;}
#newsletter_form label {font-size: 12px; margin: 0 0 10px 0; display: block; clear: both;}
#Newsletter_Email {border: 1px solid #000; width: 210px; height: 20px;}
#SubmitEmail {width: 75px; height: 20px; background: #000; color: #fff; text-align: center; border: none; margin: 5px 5px 5px 0;}

#site_credits { color: #252525; float: left; text-align: right; font-size: 10px; margin: 0 0 0 770px;  }
#site_credits a {text-decoration: none; color: #252525;}
#site_credits a:hover {text-decoration: underline; color: #252525;}

#site_tagline {background: url(../img/bg_home_footer.png) 0 0 no-repeat;float: left; text-align: left; width: 627px; height: 20px; font-size: 11px; padding: 7px 0 0 15px; margin: 20px 0 10px 410px; }
#site_tagline p {float: left; color: #f9f8e9; }
#site_tagline img { margin: 2px 0 0 10px;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background: url(../img/cbox_overlay.png);}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#fff; padding:1px; border:1px solid #fff;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}