/* * Author: PixelArtIncb * Website: www.pixelartinc.com * Email: info@pixelartinc.com */ /** Reset **/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /** Fonts **/ @font-face { font-family: 'DroidSansRegular'; src: url('fonts/DroidSans-webfont.eot'); src: url('fonts/DroidSans-webfont.eot@#iefix') format('embedded-opentype'), url('fonts/DroidSans-webfont.woff') format('woff'), url('fonts/DroidSans-webfont.ttf') format('truetype'), url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DroidSansBold'; src: url('fonts/DroidSans-Bold-webfont.eot'); src: url('fonts/DroidSans-Bold-webfont.eot@#iefix') format('embedded-opentype'), url('fonts/DroidSans-Bold-webfont.woff') format('woff'), url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg'); font-weight: normal; font-style: normal; } /** Base Body Styles **/ body{ min-width: 1000px; background:#e6e6e6; color:#000; font: 15px "Tahoma", Arial, Helvetica, "Trebuchet MS", sans-serif;} h1,h2,h3,h4,h5,h6{ font-weight:bold; } h1{ font-size:30px;} h2{ font-size:24px;} h3{ font-size:20px;} h4{ font-size:14px;} h5{ font-size:12px;} h6{ font-size:10px;} /** Selection **/ ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } /** Links **/ a { color: #00e; text-decoration: none; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /** Clearfix **/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /** Header **/ .header-wrapper { height: auto; background: url(images/header-bg.png) bottom repeat-x; } #header { width: 960px; margin: 0px auto; min-height: 60px; } #header .logo { float: left; margin-top:16px; } #header .logo a { display: block; background: url(images/sds.png); font-size: 0px; line-height: 0px; width: 134px; height: 35px; } #header .main-menu { float: right; } #header .main-menu>ul { margin: 0px 0px 0px; } #header .main-menu>ul>li { position: relative; margin: 0px 0px 0px 10px; float: left; font: 14px/14px 'Tahoma', Arial, Helvetica, Sans-Serif; font-weight:bold; } #header .main-menu>ul>li>a { display: inline-block; color: #fff; padding: 24px 10px 18px; } #header .main-menu>ul>li:hover, #header .main-menu>ul>li.active { /*background: url(images/main-nav-hover.png) repeat-x;*/ background: #444; border-top: 3px solid #fff; } #header .main-menu>ul>li:hover>a, #header .main-menu>ul>li.active>a { /*color: #444;*/ color: #fff; padding-top: 21px; padding-bottom: 21px; } #header .main-menu>ul>li ul { z-index: 800; overflow: hidden; /*background: #f6f6f6;*/ background: #444;/* border-bottom: 5px solid #444;*/ border-bottom: 3px solid #fff; display: none; position: absolute; top: 56px; left: 0px; } #header .main-menu>ul>li ul li { font: 12px "DroidSansRegular", Arial, Helvetica, Sans-Serif; background: url(images/dropdown-arrow.png) 10px center no-repeat; /*border-bottom: 1px solid #cccccc;*/ padding: 0px 10px; min-width: 180px; } #header .main-menu>ul>li ul li:last-child { border-bottom: 0px; } #header .main-menu>ul>li ul li a { position: relative; display: inline-block; width: 100%; /*color: #3a3a3c;*/ color: #fff; padding: 10px 0px 10px 10px; } /** Slider **/ .slider-wrapper { width: 100%; height: auto; position: relative; } #slider { width: 100%; height: 390px; overflow: hidden; } #slider .slide { width: 100% !important; height: 390px !important; } #slider .slide .image-full { border-bottom: 1px solid #000; width: 100%; height: 390px; } #slider .slide .slide-content { width: 960px; height: 390px; position: relative; margin: -390px auto 0px; } #slider .slide .caption { position: absolute; top: 100px; left: 0px; display: none; } #slider .slide .caption h2 { margin: 0px 0px 10px; color: #fff; font: 24px "DroidSansRegular", Arial, Helvetica, Sans-Serif; background: url(images/slider-caption-bg.png); width: auto; padding: 10px 20px; width: 300px; } #slider .slide .caption h2 strong { font-family: "DroidSansBold", Arial, helvetica, Sans-Serif; } #slider .slide .caption p { margin: 0px 0px 10px; color: #fff; font: 12px/18px "DroidSansRegular", Arial, Helvetica, Sans-Serif; background: url(images/slider-caption-bg.png); width: auto; padding: 10px 20px; width: 440px; } #slider .slide .caption button { float: right; cursor: pointer; width: 112px; height: 40px; background: url(images/button.png) left top no-repeat; border: none; text-align: center; color: #3a3a3c; font: 12px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; } #slider .slide .caption button:hover { background-position: bottom; } .slider-wrapper .slider-controls { width: 980px; position: absolute; bottom: 20px; left: 50%; z-index: 1000; margin-left: -490px; } .slider-wrapper .slider-controls .slider-left { display: inline-block; width: 35px; height: 35px; background: url(images/slider-control-left.png) top no-repeat; } .slider-wrapper .slider-controls .slider-left:hover { background-position: bottom; } .slider-wrapper .slider-controls .slider-right { display: inline-block; width: 35px; height: 35px; background: url(images/slider-control-right.png) top no-repeat; } .slider-wrapper .slider-controls .slider-right:hover { background-position: bottom; } /** Slider Controls **/ .control-wrapper { padding: 20px 0px 0px; margin-bottom: -84px; height: 84px; background: url(images/body-bg.png) repeat-x; width: 100%; border-top: 1px solid #fff; } #slider-controls { width: 980px; margin: 0px auto; } #slider-controls .slider-pager { float: right; } #slider-controls .slider-pager .pager a { font-size: 0px; line-height: 0px; margin: 0px 0px 0px 10px; display: inline-block; width: 19px; height: 19px; background: url(images/bullets.png) left no-repeat; } #slider-controls .slider-pager .pager a:hover, #slider-controls .slider-pager .pager a.activeSlide { background-position: right; } /** Main Container **/ .container-wrapper { background: url(images/body-bg-bottom.png) bottom repeat-x; width: 100%; padding: 0px 0px 40px; margin-bottom: -30px; } .container { width: 980px; margin: 0px auto; } .container h3 { color: #3d4041; font: 20px/30px "DroidSansRegular", Arial, Helvetica, Sans-Serif; } .container h3 span { font: 20px/30px "DroidSansRegular", Arial, Helvetica, Sans-Serif; } /** Crousal **/ .crousal-wrapper { position: relative; margin: 0px 0px 20px; } .crousal-wrapper h3 { border-bottom: 1px solid #b3b3b3; margin: 0px 0px 20px; background: url(images/title-icon.png) left top no-repeat; padding: 0px 0px 20px 30px; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } .crousal-wrapper h3 strong { font-family: "DroidSansBold", Arial, Helvetica, sans-serif; } #crousal {} #crousal li { line-height: 178px; text-align: center; width: 178px; background: url(images/portfolio-circle-black.png) no-repeat; margin: 0px 10px; overflow: visible !important; } #crousal li span { display: block; font: 16px/30px "Tahoma", Arial, Helvetica, Sans-Serif; color: #3d40412; font-weight:bold; } #crousal li:hover { background: url(images/portfolio-circle-hover.png) no-repeat; } #crousal li a { display: block; width: 178px; height: 178px; } #crousal li a img { vertical-align: middle; } #crousal li a img.simple-img { position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border-radius: 145px; behavior: url(PIE/PIE.htc); width: 145px; height: 145px; } .crousal-wrapper .next { position: absolute; right: -30px; top: 50%; display: block; width: 13px; height: 28px; font-size: 0px; line-height: 0px; background: url(images/arrow2.png) right center no-repeat; } .crousal-wrapper .prev { position: absolute; left: -30px; top: 50%; display: block; width: 13px; height: 28px; font-size: 0px; line-height: 0px; background: url(images/arrow2.png) left center no-repeat; } /** Middle **/ .middle-wrapper { position: relative; width: 100%; border-bottom: 1px solid #000; height: 336px; margin: 0px 0px 20px; overflow: hidden; } .middle-wrapper .middle-bg { width: 100%; height: 296px; } .middle-wrapper hgroup { width: 980px; margin: 0px auto; overflow: hidden; } .middle-wrapper hgroup h2 { margin: 0px 0px 20px; background: url(images/title-icon.png) left top no-repeat; padding: 0px 0px 0px 30px; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } .middle-wrapper hgroup h2 strong { font-family: "DroidSansBold", Arial, Helvetica, sans-serif; } .middle-wrapper hgroup h2:first-child { width: 600px; margin: 0px 20px 0px 15px; float: left; } .middle-wrapper hgroup h2:last-child { width: 285px; float: right; } .middle-container { position: absolute; top: 45px; width: 100%; height: 296px; } .middle-container-2 { position: absolute; top: 45px; width: 100%; background: #2c2b2b; height: 296px; } #middle { width: 960px; margin: 0px auto; } #middle article { width: 300px; margin: 25px 28px 0px 0px; float: left; height: 244px; position: relative; -webkit-box-shadow: 1px 1px 1px 0px #bbb; -moz-box-shadow: 1px 1px 1px 0px #bbb; box-shadow: 1px 1px 1px 0px #bbb; } #middle article img { width: 100%; height: 100%; } #middle article div { position: absolute; top: 20px; right: -5px; width: 260px; background: #000; padding: 10px 10px; } #middle article div h3 { color: #fff; font: 20px/26px "DroidSansRegular", Arial, Helvetica, sans-serif; } #middle article div p { color: #969696; font: 11px "DroidSansRegular", Arial, Helvetica, sans-serif; } #middle article div p a { color: #969696; } #middle article div p a:hover { text-decoration: underline; } #middle article a.button { color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; position: absolute; bottom: 10px; right: 10px; width: 112px; height: 40px; border: none; background: url(images/button.png) top no-repeat; } #middle article a.button:hover { background-position: bottom; } #middle article li { position: relative; height: 64.2px; padding: 15px 15px 0px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; background: -webkit-linear-gradient(top, #ffffff, #e5e5e5); /* Chrome 10+, Saf5.1+, iOS 5+ */ background: -moz-linear-gradient(top, #ffffff, #e5e5e5); /* FF3.6 */ background: -ms-linear-gradient(top, #ffffff, #e5e5e5); /* IE10 */ background: -o-linear-gradient(top, #ffffff, #e5e5e5); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ffffff, #e5e5e5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5'); } #middle article li:hover { background: -webkit-linear-gradient(top, #e5e5e5, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */ background: -moz-linear-gradient(top, #e5e5e5, #ffffff); /* FF3.6 */ background: -ms-linear-gradient(top, #e5e5e5, #ffffff); /* IE10 */ background: -o-linear-gradient(top, #e5e5e5, #ffffff); /* Opera 11.10+ */ background: linear-gradient(to bottom, #e5e5e5, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff'); } #middle article li h3 { color: #1d1d1d; font: 18px/30px "DroidSansBold", Arial, Helvetica, sans-serif; } #middle article li h3 a { color: #1d1d1d; text-decoration: none; } #middle article li p { color: #1d1d1d; font: 12px/24px "DroidSansRegular", Arial, Helvetica, sans-serif; } #middle article li a { color: #1d1d1d; } #middle article li span { position: absolute; top: 25%; right: 10px; display: inline-block; width: 35px; height: 35px; background: url(images/slider-control-right.png) top no-repeat; } #middle article li:hover span { background-position: bottom; } #middle article:last-child { margin-right: 0px; } .middle-style-3 { border-bottom: none; margin-bottom:0px; height: 316px !important; } .middle-style-3 hgroup h2 { margin: 0px; } /** Home Services **/ #home-services { width: 960px; margin: 0px auto 20px; } #home-services h2 { border-bottom: 1px solid #b3b3b3; margin: 0px 0px 20px; background: url(images/title-icon.png) left top no-repeat; padding: 0px 0px 20px 30px; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } #home-services h2 strong { font-family: "DroidSansBold", Arial, Helvetica, sans-serif; } #home-services p {} #home-services a.button { float: right; margin: 0px 0px 0px 20px; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; width: 112px; height: 40px; border: none; background: url(images/button.png) top no-repeat; } #home-services a.button:hover { background-position: bottom; } #home-services .hire-me { overflow: hidden; margin: 0px 0px 20px; } #home-services .hire-me p { width: 820px; float: left; color: #888888; font: 18px/30px "DroidSansRegular", Arial, Helvetica, sans-serif; } #home-services .hire-me p strong { color: #4b4d4e; font-family: "DroidSansBold", Arial, Helvetica, sans-serif; } #home-services div article { width: 278px; padding: 10px; margin: 0px 30px 0px 0px; float: left; height: 219px; position: relative; border: 1px solid #e6e6e6; background: #fff; -webkit-box-shadow: 1px 1px 1px 0px #bbb; -moz-box-shadow: 1px 1px 1px 0px #bbb; box-shadow: 1px 1px 1px 0px #bbb; } #home-services div article:last-child { margin-right: 0px; } #home-services div article h3 { margin: 0px 0px 20px; color: #1d1d1d; font: 18px/30px "DroidSansRegular", Arial, Helvetica, sans-serif; } #home-services div article p { margin: 0px 0px 20px; color: #888888; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; } #home-services div article img { max-width: 280px; max-height: 95px; margin: 0px auto; } #home-services div article img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } #home-services div article a.goto-arrow { position: absolute; top: 10px; right: 10px; display: inline-block; width: 35px; height: 35px; background: url(images/slider-control-right.png) top no-repeat; } #home-services div article a.goto-arrow:hover { background-position: bottom; } /** Bottom **/ .bottom-wrapper { overflow: hidden; background: #2c2b2b; width: 100%; border-top: 1px solid #fff; } #bottom { width: 960px; margin: 0px auto; padding: 30px 0px; overflow: hidden; } #bottom article { width: 215px; margin: 0px 30px 0px 0px; float: left; } #bottom article:last-child { margin: 0px; } #bottom article h3 { border-bottom: 1px solid #b3b3b3; margin: 0px 0px 20px; padding: 0px 0px 10px; color: #fff; font: 14px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } #bottom article h3 strong { font-family: "DroidSansBold", Arial, Helvetica, sans-serif; } #bottom article .bottom-logo { display: inline-block; margin: 0px 0px 30px; } #bottom article p { text-align: justify; color: #5b5b5b; margin-bottom: 20px; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; } #bottom article form input.email { margin: 0px 0px 20px; outline: none; color: #5b5b5b; padding: 10px; background: #111111; font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; height: 18px; border: none; border-radius: 5px; width: 205px; } #bottom article form input.submit { border: none; width: 112px; cursor: pointer; height: 40px; color: #bdbdbd; float: right; font: 11px "DroidSansRegular", Arial, Helvetica, sans-serif; background: url(images/gray-btn.png) bottom no-repeat; } #bottom article form input.submit:hover { background-position: top; } #bottom article form label.error { color: #F00; margin-top: -10px; display: block; margin-bottom: 10px; } #bottom article ul.list {} #bottom article ul.list li { padding: 0px 0px 0px 15px; background: url(images/dropdown-arrow.png) left 3px no-repeat; margin: 0px 0px 10px 10px; color: #fff; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; } #bottom article ul.list li a { color: #5b5b5b; } #bottom article ul.list li a:hover { color: #fff; } #bottom article ul.posts {} #bottom article ul.posts li { padding: 0px 0px 0px 15px; background: url(images/dropdown-arrow.png) left 3px no-repeat; margin: 0px 0px 10px 10px; color: #fff; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; } #bottom article ul.posts li a { color: #fff; } #bottom article ul.posts li span { color: #5b5b5b; display: block; } #bottom article ul.posts li a:hover { color: #fff; } #bottom article .social {} #bottom article .social li { float: left; font: 12px/24px "DroidSansRegular", Arial, Helvetica, sans-serif; margin: 0px 0px 20px; width: 50%; } #bottom article .social li a { color: #fff; } #bottom article .social li span { margin: 0px 10px 0px 0px; display: inline-block; width: 24px; height: 24px; background: url(images/social-icons.png) no-repeat; } #bottom article .social li.fb span { background-position: 0px 0px; } #bottom article .social li.tw span { background-position: -48px 0px; } #bottom article .social li.ms span { background-position: -24px 0px; } #bottom article .social li.fk span { background-position: -72px 0px; } /** Footer **/ .footer-wrapper { min-height: 40px; background: #444444; } footer { width: 960px; margin: 0px auto; padding: 15px 0px 0px; } footer p { float: left; color: #d4d4d4; font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; } footer p a { color: #d4d4d4 !important; } footer p a:hover { color: #d4d4d4 !important; text-decoration: underline; } footer .go-top { float: right; color: #d4d4d4; font: 12px "DroidSansBold", Arial, Helvetica, sans-serif; } /** Page Header **/ .page-header-wrapper { height: 90px; border-bottom: 1px solid #bdbdbc; background: #d1d1d0; } #page-header { width: 960px; margin: 0px auto; } #page-header hgroup { float: left; } #page-header hgroup h1 { position: relative; color: #7a797a; text-shadow: 1px 1px 0px #dfdfe2; font: 30px/90px "DroidSansBold", Arial, Helvetica, sans-serif; } #page-header hgroup h1 span { font-family: "DroidSansRegular"; } #page-header form { float: right; position: relative; margin: 25px 0px 0px; } #page-header form .field { color: #3a3a3c; outline: none; font: 12px/15px "DroidSansRegular", Arial, Helvetica, sans-serif; border: none; background: url(images/search-field.png) no-repeat; width: 169px; height: 15px; padding: 10px 30px 10px 10px; } #page-header form .btn { outline: none; position: absolute; cursor: pointer; top: 30%; right: 10px; border: none; background: url(images/search-icon.png) no-repeat; width: 14px; height: 15px; font-size: 0px; line-height: 0px; } /** Page **/ .page-wrapper { border-top: 1px solid #fff; padding: 30px 0px; overflow: hidden; } .page-container { width: 960px; margin: 0px auto; } /** Content **/ #content { } #content.content-left { margin-right: 30px; float: left; } #content.content-right { float: right; } #content.content-right div.post-meta { float: right; margin: 0px 0px 0px 10px; } #content.content-right div.post-details { float: left; } #content.content-left div.post-meta { float: left; margin: 0px 10px 0px 0px; } #content.content-left div.post-details { float: right; } #content .post { margin: 0px 0px 20px; overflow: hidden; } #content .post div.post-meta { width: 120px; } #content .post div.post-details { width: 500px; } #content .post .post-meta p { color: #969696; font: 11px/14px "DroidSansRegular", Arial, Helvetica, sans-serif; padding-left: 20px; margin: 0px 0px 10px; } #content .post .post-meta a { color: #969696; } #content .post .post-meta a:hover { color: #3d4041; } #content .post .post-meta .meta { border-bottom: 1px groove #d1d1d1; overflow: hidden; margin: 0px 0px 20px 0px; } #content .post .post-meta .date { margin: 0px 10px; float: left; font: 45px/60px 'DroidSansBold', Arial, Helvetica, sans-serif; color: #888888; } #content .post .post-meta .month-year { margin: 10px 0px 0px; float: left; text-align: center; } #content .post .post-meta .month-year span { display: block; font: 14px/18px 'DroidSansRegular', Arial, Helvetica, sans-serif; color: #606060; } #content .post .post-meta .admin { background: url(images/admin.png) left top no-repeat; } #content .post .post-meta .tags { background: url(images/tag.png) left top no-repeat; } #content .post .post-meta .cat { background: url(images/cat.png) left top no-repeat; } #content .post .post-meta .comment { background: url(images/comment-icon.png) left top no-repeat; } #content .post .post-title { margin: 0px 0px 20px; padding: 0px 0px 0px 20px; background: url(images/title-icon.png) left top no-repeat; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .post .post-image { display: block; border: 5px solid #d1d1d1; margin: 0px 0px 20px; line-height: 0px; } #content .post .post-image img { width: 100%; height: 250px; } #content .post .post-image:hover { border-color: #fdd560; } #content .post .post-meta-single { margin: 0px 0px 20px; } #content .post .post-meta-single span { padding-left: 20px; margin-right: 20px; display: inline-block; } #content .post .post-meta-single span a { color: #969696; vertical-align: middle; line-height: 20px; } #content .post .post-meta-single .admin { background: url(images/admin.png) left top no-repeat; } #content .post .post-meta-single .tags { background: url(images/tag.png) left top no-repeat; } #content .post .post-meta-single .cat { background: url(images/cat.png) left top no-repeat; } #content .post .post-meta-single .comment { background: url(images/comment-icon.png) left top no-repeat; } #content .post .post-content { margin: 0px 0px 20px; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .post .post-content > p { margin: 0px 0px 20px; } #content .post .post-content > p a { color: #3d4041; text-decoration: underline; font-style: italic; } #content .post .post-content > p a:hover { text-decoration: none; } #content .post .post-content > p strong { font: bold 12px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .post .post-content blockquote { width: 500px; margin: 0px auto 20px; padding: 20px 20px 0px 0px; background: url(images/quote.png) right top no-repeat; } #content .post .post-content blockquote p { text-align: center; padding: 0px 0px 20px 20px; background: url(images/quote.png) left bottom no-repeat; color: #3d4041; font: bold italic 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .post .post-content ul { margin: 0px 0px 20px; } #content .post .post-content ul li { margin: 0px 0px 5px; padding: 0px 0px 0px 20px; color: #3d4041; font: bold 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .post .post-content ul.ul-style-1 li { background: url(images/ul-styles.png) 0px 0px no-repeat; } #content .post .post-content ul.ul-style-2 li { background: url(images/ul-styles.png) 0px -12px no-repeat; } #content .post .post-content ul.ul-style-3 li { background: url(images/ul-styles.png) 0px -24px no-repeat; } #content .post .post-content ul.ul-style-4 li {background: url(images/ul-styles.png) left bottom no-repeat; } #content .post .read-more { float: right; text-align: center; color: #3a3a3c; text-shadow: 1px 1px 0px #fee87d; font: 13px/40px "DroidSansRegular", Arial, Helvetica, sans-serif; display: block; background: url(images/read-more.png) top no-repeat; width: 112px; height: 40px; } #content .post .read-more:hover { background-position: bottom; } #content .post .post-content .demo-ul ul { float: left; margin-right: 30px; } #content .related-posts { margin: 0px 0px 20px; } #content .related-posts article { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; width: 300px; margin: 0px 28px 0px 0px; float: left; height: 244px; position: relative; -webkit-box-shadow: 1px 1px 1px 0px #bbb; -moz-box-shadow: 1px 1px 1px 0px #bbb; box-shadow: 1px 1px 1px 0px #bbb; } #content .related-posts article.last { margin-right: 0px; } #content .related-posts article img { width: 100%; height: 100%; } #content .related-posts article div { position: absolute; top: 20px; right: -5px; width: 260px; background: #000; padding: 10px 10px; } #content .related-posts article div h3 { color: #fff; font: 20px/26px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .related-posts article div p { color: #969696; font: 11px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .related-posts article div p a { color: #969696; } #content .related-posts article div p a:hover { text-decoration: underline; } #content .related-posts article a.button { color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; position: absolute; bottom: 10px; right: 10px; width: 112px; height: 40px; border: none; background: url(images/button.png) top no-repeat; margin-bottom: 0px; } #content .related-posts article a.button:hover { background-position: bottom; } /** Content Button **/ #content a.button { margin: 0px 0px 30px; float: right; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; width: 112px; height: 40px; border: none; background: url(images/button.png) top no-repeat; } #content a.button:hover { background-position: bottom; } /** Portfolio 1 **/ #content .list .project-post .caption { display: none; height: 50px; z-index: 99; background: rgba(0,0,0,0.8); padding: 10px; position: absolute; bottom: 0px; left: 1px; width: 610px; } #content .grid .project-post .caption { display: none; height: 50px; z-index: 99; background: rgba(0,0,0,0.8); padding: 10px; position: absolute; bottom: 0px; left: 1px; width: 280px; } #content .list .project-post { margin: 0px 0px 20px; position: relative; } #content .list .project-post figure { display: block; width: 100%; height: 250px; position: relative; border: 1px solid #cecece; margin: 0px 0px 20px; line-height: 0px; } #content .list .project-post figure a.project-image img { width: 100%; height: 250px; } #content .list .project-post figure span.type-image { display: block; width: 28px; height: 29px; background: url(images/type-image.png) no-repeat; position: absolute; top: 10px; right: 12px; } #content .list .project-post figure span.type-music { display: block; width: 28px; height: 29px; background: url(images/type-music.png) no-repeat; position: absolute; top: 10px; right: 12px; } #content .list .project-post figure span.type-video { display: block; width: 28px; height: 29px; background: url(images/type-video.png) no-repeat; position: absolute; top: 10px; right: 12px; } #content .list .project-post h4 { color: #fff; font: 18px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .list .project-post h4 a { color: #fff; } #content .list .project-post p { color: #969696; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .list .project-post a.button { position: absolute; top: 15px; right: 15px; margin-bottom: 0px !important; } #content .grid .project-post { height: 252px; margin: 0px 30px 20px 0px; width: 300px; float: left; position: relative; } #content .grid .project-post:nth-child(2n) { margin-right: 0px; } #content .grid .project-post figure { display: block; width: 100%; height: 250px; position: relative; border: 1px solid #cecece; margin: 0px 0px 20px; line-height: 0px; } #content .grid .project-post figure a.project-image img { width: 100%; height: 250px; } #content .grid .project-post figure span.type-image { display: block; width: 28px; height: 29px; background: url(images/type-image.png) no-repeat; position: absolute; top: 10px; right: 12px; } #content .grid .project-post figure span.type-music { display: block; width: 28px; height: 29px; background: url(images/type-music.png) no-repeat; position: absolute; top: 10px; right: 12px; } #content .grid .project-post figure span.type-video { display: block; width: 28px; height: 29px; background: url(images/type-video.png) no-repeat; position: absolute; top: 10px; right: 12px; } #content .grid .project-post h4 { color: #fff; font: 14px/14px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .grid .project-post h4 a { color: #fff; } #content .grid .project-post p { color: #969696; font: 11px/11px "DroidSansRegular", Arial, Helvetica, sans-serif; } #content .grid .project-post a.button { margin-bottom: 0px; position: absolute; bottom: 10px; right: 12px; } #content .grid-btn { outline: none; float: right; display: inline-block; width: 26px; height: 26px; background: url(images/grid-list-btn.png) -31px 0px no-repeat; } #content .list-btn { outline: none; float: right; margin-right: 5px; display: inline-block; width: 26px; height: 26px; background: url(images/grid-list-btn.png) 0px 0px no-repeat; } #content .grid-btn:hover { background-position: -31px -26px; } #content .list-btn:hover { background-position: 0px -26px; } /** Project Detail **/ .project-detail { margin: 0px 0px 20px; position: relative; border-bottom: 1px solid #b3b3b3; } .project-detail img { width: 630px; margin-right: 20px; margin-left: 10px; margin-bottom: 20px; } .project-detail article { width: 290px; float: right; } .project-detail article h3 { color: #3d4041; font: 20px/30px "DroidSansBold", Arial, Helvetica, sans-serif; } .project-detail article h3 span { font-family: "DroidSansRegular"; } .project-detail article > span { display: block; margin: 0px 0px 10px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; } .project-detail article p { color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } .project-detail a.close { position: absolute; top: 0px; right: 0px; display: block; background: url(images/close.png) center top no-repeat; width: 26px; height: 26px; } .project-detail a.close:hover { background: url(images/close.png) center bottom no-repeat; } .project-single { position: relative; } .project-single .project-single-slider { width: 630px; margin-right: 30px; margin-bottom: 20px; float: left; } .project-single img {} .project-single article { width: 300px; float: right; } .project-single article h3 { color: #3d4041; font: 20px/30px "DroidSansBold", Arial, Helvetica, sans-serif; } .project-single article h3 span { font-family: "DroidSansRegular"; } .project-single article > span { display: block; margin: 0px 0px 20px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; } .project-single article p { margin: 0px 0px 20px; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } .project-single a.close { position: absolute; top: 0px; right: 0px; display: block; background: url(images/close.png) center top no-repeat; width: 26px; height: 26px; } .project-single a.close:hover { background: url(images/close.png) center bottom no-repeat; } .project-single ul { margin-bottom: 20px; list-style-type: circle; margin-left: 20px; color: #3d4041; font: 11px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } .project-single .button { float: left !important; margin-right: 10px !important; } .project-single-slider-prev { z-index: 100; position: absolute; top: 20px; right: 350px; display: block; background: url(images/project-single-slider.png) right center no-repeat; width: 30px; height: 30px; } .project-single-slider-next { z-index: 100; position: absolute; top: 20px; right: 390px; display: block; background: url(images/project-single-slider.png) left center no-repeat; width: 30px; height: 30px; } /** Portfolio 2 **/ .portfolio-3-col #content { width: 100%; } .portfolio-3-col #content .section-heading span { float: right; } .portfolio-3-col #content .section-heading span a { padding:0px 0px 0px 5px; color: #3d4041; font: 11px/15px "DroidSansBold", Arial, Helvetica, sans-serif; } .portfolio-3-col #content .section-heading span a:first-child { border-left: 0px; } .portfolio-3-col #content .grid .project-post { margin: 0px 10px 20px 10px; width: 300px; float: left; } .portfolio-3-col #content .grid .project-post figure { display: block; width: 100%; height: 250px; position: relative; border: 1px solid #cecece; margin: 0px 0px 20px; line-height: 0px; } .portfolio-3-col #content .grid .project-post figure a.project-image img { width: 100%; height: 250px; } .portfolio-3-col #content .grid .project-post figure a.project-image:hover img { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } .portfolio-3-col #content .grid .project-post figure a.button { margin-bottom: 0px; position: absolute; bottom: 10px; right: 12px; } .portfolio-3-col #content .grid .project-post figure span.type-image { display: block; width: 28px; height: 29px; background: url(images/type-image.png) no-repeat; position: absolute; top: 10px; right: 12px; } .portfolio-3-col #content .grid .project-post figure span.type-music { display: block; width: 28px; height: 29px; background: url(images/type-music.png) no-repeat; position: absolute; top: 10px; right: 12px; } .portfolio-3-col #content .grid .project-post figure span.type-video { display: block; width: 28px; height: 29px; background: url(images/type-video.png) no-repeat; position: absolute; top: 10px; right: 12px; } .portfolio-3-col #content .grid .project-post h4 { text-align: center; color: #3d4041; font: 14px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; } .portfolio-3-col #content .grid .project-post h4 a { color: #3d4041; } .portfolio-3-col #content .grid .project-post p { text-align: center; color: #969696; font: 11px/15px "DroidSansRegular", Arial, Helvetica, sans-serif; } /** Section Heading **/ .section-heading { border-bottom: 1px solid #b3b3b3; padding: 0px 0px 20px 20px; margin: 0px 0px 20px; background: url(images/title-icon.png) left top no-repeat; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } .section-heading strong { font-family: "DroidSansBold", Arial, Helvetica, sans-serif; } /** Pagination **/ .pagination { overflow: hidden; } .pagination li { float: left; margin: 0px 10px 0px 0px; } .pagination li a { text-align: center; color: #3a3a3c; text-shadow: 1px 1px 0px #fff; font: 13px/28px "DroidSansRegular", Arial, Helvetica, sans-serif; display: block; background: url(images/pagination.png) top no-repeat; width: 28px; height: 29px; } .pagination li a:hover, .pagination li a.active { text-shadow: 1px 1px 0px #fee87d; background-position: bottom; } /** Sidebar **/ #sidebar { width: 300px; } #sidebar.sidebar-right { float: right; } #sidebar.sidebar-left { float: left; margin-right: 30px; } #sidebar h3 { border-bottom: 1px solid #b3b3b3; margin: 0px 0px 20px; padding: 0px 0px 20px 20px; background: url(images/title-icon.png) left top no-repeat; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } #sidebar h3 span { font-family: "DroidSansBold";} #sidebar { width: 300px; float: right; } #sidebar > div { margin: 0px 0px 20px; } #sidebar ul {} #sidebar ul > li { /*border-bottom: 1px dotted #b3b3b3;*/ line-height: 30px; overflow: hidden; } #sidebar ul > li:last-child { border: 0px; } #sidebar ul > li > a { color: #1d1d1d; font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; padding: 0px 10px 0px 25px; display: inline-block; background: url(images/dropdown-arrow.png) 10px top no-repeat; } #sidebar ul > li > a:hover {} #sidebar ul > li > span { color: #6a6c6d; float: right; } #sidebar .tag-cloud a { margin: 0px 10px 10px 0px; display: inline-block; padding: 0px 10px; border: 1px solid #000; color: #fff; font: 11px/26px "DroidSansRegular", Arial, Helvetica, sans-serif; background: -webkit-linear-gradient(top, #373838, #0a0a0a); /* Chrome 10+, Saf5.1+, iOS 5+ */ background: -moz-linear-gradient(top, #373838, #0a0a0a); /* FF3.6 */ background: -ms-linear-gradient(top, #373838, #0a0a0a); /* IE10 */ background: -o-linear-gradient(top, #373838, #0a0a0a); /* Opera 11.10+ */ background: linear-gradient(to bottom, #373838, #0a0a0a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#373838', endColorstr='#0a0a0a'); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(PIE/PIE.htc); box-shadow: 1px 1px 2px 1px #9a9a9a; } #sidebar .tag-cloud a span { color: #6a6c6d; display: inline-block; height: 100%; font: 11px/26px "DroidSansRegular", Arial, Helvetica, sans-serif; margin-left: 10px; padding-left: 10px; border-left: 1px solid #000; } #sidebar .sidebar-slider-wrapper { width: 300px; position: relative; } #sidebar .sidebar-slider-wrapper .sidebar-slider-left { z-index: 20; font-size: 0px; line-height: 0px; display: block; width: 14px; height: 14px; background: url(images/arrow2.png) left no-repeat; position: absolute; top: 40%; left: 0px; } #sidebar .sidebar-slider-wrapper .sidebar-slider-right { z-index: 20; font-size: 0px; line-height: 0px; display: block; width: 14px; height: 14px; background: url(images/arrow2.png) right no-repeat; position: absolute; top: 40%; right: 0px; } #sidebar .sidebar-slider { width: 300px !important; } #sidebar .sidebar-slider li { width: 100%; background: none !important; border: none; } #sidebar .sidebar-slider li div { margin: 0px auto; line-height: 178px; text-align: center; width: 178px; background: transparent url(images/portfolio-circle-black.png) no-repeat; } #sidebar .sidebar-slider li div span { display: block; font: 12px/30px "DroidSansRegular", Arial, Helvetica, Sans-Serif; color: #3d40412; } #sidebar .sidebar-slider li div:hover { background: transparent url(images/portfolio-circle-hover.png) no-repeat; } #sidebar .sidebar-slider li div a { background: none !important; padding: 0px; display: inline-block; width: 178px; height: 178px; border: none; } #sidebar .sidebar-slider li div a:hover { background: none; border: none; } #sidebar .sidebar-slider li div a img { vertical-align: middle; } #sidebar .sidebar-slider li div a img.simple-img { position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border-radius: 145px; behavior: url(PIE/PIE.htc); width: 145px; height: 145px; } #sidebar .testimonial-slider { overflow: hidden; position: relative; } #sidebar .testimonial-slider .testimonial-arrow { overflow: hidden; background: url(images/test-arrow.png) no-repeat; width: 21px; height: 22px; position: absolute; z-index: 5; bottom: 33px; left: 31px; } #sidebar .testimonial-slider article { height: 225px !important; position: relative; } #sidebar .testimonial-slider article .testimonial-text { width: 278px; height: 150px; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; overflow: hidden; background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', gradientType='0'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); background: -o-linear-gradient(top, #eeeeee 1%,#ffffff 64%,#ffffff 100%); background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; } #sidebar .testimonial-slider article .client-name { position: absolute; bottom: 0px; left: 15px; } #sidebar .testimonial-slider article p { color: #3d4041; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; margin: 0px !important; } #sidebar .testimonial-slider article a { display: block; font: 12px "DroidSansRegular" Arial, Helvetica, sans-serif; color: #787878; } #sidebar .testimonial-slider article a:hover { text-decoration: underline; } #sidebar .testimonial-slider article .client-name p { font-weight: bold; } #sidebar #map_canvas { width: 300px; height: 300px; border: 2px solid #b3b3b3; } #sidebar .address { margin: 0px 0px 20px; } #sidebar .address h6 { margin: 0px 0px 10px; font: 14px/24px "DroidSansBold", Arial, Helvetica, sans-serif; } #sidebar .address p { margin: 0px 0px 10px; color: #3d4041; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; } #sidebar .address p span { color: #787878; } #sidebar > div p { text-align: justify; margin: 0px 0px 20px; color: #3d4041; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; } #sidebar a.button { float: right; color: #3a3a3c; text-shadow: 1px 1px 0px #fee87d; font: 11px/31px "DroidSansRegular", Arial, Helvetica, sans-serif; margin: 5px 0px 0px; text-align: center; display: block; background: url(images/reply-btn.png) top no-repeat; width: 85px; height: 31px; margin-left: 10px; } #sidebar a.button:hover { background-position: bottom; } #sidebar .post_list {} #sidebar .post_list li { border: 0px; margin: 0px 0px 20px; line-height: 20px; } #sidebar .post_list li a { padding: 0px; display: inline; } #sidebar .post_list .post_thumb { float:left; margin-right: 10px; border: 2px solid #b3b3b3; height: 40px; width: 40px; } #sidebar .post_list .post_thumb:hover { border: 2px solid #fdd560; } #sidebar .post_list .post_description a.post_caption { color:#737271; color: #1d1d1d; font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; } #sidebar .post_list .post_description a.post_caption:hover {} #sidebar .post_list .post_description .details { display: block; } #sidebar .post_list .post_description .details a { color:#737271; } /** Comments **/ .contact-form fieldset { position: relative; } .contact-form label.error { position: absolute; top: 50%; right: 40px; color: #F00 !important; } #contact-loader { display: none !important; } .comment-list { margin: 0px 0px 40px; } .comment-list ul {} .comment-list li { overflow: hidden; margin: 0px 0px 20px; /*border: 1px solid #b3b3b3;*/ padding: 5px; } .comment-list li figure { box-shadow: 1px 1px 0px 0px #b3b3b3; margin: 0px 10px 0px 0px; border: 1px solid #b3b3b3; width: 80px; height: 80px; float: left; } .comment-list li > div { overflow: hidden; } .comment-list li article { float: right; width: 520px; } .comment-list li article h5 { font: 12px/20px "DroidSansBold", Arial, Helvetica, sans-serif; } .comment-list li article p.comment-meta { color: #969696; font: 11px/16px "DroidSansRegular", Arial, Helvetica, sans-serif; } .comment-list li article div p { color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } .comment-list li.children { margin: 0px 0px 20px 100px; } .comment-list li.children article { width: 420px; float: right; } .comment-list li a.reply { /*float: right;*/ color: #3a3a3c; text-shadow: 1px 1px 0px #fee87d; font: 11px/31px "DroidSansRegular", Arial, Helvetica, sans-serif; margin: 20px 0px 0px; text-align: center; display: block; background: url(images/reply-btn.png) top no-repeat; width: 85px; height: 31px; } .comment-list li a.reply:hover { background-position: bottom; } #comment-form { width: 432px; } #comment-form fieldset { margin: 0px 0px 20px; } #comment-form label { color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; display: block; margin: 0px 0px 10px; } #comment-form label span { color: #C33; } #comment-form .comment-field { color: #3d4041; font: 12px/15px "DroidSansRegular", Arial, Helvetica, sans-serif; border: none; padding: 10px; background: url(images/input-fields.png) no-repeat; width: 189px; height: 15px; } #comment-form textarea { color: #3d4041; font: 12px/16px "DroidSansRegular", Arial, Helvetica, sans-serif; resize: none; border: none; padding: 10px; background: url(images/textarea.png) no-repeat; width: 412px; height: 212px; } #comment-form .button { cursor: pointer; margin: 0px 0px 30px; float: right; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; width: 112px; height: 40px; border: none; background: url(images/button.png) top no-repeat; } #comment-form .button:hover { background-position: bottom; } #comment-form p { float: left; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } #comment-form p span { color: #C33; } /** 404Page **/ #error-page { background: url(images/404.png) left top no-repeat; padding: 100px 0px 0px 300px; min-height: 800px; } #error-page h4 { text-shadow: 1px 1px 0px #fff; margin: 0px 0px 20px; color: #7f7f7f; font: 28px "DroidSansRegular", Arial, Helvetica, sans-serif; } #error-page p { margin: 0px 0px 20px; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } #error-page .button { float: right; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; width: 112px; height: 40px; background: url(images/button.png) top no-repeat; } #error-page .button:hover { background-position: bottom; } /** About Page **/ .about-post { margin: 0px 0px 20px; } .about-post .text { float: left; width: 500px; height: auto; text-align: justify; color: #3d4041; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; } .about-post .text a.button { margin-left: 10px !important; margin-bottom: 0px !important; margin-top: 10px !important } .about-post figure { line-height: 0px; float: right; width: 300px; height: auto; -webkit-box-shadow: 1px 1px 1px 0px #bbb; -moz-box-shadow: 1px 1px 1px 0px #bbb; box-shadow: 1px 1px 1px 0px #bbb; } .our-team {} .our-team ul {} .our-team ul li { width: 300px; margin: 0px 30px 20px 0px; overflow: hidden; float: left; } .our-team ul li:nth-child(2n) { margin-right: 0px; } .our-team ul li figure { margin-right: 10px; float: left; width: 130px; } .our-team ul li figure a img { -webkit-box-shadow: 1px 1px 1px 0px #bbb; -moz-box-shadow: 1px 1px 1px 0px #bbb; box-shadow: 1px 1px 1px 0px #bbb; } .our-team ul li .text {} .our-team ul li .text h6 { margin: 0px 0px 5px; color: #3d4041; font: bold 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; } .our-team ul li .text h6 a { color: #3d4041; } .our-team ul li .text p { text-align: justify; color: #3d4041; font: 11px/16px "DroidSansRegular", Arial, Helvetica, sans-serif; } .our-team ul li .text p cite { color: #969696; margin: 0px 0px 10px; display: block; } .about-page #home-services { width: 630px; } .about-page #home-services .hire-me p { width: 480px; font-size: 13px !important; line-height: 20px !important; } .about-page #home-services div article { margin: 0px 30px 20px 0px; } .about-page #home-services div article:nth-child(2n) { margin-right: 0px !important; } /** Page **/ #page { width: 960px; } #page p { margin: 0px 0px 20px; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } #page p a { color: #3d4041; text-decoration: underline; font-style: italic; } #page p a:hover { text-decoration: none; } #page p strong { font: bold 12px "DroidSansRegular", Arial, Helvetica, sans-serif; } #page blockquote { width: 500px; margin: 0px auto 20px; padding: 20px 20px 0px 0px; background: url(images/quote.png) right top no-repeat; } #page blockquote p { text-align: center; padding: 0px 0px 20px 20px; background: url(images/quote.png) left bottom no-repeat; color: #3d4041; font: bold italic 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } #page .one-two { width: 465px; margin-right: 30px; float: left; } #page .one-two:last-child { margin-right: 0px; } #page .one-three { width: 300px; margin-right: 30px; float: left; } #page .one-three:last-child { margin-right: 0px; } #page .two-three { width: 600px; margin-right: 30px; float: left; } #page .two-three:last-child { margin-right: 0px; } #page img { /*border: 1px solid #b3b3b3;*/ box-shadow: 1px 1px 0px 0px #b3b3b3; } /** Contact Page **/ .contact-page p { float: left; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } .contact-page p a { color: #3d4041; text-decoration: underline; font-style: italic; } /** Buttons **/ .green-btn { background: url(images/green-btn.png) top no-repeat; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #e2f44a; text-align: center; width: 112px; height: 40px; } .green-btn:hover { background-position: bottom; color: #3a3a3c; } .blue-btn { background: url(images/blue-btn.png) top no-repeat; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #4ae8fc; text-align: center; width: 112px; height: 40px; } .blue-btn:hover { background-position: bottom; color: #3a3a3c; } .orange-btn { background: url(images/orange-btn.png) top no-repeat; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #feea84; text-align: center; width: 112px; height: 40px; } .orange-btn:hover { background-position: bottom; color: #3a3a3c; } .white-btn { background: url(images/white-btn.png) top no-repeat; display: block; color: #3a3a3c !important; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #fff; text-align: center; width: 112px; height: 40px; } .white-btn:hover { background-position: bottom; color: #3a3a3c; } /** Alerts **/ .green-alert { padding: 0px 10px; margin-bottom: 10px; box-shadow: 0px 1px 1px 1px #ccc; color: #3a3a3c; font: 12px/32px "DroidSansRegular", Arial, Helvetica, Sans-Serif !important; text-shadow: 1px 1px 0px #e2f44a; text-align: center; border-radius: 5px; border: 1px solid #36a300; background: url(images/green-alert-bg.png) repeat-x; } .green-alert span { display: inline-block; width: 100%; background: url(images/icon-alert-green.png) left center no-repeat, url(images/icon-alert-green.png) right center no-repeat; } .blue-alert { padding: 0px 10px; margin-bottom: 10px; box-shadow: 0px 1px 1px 1px #ccc; color: #3a3a3c; font: 12px/32px "DroidSansRegular", Arial, Helvetica, Sans-Serif !important; text-shadow: 1px 1px 0px #4ae8fc; text-align: center; border-radius: 5px; border: 1px solid #016075; background: url(images/blue-alert-bg.png) repeat-x; } .blue-alert span { display: inline-block; width: 100%; background: url(images/icon-alert-blue.png) left center no-repeat, url(images/icon-alert-blue.png) right center no-repeat; } .orange-alert { padding: 0px 10px; margin-bottom: 10px; box-shadow: 0px 1px 1px 1px #ccc; color: #3a3a3c; font: 12px/32px "DroidSansRegular", Arial, Helvetica, Sans-Serif !important; text-shadow: 1px 1px 0px #feea84; text-align: center; border-radius: 5px; border: 1px solid #ae6b0c; background: url(images/orange-alert-bg.png) repeat-x; } .orange-alert span { display: inline-block; width: 100%; background: url(images/icon-alert-orange.png) left center no-repeat, url(images/icon-alert-orange.png) right center no-repeat; } .red-alert { padding: 0px 10px; margin-bottom: 10px; box-shadow: 0px 1px 1px 1px #ccc; color: #3a3a3c; font: 12px/32px "DroidSansRegular", Arial, Helvetica, Sans-Serif !important; text-shadow: 1px 1px 0px #fa5e6d; text-align: center; border-radius: 5px; border: 1px solid #970000; background: url(images/red-alert-bg.png) repeat-x; } .red-alert span { display: inline-block; width: 100%; background: url(images/icon-alert-red.png) left center no-repeat, url(images/icon-alert-red.png) right center no-repeat; } /** List Stylez **/ ul.ul-style-1, ul.ul-style-2, ul.ul-style-3, ul.ul-style-4 { margin: 0px 0px 20px 20px; } ul.ul-style-1 a, ul.ul-style-2 a, ul.ul-style-3 a, ul.ul-style-4 a { color: #3d4041; } ul.ul-style-1 li { margin: 0px 0px 5px; padding: 0px 0px 0px 20px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; background: url(images/ul-styles.png) 0px 2px no-repeat; } ul.ul-style-2 li { margin: 0px 0px 5px; padding: 0px 0px 0px 20px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; background: url(images/ul-styles.png) 0px -12px no-repeat; } ul.ul-style-3 li { margin: 0px 0px 5px; padding: 0px 0px 0px 20px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; background: url(images/ul-styles.png) 0px -25px no-repeat; } ul.ul-style-4 li { margin: 0px 0px 5px; padding: 0px 0px 0px 20px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; background: url(images/ul-styles.png) left -37px no-repeat; } /** Accordion **/ .accordion { margin: 0px 0px 20px; } .accordion h6 { cursor: pointer; background: #ebeaea; border: 1px solid #cecece; padding: 0px 10px; font: 12px/30px "DroidSansRegular", Arial, Helvetica, sans-serif; color: #3d4041; } .accordion h6 a { color: #3d4041; display: inline-block; background: url(images/plus.png) right center no-repeat; width: 100%; outline: none; } .accordion .pane { background: #fff; padding: 10px; border-right: 1px solid #cecece; border-left: 1px solid #cecece; } .accordion .pane.last { border-bottom: 1px solid #cecece; } .accordion .pane p { color: #a8a8a8 !important; margin: 0px !important; } .accordion h6.current { border-bottom: none; background: #fff; } /** Toggle **/ .toggle { margin: 0px 0px 20px; } .toggle h6 { margin: 0px 0px 10px; cursor: pointer; background: #ebeaea; border: 1px solid #cecece; padding: 0px 10px; font: 12px/30px "DroidSansRegular", Arial, Helvetica, sans-serif; color: #3d4041; } .toggle h6 a { color: #3d4041; display: inline-block; background: url(images/plus.png) right center no-repeat; width: 100%; outline: none; } .toggle .pane { margin-top: -10px; margin-bottom: 10px; background: #fff; padding: 10px; border-right: 1px solid #cecece; border-left: 1px solid #cecece; border-bottom: 1px solid #cecece; } .toggle .pane.last { border-bottom: 1px solid #cecece; } .toggle .pane p { color: #a8a8a8 !important; margin: 0px !important; } .toggle h6.current { border-bottom: none; background: #fff; } /** Tabs **/ .tab { margin: 0px 0px 20px; } .tab .tabs { overflow: hidden; } .tab .tabs h6 { cursor: pointer; float: left; background: #ebeaea; border: 1px solid #cecece; margin-right: 12px; padding: 0px 20px; font: 12px/30px "DroidSansRegular", Arial, Helvetica, sans-serif; color: #3d4041; } .tab .tabs h6 a {} .tab .panes { background: #fff; border: 1px solid #cecece; padding: 10px; margin-top: -1px; } .tab .panes p { color: #a8a8a8 !important; } .tab .tabs h6.current { background: #fff; border-bottom: 1px solid #fff !important; } .tab .panes .tab-pane p:last-child { margin: 0px !important; } /** Thumb Slider **/ #slider_thumbnail { width: 958px; margin: 20px auto; } /** Career Listing **/ #career-listing {} #career-listing > p { font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; line-height: 20px; color: #3d4041; margin: 0px 0px 20px; } #career-listing blockquote { width: 500px; margin: 0px auto 20px; padding: 20px 20px 0px 0px; background: url(images/quote.png) right top no-repeat; } #career-listing blockquote p { text-align: center; padding: 0px 0px 20px 20px; background: url(images/quote.png) left bottom no-repeat; color: #3d4041; font: bold italic 18px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } .career-single { color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; pos } .career-single div.pane { background: #fff; padding: 0px 10px 20px; margin: 0px 0px 20px; } .career-single h4 { margin-bottom: 20px; background: #fff url(images/arrow-down.png) 600px center no-repeat; line-height: 40px; padding: 0px 10px; } .career-single h4.current { margin-bottom: 0px; background: #fff url(images/arrow-up.png) 600px center no-repeat; } .career-single h4 a { color: #3d4041; } .career-single p { margin-bottom: 20px; } .career-single p span { color: #b3b3b3; } .career-single ul { margin-left: 0px !important; m } .career-single ul li { margin-bottom: 20px !important; } .career-single .one-three { width: 290px; margin-right: 30px; float: left; } .career-single .one-three:last-child { margin-right: 0px; } .career-single a.button { float: none !important; margin: 0px !important; } /** Flickr **/ .flickr {} .flickr a { display: inline-block; line-height: 0px; margin: 10px; border: 2px solid #b3b3b3; } .flickr a:hover { border-color: #fdd560; } .flickr a img {} /** Twitter **/ .tweet {} .tweet li { padding: 0px 0px 0px 40px; line-height: 20px !important; margin: 0px 0px 20px; background: transparent url(images/twitter_bird.png) left top no-repeat; border: 0px !important; } .tweet li span { float: none !important; color: #383838 !important; } .tweet .tweet_text { color: #383838; display: block; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; } .tweet .tweet_text a { display: inline; color:#737271; border-bottom: 1px dotted #737271 !important; } .tweet .tweet_text a:hover { border-bottom: 1px dotted #fff !important; color: #fff; } .tweet .tweet_time { color: #d4d4d4; font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; } .tweet .tweet_time a { color:#737271; border-bottom: 1px dotted #737271; } .tweet .tweet_time a:hover { border-bottom: 1px dotted #fff; color: #fff; } /** Testimonial **/ .testimonials article .testimonial-arrow { overflow: hidden; background: url(images/test-arrow.png) no-repeat; width: 21px; height: 22px; position: absolute; z-index: 5; bottom: 33px; left: 31px; } .testimonials article { height: 225px !important; position: relative; float: left; margin-bottom: 20px; } .testimonials article:nth-child(2n) { margin-left: 20px; } .testimonials article .testimonial-text { width: 278px; height: 150px; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; overflow: hidden; background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', gradientType='0'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); background: -o-linear-gradient(top, #eeeeee 1%,#ffffff 64%,#ffffff 100%); background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; } .testimonials article .client-name { position: absolute; bottom: 0px; left: 15px; } .testimonials article p { color: #3d4041; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; margin: 0px !important; } .testimonials article a { display: block; font: 12px "DroidSansRegular" Arial, Helvetica, sans-serif; color: #787878; } .testimonials article a:hover { text-decoration: underline; } .testimonials article .client-name p { font-weight: bold; } /** Demo **/ .demo-cont { float: left; width: 630px; } .demo-sidebar { float: right; width: 300px; } .demo-sidebar > div { margin: 0px 0px 20px; } .button-styles { overflow: hidden; } .button-styles a { margin: 0px 10px 10px 0px; float: left; } .list-styles .ul-style-1 li, .list-styles .ul-style-2 li, .list-styles .ul-style-3 li, .list-styles .ul-style-4 li { border: 0px; line-height: 14px !important; } .list-styles .ul-style-1 a, .list-styles .ul-style-2 a, .list-styles .ul-style-3 a, .list-styles .ul-style-4 a { padding: 0px !important; display: inline !important; margin: 0px !important; border: none !important; background: none !important; } /** ISOTOP **/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }