/*---------------------------------------------------------------------------------- Theme Name: Michael Singer Version: 1.1 Author: Michael Singer Author URI: https://www.michaelsinger.com/ Description: Michael Singer CMS /*----------------------------------------------------------------------------------*/ html { -webkit-font-smoothing: antialiased; } html { color: #000; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } /*address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}*/ li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; }/*font-weight:normal;*/ q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } input, textarea, select { font-size: 100%; } legend { color: #000; } input:focus, textarea:focus { outline: none; } body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; background-color: #7F7F81; overflow: visible; min-height: 915px; max-height: 915px; } #wrapper { width: 1280px; margin: 0 auto; position: relative; } #header { position: relative; width: 1280px; height: 105px; background: url(images/header-bg.png) repeat-x; z-index: 9999; top: 0; left: 0; } #logo { position: absolute; top: 39px; left: 243px; border: none; } .clear { clear: both; } #navigation { margin-right: 118px; margin-top: 54px; float: right; } #navigation .nav { margin: 0; list-style: none; } #navigation .nav > li { float: left; padding-right: 8px; padding-left: 8px; border-left: solid 1px #fff; } #navigation .nav li:first-child { border: none; } #navigation .nav > li > a { color: #fff; text-transform: uppercase; padding: 0 7px; text-decoration: none; display: block; } #navigation .nav > li:hover > a { color: #c8cc93; padding-bottom: 18px; background-color: black; display: block; } #navigation .nav > li > a.active { color: #c8cc93; padding-bottom: 18px; background-color: black; } #navigation .nav > li.current-menu-item > a { color: #c8cc93; padding-bottom: 18px; background-color: black; } #navigation .sub-menu { list-style: none; position: absolute; top: 86px; width: 120px; background-color: #000; display: none; padding: 0; } #navigation .sub-menu li { border: none; padding: 0px; width: 120px; } #navigation .sub-menu li a { color: #c8cc93; border: none; clear: both; display: block; text-decoration: none; height: auto; padding: 10px 10px; } #navigation .sub-menu li:hover a { color: #fff; background-color: #414141; } #sub-nav { /* background:url(images/sub-nav-bg.png) no-repeat; */ background-color: #4C4C4E; position: relative; left: 0; /*top: 96px;*/ width: 150px; z-index: 99999; padding-bottom: 10px; height: 800px !important; min-height: 800px!important; overflow: hidden; float: left; } #content { padding: 0 30px; } #content_wrapper { float: left; width: 760px; padding: 0 0 0px; margin-left: 25px; background: #fff; position: relative; height: 810px; overflow: auto; } .archive #content_wrapper, .single-project #content_wrapper { width: 1130px; margin-left: 0; } #page_container { /* NEW ORANGE */ position: relative; z-index: 100; background: white; margin-left: 140px; width: 760px; opacity: 0; margin-top: 92px; } #portfolio_container { position: relative; z-index: 1; background: #FFFFFF; opacity: 1; /*margin-top: 92px;*/ /* min-height:700px; *//*height: 813px !important;*/ /*max-height:825px; *//*overflow: auto; width: 1140px; *//* width:1140px; */ } #portfolio_container #page { /* Do not color*/ /* min-height: 700px; */ padding: 0px 30px; position: absolute; margin-left: 870px; height: 808px; } #page_container #page { padding: 0 30px 15px 30px; position: relative; display: block; min-height: 700px; height: 808px; max-height: 808px; background-color: #FFFFFF; background: url(https://www.michaelsinger.com/wp-content/uploads/2012/07/btn_close_x.gif) no-repeat top right; text-align: justify; } #page_ajax_loader { background: #fff url(images/loader.gif) no-repeat center center; /* Do not color*/ width: 760px; height: 810px; position: absolute; left: 0; top: 0; /* margin-left: 139px; */ margin: 96px 0 0 175px; z-index: 1001; max-height: 810px; } .heading { text-transform: uppercase; margin: 0; padding: 6px 0 0px 0 !important; color: #c8cc93; margin-bottom: 50px; font-family: "HelNCondBld", Helvetica, sans-serif; font-weight: bold; font-size: 28px; } #portfolio_container .heading { text-transform: uppercase; margin: 0; padding: 0px; color: #c8cc93; margin-bottom: 10px; font-family: "HelNCondBld", Helvetica, sans-serif; font-weight: bold; font-size: 28px; } h1, h2, h3, h4 { font-family: "HelNCondBld"; } h3 { font-size: 20px; } h4 { font-size: 18px; } .gallery-title { font-weight: bold; font-size: 13px; color: #C8CC93; margin-top: 30px; } #page p { margin-top: 0; margin-bottom: 20px; color: #414141; line-height: 1.5; text-align: left!important; } #sub-nav ul { list-style: none; /* padding-top: 10px; */ height: 20px; } #sub-nav img { margin-top: 10px; } #sub-nav ul li { padding-left: 10px; } #sub-nav ul li a { color: #fff; text-decoration: none; display: block; padding-left: 8px; padding-top: 4px; padding-bottom: 4px; } #sub-nav ul li:hover { } #sub-nav ul li:hover a { background-color: #000; text-decoration: none; display: block; padding-left: 8px; padding-top: 4px; padding-bottom: 4px; } #sub-nav ul li.current-menu-item a { background-color: #000; text-decoration: none; display: block; padding-left: 8px; padding-top: 4px; padding-bottom: 4px; } #description-link { color: #FFFFFF; font-size: 11px; height: 24px; padding-top: 14px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; width: 204px; background-color: #4d4d4d; z-index: 999; } #description-link a { text-decoration: none; color: white; } /*--------------------------------POST-----------------------*/ .post { margin-bottom: 20px; padding-bottom: 30px; border-bottom: solid #DDD 1px; } .post h3 { font-weight: bold; margin-bottom: 20px; font-size: 24px; color: #C8CC93 } .post_info { margin: 15px 0px 15px 0px; border-bottom: 1px solid #DDD; padding-bottom: 18px; } .post_info ul li { display: inline; float: left; } .post_info ul li a { border-right: 1px solid #CCC; text-decoration: none; padding-right: 5px; margin-right: 5px; } a.post_title { text-decoration: none; } a.r-more { padding: 5px 7px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-decoration: none; color: white; font-weight: bold; font-size: 10px; text-transform: uppercase; } #page a.r-more { background: #C8CC93; color: white; } .older_posts { float: left; margin-top: 14px; } .newer_posts { float: right; margin-top: 14px; } .older_posts a, .newer_posts a, a.comment-reply-link { padding: 5px 7px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-decoration: none; color: white; font-weight: bold; font-size: 10px; text-transform: uppercase; } .older_posts span, .newer_posts span { padding: 5px 7px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-decoration: none; color: white; font-weight: bold; font-size: 10px; text-transform: uppercase; background: #999; } #page .older_posts a, #page .newer_posts a, #page a.comment-reply-link, a.button { background: #C8CC93; color: white; } .leave_reply { font-size: 18px; font-family: "HelNCondBld"; margin-bottom: 20px; } form#commentform label { margin-bottom: 10px; display: block; } .input { padding: 6px 8px; background: #EEE; width: 602px; border: 1px solid #DDD; color: #666; border-image: initial; } form#contact #submit, form #submit { padding: 9px 11px; font-size: 14px; color: white; border: none; padding: 5px 7px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-decoration: none; color: white; font-weight: bold; font-size: 10px; text-transform: uppercase; cursor: pointer; border-image: initial; } form#contact #submit, form #submit { background: #C8CC93; } ul.comment_list li .avatar { float: left; margin-right: 15px; } ul.comment_list li .comment_left { width: 530px; float: left; } .comment_name, .comment_date, .commentary p { margin-bottom: 15px; } #comments h4 { margin-bottom: 20px; } .result { color: #3A5B62; padding: 13px 15px; border: 1px solid #8CCDDD; background: #D8EEF4; margin-bottom: 20px; display: none; border-image: initial; } .cf_error { border-color: #FF4845; border-width: 1px; border-style: solid; color: #9B201C; background-color: #FFD2CF; } ul.comment_list li { margin-bottom: 20px; padding-bottom: 30px; float: left; border-bottom: 1px solid #DDD; } ul.comment_list ul li { padding-left: 90px; list-style: none; } ul.comment_list ul li .comment_left { width: 440px; float: left; } /*-----------------------------------------------------------*/ /*Image Slider css*/ #slideshow { z-index: -1; width: 1280px; height: 100%; position: absolute; top: 0; left: 0; } #slideshow img { width: 1280px; height: auto; } #slide-container { background: #fff !important; height: 1296px; overflow: hidden; position: absolute; top: 0px; width: 1113px; width: 100%; display: none; } #slider-nav { padding: 3px 0; } #slider-nav-left { padding: 3px 0; } #slider-nav-right { padding: 3px 0; } img.center { position: relative !important; text-align: center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; } .center { margin: auto; width: 1024px; background-color: #fff; left: auto; } .project { opacity: 0; min-height: 700; position: absolute; width: 595px; z-index: -1; margin-left: 236px; height: 512px; } .project-desc { margin-left: 650px; !important; width: 580px; margin-top: -10px; background-color: #fff; padding-left: 30px; padding-right: 20px; text-align: justify; border-bottom: solid thin #999999; } .sub-heading { margin-left: 650px; !important; width: 600px; margin-top: -10px; padding-bottom: 10px; background-color: #FFFFFF; padding-left: 30px; font-size: 28px; } .project-head { margin-left: 650px; !important; margin-top: 10px; width: 600px; background-color: #FFFFFF; background: white url(https://www.michaelsinger.com/wp-content/uploads/2012/07/btn_close_x.gif) no-repeat top right; text-transform: uppercase; padding: 10px 0px; color: #c8cc93; margin-bottom: 10px; font-family: "HelNCondBld", Helvetica, sans-serif; font-weight: bold; font-size: 18px; padding-left: 30px; } .alignright { float: right; margin: 0 0 15px 15px; } #content > h1 + p { width: 900px; /*text-align: justify*/ } /*Custom Added by DS*/ .fl { float: left; } .fr { float: right; } .cl { clear: both; } .middleContainer { width: 100%; margin-top: -9px; background: url(images/sidebarBg.png) repeat-y 0 0; } .pageSlideshow { z-index: 0; width: 1280px; height: 100%; position: absolute; top: 0; left: 0; } .pageSlideshow img { width: 1280px; height: auto; } .home .pageSlideshow, .home #content_wrapper, .home #page_ajax_loader { display: none; } .page #page { /*text-align: justify;*/ } #gallery-wrapper { width: 1060px; float: left; } #page_ajax_loader.projectLoader { width: 1130px; margin-left: 150px; } .page #page_ajax_loader { margin-left: 175px; } #portfolio_container #page.projectPopup { opacity: 0; min-height: 700; position: absolute; width: 595px; z-index: -1; margin-left: 0px; height: 512px; } .projectPopup .project-head, .projectPopup .sub-heading, .projectPopup .project-desc { margin-left: 0px !important; } .galleryListing { float: left; height: 210px; padding: 5px 5px 5px 0; } .galleryListing img { max-height: 150px; height: auto; width: auto; } #projectURL { color: #FFFFFF; font-size: 15px; font-family: "HelNCondBld", Helvetica, sans-serif; padding: 10px 20px; position: absolute; left: 0; text-align: center; text-transform: uppercase; top: 0; width: auto; background-color: #9C976E; z-index: 9999; } #projectURL a { text-decoration: none; color: white; } #slides.owl-carousel { display: block!important; opacity: 1!important; } #slides.owl-carousel .owl-buttons { border: 0 solid #000; height: 30px; left: 0px; position: absolute; text-align: center; top: 400px; width: 100%; z-index: 999; } #slides.owl-carousel .owl-prev, #slides.owl-carousel .owl-next { position: absolute; display: block!important; height: 26px; width: 26px; text-indent: -9999em; padding: 0!important; margin: 0!important; } #slides.owl-carousel .owl-prev { left: -35px; background: url(images/arrow-left-dark.png) no-repeat!important; } #slides.owl-carousel .owl-next { right: -35px; background: url(images/arrow-right-dark.png) no-repeat!important; } #slides.owl-carousel .owl-pagination { display: none; } #slideshowHome { z-index: 0; width: 1280px; position: absolute; top: 0; left: 0; } #slideshowHome img { width: 1280px; height: auto; } #page_ajax_loader { display: none !important; }