@import url("960.css"); @font-face { font-family: 'BickhamScriptStdRegular'; src: url('css/bickhamscriptstd-regular-webfont.eot'); src: url('css/bickhamscriptstd-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/bickhamscriptstd-regular-webfont.woff') format('woff'), url('css/bickhamscriptstd-regular-webfont.ttf') format('truetype'), url('css/bickhamscriptstd-regular-webfont.svg#BickhamScriptStdRegular') format('svg'); font-weight: normal; font-style: normal; } /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body {height: 100%;} #mainWrapper {min-height: 100%; width:960px; margin:0 auto;} #mainWrapper {overflow:auto; padding-bottom: 145px;} /* must be same height as the footer */ #footer {position:fixed; bottom:0; height: 65px; width:100%; z-index:100; color:#baad8d;} /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ body { margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#483a3a; background:#a09c9d; } .hide{display:none; visibility:hidden;} .floatLeft{float:left;} img.floatLeft{float:left; margin-right:10px; margin-bottom:10px;} .floatRight{float:right;} .clear{clear:both;} p{margin-top:0; margin-bottom:10px;} #header,#footer{background:url(img/2012/backgrounds/purple-texture.jpg) repeat-x;} #header{ position:fixed; top:0; height: 65px; width:100%; z-index:100; } #header .container_12, #footer .container_12{position:relative;} #header .conferenceOverview{position:absolute; right:0; top:10px;} .bigger { font-size: 12px; } .leftnav { color:#fff; } a.leftnav { color:#fff; } #sidebar, #credits, #conferenceTitle{ width:150px; } #sidebar{ position:fixed; top:80px; float:left; margin-left:20px; min-height: 670px; text-align:center; } .color2{color:#bf9d6f;} div#regEarly{z-index:200; position:absolute; left:320px; top:130px;} div#regEarly img{width:140px; height:auto;} #mainNav{ position:absolute; top:0; right:20px; padding-top:25px; text-align:right; text-transform:uppercase; position:relative; z-index:125; } #mainNav a{color:#edbb9c; text-decoration:none; font-size:12px; font-weight:normal; background:#754f6b; width:150px; height:26px;} #mainNav a p{background:#754f6b; padding:5px; margin-bottom:5px;} body.home #mainNav a#home p, body.register #mainNav a#register p, body.intensives #mainNav a#intensives p, body.main_conference #mainNav a#main_conference p, body.special_events #mainNav a#special_events p, body.refer_a_friend #mainNav a#refer_a_friend p, body.conference_info #mainNav a#conference_info p, body.faqs #mainNav a#faqs p, body.contacts #mainNav a#contacts p, #mainNav a:hover p{background:#801414; color:#cd8c0f;} body.home, body.contacts{background:#feeac7 url(img/2012/backgrounds/home.jpg) no-repeat center top fixed;} body.register{background:#c6c9d0 url(img/2012/backgrounds/02.jpg) no-repeat center top fixed;} body.intensives{background:#3b2a24 url(img/2012/backgrounds/03.jpg) no-repeat center top fixed;} body.main_conference {background:#645143 url(img/2012/backgrounds/05.jpg) no-repeat center top fixed;} body.special_events{background:#f1f1f1 url(img/2012/backgrounds/10.jpg) no-repeat center top fixed;} body.refer_a_friend{background:#f5e1be url(img/2012/backgrounds/07.jpg) no-repeat center top fixed;} body.conference_info{background:#847265 url(img/2012/backgrounds/08.jpg) no-repeat center top fixed;} body.faqs{background:#ffebc7 url(img/2012/backgrounds/09.jpg) no-repeat center top fixed;} #mainNav p{margin-bottom:20px; font-weight:normal;} #contentWrapper{ position:relative; float:right; width:780px; line-height:1.5; padding-bottom:90px; z-index:10; } .innerPadded{padding:10px;} td{vertical-align:top;} #contentWrapper td{ line-height:1.5; } .tight{margin:0; padding:0;} img.presenterThumb{width:100px; height:100px; float:left; clear:both; margin-right:10px; margin-bottom:10px; } img.presenterThumb2{width:48px; height:48px; float:left; border:1px solid #999; cursor:pointer;} img.presenterThumb2:hover{border:1px solid #fff; cursor:pointer;} .mainbody { position:relative; min-height: 670px; padding-top:100px; z-index:1; } .mainbody2 { padding: 10px; color: #ffffff; background: #f8f8f8; width: 97%; } .right30 { background: #80321b; } .navbar_mwy { padding: 10px; font-weight:bold; background-color:#637e73; } .titlebar_mwy { font-family:Arial, Helvetica, sans-serif; background: #e3ded0; font-size: 16px; color:#31204a; padding: 10px; margin: 0px; } #credits{ position:absolute; top:410px; left:0; background:url(img/2010/backgrounds/nav-bottom.png) no-repeat center top; height:250px; z-index:15; } #credits div.content{ position:relative; top:150px; } /* .groupby_header{ background-color:#0f0e15; } */ .txtbody,textarea,br,input,center { font-family: helvetica, arial, "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS",sans,geneva,sans-serif; font-size: 12px; color:#666666; line-height:1.25; } .bigger { font-size: 14px; } .normal { color:#666666; } td,li,ul,th,pre,iframe { font-family: helvetica, arial, "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS",sans,geneva,sans-serif; font-size: 11px; } .bigwhite { font-family: helvetica, arial, "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS",sans,geneva,sans-serif; font-size: 12px; color:#fff; letter-spacing: -1px; padding:1px; } h1,h2,h3{ text-transform:uppercase; font-weight:normal; color:#cd8c0f; padding:0; margin:0; } h1.scripted,h2.scripted,h3.scripted, div.headerScripted{text-transform:none; font-family:'BickhamScriptStdRegular'; font-weight:normal; color:#a09c9d; font-size:64px; line-height:36px; padding:0; margin:0; } h3.scripted{font-size:48px; line-height:24px; } .color2, h1.color2, h2.color2{color:#cd8c0f;} h3.color3{color:#674468;} #sidebar{ text-transform:uppercase; font-weight:normal; color:#674468;} h1 img{margin-bottom:20px;} h2{font-size:14px;} h2{margin-bottom:0; padding-bottom:0;} h2.classTitle, span.classTitle, #friday2 h2 span, #friday3 h2 span, #saturday1 h2 span, #saturday2 h2 span, #saturday3 h2 span, #sunday1 h2 span, #sunday2 h2 span, #sunday3 h2 span{ font-weight:bold; font-size:16px; } h3{margin:0; padding:0;} p{margin-top:0; } submit,input,textarea { font-family: helvetica, arial, "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS",sans,geneva,sans-serif; font-size: 11px; } select,form { font-family: helvetica, arial, "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS",sans,geneva,sans-serif; font-size: 11px; font-weight:normal; } a:link { color:#333; font-weight:bold;} a:visited { color:#807E75; } a:hover {color:#fff; } .lite:link { color:#ccc; text-decoration:none; } .lite:visited { color:#333; text-decoration: none; } .lite:hover { color:#fff; text-decoration:none; } .lite { color:#94ba42; } .noline:link { color:#AB3833; text-decoration:none; } .teachername { color:#979797; text-decoration:none; } .white:link { color:#000; text-decoration:none; } .white:hover { color:#000; text-decoration:underline; } .query_results_table { border: 0px; border-collapse: collapse; } .border { border-collapse: collapse; border: 0px; border-color: #B43A35; } .white { color:#000; } .bottomborder { border-bottom: solid #ccc 1px; } table { border-collapse: collapse; } UL, LI { margin: 0px; padding: 0px 0px 0px 0px; list-style: url(/appgenerator/img/li.gif) square outside; } .dottedLine { border-bottom: 1px dotted #efefef; } #footer a{color:#fff;font-weight:bold; text-decoration:none;} .revBlock { color: #FFFFFF; /*background-color: #3D3B26;*/ background-color:#212121; padding: 10px; } .callout1{background:url(img/2012/backgrounds/bg-callout.png); border:1px solid #fff; padding:10px; color:#e5e1e1;} .callout1 a, .callout1 td, .callout1 a:hover{color:#e5e1e1;} #footer .creds{ position:absolute; bottom:5px; left:165px; width:350px; text-transform:uppercase;} #footer #social{position:absolute; right:0; bottom:10px; width:300px;} img{border:none;} div#daySelect {margin-bottom:10px; padding-top:10px;} div#daySelect a, div#daySelect span{text-decoration:none; color:#a09c9d;} div#daySelect a:hover, div#daySelect a.active{color:#f7e6da;} /*FORM STYLES*/ input{width:200px;} textarea{width:435px;} input.img{width:auto;} .marginTop{margin-top:20px;} .marginBottom{margin-bottom:10px;} ul.marginL{padding-left:20px;} ul.WorkshopList, ul.WorkshopList li{list-style:none;} ul.WorkshopList li{border-bottom:1px solid #f00; padding-top:10px;} ul.WorkshopList li ul, ul.WorkshopList li ul li{list-style:disc;} ul.WorkshopList li li{border-bottom:none;} .alt{background:#333;} p.directions{text-transform:uppercase; font-size:10px; margin:0; padding:0; text-align:right; margin-bottom:10px;} /* Easy Slider */ #slider{position:relative; padding-top:5px;} #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:780px; height:140px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; } #nextBtn, #slider1next{ left:780px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0; } /* numeric controls */ ol#controls{ margin:0; padding:0; height:24px; position:absolute; top:0; left:250px; } ol#controls li{ margin:0 5px 0 0; padding:0; float:left; list-style:none; height:24px; line-height:24px; } ol#controls li a{ float:left; height:24px; line-height:24px; border:1px solid #ccc; background:#bdaaad; color:#c9c9c9; padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#7b5578; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* // Easy Slider */ /* INTENSIVES */ .WorkshopList li{clear:both;} .WorkshopList img{float:right; margin-right:20px;} .intensiveDetails{width:700px;} .intensiveDetails img{width: 250px; height:auto; margin-right:10px;} #fancybox-content p{color:#fff;} #fancybox-content img{float:left; } #fancybox-content .detail{float:left; width:400px; padding:10px;} #overview img{width:187px; height:auto;} #overview li{list-style:none;} #overview li{width:187px; height:300px; float:left; margin-right:2px;} #overview a:hover div{background:#000;} #overview p{display:none;} #overview h2{padding:5px; font-size:12px; padding-bottom:0;} #overview h3{padding:5px; font-size:10px;} /* END INTENSIVES */ ul.standard{list-style:disc;} ul.standard li{float:none; color:#fff;} .tabDetail{color:#000;} #frontCallouts, #frontCallouts div{position:relative;} #frontCallouts div{float:left; width:230px; height:80px; margin:4px; padding:10px; background:url(img/2012/backgrounds/bg-callout.png); border:1px solid #fff; padding:10px; color:#e5e1e1;} #frontCallouts a div {color:#fff; font-weight:normal;} #frontCallouts div a:hover{color:#e5e1e1;} #frontCallouts a:hover div{background:#801414;} #frontCallouts a div h2{font-size:48px; font-weight:normal;} div.headerScripted{ z-index:1; height:48px; overflow:hidden;}