/* Style Sheets for [ICLR] website created by bkkwebdesign.com TOC 1. Defaults 2. Structure 3. Links and Navigation 4. Fonts Notes */ /* -------------- 1. Defaults --------------------------- */ .content ul {list-style-type: disc;} .col_left{ padding-top:40px}*{margin:0; padding:0;} a img{border:0;} ul{list-style-type:none; } .left{float:left;} .right{float:right;} fieldset{border:none;} header, section, footer, aside, nav, article, figure { display: block; } /* -------------- 2. Structure -------------------------- */ body{ background-color:#03a4c2; font:13px 'Arbutus Slab', Arial, serif;} .site_title{position:absolute; top:-77px; left:105px; font-size:16px} .site_title span{font:31px 'Artifika', serif; display:block; color:#fff} #mainwrap {width:1026px; margin:63px auto 0; background-color:#000; border:15px solid #000; border-radius:15px; position:relative} #logo a{ position:absolute; top:-70px; left:-44px; width:136px; height:136px; background:url("http://laborcommission.org//images/site/logo_iclr.jpg") no-repeat; display:block; text-indent:-100000px; z-index:1000 } #header{border-top-right-radius: 15px 15px; border-bottom-left-radius: 15px 15px; border-bottom-right-radius: 15px 15px; width:100%; min-height:100px; background-color:#FFF; position:relative} #pageheader{min-height:50px; width:100%} #content{ padding:0px 20px 45px; border-top:1px #dcdcdc solid } .sub #content{background:url("http://laborcommission.org//images/site/bg-gradient-dots.png") top left repeat-x; } .home .col_left{float:left; width:61%} .home .col_right{ background-color:#caecf2; float:right; width:33%; position:relative; padding:2.5%; left:20px; min-height:400px} footer{ margin:8px auto 0; width: 1026px; text-align:center; position:relative} /* -------------- 3. Links and Navigation --------------- */ a {color:#983B3D; outline:none; text-decoration:none} a:hover{ text-decoration:underline;} /*top nav */ nav ul{ height: 27px; clear:both; position: absolute; z-index:1000 } #topBar ul { left: 90px; top: 13px;} #topBar ul ul{top:27px; width:160px; left:-100000px; } #topBar ul li:hover ul{ left:0; } #topBar ul ul li a{text-transform:none; margin:0; min-width: 104px; padding: 4px 15px; background:#fff none;} #topBar ul li a:hover{text-decoration:none;} #footerwrap ul { left: 155px; top: -56px;} nav li{float:left; position:relative;} nav li a{ display: block; float:left; margin: 7px 21px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-transform:uppercase } nav li a:hover{} /* -------------- 4. Fonts ------------------------------ */ h1{color:#983b3d; font:bold 21px 'Oleo Script', cursive; margin-bottom:13px} .sub h1{ text-align:center; } h2{font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:4px} h3{font:normal 22px 'Artifika', serif; margin-bottom:20px} p{ margin-bottom:10px} /* -------------- 5. ----------------------------- */ #mycarousel3 {margin-top:50px; min-height:238px; width:1026px!important; padding:8px 0 0; background-color:#000;} #mycarousel3 li{margin-right:8px;} #mycarousel3 li img{ height:230px} #mycarousel3 .jcarousel-direction-rtl { direction: rtl; } #mycarousel3 .jcarousel-clip { overflow: hidden; } .jcarousel-next , .jcarousel-prev { display:block; cursor:pointer; height:70px; width:55px; background:url('http://laborcommission.org//images/site/gal_arrow.png') no-repeat; position:absolute; top:82px} .jcarousel-prev { left:-65px; background-position: bottom } .jcarousel-next { right:-65px; background-position:top} .jcarousel-next-disabled, .jcarousel-prev-disabled{opacity:.3} #search{ position:absolute; right:22px; top:18px;} #search input{width:164px} .col_left p img{ padding:0 15px 10px} .cal_row{margin-bottom:20px} .cal_row .text{float:right; width:275px} .cal_row .date{width: 40px; padding-top:10px; text-align:center; float:left; margin-right:10px; background:url('http://laborcommission.org/images/site/icon-cal.gif') no-repeat center top} .cal_row .date span{display:block; font-size:20px; } #contact_form{} #contact_form label{ display:block; width:100px; text-align:right; padding-right:10px; float:left} #contact_form p{margin-top:10px} #contact_form input{ border: 1px solid #D2D2D2; border-radius: 3px 3px 3px 3px; font: 12px Arial,Helvetica,sans-serif; padding: 2px 0; width: 39%;} #contact_form textarea{border: 1px solid #D2D2D2; border-radius: 3px 3px 3px 3px; font: 12px Arial,Helvetica,sans-serif; padding: 2px 0; width: 39%;} #contact_form input.submit{width:100px; margin-left:111px} .donate .PAYPAL{background:url('http://laborcommission.org/images/site/donate.png') no-repeat; width:55px; height:138px; position:absolute; right:-60px; display:block; text-indent:-1000000px} .sub .donate a{top:90px;} .home .donate a{top:288px;} .login a{background:url('http://laborcommission.org/images/site/login.png') no-repeat; width:33px; height:130px; position:absolute; left:-45px; display:block; text-indent:-1000000px; bottom:22px} #login_form {padding:10px} #login_form p{margin-bottom:10px} #login_form label{display:block; margin-bottom:3px} .social li{float:left; margin-right:5px} /* -------------- Hacks --------------------------------- */ .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .clearfix { *zoom:1; } /* JS */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #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;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url('http://laborcommission.org/images/site/overlay.png') repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url('http://laborcommission.org/images/site/controls.png') no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url('http://laborcommission.org/images/site/controls.png') no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url('http://laborcommission.org/images/site/controls.png') no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url('http://laborcommission.org/images/site/controls.png') no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url('http://laborcommission.org/images/site/controls.png') left top repeat-y;} #cboxMiddleRight{width:21px; background:url('http://laborcommission.org/images/site/controls.png') right top repeat-y;} #cboxTopCenter{height:21px; background:url('http://laborcommission.org/images/site/border.png') 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url('http://laborcommission.org/images/site/border.png') 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url('http://laborcommission.org/images/site/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url('http://laborcommission.org/images/site/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url('http://laborcommission.org/images/site/loading_background.png') no-repeat center center;} #cboxLoadingGraphic{background:url('http://laborcommission.org/images/site/loading.gif') no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url('http://laborcommission.org/images/site/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;}