/* Theme Name:FLOC Wordpress Theme Theme URI:http://flooc.com/ Description:The official FLOC Wordpress Theme Version:2.0 Author:Dewey Bushaw Tags:custom,fixed width */ /* Development Code */ .big{font-size:10pt;line-height:150%;} /* Basic CSS Setup */ @font-face{font-family:Museo;src:url('images/Museo300-Regular.otf');} html,body{background:#072339 url('images/shell/bg-viewport.png') repeat-x 0 -1px;color:#fff;font:normal normal normal 10pt 'Museo',Georgia,sans-serif;margin:0;padding:0;} .left{float:left;} .right{float:right;} .aleft{left:0;} .aright{right:0;} .center{text-align:center;} .small{font-size:75%;} .hide{display:none;} .clear{clear:both;} .clearl{clear:left;} .clearr{clear:right;} a,a:active,a:hover,a:visited{color:#fff;outline:none;text-decoration:none;} img{border:0;} .mtop{margin-top:10px;} .mright{margin-right:10px;} .mbottom{margin-bottom:10px;} .mleft{margin-left:10px;} img.alignleft{padding:10px 15px 10px 0; float:left;} img.alignright{padding:10px 0px 10px 15px; float:right;} /* Background Art */ #background_art{position:relative;z-index:3;} #background_art #island{background:transparent url('images/shell/bg-island.png') no-repeat 0 29px;height:210px;left:0;position:absolute;top:0;width:589px;z-index:2;} #background_art #sun{background:url('images/shell/bg-sun.png') repeat-x scroll 25% 0;height:100px;position:absolute;right:0;top:0;width:100%;z-index:1;} #background_art #catalina{background:url('images/shell/bg-catalina.png') repeat-x scroll -25% 0;height:100px;position:absolute;right:0;top:0;width:100%;z-index:2;} /* Social Icons */ a.social{display:block;width:32px;height:32px;margin:5px;opacity:0.5;} a.social:hover{opacity:1;} a.social.left{margin-right:5px;} a.social.right{margin-left:5px;} a.social.facebook_link{background:transparent url('images/social/facebook.png') no-repeat;} a.social.linkedin_link{background:transparent url('images/social/linkedin.png') no-repeat;} a.social.rss_link{background:transparent url('images/social/rss.png') no-repeat;} a.social.twitter_link{background:transparent url('images/social/twitter.png') no-repeat;} /* Sprite Setup */ /*.nav,.nav ul,*/ .blue_box_top,.blue_box_bottom, .tri_box .tri_box_top,.tri_box .tri_box_bottom,#about .title, .full_box_top,.full_box_bottom,.boxgrid.mission .description a.social, #list_header .lookup,#slidebar .item,#slidebar .item .social_links a, #drop_down .box .start,#drop_down .box .end,#drop_down .box ul li .preview span,#drop_down .box ul li.ui-state-hover .info,#drop_down .box ul li.ui-tabs-selected .info, .infiniteCarousel,.infiniteCarousel .tab,.boxgrid .cover,.boxgrid .description,.boxgrid .description .action, a.ticket,.date,.social_networks,a.twitter,a.facebook,.age_restriction,.directions,.tickets,.arrow_right, #logo{background:transparent url('images/sprite-boxes.png') no-repeat;} /* Shell Setup */ #logo{background-position:0 -585px;cursor:pointer;height:75px;left:105px;position:absolute;top:15px;width:496px;z-index:500;} #logo a{display:block;height:100%;width:100%;} .wrapper{min-height:20px;margin:0 auto;position:relative;width:988px;z-index:5;} #header{left:0;position:fixed;width:100%;z-index:999;right:0;} #content{cursor:default;float:left;padding:85px 0;position:relative;width:100%;} #footer{bottom:0;font:normal small-caps normal 9pt Georgia,sans-serif;height:42px;letter-spacing:1px;position:fixed;right:0;left:0;z-index:999;} #footer .wrapper{background:transparent url('images/bg-footer.png') repeat;height:100%;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;} #footer a.join{background-color:#7A9300;display:block;padding:15px;opacity:0.7;} #footer a.right{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;} #footer a.join:hover{background-color:#D47A00;opacity:1;} /* Navigation */ .nav{background:transparent url('images/transparency.png') repeat;} .nav{position:absolute;right:0;top:-4px;z-index:999;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;} .nav ul{float:left;margin:0;padding:0;position:relative;z-index:999;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;} .nav ul li{float:left;list-style:none;position:relative;} .nav ul li a{cursor:pointer;display:block;font-variant:small-caps;letter-spacing:1px;height:15px;padding:5px 10px;white-space:nowrap;} .nav ul li.current a,.nav ul li.hover a{background-color:#7A9300;} .nav ul li.first a{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;} .nav ul li.end a{-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;} /*.nav ul li.hover.end a{-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;} */ .nav ul li.dropdown:hover ul{display:block;} .nav ul li a.current{background-color:#0A475E;color:#fff;} .nav ul li ul{background-color:#111;display:none;left:0;padding:5px 0;position:absolute;top:25px;} .nav ul li.end ul{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;} .nav ul li ul li{float:none;} .nav ul li.hover ul li a{background-color:#111;padding:5px 15px 5px 15px;} .nav ul li.hover ul li.current a{background-color:#6F32C9;} .nav ul li ul li a:hover{background-color:#C66500;} /* Shared Box Elementes */ .main:after,#menu:after,#about:after,.blue_box .content:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #featured{height:323px;margin-bottom:10px;position:relative;width:100%;z-index:20;} #about{position:relative;width:100%;z-index:1;} /* Blue Box */ .blue_box{position:relative;} .blue_box .blue_box_top, .blue_box .blue_box_bottom{background-position:0 -370px;height:5px;} .blue_box .blue_box_bottom{background-position:0 -375px;} .blue_box .content,.blue_box .excerpt{background:transparent url('images/blue-box-fill.png') repeat-y;padding:5px 10px 2px 10px;} /* White Box */ .white_box {background:#F7F7F7;color:#555;padding:20px;position:relative;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;} .white_box.nohPad { padding-left:0; padding-right:0; } .white_box.nohPad h1, .white_box.nohPad > a.mission { padding:0 20px; } .white_box.dark {background:#000;color:#FFF;} .white_box h1{border-bottom: 4px double #AAA;padding-bottom: 15px;} .white_box h2 {margin-top:0;} .white_box p { margin-right:10px; } /* .post > h1:first-child { float:left; }*/ .white_box h2 span { display:block; font-size:75%; } .white_box a {color:#258cb7;} /* Cform */ ol.cf-ol li.textonly.title{font-size:12pt;margin:0 0 20px 0 !important;padding-left:0;} /* sub boxes */ .text { clear:left; margin-bottom:10px; } .text.left { width:480px; } .text > p:first-child { margin-top:0; } .video + .text + .cf_info + .cform { margin-top:20px; } .text ul li + li { margin-top:10px; } /* Grid */ .grid {clear:both;overflow:hidden;padding-top:20px;} /* Commenting */ .white_box #comments h3 { font-variant: normal; } .white_box #comments h3, .white_box #comments #respond form#commentform p, .white_box #comments #respond form#commentform p a { color:#555; } .white_box #comments #respond form#commentform textarea { border:1px solid #ccc; } /* Definition List */ dl dt { font-weight:bold; } dl dd { margin:10px 20px 10px 20px;} /* Event Page */ .white_box{overflow:hidden;} .white_box .date.right { right:7px; } .white_box .description { padding-left:20px; } .single-post .white_box .text{float:right;width:72%;} /* .white_box .mapp-container{float:left;margin-right:20px;}*/ .white_box .details{float:left;width:25%;} /* .white_box .text.map { min-height:530px; padding-left:509px; width:439px; } .white_box .text.map .mapp-map, .mapp-div { border:1px solid #ccc; border-bottom:1px solid #fff; left:20px; position:absolute; top:80px; } .white_box .text.map .mapp-directions, .mapp-directions-div, .white_box .text.map .adp-list{-moz-border-radius:5px 5px 5px 5px;background-color:#EEEEEE;border:10px solid #666666;padding:10px 15px;position:absolute;right:10px;top:75px;width:407px;}*/ .mapp-directions-div { padding-bottom:60px; } .white_box .text.map .adp-list { border-top:0; top:270px; } .white_box .text.map .adp-list .adp-listsel { background-color:#fff;} .white_box .text.map .adp-list + div { top:400px;} /* .white_box .text.map + .details { position:absolute; top:369px; width:459px; }*/ .white_box .details a.ticket.left { left:0; top:0; } .white_box .details h2 a.action { font-size:70%; } .white_box .details .twitter { background-image:none; } .white_box .details h2.space { clear:left; padding-top:10px; } /* Tri Column & Box */ .tri_boxes{overflow:hidden;} .tri_box{width:316px;float:left;margin-right:10px;} .tri_box.last{margin-right:0;} .tri_box .tri_box_top, .tri_box .tri_box_bottom{background-position:0 -364px;clear:left;height:3px;} .tri_box .tri_box_bottom{background-position:0 -368px;} .tri_box .content{background:transparent url('images/tri-box-fill.png') repeat-y;padding:10px;} /* Home Image Bar */ #latest_gallery{background:transparent url('images/blue-box-fill.png') repeat-y;height:68px;padding:0 10px;overflow:hidden;position:relative;} #latest_gallery .latest_photos{height:68px;width:885px;overflow:hidden;} #latest_gallery .latest_photos p{display:none;} .blue_box .gallery{background:transparent url('images/go-to-gallery.png') no-repeat;bottom:0;display:block;height:96px;position:absolute;right:-15px;width:134px;z-index:10;} #latest_gallery .ngg-gallery-thumbnail img{border:1px solid #1A3B4E;height:56px;margin:5px;width:76px;} /* About Box */ #about{margin-top:10px;} #about .floc_button{position:absolute;right:0;top:0;} #about .content{padding:5px 10px 4px 10px;} #about .tri_box .content{padding-top:7px;} #about .tri_box .content p{font-size:13px;line-height:150%;margin:0;text-align:center;} #about .title{background-position:-835px -278px;float:left;height:17px;margin-bottom:2px;width:150px;} #about .image{background:transparent url('images/about-areas.png') no-repeat;height:167px;margin-bottom:10px;width:296px;} #about .community .title{background-position:-834px -295px;} #about .community .image{background-position:-296px 0;} #about .leadership .title{background-position:-834px -312px;} #about .leadership .image{background-position:-592px 0;} /* Contact List */ #slidebar{background:transparent url('images/sidebar-fill.png') repeat-y;color:#484848;display:none;padding-left:9px;position:fixed;height:100%;right:0;top:0;width:320px;z-index:900;} #list_header{background-color:#e9ebeb;overflow:hidden;padding:10px 20px;} #list_header .tabs{float:left;height:32px;margin-bottom:10px;overflow:hidden;width:100%;} #list_header .tabs .floc_button.left{margin-right:10px;} #list_header .tabs .floc_button.last{margin-right:0;} #list_header .floc_button span{color:#181c22;} #list_header .floc_button:hover span,#list_header .tabs .current span{color:#ffffff;} #list_header .floc_button span span img.arrow_right{background-position:-920px -347px;height:7px;width:4px;} #list_header .floc_button:hover span span img.arrow_right{background-position:-925px -347px;} #list_header .bar{width:280px;overflow:hidden;} #list_header .lookup{background-position:-1264px -448px;float:left;height:32px;overflow:hidden;position:relative;width:199px;} #list_header .lookup input{background-color:transparent;border:0;color:#fff;font:normal normal normal 1em Verdana,sans-serif;height:18px;letter-spacing:1px;padding:7px 5px 6px 5px;position:absolute;right:17px;top:0;width:101px;} #list_header .lookup .live_search_clear{cursor:pointer;display:none;position:absolute;right:7px;top:9px;} #slidebar #list{font:normal normal normal 0.9em/1.1em 'Lucida Grande',sans-serif;height:80%;overflow:hidden;padding:20px;position:relative;z-index:925;} #slidebar #list .contacts{height:100%;position:relative;z-index:950;} #slidebar #list .members,#slidebar #list .partners{display:none;} #slidebar .item{cursor:default;background-position:-1264px -380px;height:68px;margin-bottom:10px;overflow:hidden;position:relative;width:280px;} #slidebar .item .avatar_link{height:48px;left:10px;position:absolute;top:10px;width:48px;} #slidebar .item .role{color:#999999;position:absolute;font-size:0.9em;font-variant:small-caps;letter-spacing:1px;right:10px;text-align:right;top:10px;} #slidebar .item .info{position:absolute;top:10px;left:67px;} #slidebar .item .info .fullname,#slidebar .item .info .partner{color:#ff9c00;font-size:1.2em;margin-bottom:5px;} #slidebar .item .info .fullname a,#slidebar .item .info .partner a{color:#ff9c00;text-decoration:underline;} #slidebar .item .info .fullname a:hover,#slidebar .item .info .partner a:hover{color:#498FC6;} #slidebar .item .info .partner a{color:#0069a5;} #slidebar .item .info .partner a:hover{color:#ff9c00;} #slidebar .item .info .company{color:#666666;font-size:0.9em;} #slidebar .item .social_links{bottom:10px;height:16px;overflow:hidden;position:absolute;right:10px;width:157px;} #slidebar .item .social_links a{background-position:-930px -338px;display:block;float:right;height:16px;width:16px;} #slidebar .item .social_links a:hover{background-position:-930px -354px;} #slidebar .item .social_links a.twitter{background-position:-951px -338px;margin-left:5px;} #slidebar .item .social_links a.twitter:hover{background-position:-951px -354px;} #slidebar .item .social_links a.mail{background-position:-972px -338px;margin-left:5px;} #slidebar .item .social_links a.mail:hover{background-position:-972px -354px;} /* Featured Content */ .split{height:100%;position:relative;width:489px;} .full_box_top,.full_box_bottom{height:4px;position:relative;z-index:15;} .full_box_bottom{background-position:0 -4px;clear:both;} .main,#menu,.fill{background-color:#181c22;position:relative;} .main{float:left;padding:0 4px;width:980px;z-index:25;} .main .title{position:absolute;left:0;bottom:-36px;} .main .split a.box{display:block;height:275px;} #menu{clear:both;height:32px;padding:4px 4px 0 4px;z-index:20;} #menu .opened{display:none;} .ui-tabs-hide{display:none;} /* Event Listing Items */ .event_item{margin-bottom:10px;} .event_item .main{height:75px;} .event_item .main .image{float:left;margin-right:10px;position:relative;} .event_item .main .image a .event_type{bottom:12px;color:#000;position:absolute;text-align:center;width:100%;} .event_item .main .details{float:left;padding-top:11px;} .event_item .main .details h1{float:left;margin:0;padding:0;} .event_item .main .info a.twitter{bottom:0;font-size:0;left:930px;line-height:0;} .event_item .main .info a:hover.twitter{bottom:-20px;left:913px;} .event_item .main .info a.facebook{bottom:0;right:0} .event_item .main .info a.facebook:hover{bottom:-20px;right:-20px;} .event_item .main a.date,.event_item .main .date{padding:1px 5px 9px 4px;right:0;top:0;} /* Event Information Overlay */ .main_events{} a.date,.date{display:block;width:60px;height:53px;} a.date:hover{background-position:-1450px -129px;} a.date,.date{background-position:-1330px -129px;bottom:3px;cursor:default;height:43px;padding:1px 8px 9px 4px;position:absolute;top:11px;width:48px;} a.date.left,.date.left{left:9px;} a.date.right,.date.right{right:5px;} a.date .month,.date .month{color:#fff;cursor:pointer;height:14px;font:normal normal bold 8pt Verdana,sans-serif;text-transform:lowercase;} a.date .day,.date .day{color:#302e2c;cursor:pointer;font:normal normal bold 2em "Times New Roman",sans-serif;height:32px;line-height:100%;padding:2px 4px 0 3px;text-align:center;} .date .month,.date .day{cursor:default;} a.ticket{background-position:-1301px -222px;color:#302e2c;display:block;font:normal normal normal 10pt Arial,sans-serif;height:15px;padding:25px 10px 13px 3px;position:absolute;text-align:center;top:70px;width:44px;} a.ticket.left{left:12px;} a.ticket.right{right:5px;} a.ticket:hover{background-position:-1358px -222px;} a.ticket:active{background-position:-1415px -222px;} .ui-tabs-panel .info{background:url('images/transparency.png') repeat;bottom:0px;left:0;line-height:160%;padding:10px 10px;position:absolute;width:469px;} .ui-tabs-panel .info h2{color:#fff;font-size:18px;font-family:Georgia,serif;letter-spacing:1px;margin:0;overflow:hidden;padding:0 0 5px 0;text-align:center;} .ui-tabs-panel .info p{color:#f0f0f0;cursor:default;font:normal small-caps normal 9pt Georgia,sans-serif;letter-spacing:1.5px;margin:0;padding:0;text-align:center;} .ui-tabs-panel .info a:hover{text-decoration:underline;} .info a.twitter,.info a.facebook{bottom:10px;display:block;height:26px;position:absolute;width:26px;} .info a:hover.twitter,.info a:hover.facebook{background-position:-1177px -213px;height:63px;position:absolute;bottom:-9px;width:62px;z-index:10;} .info a.twitter{background-position:-1120px -235px;left:10px;font-size:0;line-height:0;} .info a:hover.twitter{left:-9px;} .info a.facebook{background-position:-1150px -235px;right:10px;} .info a.facebook:hover{background-position:-1239px -213px;right:-9px;} .age_restriction{background-position:-1485px -241px;padding-left:34px;} .directions{background-position:-1538px -206px;padding-left:20px;} /* Drop Down List Box */ #drop_down{float:left;left:-14px;position:absolute;top:263px;width:1016px;z-index:10;} #drop_down .box{display:none;height:348px;position:absolute;width:525px;z-index:10;} #drop_down .box .start{background-position:-988px 0;height:23px;} #drop_down .box .list{background:transparent url('images/sprite-dropdown.png') repeat-y;padding:34px 23px 0 23px;} #drop_down .box .end{background-position:-988px -27px;height:23px;} #drop_down .box ul{list-style-type:none;margin:0;padding:0;} #drop_down .box ul li{height:75px;margin-top:4px;width:100%;} #drop_down .box ul li a{background-color:#181c22;display:block;height:100%;width:100%;} #drop_down .box ul li .preview{cursor:pointer;float:left;height:100%;margin-right:4px;position:relative;width:133px;} #drop_down .box ul li .preview span{background-position:-988px -54px;display:block;position:absolute;height:100%;width:133px;} #drop_down .box ul li .info{background-color:transparent;cursor:pointer;float:left;height:57px;padding:9px 0 9px 9px;position:relative;width:333px;} #drop_down .box .list ul li.ui-tabs-selected .preview span{background-position:-1121px -54px;} #drop_down .box .list ul li.ui-tabs-selected .info{background-color:#5e4bc2;background-position:-988px -129px;} #drop_down .box .list ul li a:hover .info{background-color:#5e9f58;background-position:-988px -129px;} #drop_down .box .list ul li .info .description{float:left;height:57px;position:relative;width:264px;} #drop_down .box .list ul li .info .description .details{bottom:0;height:16px;position:absolute;} #drop_down .box .list ul li .info .description .details div{float:left;margin-right:10px;} #drop_down .box .list ul li .info .description .age_restriction{background-position:-1485px -241px;height:15px;padding-left:0;width:29px;} #drop_down .box .list ul li .info .description .tickets{background-position:-1538px -189px;display:block;font:normal normal normal 1em Verdana,sans-serif;height:16px;padding-left:20px;z-index:99;} #drop_down .box .list ul li .info .date{background-position:-1390px -129px;cursor:pointer;float:right;height:43px;padding:1px 8px 9px 4px;right:0;top:14px;width:48px;} #drop_down .box .list ul li a:hover .info .date, #drop_down .box .list ul li.ui-tabs-selected .info .date{background-position:-1330px -129px;} /* Partners & Sponsors Carousel */ .infiniteCarousel{background-position:0 -8px;height:144px;margin-bottom:10px;position:relative;width:988px;z-index:1;} .infiniteCarousel .wrapper{margin:0 56px;overflow:auto;min-height:144px;position:absolute;top:0;width:876px;} .infiniteCarousel .wrapper ul{width:9999px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;} /*.infiniteCarousel ul a img{border:5px solid #000;-moz-border-radius:5px;-webkit-border-radius:5px;} */ .infiniteCarousel ul li{display:block;float:left;padding:10px 5px;height:124px;width:282px;} /*.infiniteCarousel ul li a img{display:block;} */ .infiniteCarousel .tab{display:block;height:35px;width:69px;text-indent:-999px;position:absolute;top:55px;cursor:pointer;} .infiniteCarousel .forward{background-position:-926px -242px;right:-18px;} .infiniteCarousel .forward:hover{background-position:-857px -242px;} .infiniteCarousel .forward:active{background-position:-852px -242px;} .infiniteCarousel .back{background-position:-847px -207px;left:-18px;} .infiniteCarousel .back:hover{background-position:-916px -207px;} .infiniteCarousel .back:active{background-position:-921px -207px;} /* Action Panel */ .boxgrid{height:125px;overflow:hidden;position:relative;width:282px;} a.mission{display:block;height:78px;margin-bottom:9px;width:968px;} .boxgrid .cover,.boxgrid.platinum .cover{background-position:-282px -152px;height:100%;width:100%;position:absolute;left:0;border:0;z-index:999;} .boxgrid.platinum .cover{background-position:0 -152px;} .boxgrid.about{height:167px;width:296px;} .boxgrid.about{margin-bottom:10px;} .boxgrid.about .description{background-position:-968px -380px;height:147px;padding:10px 0 10px 10px;position:relative;width:286px;} .boxgrid.about .description h2{border-bottom:1px solid #484848;color:#484848;font-size:1em;margin:0;padding:0 0 5px 0;} .boxgrid.about .description a.add{color:#C3902D;position:absolute;right:10px;top:8px;z-index:200;} .boxgrid.about .description a.add:hover{color:#194861;} .boxgrid.about .description ul{clear:left;color:#484848;height:130px;list-style-type:none;margin:0;overflow:auto;padding:5px 10px 0 0;} .boxgrid.about .description ul li{height:24px;margin-bottom:5px;} .community .boxgrid.about .description ul li, .leadership .boxgrid.about .description ul li{height:16px;padding:4px 0;margin-bottom:5px;} .boxgrid.about .description ul li.month{background-color:#ccc;height:18px;font-variant:small-caps;font-weight:bold;letter-spacing:1.5px;padding:2px 0;margin:5px 0;text-align:center;text-transform:lowercase;-moz-border-radius:6px;-webkit-border-radius:6px;} .boxgrid.about .description ul li a{display:block;position:relative;} .boxgrid.about .description ul li a,.boxgrid.about ul li a:visited{color:#484848;} .boxgrid.about .description ul li a:hover{color:#008BD3;} .boxgrid.about .description ul li a img{margin-right:5px;vertical-align:-7px;} .boxgrid.about .description ul li a span{letter-spacing:1.5px;position:absolute;right:0;top:4px;} .community .boxgrid.about .description ul li a span, .leadership .boxgrid.about .description ul li a span{top:0;} .boxgrid.about .description ul li a.add-inline{color:#194861;display:inline;} .boxgrid.about .description ul li a.add-inline:hover{color:#C3902D;} .boxgrid .description{background-position:-564px -152px;height:125px;padding:31px 0;position:relative;width:282px;} .boxgrid.mission .description{background-position:0 -380px;height:62px;padding:10px 0 6px 0;position:relative;width:968px;} .boxgrid.mission .description a.social{display:block;float:left;height:62px;} .boxgrid.mission .description a.twitter{background-position:0 -458px;width:255px;} .boxgrid.mission .description a.twitter:hover{background-position:0 -520px;} .boxgrid.mission .description a.facebook{background-position:-255px -458px;width:266px;} .boxgrid.mission .description a.facebook:hover{background-position:-255px -520px;} .boxgrid.mission .description a.linkedin{background-position:-521px -458px;width:247px;} .boxgrid.mission .description a.linkedin:hover{background-position:-521px -520px;} .boxgrid.mission .description a.vimeo{background-position:-768px -458px;width:200px;} .boxgrid.mission .description a.vimeo:hover{background-position:-768px -520px;} .boxgrid .description .action{display:block;height:63px;padding:0;position:absolute;} .boxgrid .description a.learn{background-position:0 -277px;width:74px;left:50px;} .boxgrid .description a:hover.learn{background-position:-74px -277px;} .boxgrid .description a.link{background-position:-402px -277px;left:109px;width:65px;} .boxgrid .description a:hover.link{background-position:-467px -277px;} .boxgrid .description a.volunteer{background-position:-157px -277px;right:50px;width:65px;} .boxgrid .description a:hover.volunteer{background-position:-223px -277px;} .boxgrid .description a.discuss{background-position:-297px -277px;left:199px;width:53px;} .boxgrid .description a:hover.discuss{background-position:-350px -277px;} .boxgrid .description .link_alt{background-position:-536px -277px;cursor:pointer;left:109px;width:56px;} .boxgrid .description .link_alt:hover{background-position:-601px -277px;cursor:pointer;} .boxgrid .description div.coming_soon{background-position:-1264px -520px;left:111px;width:74px;} .boxcaption{background:#000;float:left;height:100px;position:absolute;opacity:.8;width:100%;/* For IE 5-7 */ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */ -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";} .captionfull .boxcaption{top:182px;left:0;} .caption .boxcaption{top:142px;left:0;} .boxgrid h3{color:#FFF;cursor:default;font:18pt Arial,sans-serif;font-weight:bold;letter-spacing:-1px;padding:5px 5px 0 5px;margin:0;text-align:left;} /* Individual Pages */ /* Single */ /* Map */ .mapp-poweredby{display:none;} /* Hide powered by text */ .mapp-overlay-directions a,.mapp-overlay-directions a:visited{color:#8AA700;} /* Buttons */ .floc_button, .floc_button span{background:transparent url('images/sprite-buttons.png') no-repeat;color:#fff;cursor:pointer;display:block;font-family:Verdana,sans-serif;letter-spacing:1.5px;height:32px;position:relative;z-index:100;} .floc_button{background-position:0 0;padding-left:3px;} .floc_button span{background-position:0 0;padding-right:3px;} .floc_button span span{background-position:0 0;background-repeat:repeat-x;font-size:0.8em;height:15px;padding:9px 10px 8px 10px;text-align:center;} .floc_button.green,.floc_button.hgreen:hover{background-position:0 -32px;} .floc_button.green span,.floc_button.hgreen:hover span{background-position:right -96px;} .floc_button.green span span,.floc_button.hgreen:hover span span{background-position:0 -64px;} .floc_button.blue,.floc_button.hblue:hover,.current.hblue{background-position:0 -128px;} .floc_button.blue span,.floc_button.hblue:hover span,.current.hblue span{background-position:right -192px;} .floc_button.blue span span,.floc_button.hblue:hover span span,.current.hblue span span{background-position:0 -160px;} .floc_button.purple,.floc_button.hpurple:hover{background-position:0 -224px;} .floc_button.purple span,.floc_button.hpurple:hover span{background-position:right -288px;} .floc_button.purple span span,.floc_button.hpurple:hover span span{background-position:0 -256px;} .floc_button.red,.floc_button.hred:hover{background-position:0 -320px;} .floc_button.red span,.floc_button.hred:hover span{background-position:right -384px;} .floc_button.red span span,.floc_button.hred:hover span span{background-position:0 -352px;} /* Version 1.0 CSS used in Version 1.5 but will be removed in Version 2.0 */ /* Flags */ .flag{position:absolute;top:5px;z-index:10;} .leftside{left:-9px;} .rightside{right:-9px;} div.red{height:33px;background:transparent url('images/shell/flag-start-red.png') no-repeat 0 0;padding-left:14px;} span.red{display:block;height:33px;background:transparent url('images/shell/flag-fill-red.png') repeat-x 0 0;padding:5px 5px 0 0px;} a.red{background:transparent url('images/shell/flag-end-red.png') no-repeat top right;color:#fff;display:block;font:normal normal normal 1em Georgia,sans-serif;height:33px;padding-right:3px;} /* News Boxes */ #content-news{float:left;margin:0 0 10px 0;position:relative;width:738px;} #content-news p,#content-news ul li{color:#111;line-height:150%;letter-spacing:1.5px;margin:0 0 10px 0;} #content-news .post{background:transparent url('images/home/content-post-top.png') no-repeat 0 0;margin-bottom:15px;padding-top:4px;position:relative;} #content-news .author{font-size:9pt;position:absolute;right:0;top:0;} #content-news .author a{background-color:#333;color:#fff;display:block;padding:3px 10px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;} #content-news .author a:hover{background-color:#444;} #content-news .news{background-color:#f5f6f1;padding:45px 15px 5px 15px;} #content-news .news a{color:#155A91;} #content-news .news a:hover{color:#888;} #content-news .news-details{background:transparent url('images/home/content-post-footer.png') no-repeat 0 0;color:#fff;height:20px;padding:10px 10px;font-size:9pt;font-variant:small-caps;text-transform:lowercase;} #content-news .news-details a{color:#fff;} #content-news .news-details a:hover{color:#DFE052;} #posts_navigation a{color:#fff;} /* Sidebar */ #sidebar{float:right;position:relative;width:243px;} #sidebar .floc_button{z-index:5;} #sidebar .box{background:transparent url('images/home/sidebar-top.png') no-repeat 0 0;color:#a9a9a5;font:normal small-caps normal 9pt Helvetica,sans-serif;font-variant:normal;line-height:150%;margin-bottom:10px;} #sidebar .box .scontent{background-color:#181c22;padding:4px;} #sidebar .mission{background:transparent url('images/home/bg-mission.png') no-repeat 0 0;padding-top:38px;position:relative;} #sidebar #facebook{position:absolute;right:4px;top:4px;} #sidebar #statement{padding:15px 0 10px 0;text-align:center;} #sidebar .gallery{background:transparent url('images/home/latest-photos.png') no-repeat 0 0;padding-top:38px;position:relative;} #photogallery{position:absolute;right:4px;top:4px;} .piclenselink{display:none;} /* Single Page Comments */ #comments{padding:0 20px;} #comments p{color:#fff;} #comments h3{color:#fff;font-weight:normal;font-variant:small-caps;} #comments ul.commentlist{margin:0;padding:0;position:relative;} #comments ul.commentlist li.comment{background-color:#181c22;color:#fff;list-style-type:none;margin-bottom:10px;padding:12px;position:relative;-moz-border-radius:6px;-webkit-border-radius:6px;} #comments ul.commentlist ul.children li.comment{background-color:#242A33;margin-top:20px;} #comments ul.commentlist ul.children * li.comment{background-color:#2D3440;} #comments ul.commentlist .comment-author{margin-bottom:10px;} #comments ul.commentlist .comment-author img{vertical-align:middle;padding-right:5px;} #comments ul.commentlist .comment-author cite a{color:#DFE052;} #comments ul.commentlist .comment-meta{position:absolute;right:55px;top:2px;} #comments ul.commentlist .comment-meta a{color:#9dddf7;font-size:80%;font-variant:small-caps;text-transform:lowercase;} #comments ul.commentlist .comment-body p{padding:0 10px;margin:0;} #comments ul.commentlist li.comment .reply{background-color:#6C9930;top:0px;font-size:8pt;font-variant:small-caps;padding:2.5px 7px;position:absolute;right:-0px;text-transform:lowercase;-moz-border-radius-bottomleft:3px;-moz-border-radius-topright:6px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-right-radius:6px;} #comments ul.commentlist li.comment * * .reply{background-color:#A56402;} #comments ul.commentlist li.comment * * * * .reply{display:none;} #comments #respond{color:#fff;font-size:80%;} #comments #respond h3{float:left;} #comments #respond div.left{width:100%;} #comments #respond .cancel-comment-reply{float:right;margin-top:12px;} #comments #respond form#commentform p{color:#fff;padding-right:20px;!padding-right:5px;} #comments #respond form#commentform p.textarea{padding-right:30px;!padding-right:30px;} #comments #respond form#commentform p.input{!width:24%;!padding-right:25px;} #comments #respond form#commentform p sup.req{color:#FFC80C;font-weight:bold;} #comments #respond form#commentform p.right{float:right;padding:0;} #comments #respond form#commentform textarea,#comments #respond form#commentform input{border:0;width:100%;-moz-border-radius:6px;-webkit-border-radius:6px;} #comments #respond form#commentform input{padding:6px;} #comments #respond form#commentform input#submit{background-color:#7E0300;color:#fff;cursor:pointer;padding:5px;!width:130px;} #comments #respond form#commentform textarea{background color:#F5F6F1;border:none;min-height:30px;padding:15px;} /* Gallery Page */ div.fullgallery .piclenselink{position:absolute;right:14px;top:-1px;} div#gallery-top{background:transparent url('images/home/gallery-top.png') no-repeat 0 0;height:5px;width:988px;} div#gallery-bottom{background:transparent url('images/home/gallery-bottom.png') no-repeat 0 0;height:5px;width:988px;} div#content-photos{background:transparent url('images/home/gallery-fill.png') repeat-y 0 0;clear:both;height:auto;padding:25px;position:relative;width:938px;} /* Video Page */ #videos-all{float:left;width:100%;} .video-post-small{float:left;height:220px;margin-right:17px;padding-bottom:15px;width:318px;} .video-post-small.last{margin-right:0;} #video-top{background:transparent url('images/home/video-post-top-small.png') no-repeat 0 0;height:4px;} #content-videos{background-color:#181c22;clear:both;float:left;height:auto;padding:0 4px;position:relative;width:310px;position:relative;} div.video-details{font-size:80%;color:#fff;font-variant:small-caps;padding:0 3px 3px 3px;text-transform:lowercase;} div.video-details a{color:#9dddf7;font-variant:small-caps;text-transform:lowercase;} div.video-details-info{border-top:1px solid #999999;clear:both;font-variant:normal;padding-top:5px;text-transform:none;} #video-bottom{background:transparent url('images/home/video-post-bot.png') no-repeat 0 0;clear:both;height:5px;} .video-post,.gallery-post{background:transparent url('images/home/video-post-top.png') no-repeat 0 0;padding-top:5px;position:relative;margin-bottom:15px;} .video{background-color:#181c22;padding-left:5px;} .photos{background-color:#181c22;padding:11px 0 0 16px;} .photos a.piclenselink{display:none;} .video-desc{color:#A9A9A5;padding-top:25px;position:absolute;left:510px;top:0;width:220px;} /* Team Page */ /* Member Minimum Box */ #membertop{background:transparent url('http://directory.futureleadersoc.org/wp-content/themes/floc%20directory/images/member_top.png') no-repeat 0 0;height:4px;margin:20px 0 0 0;} #memberbottom{background:transparent url('http://directory.futureleadersoc.org/wp-content/themes/floc%20directory/images/member_bottom.png') no-repeat 0 0;height:4px;margin:0 0 20px 0;} .member_min{background:transparent url('http://directory.futureleadersoc.org/wp-content/themes/floc%20directory/images/member_min.png') no-repeat 0 0;height:96px;line-height:100%;margin:20px 0 20px 4px;overflow:hidden;padding:6px;position:relative;width:948px;} .member_whole{background:transparent url('http://directory.futureleadersoc.org/wp-content/themes/floc%20directory/images/member_full.png') repeat-y 0 0;overflow:hidden;padding:6px;position:relative;} .secondary .details{padding-bottom:70px;position:relative;} .secondary .details p{padding-right:20px;} .primary{text-align:right;} .primary h2{line-height:19px;margin:10px 0 0 10px;} .primary h2 a:hover{color:#c66500;} .primary img{text-align:right;} .secondary img{float:right;} .primary ul.links{float:right;list-style-type:none;margin:12px 0;padding-left:76px;} .primary ul.links li{display:inline;float:left;} .primary ul.links li a{background:transparent url('http://directory.futureleadersoc.org/wp-content/themes/floc%20directory/images/icons.png') no-repeat 0 0;display:block;height:24px;width:24px;margin-left:7px;} .primary ul.links li a.email{background-position:0 0;} .primary ul.links li a.email:hover{background-position:0 -24px;} .primary ul.links li a.facebook{background-position:-24px 0;} .primary ul.links li a.facebook:hover{background-position:-24px -24px;} .primary ul.links li a.linkedin{background-position:-48px 0;} .primary ul.links li a.linkedin:hover{background-position:-48px -24px;} .primary ul.links li a.twitter{background-position:-72px 0;} .primary ul.links li a.twitter:hover{background-position:-72px -24px;} .primary{float:left;padding-right:18px;overflow:hidden;width:200px;} .secondary{float:left;font-size:13px;padding-left:18px;overflow:hidden;width:712px;} .secondary p{margin:12px 0;padding-right:102px;} .secondary p.data{color:#ccc;font-size:11px;margin:0;} .secondary p span{color:#7A9300;} .secondary a{color:#c66500;} .secondary a:hover{color:#fff;} .secondary a.work{background-color:#454A52;bottom:0;color:#fff;display:block;padding:4px 10px;position:absolute;right:108px;} .secondary a.work:hover{background-color:#7A9300;} .member_whole .secondary a.work{right:0;} .member_whole .secondary a.work:hover{} .member_whole .secondary p.data{bottom:0;position:absolute;} /* Cforms */ .cform label{width:120px;margin-top:0;} .cform label span,.cform select, .cform textarea{width:auto;} .cform input{width:175px;} .linklove{display:none;} /* Video Player */ .videoPlayer, .videoPlayer + #comments, .video_player { margin:0 auto; width:489px; } /* Event List */ .eventItems { margin-bottom:20px; } a.eventItem { clear:both; color:#555; display:block; margin-bottom:0px; overflow:hidden; padding:20px; } a.eventItem.odd { background-color:#fff; } a.eventItem:hover { background-color:#cceaff; color:#111; } a.eventItem > div { float:left; } a.eventItem .date { margin-right:10px; margin-right:0; position:relative; top:000; } a.eventItem:hover .date { background-position:-1450px -129px; } a.eventItem .description { width:90%; } a.eventItem h2 { margin-bottom:5px; } /* Custom */ a.mission { display:block; } p { margin:0; } p + p { margin-top:10px; } .inline { display:inline-block; } h2.inline { margin-bottom:0; } h2.inline + span { font-size:95%; } h2.inline + ul { margin-top:0; } .entry { clear:both; } .accomodate { overflow:hidden; } .accomodate.items { margin-bottom:20px; } .accomodate.items .item { width:48%; float:left; } .accomodate.items .item + .item { padding-left:3%; border-left: 1px dashed #ccc; } .accomodate.items .item + .item.reset { padding:28px 0 0 0; border-left:none; border-top: 1px dashed #ccc; } .accomodate.items .break { border-bottom:1px dashed #ccc; clear:both; height:1px; padding-bottom:10px; margin-bottom:20px; } .accomodate.items .item h4 { margin-bottom:0; } .accomodate.items .item h4 + h4 { margin-top:5px; } .wpcf7-form{float:right;margin-bottom:20px;padding-left:15px;width:450px;border-left:1px dashed #aaa;} .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select{padding:5px;background:#eee;border:1px solid #aaa;vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;} .wpcf7-form label{width:90px;margin:4px 10px 0 0;display:-moz-inline-box;display:inline-block;text-align:right;vertical-align:top;} .wpcf7-form label span{width:90px;display:block;} .wpcf7-form textarea{font-family:arial;font-size:0.9em;overflow:auto;width:280px;} .wpcf7-form .t-right{text-align:right;} /*form textarea{font-family:arial;font-size:0.9em;overflow:auto;width:280px;} form .t-right{text-align:right;} */ .gform_wrapper form{background-color:#FDFDFD;border:4px double #CCCCCC;margin:20px auto!important;max-width:98%;overflow:hidden;padding:20px;position:relative;width:90%;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;} .gform_heading{margin-bottom:10px;} form.form_membership{background-color:#E6F3FF;border:1px solid #80C4FF;margin:20px auto!important;max-width:98%;overflow:hidden;padding:20px;position:relative;width:90%;} .gform_wrapper ul{margin:0;overflow:hidden;padding:0;} .gform_wrapper ul li{float:left;list-style-type:none;padding:0;width:100%;} .gform_wrapper ul li + li{margin-top:15px;} .gform_wrapper ul li > label{cursor:pointer;float:left;line-height:28px;width:20%;} .gform_wrapper ul li > label + div, .gform_wrapper .gfield_description{float:left;line-height:28px;min-height:28px;width:80%;} .gform_wrapper .gfield_description{float:right;} .gform_wrapper ul li > label + div span{display:block;float:left;margin-right:10px;} .gform_wrapper ul li > label + div span input,.gform_wrapper ul li > label + div span select{display:block;} .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer{bottom:20px;position:absolute;right:20px;} .gform_wrapper .gform_edit_link{top:20px;position:absolute;right:20px;} .gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select{padding:5px!important;background:#eee;border:1px solid #aaa;vertical-align:top;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;} form.form_membership input, form.form_membership textarea, form.form_membership select{background-color:#fff;} .gform_wrapper input[type="text"]{width:150px;} .gform_wrapper input[type="text"].large{width:300px;} .gform_wrapper input[type="submit"]{background-color:#87c03c;border:1px solid #6c9930;color:#fff;cursor:pointer;} .ginput_product_price,.ginput_total,.gfield_required{color:#990000} .gform_wrapper input[type="radio"]{cursor:pointer;display:block;float:left;height:28px;line-height:28px;margin:0 5px;} .gform_wrapper li.ginline{float:left;width:auto;} .gform_wrapper li.ginline label{display:block;float:none;width:auto;} .gform_wrapper li.ginline div{width:100%;} .gform_wrapper li.ginline + li.ginline{margin-left:20px;} .gform_wrapper .gfield_radio li{width:25%;} .gform_wrapper .gfield_radio li + li{margin-top:0;} .gform_wrapper .gfield_radio li label{width:auto;} .gform_wrapper input[type=hidden], .gform_wrapper input.gform_hidden, .gform_wrapper .gform_hidden,.gform_wrapper .gfield.hidden {display:none!important; max-height:1px!important; overflow:hidden} .gform_wrapper .ginput_full br, .gform_wrapper .ginput_left br, .gform_wrapper .ginput_right br, .gform_wrapper .gfield.form_hide{display:none!important} .gform_wrapper .gf_progressbar_wrapper{background-color:#80c2ff;color:#fff;overflow:hidden;margin-bottom:10px;padding:10px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;} .gform_wrapper .gf_progressbar_wrapper h3{float:left;margin:5px 0;} .gform_wrapper .gf_progressbar{float:right;height:29px;line-height:29px;} .gform_wrapper .validation_error{background-color:#ffe6e9;border:1px solid #ff808f;padding:5px;margin-bottom:10px;} .gform_wrapper .form_membership{overflow:hidden;} .gform_wrapper .form_membership ul.gform_fields li.gfield{margin:0 15px;} .gform_wrapper .form_membership ul.gform_fields li.gsection{background-color: white;border-bottom: 4px solid #4DAAFF;color: #111;margin:0 0 15px 0;padding: 10px;} .gform_wrapper .form_membership ul.gform_fields li.gfield + li.gsection{margin-top:35px;} .gforms_confirmation_message{background-color:#fbf4d1;border:1px solid #f3e49e;margin:10px;padding:20px;} .sponsor{margin-bottom:15px;} .sponsor .banner{background: #181c22 url('images/sponsor-dam.jpg') no-repeat scroll top center;height:80px;position:relative;width:988px;} .sponsor:hover .banner{background-position:bottom center;} .sponsor a.rsvp,.sponsor a.visit{display:block;height:32px;position:absolute;right:24px;top:24px;} .sponsor a.rsvp{width:121px;} .sponsor a.visit{width:130px;right:155px;} .sponsor .fill{padding:10px 5px 6px;font-family:Verdana,sans-serif;font-size:11px;letter-spacing:1px;} .sponsor .fill a{margin-left:5px;} .sponsor .fill span+a{margin-left:15px;} .sponsor .fill a+span{margin-left:15px;} .sponsor-event{background: transparent url('images/props/sponsor-event.png') no-repeat scroll 0 0;display:block;height:27px;left:14px;overflow:hidden;position:absolute;text-indent:-1000px;top:14px;width:131px} .sponsor-logo{display:block;height:49px;left:14px;overflow:hidden;position:absolute;top:14px;width:181px} .sponsor-event:hover{background-position:0 -27px;}