/* ************************************************ Theme Name: GrungExperience Theme URI: Description: GrungExperience is a flexible premium template with unique grunge design suitable for Grungexperience and personal websites Author: Strangerr and Weblusive Author URI: http://www.weblusive.com License: See on zip package License URI: See on zip package Version: 1.2 Tags: light ************************************************ */ /****************** GLOBAL SETTINGS **************/ * {margin:0; padding:0; list-style:none; color:#484848; line-height:22px} img{border:none} a{outline:none} h1, h2, h3, h4, h5, h6{font-family:Arial, Helvetica, sans-serif; color:#484848; font-weight: normal; margin-bottom:10px} h1{font-size:32px; line-height:40px} h2{font-size:24px; line-height:30px} h3{font-size:18px; line-height:24px;} h4{font-size:16px; line-height:22px;} h5{font-size:15px; line-height:20px} h6{font-size:13px; line-height:18px} p{ line-height:1.6em; font-size:13px} li{line-height:1.6em} .clear {clear:both; float:none} .code, .pre {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E0E0E0;overflow: auto;padding: 10px;line-height:20px;white-space: pre-wrap} .code {background: url("images/code_bg.gif") repeat scroll 0 0 #F2F3F5;padding: 0px 10px;} .last{margin-right:0 !important} /**********************************************************/ /******************* FONT FACES ***************************/ @font-face { font-family: 'BebasNeueRegular'; src: url('fonts/bebas/bebasneue-webfont.eot'); src: url('fonts/bebas/bebasneue-webfont.eot?#iefix') format('eot'), url('fonts/bebas/bebasneue-webfont.woff') format('woff'), url('fonts/bebas/bebasneue-webfont.ttf') format('truetype'), url('fonts/bebas/bebasneue-webfont.svg#webfontX0YNjQNl') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NotethisRegular'; src: url('fonts/notethis/Note_this-webfont.eot'); src: url('fonts/notethis/Note_this-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/notethis/Note_this-webfont.woff') format('woff'), url('fonts/notethis/Note_this-webfont.ttf') format('truetype'), url('fonts/notethis/Note_this-webfont.svg#NotethisRegular') format('svg'); font-weight: normal; font-style: normal; } /**********************************************************/ /******************* BODY BACKGROUND **********************/ html>body {font-size:12px} body{background:#f5f5f5 url('images/bg.png') ; font-size:75%; font-family:Arial, Helvetica, sans-serif;} /*********************************************************/ #container {margin:0px auto; width:960px; } #content{min-height:400px; padding-bottom:50px} #header {width: 960px; padding-bottom:30px} .logo {float:left; margin-top:36px} /********************** TOP MENU **************************/ #navbar {width:960px; height:91px; background-image:url('images/menu_bg.png'); float:left; margin-top:20px; position:relative; margin-bottom: 20px; } .menu {float:left !important;} /*.menu li {display:inline;} .menu li a {font-size:18px;color:#dadada;text-decoration:none;line-height:22px; height:22px; display:block; float:left; margin-right:32px; } .menu li a:hover {border-bottom:1px solid #999;padding-bottom:6px;} #menu_active a {color:#fff}*/ /*-- ESSENTIAL STYLES --*/ .sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;} .sf-menu {line-height:1.0; padding:2px 0 0 12px;} .sf-menu ul {position:absolute; top:-999em; width:11em;} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left;position:relative;} .sf-menu a {display:block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.2em; /* match top ul list item height */z-index:9999} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top: 0} /*----- SKIN -----*/ .sf-menu {float: right} .sf-menu li.top > a {font-size:18px;color:#dadada;text-decoration:none; padding:0px 20px; display:block; line-height:85px; height:85px;} .sf-menu a:hover, .sub-menu li:last-child a:hover{} ul.sf-menu .sub-menu{margin-top:40px; background:transparent url('images/submenu_bottom.png') no-repeat bottom; padding:12px 0px 12px 0px; width:197px !Important;} ul.sf-menu > li.top{position:relative} ul.sf-menu > li.top > a{font-size:18px} ul.sf-menu{/*background:url('img/menu_divider.png') no-repeat left;*/ } .sf-menu .sub-menu li{line-height:30px; height:30px; padding:0px 16px; background:#252424; width:165px !important} .sf-menu .sub-menu li:first-child{padding-top:8px; position:relative; } .sf-menu .sub-menu li:last-child{padding-bottom:8px} .sf-menu .sub-menu a{background:url('images/submenu_bullet.png') no-repeat left; display:block; font-size:14px; text-transform:none; text-decoration:none; line-height:30px; height:30px; color:#999; padding-left:20px; font-family:"Times New Roman", Times, serif} .sf-menu li li {height:30px; line-height:30px} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0} /**********************************************************/ /********************* SEARCH BAR ************************/ #searchbar, #searchbar2 {float:right; width:412px; height:40px; margin:26px 0px 0px 0px} #searchbar input[type="text"], #searchbar2 input[type="text"]{border:none;float:left;background:url('images/search_input.png') no-repeat; width:260px; height:32px; line-height:32px; padding:4px 6px; color:#2f2f2f; text-transform:uppercase} #searchbar button, #searchbar2 button {width:120px;height:40px;cursor:pointer;background:url('images/search_btn.png') no-repeat;font-size:18px;color:#383838; border:none; text-transform:uppercase} .searchbar button.btn:hover {color: #000;} /*********************************************************/ /******************* NIVO SLIDER *************************/ .slider-wrapper {background:url('images/slider_frame.png') no-repeat;margin:0 auto;width: 951px;height:353px; margin:22px 0px 30px 0px;position:relative; padding:15px 0px 0px 9px} .accordion-wrapper{width: 951px;height:316px; background-image:url('images/accordion_frame.png')} .nivoSlider {position:relative; } .nivoSlider img {position:absolute;top:0px;left:0px;} .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;} .nivo-slice {display:block;position:absolute;z-index:5;height:100%;} .nivo-box {display:block;position:absolute;z-index:5;} .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:8;} .nivo-caption p {padding:5px;margin:0;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;} .nivo-prevNav {left:0px} .nivo-nextNav {right:0px} .nivo-controlNav a {position:relative;right:6px;top:2px;z-index:9;cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;} /*---- Theme -----*/ .theme-default .nivoSlider {position:relative;background:url('images/loading.gif') no-repeat 50% 50%;} .theme-default .nivoSlider img {position:absolute;top:0px;left:0px;display:none} .theme-default .nivoSlider a {border:0;display:block;} .theme-default .nivo-controlNav {position:absolute;right:30px;bottom:-30px;} .theme-default .nivo-controlNav a {display:block;width:19px;height:20px;background:url('images/bullets.png') no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;} .theme-default .nivo-controlNav a.active {background-position:-19px 0px;} .theme-default .nivo-directionNav a {display:block;width:30px;height:30px;background:url('images/arrows.png') no-repeat;text-indent:-9999px;border:0;} .theme-default a.nivo-nextNav {background-position:-30px 0;right:24px;} .theme-default a.nivo-prevNav {left:15px;} .theme-default .nivo-caption {background-color:#fff;width:940px;height:72px;opacity:0.95;line-height:22px;font-size:18px;font-family:Bebas Neue;} .theme-default .nivo-caption a {border-bottom:1px dotted #fff;} .theme-default .nivo-caption a:hover {} .image-title {color:#373a3b; font-size:18px; letter-spacing:1px; float:left;width:140px;height:66px; background:url('images/slider_text_divider.png') no-repeat right center; padding-left:10px; padding-top:6px; margin-right:10px;line-height:24px;} .image-descr {width:750px;height:45px;line-height:25px;float:left;padding:6px 0 0 10px;overflow:hidden;} .image-descr, .image-descr p {font-size:13px;letter-spacing:1px;font-family:Arial, Helvetica, sans-serif;color:#393939;} /**********************************************************/ /********************* FEATURE BOX ************************/ .feature-box{background:url('images/features_bg.png') no-repeat top; width:260px; float:left; margin:12px 30px 30px 0px; position:relative; padding:20px; min-height:200px} .feature-box h4{color:#f8f8f8;font-size:18px;letter-spacing:2px;} .feature-box a.read-more{display:block; height:66px; width:300px; position:absolute; bottom:32px; left:0px; background:url('images/features_read_more.png') no-repeat } .feature-box a.read-more:hover{background-image:url('images/features_read_more_hover.png')} .feature-desc{height:80px; overflow:hidden} .feature-desc, .feature-desc a, .feature-desc p{font-size:13px;color:#f8f8f8;line-height:22px;} /**********************************************************/ /********************* MAIN QUOTE *************************/ #quote {background:url('images/quote.png') no-repeat left center; width:960px;padding:0px 0px 0px 60px;} #quote, #quote p, #quote span{font-size:30px} #quote p:last-child {font-size:30px;color:#4b4b4b;line-height:28px;letter-spacing:1px;background:url('images/quote.png') no-repeat right center; padding-right:40px;} .q1 {color:#a55051;} .q2 {color:#9ea495;} /**********************************************************/ .thick-block{background:url('images/border.png') no-repeat;width:868px;height:525px;overflow: hidden;; margin:50px 0px; padding:46px;} .service-block{border-bottom:3px solid #9b9b9b; padding-bottom:20px;margin-top:24px;} .service-block h3{font-size:20px;color:#484848; background-repeat:no-repeat; background-position:0px 0px; padding:12px 0 0 40px; height:30px} .service-block p{} .work-block {margin-top:26px} .image-container{background: url('images/latest_work_shadow.png') no-repeat bottom center; padding-bottom:9px; width:256px;} .work-block h2{color:#A15253; font-size:22px} .work-block img{border:solid 3px #67686b} .work-block a.read-more{display:block; text-decoration:none; text-transform:uppercase; text-align:center; width:99px; height:41px; line-height:36px; background:url('images/latest_work_readmore.png'); letter-spacing:1px;font-size:13px;color:#fcfbfb; margin-top:10px} .work-block a.read-more:hover {background:url('images/latest_work_readmore_hover.png')} .work-block a.read-more:active {background:url('images/latest_work_readmore_active.png')} /*********************** COLUMNS ***************************/ .one_half, .one_third, .two_third, .one_fourth , .three_fourth, .one_fifth, .four_fifth { float:left; margin-right:9%; /*margin-top:10px; margin-bottom:10px*/} .one_half { width: 45.5%; } .one_third { width: 29.16%; margin-right:6%} .two_third { width:63.32%; margin-right:7%} .one_fourth { width:21%; margin-right:5.3%} .one_fifth {width:16%; margin-right:5%; } .four_fifth { width: 75.2%; } .three_fourth { width:70%; } /**********************************************************/ /***************** CONTACT FORM WIDGET ********************/ #contactFormWidget{width:260px} #contactFormWidget label{font-size: 16px;letter-spacing:1px;color:#e9e9e9;padding-top:3px;padding-bottom:2px;display:block} #contactFormWidget input[type="text"]{width:246px; height:20px} #contactFormWidget textarea{width:220px; height:84px; float:left} #contactFormWidget input[type="text"], #contactFormWidget textarea{background-color:#303030;border:1px solid #787878;color:#f8f8f8;font-size:13px; padding:2px 4px} #contactFormWidget input[type="submit"]{width:25px; height:94px; background:url('images/send_btn.png') no-repeat; border:none; float:left; cursor:pointer; margin-left:4px} #contactFormWidget input[type="submit"]:hover {background:url('images/send_btn_hover.png')no-repeat;} #contactFormWidget input[type="submit"]:active {background:url('images/send_btn_active.png')no-repeat;} #contact-text{float:left; width:256px; margin:22px 0 0 20px;} #contact-text h4{font-size:22px;color:#f8f7f8;} #contact-text p{font-size:13px;line-height:22px;color:#f8f7f8;margin-top:10px} #toTop {width:110px; height:89px; position:absolute; bottom:56px; right:96px; display:none} #social-links {position:absolute;bottom:-8px;left:2px;clear:both;} #social-links a{float:left; margin-right:14px;} #get-in-touch{margin:5px 26px; width:33px; height:133px; float:left} /**********************************************************/ /********************* FOOTER MENU ************************/ #footer{padding-bottom:50px} .footer-block{width:300px; float:left; margin-left:30px} .footer-block * {color:#f6f4f5} .footer-block h3{font-size:22px; letter-spacing:0.8px;} .footer-block:first-child{margin-left:0} .footer-block-top{height:9px; background:url('images/footer_top_bg.png') repeat-x} .footer-block-center{min-height:80px; background:url('images/footer_center_bg.png') repeat-y; padding:10px 20px;} .footer-block-bottom{height:9px; background:url('images/footer_bottom_bg.png') repeat-x} .footerlinks {color:#a15253;font-size:16px;margin-top:17px;margin-left:3px;letter-spacing:1px;} .footer-block h3{color:#fefefe} .footerlinks li {display:inline;margin-right:16px;} .footerlinks li a {font-size:14px;color:#a15253;text-decoration:none;} .footerlinks li a:hover {padding-bottom:4px;border-bottom:1px solid #a15253;} .widgeterror{display:none} /**********************************************************/ .top-title{ background:url('images/top_title_bg_about.png') repeat-x bottom; display:block; height:40px; line-height:36px; font-size:40px; color:#a55051; padding-bottom:40px; letter-spacing:1px;margin:10px 0px} .page-title{margin-bottom:10px} .page-titles {font-size:22px;color:#484848;} h4.sub-title {font-size:16px; color:#9ea495;margin-top:-10px;} .top-title.type2{color:#484848; font-size:30px; display:block; letter-spacing:1px; text-align:left; background:none; padding-bottom:0; margin-bottom:16px} .inner-title{color:#484848; letter-spacing:1px} .inner-title.type2{ background:url('images/inner_title_bg.png') no-repeat left; padding-left:30px; font-size:30px; color:#a55051; font-style:italic} #portfolio-filter{ margin:30px 0px 0px 0px} #portfolio-filter li{display:block; float:left; background:url('images/portfolio_divider.png') no-repeat left center; padding:0px 20px 0px 24px; height:30px; line-height:35px} #portfolio-filter li:first-child{padding-left:0; background:none} #portfolio-filter li a{color:#484848; font-size:22px; text-transform:uppercase; text-decoration:none} #portfolio-filter li a.current{color:#A55051} #portfolio-list{margin-top:40px} #portfolio-list li{float:left; width:230px; margin:0px 13px 26px 0px; position:relative} #portfolio-list img{border:solid 7px #e5e5e5; width:198px; height:250px} .pcaption{background:url('images/portfolio_title.png') no-repeat center; text-align:center; width:211px; height:53px; position:absolute; bottom:7px; left:0px; } .pcaption p{padding:16px 20px;} .pcaption a{font-size:15px; color:#ffffff; text-decoration:none} /*.divider{height:28px; width:100%; background:url('images/divider.png') repeat-x; margin:40px 0px}*/ .divider2{height:1px; background:url('images/divider2.png') repeat-x; margin-bottom:10px} .divider3{height:8px; background:url('images/divider4.png') repeat-x; margin:10px 0px} .overlay{position:absolute; top:100px; left:74px; text-align:center; width:66px; height:66px; display:none; line-height:66px; text-decoration:none !important; color:#fff; font-size:12px; border-bottom:none} .overlay.zoom{background:url('images/zoom.png')} .overlay.video{background:url('images/play.png')} .overlay.zoom-icon{background:url('images/zoom2.png')} .overlay.external-icon{background:url('images/external.png')} .overlay.internal-icon{background:url('images/internal.png')} #portfolio-list.cols2 li{width:460px; margin:0px 39px 39px 0px; height:262px; overflow:hidden} #portfolio-list.cols2 img{width:448px; height:250px; border-width:6px} #portfolio-list.cols2 .pcaption{width:460px; background-image:url('images/portfolio_title2.png'); bottom:0px} #portfolio-list.cols2 .overlay{left:200px} #portfolio-list.cols3 li{width:294px; margin:0px 39px 39px 0px; height:262px; overflow:hidden} #portfolio-list.cols3 img{width:282px; height:250px; border-width:6px} #portfolio-list.cols3 .pcaption{width:294px; background-image:url('images/portfolio_title3.png'); bottom:0px} #portfolio-list.cols3 .overlay{left:112px} #portfolio-list.cols1 li{width:100%; margin:0px 0px 39px 0px;} #portfolio-list.cols1 img{width:614px; height:250px; border-width:6px} #portfolio-list.cols1 .work-image{float:left; margin-right:38px; width:626px} #portfolio-list.cols1 .work-desc{float:left; width:294px} #portfolio-list.cols1 .work-desc h2{color:#9ea495} #portfolio-list.cols1 .work-desc p{font-size:13px; color:#4e4e4e} #portfolio-list.cols1 .work-desc a.read-more{background:#646464; display:block; width:100px; height:27px; line-height:27px; font-size:14px; color:#fcfcfc; text-align:center; text-decoration:none; margin-top:10px; border-left:solid 1px #dbdada; border-right:solid 1px #a8a8a8} #contact-form {margin-top:20px} #contact-form label{font-size:18px; color:#484848; float:left; width:62px; margin-bottom:20px; height:38px; line-height:38px} #contact-form input[type="text"], #contact-form textarea{margin-bottom:20px; float:left; padding:2px 4px; border:solid 6px #e8e8e8; background:#fff; width:350px} #contact-form label.error{color:#fff; display:block; float:none; width:100%; font-size:12px; margin-bottom:0px; line-height:24px; height:24px} #contact-form input[type="text"]{ height:26px} #contact-form textarea { height:144px} #contact-form input[type="submit"], .widget #searchbar input[type="submit"]{float:right; background:#a55555; color:#f5f5f5; cursor:pointer; border:solid 1px #3e2e2e; padding:6px 12px; font-size:1em; text-transform:uppercase} #contact-address p, #contact-form p{line-height:24px; color:#8c8c8c} #contact-form div{clear:both} #contact-left{float:left; width:434px} #contact-right{float:left; margin-left:20px; margin-top:18px; width:500px} #registerErrors{background:#A55051; border:solid 3px #fff; padding:10px 20px; width:388px; margin-bottom:20px} #registerErrors.success-message{ background:url('images/success.png') no-repeat left; padding-left:20px; color:#060; font-weight:bold; border:none} #contact-details p, #contact-details span{color:#5a5a5a; font-size:16px; text-transform:uppercase} #contact-details span{color:#9a9a9a} .widgetinfo{display:none; background:url('images/success.png') no-repeat left; padding-left:16px} .blog-left{float:left; width:636px} .blog-left img{max-width:636px; max-height:auto} .blog-right{float:left; margin:36px 0 0 20px; width:300px} .post-title {margin-top:8px;} .post-title a{color:#545454; text-decoration:none} .post-block, .inner-block{margin-top:40px; background:url('images/post_divider.png') no-repeat bottom left; padding-bottom:20px} .post-block img, .post-block2 img, .inner-block img{border:solid 6px #b9b9b9} .post-block .post-img img{width:624px; height:254px} .post-block2 .post-img{background:#e5e5e5; height:256px; width:100%; display:block; text-align:center} .post-block2 img.no-image{width:auto; height:68px; padding:88px 73px 88px 73px} .post-block .post-img{background:#e5e5e5; text-align:center; display:block; height:266px; width:636px} .post-block img.no-image{width:auto; height:68px; padding:93px 243px} .post-desc{width:542px; float:left; font-size:13px; color:#888888; padding-bottom:10px} .post-desc p{color:#888} .inner-block {padding-bottom:0; position:relative} .inner-block .comment-block{ text-align:center; font-size:22px; color:#969696; padding-top:6px } .inner-block .post-desc{float:none; width:630px} .post-block .comment-block{background:url('images/comment_back.png') no-repeat; width:93px; height:75px; text-align:center; font-size:28px; text-shadow:#000 0px 2px 2px; color:#f4f4f4; padding-top:30px; float:right} .comment-caption{background:url('images/comment_bg.png') no-repeat; width:92px; height:29px; color:#f4f4f4; line-height:29px} .post-date, .post-author{font-family:"Times New Roman", Times, serif; font-size:14px; } .post-author{color:#a24c4c} .post-block a.read-more{background:#545454; padding:2px 4px;line-height:30px; color:#f3f3f3; font-size:16px; margin-left:10px; text-decoration:none} .post-block a.read-more:hover{background:#a55051; padding:2px 4px; color:#f3f3f3; font-size:16px; margin-left:10px; text-decoration:none} .post-block2{width:296px; float:left; height:460px; overflow:hidden; margin-right:44px; position:relative; margin-top:40px} .post-block2 img{width:284px; height:244px} .post-block2 h2.post-title{ background:url('images/blog_divider.png') no-repeat bottom; padding-bottom:10px; height:30px; overflow:hidden} .post-block2 h2.post-title a{font-size:20px; text-decoration:none} .post-block2 .comment-block, .inner-block .comment-block{background:url('images/comment_back2.png') no-repeat top; width:74px; height:72px; position:absolute; left:0px; top:0px} .post-block2 .comment-block. .inner-block .comment-block {color:#969696; font-size:22px; text-align:center; padding-top:8px; text-align:center} .post-block2 .comment-caption, .inner-block .comment-caption {font-size:13px; text-transform:uppercase; color:#444544; background:none; width:70px; text-align:center; letter-spacing:1px; margin-top:0px} .post-block2 a.read-more{display:block; float:left; width:132px; height:35px; text-align:center; background:url('images/read_more.png') no-repeat; color:#505153; font-family:"Times New Roman", Times, serif; font-size:14px; line-height:35px; text-transform:uppercase; letter-spacing:1px; text-decoration:none} .post-block2 .post-desc{float:none; width:315px; height:126px; overflow:hidden} .post-block2 .post-date, .inner-block .post-date{color:#505153; font-family:"Times New Roman", Times, serif; letter-spacing:1px; font-size:13px; float:left; display:block; line-height:35px; height:35px; margin-left:10px; font-style:italic} .inner-block .post-date{color:#000; font-style:normal; font-size:14px; float:none; margin-left:0} .post-block2 .comment-block{text-align:center; font-size:22px; color:#969696; padding-top:6px} /* -- Related Posts --*/ #related-posts{width: 630px; border-bottom:dotted 1px #a2a2a2; padding-bottom:20px} .related-posts li{width:50%;text-align:left;float:left;margin-bottom:20px;} .related-posts .list-post-desc{width:248px} .related-posts img{width:56px; height:56px;} .related-posts .list-post-desc a{color:#888} .related-posts {list-style:none; margin:20px 0px} .widget{background:url('images/widget_back.png') no-repeat 0px 4px; padding-left:36px; margin-bottom:30px} .widget h3{font-size:25px; color:#484848; margin-bottom:20px} .widget li{padding:6px 0px} .widget li a{text-decoration:none; text-transform:uppercase; font-size:18px; color:#9ea495} .widget li a:hover{text-decoration:none; text-transform:uppercase; font-size:18px; color:#333;} .widget li a:hover, #categories li a.active{color:#a55051} #recent-posts span{display:block; color:#a55051; font-size:14px} .widget #searchbar{float:none; width:auto} .widget #searchbar input[type="text"]{background:#f6f6f6; float:left; height:26px; line-height:26px; padding:2px 4px; width:175px; border:solid 1px #bbbbbb; border-right:none; text-transform:none} .widget #searchbar button{padding:0px 0px 4px 0px; float:left; background:#dbdad7; border:none; color:#383838; cursor:pointer; height:32px; line-height:28px; width:80px; font-size:13px; font-family:"Times New Roman", Times, serif} .about-image{border:solid 1px #939393;float:left; width:164px;} /*-- Tag Cloud Widget--*/ #wp_tag_cloud div {line-height: 1.6em;} /*-- Calendar Widget--*/ #wp-calendar {width: 100%;} #calendar_wrap {background: #eee; border: 2px solid #ddd;padding: 10px;} #wp-calendar caption {color: #9EA495;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: center;} #wp-calendar thead {font-size: 11px;} #wp-calendar thead th {font-weight:bold;} #wp-calendar thead tr{background:url('images/tab_separator.png') repeat-x center; height:30px; line-height:30px; margin-bottom:6px} #wp-calendar tbody {color: #111;} #wp-calendar tbody td {background: #f2f2f2;text-align: center; font-size:12px; border:solid 1px #ddd} #wp-calendar tfoot a{font-size:12px; color:#333; text-decoration:none; border-bottom:dotted 1px #333} #wp-calendar tbody td a{display:block;text-decoration:none;color:#fff; background:#A24C4C} #wp-calendar tbody .pad {background: none; border:none} #wp-calendar tfoot #next {text-align: right;} /*------ Spacing -------*/ .top0{margin-top:0px} .top5{margin-top:5px} .top10{margin-top:10px} .top15{margin-top:15px} .top20{margin-top:20px} .top25{margin-top:25px} .top30{margin-top:30px} .top40{margin-top:40px} .top50{margin-top:50px} .top80{margin-top:80px} .top100{margin-top:100px} .bottom0{margin-bottom:0px} .bottom5{margin-bottom:5px} .bottom10{margin-bottom:10px} .bottom15{margin-bottom:15px} .bottom20{margin-bottom:20px} .bottom25{margin-bottom:25px} .bottom30{margin-bottom:30px} .bottom40{margin-bottom:40px} .bottom50{margin-bottom:50px} .left0{margin-left:0px} .left5{margin-left:5px} .left10{margin-left:10px} .left15{margin-left:15px} .left20{margin-left:20px} .left25{margin-left:25px} .left30{margin-left:30px} .left40{margin-left:40px} .left50{margin-left:50px} .right0{margin-right:0px} .right5{margin-right:5px} .right10{margin-right:10px} .right15{margin-right:15px} .right20{margin-right:20px} .right25{margin-right:25px} .right30{margin-right:30px} .right40{margin-right:40px} .right50{margin-right:50px} /*----------------------*/ /*----- Dropcaps -----*/ .dropcap{color:#5c5c5c; font-size:13px} .dropcap span{float:left; background-repeat:no-repeat; background-position:top; display:block; float:left; width:36px; height:30px; padding-top:8px; margin:0px 10px 0px 0px; font-size:24px; color:#f3f3f3; text-align:center; padding-top:6px} .dropcap.type1 span{background-image:url('images/dropcap1.png')} .dropcap.type2 span{background-image:url('images/dropcap2.png')} .dropcap.type3 span{background-image:url('images/dropcap3.png'); color:#959595} .dropcap2{background-repeat:no-repeat;; position:relative; font-size:16px; font-style:italic; font-family:"Times New Roman", Times, serif; color:#727272; line-height:24px} .dropcap2 span{display:block; font-size:30px; font-family:"Times New Roman", Times, serif; font-style:italic; color:#fff} .dropcap2.topright{background-image:url('images/dropcap_tr.png'); background-position:right top;} .dropcap2.topright span{width:75px; height:34px; float:right; padding:66px 0 0 25px} .dropcap2.topleft{background-image:url('images/dropcap_tl.png'); background-position:left top;} .dropcap2.topleft span{width:60px; height:34px; float:left; padding:66px 0 10px 53px} .dropcap2.topcenter{background-image:url('images/dropcap_tc.png'); background-position:top center;} .dropcap2.topcenter span{width:100%; height:32px; padding:6px 0 20px 0; text-align:center} /*----------------------*/ /*------ Buttons ------*/ .button{font-size:18px; letter-spacing:1px; display: inline-block;zoom: 1;*display: inline;vertical-align: baseline;margin: 0 2px;outline: none;border:none;cursor: pointer;text-align: center;text-decoration: none; min-width:124px; height:36px; line-height:36px; color:#f4f4f4} .button.small{min-width:0px; padding:0px 12px; height:30px; line-height:30px} .rounded{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px} .button.round {height: 52px; width: 51px; min-width:51px; line-height:52px; background-repeat:no-repeat; color:#fff; font-size:16px} .ok-button{background-image:url('images/button_ok.png'); color:#a15454 !important} .yes-button{background-image:url('images/button_yes.png')} .go-button{background-image:url('images/button_go.png')} .next-button{background-image:url('images/button_next.png')} .submit-button{background-image:url('images/button_submit.png'); font-size:13px !important} .live-button{background-image:url('images/button_live.png')} .red-back{border-top:solid 1px #d6b6b6; border-bottom:solid 1px #bd8d8e; background: #aa5a5a;background: -webkit-gradient(linear, left top, left bottom, from(#aa5a5b), to(#9c4c4c));background: -moz-linear-gradient(top, #aa5a5b, #9c4c4c);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa5a5b', endColorstr='#9c4c4c');color:#f4f4f4} .green-back{border:solid 1px #373737; background: #5fab7c;background: -webkit-gradient(linear, left top, left bottom, from(#5fab7c), to(#519c6d));background: -moz-linear-gradient(top, #5fab7c, #519c6d);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fab7c', endColorstr='#519c6d');color:#f4f4f4} .navy2-back{border:solid 1px #373737; background: #9aa862;background: -webkit-gradient(linear, left top, left bottom, from(#9aa862), to(#8b9953));background: -moz-linear-gradient(top, #9aa862, #8b9953);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9aa862', endColorstr='#8b9953');color:#f4f4f4} .blue-back{border:solid 1px #373737; background: #5a91aa;background: -webkit-gradient(linear, left top, left bottom, from(#5a91aa), to(#4b829b));background: -moz-linear-gradient(top, #5a91aa, #4b829b);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a91aa', endColorstr='#4b829b');color:#f4f4f4} .darkgrey-back{border-top:solid 1px #cecece; border-bottom:solid 1px #979797; background: #868686;background: -webkit-gradient(linear, left top, left bottom, from(#868686), to(#565656));background: -moz-linear-gradient(top, #868686, #565656);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#868686', endColorstr='#565656');color:#f4f4f4} .grey-back{border-top:solid 1px #cececf; border-bottom:solid 1px #b1b1b1; background: #909090;background: -webkit-gradient(linear, left top, left bottom, from(#909090), to(#828282));background: -moz-linear-gradient(top, #909090, #828282);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090', endColorstr='#828282');color:#f4f4f4 } .lightgrey-back{border-top:solid 1px #ededed; border-bottom:solid 1px #e1e0e0; background: #dfdfdf;background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#d0d0d0));background: -moz-linear-gradient(top, #dfdfdf, #d0d0d0);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#d0d0d0');color:#6f6f6f } .black-back{border-top:solid 1px #b7b6b6; border-bottom:solid 1px #656565; background: #545454;background: -webkit-gradient(linear, left top, left bottom, from(#545454), to(#0a0a0a));background: -moz-linear-gradient(top, #545454, #0a0a0a);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545454', endColorstr='#0a0a0a');color:#f4f4f4; } .navy-back{border-top:solid 1px #d3d4cf; border-bottom:solid 1px #bcbfb7; background: #a3a99b;background: -webkit-gradient(linear, left top, left bottom, from(#a3a99b), to(#959b8c));background: -moz-linear-gradient(top, #a3a99b, #959b8c);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a99b', endColorstr='#959b8c');color:#f4f4f4; } .brown-back{border:solid 1px #4c290f; background: #8d5227;background: -webkit-gradient(linear, left top, left bottom, from(#8d5227), to(#7f4419));background: -moz-linear-gradient(top, #8d5227, #7f4419);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d5227', endColorstr='#7f4419');color:#f4f4f4} .white-back{border:solid 2px #535353; background: #f1f1f1;background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#cbcbcb));background: -moz-linear-gradient(top, #f1f1f1, #cbcbcb);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#cbcbcb');color:#585858; min-width:120px; height:32pz} .red{color:#a55051} .grey{color:#9ea495} /*----------------------*/ /*---- Blockquotes ----*/ blockquote.type1{border:solid 6px #e5e5e5; font-size:20px; color:#4b4b4b; background:#fff; padding:4px 10px; line-height:28px} blockquote span, blockquote p{font-size:20px} blockquote.type2{background:#fff url('images/quote_left.png') no-repeat 6px 8px; border:solid 1px #cccccc; padding:14px 6px 6px 24px} blockquote.type2 p{ padding:0px 10px 6px 0px; background:#fff url('images/quote_right.png') no-repeat 100% 100%; font-size:20px; font-style:italic; line-height:24px; font-family:"Times New Roman", Times, serif; color:#4f4f4f} /*----------------------*/ /*----- Pullquotes -----*/ .pullquote{font-size:13px; line-height:24px; font-style:italic; width:190px; color:#888} .pullquote.left{border-left:solid 4px #a55051; padding-left:20px; margin:10px 10px 10px 0px; float:left;} .pullquote.right{border-right:solid 4px #a55051; padding-right:20px; margin:10px 0px 10px 10px; float:right;} /*----------------------*/ /*--- Headings Demo ----*/ .headings-showcase p{float:left} .headings-showcase span{float:right} .headings-showcase li {border-top:solid 1px #e0e0e0; clear:both; padding:10px 0px} .headings-showcase li:first-child{border-top:none} /*----------------------*/ /*------- LISTS ---------*/ ul.type1 li{background:url('images/list1.png') no-repeat left; padding-left:14px; line-height:24px} ul.type2 li{background:url('images/list2.png') no-repeat left; padding-left:14px; line-height:24px} ul.type3 li {border-bottom:solid 1px #e0e0e0; padding-top:10px; padding-bottom:10px} /*----------------------*/ /*----- Highlight -----*/ .italic *{font-family:"Times New Roman", Times, serif; font-size:16px; font-style:italic; color:#727272} .highlight{color:#ffffff; padding:0px 4px} .highlight.type1{background:#a55051} .highlight.type2{background:#575757} .highlight.type3{background:#93977f} /*----------------------*/ /*------ Toggles ------*/ div.toggle-trigger {padding: 4px 4px 8px 8px;height: 33px;line-height: 33px;background:url('images/toggle_bg.png') repeat-x bottom; } div.toggle-trigger:hover{border-color:#aaa;} div.toggle-trigger a {padding-right:36px;color: #555;line-height: 33px;text-decoration: none;display: block;outline:none;font-size: 18px;background: url('images/toggle_inactive.png') no-repeat right;text-shadow:none;} div.toggle-trigger.active a{background: url('images/toggle_active.png') no-repeat right;} .toggle-container {padding: 10px; background:#fff; border:solid 6px #d3d3d3} .toggle-container .block p {margin: 5px 0;} /*----------------------*/ /*-------- Tabs --------*/ #tabs {font-size: 90%;margin: 20px 0; } #tabs ul.tab-top {float: left;width: 500px;padding-top: 4px;} #tabs ul.tab-top li {margin-left: 8px;list-style: none; position:relative} * html #tabs ul.tab-top li {display: inline;} #tabs ul.tab-top li, #tabs ul.tab-top li a {float: left;} #tabs ul.tab-top li.active {background:url('images/tab_arrow.png') no-repeat bottom; padding-bottom:4px} #tabs ul.tab-top li.active a {color: #9c5455; } #tabs div.pane {background: #fff;clear: both;padding: 15px;min-height: 100px;} #tabs ul.tab-top li a {text-decoration: none;padding: 8px;font-size:18px} #tabs.type2 ul.tab-top{width:104%; background:#dfe1dc; padding-top:2px;} #tabs.type2 ul.tab-top li{background:#dfe1dc; margin-left:2px; padding:0;} #tabs.type2 ul.tab-top li.active{background:#eee; border-right:solid 2px #dddddd; } #tabs.type2 div.pane {background:#eeeeee; border:solid 2px #dddddd; border-top:none; padding-bottom:8px; width:91%} #tabs.type2 ul.tab-top li a{font-size:12px; color:#484848; font-family:"Times New Roman", Times, serif; padding:8px 14px} #tabs.type2 div.tab-bottom{height:8px; background:url('images/tab_bottom_bg.png') repeat-x; width:105% } /*----------------------*/ .frame{border:solid 4px #67686b;} .with-icon{padding-left:30px; background-position:left; background-repeat:no-repeat} .magnify-icon{background-image:url('images/icons/01_icon.png')} .star-icon{background-image:url('images/icons/02_icon.png')} .recycle-icon{background-image:url('images/icons/03_icon.png')} .hand-icon{background-image:url('images/icons/04_icon.png')} .lamp-icon{background-image:url('images/icons/05_icon.png')} .calendar-icon{background-image:url('images/icons/06_icon.png')} .web-icon{background-image:url('images/icons/07_icon.png')} .images-icon{background-image:url('images/icons/08_icon.png')} .clue-icon{background-image:url('images/icons/09_icon.png')} .calculator-icon{background-image:url('images/icons/10_icon.png')} .attachment-icon{background-image:url('images/icons/11_icon.png')} .addfile-icon{background-image:url('images/icons/12_icon.png')} .photo-icon{background-image:url('images/icons/13_icon.png')} .tools-icon{background-image:url('images/icons/14_icon.png')} .globe-icon{background-image:url('images/icons/15_icon.png')} .clock-icon{background-image:url('images/icons/16_icon.png')} .home-icon{background-image:url('images/icons/17_icon.png')} .wait-icon{background-image:url('images/icons/18_icon.png')} .list-icon{background-image:url('images/icons/19_icon.png')} .meter-icon{background-image:url('images/icons/20_icon.png')} .mail-icon{background-image:url('images/icons/21_icon.png')} .tools2-icon{background-image:url('images/icons/22_icon.png')} .plane-icon{background-image:url('images/icons/23_icon.png')} .right-icon{background-image:url('images/icons/24_icon.png')} #gallery-wrapper{width:280px; height:264px; background:url('images/footer_left.png') no-repeat; padding:26px 20px 14px 0px} /********* 404 Page *********/ #error-page{margin:0px auto; width:960px; text-align:center; padding-bottom:100px} #error-image{background:url('images/error404.png') no-repeat; width:523px; height:120px; margin:170px auto 20px auto; text-align:center} #error-page h3{color:#a3a3a3} #error-page h4.go-back{font-size:20px; color:#474747; background:url('images/arrow.png') no-repeat bottom center; padding-bottom:44px} #error-divider{width:130px; height:2px; margin:10px auto; background:url('images/error_divider.png') no-repeat} #error-page ul.footerlinks a{font-size:18px} /****************************/ /************************** COMMENTS ******************************/ ol.commentlist { list-style:none; margin:0; padding:0; } ol.commentlist li {border-top:solid 1px #dcdcdc; margin:0 0 10px; position:relative; padding:10px 0px} ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li.comment-author{font-size:20px;} ol.commentlist li .comment-date{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#393939; margin-left:50px} ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; } ol.commentlist li div.vcard cite.fn{margin-left:50px} ol.commentlist li div.vcard cite.fn, cite.fn a.url { font-size: 20px; color:#888888; font-family:"Times New Roman", Times, serif; font-weight:normal} ol.commentlist li div.vcard cite.fn a.url {font-weight:bold; text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar {position:absolute; left:0px; top:14px; } ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px;position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { text-decoration:none; } ol.commentlist li p { font-weight:normal; font-size: 13px; color:#888} ol.commentlist li ul { font-weight:normal; font-size: 12px; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li div.reply{} ol.commentlist li div.reply a { display:block; font-size:12px; color:#a55051; font-weight:bold} ol.commentlist li ul.children {border-top:solid 1px #dcdcdc; list-style:none; margin:12px 0 0; text-indent:0; padding-left:52px} ol.commentlist li ul.children li{ background:none; border:none; } ol.commentlist li ul.children li.depth-2 { margin:10px 0 3px; } ol.commentlist li ul.children li.depth-3 { margin:10px 0 3px; } ol.commentlist li ul.children li.depth-4 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-5 { margin:28px 0 3px; } ol.commentlist ul.children li.odd {} ol.commentlist ul.children li.even {} ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } a.comment-date{color:#555;font-size:12px;text-decoration:none;} #commentform {width:490px} #commentform input[type="text"], #commentform textarea{float:left; margin:0px 10px 20px 0px;width:282px; background:#fff; border:solid 1px #aba9aa; height:30px; line-height:30px; padding:2px 4px} #commentform textarea{width:482px; height:136px; float:none; margin-bottom:10px} #commentform label{display:block; float:left; font-family:"Times New Roman", Times, serif; font-size:16px; color:#767676; height:35px; line-height:35px} #commentform input[type="submit"]{float:right; letter-spacing:1px; cursor:pointer; border:none; color:#454545; background:url('images/read_more.png') no-repeat; font-size:15px; font-family:"Times New Roman", Times, serif; width:132px; height:35px; text-align:center;} #commentform div{clear:both} #discussion{font-size:34px; color:#9ea495; margin:20px 0 0 0} #comments{font-size:13px; color:#a3a3a3; margin-bottom:20px} #respond h3{font-size:24px; color:#a55051; border-bottom:solid 1px #dcdcdc; padding-bottom:20px; margin-bottom:26px} #author-block{margin:75px 0px} #author-block h3{color:#888888; font-size:20px; margin-bottom:6px} #author-block p {font-size:13px; color:#888888} #author-frame{float:left; margin-right:16px; width:109px; height:107px; padding:6px 4px 5px 7px; background:url('images/author_frame.png') no-repeat} #author-info{float:left; width:520px} /*******************************************************************/ /************************ PRICING TABLES **************************/ #pricing-table-1, #pricing-table-2{margin:40px 0px; } #pricing-table-1 .column, #pricing-table-2 .column{position:relative;float:left;text-align:center;margin-right:16px;} #pricing-table-1 .column{width:204px;background: #fdfdfd; border:solid 1px #dfdfdf;padding:20px 10px 20px 10px;} #pricing-table-2 .column{margin-right:0; width:238px;background: #f9f9f9;padding-bottom:20px; background: #fdfdfd;background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f3f3f3));background: -moz-linear-gradient(top, #fdfdfd, #f3f3f3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f3f3f3');} #pricing-table-1 .column.last-item, #pricing-table-2 .column.last-item{margin-right:0;} #pricing-table-1 .column:hover{-moz-box-shadow: 0 0 10px #CCC;-webkit-box-shadow: 0 0 10px #CCC;box-shadow: 0 0 10px #CCC;-moz-border-radius:6px;border-color:#DBDBDB;} #pricing-table-2 .column:hover{background:#fafafa} #pricing-table-1 ul, #pricing-table-2 ul{list-style:none;padding-bottom:20px;} #pricing-table-1 ul{border-top:dotted 1px #ccc} #pricing-table-2 ul{padding-bottom:40px;} #pricing-table-1 h2{font-size:26px; color:#a55051; letter-spacing:2px} #pricing-table-1 p{font-family:"Times New Roman", Times, serif; font-size:24px; color:#4a4a4a; letter-spacing:2px} #pricing-table-2{border:solid 2px #ebebeb; max-width:952px} #pricing-table-2 h2{ padding:10px 10px 12px 10px; color:#8d8d8d; font-size:24px; text-transform:uppercase; border-bottom:solid 4px #a55051; letter-spacing:1px} #pricing-table-2 .column span{display:block; margin-top:4px; color:#a55051; font-size:20px; font-family:"Times New Roman", Times, serif; letter-spacing:1px} #pricing-table-1 li, #pricing-table-2 li{background:url('images/table1_divider.png') no-repeat bottom center; padding:10px 0px; font-size:14px; font-family:"Times New Roman", Times, serif; color:#595959; line-height:30px; letter-spacing:1px} /*******************************************************************/ /********************** ROUNDABOUT SLIDER *************************/ .roundabout-holder { padding: 0; height: 360px; list-style: none; width:70%; margin:0px auto} /*.roundabout-moveable-item { cursor: pointer; } .roundabout-moveable-item a{background:transparent url('images/slider2_frame.png') no-repeat top center; padding:14px 45px 26px 45px; display:block; width:353px; height:303px} .roundabout-moveable-item img{z-index:999; width: 353px; height:303px;} .roundabout-moveable-item .movtitle{color:#fff; font-size:16px; text-shadow:#000 0px 1px 1px; font-style:italic; padding-bottom:20px} .roundabout-in-focus { cursor: auto; border:0}*/ ul#roundabout { margin: 0 auto; list-style: none; width: 550px; height:365px; list-style:none outside none; margin:0 auto; padding-left:0; width:550px; } .roundabout-moveable-item { border:solid 8px #252424; /*padding:20px 45px;*/ text-align:center; /*background:transparent url('images/slider2_frame.png') no-repeat top center; */ height: 303px; overflow: hidden; width: 353px ; text-align:center; margin-top: -8px; margin-left: -7px; } .roundabout-in-focus { height: 345px; } .roundabout-moveable-item img { width:100%; } #carousel-container{position:relative; width:960px; margin:0px auto} #carouselprev, #carouselnext {background: url("images/prev.png") no-repeat; height: 23px;width: 14px; position: absolute; bottom: 185px;} #carouselprev { left: 0} #carouselnext{background-image: url("images/next.png"); right: 0; } /*******************************************************************/ /*----- Ad Banners -----*/ .banner{background:#F8F8F8;border:solid 1px #CCC;} .banner img{padding:0;} .banner a{text-align:center;text-decoration:none;outline:none;} .banner-88x31, .banner-88x31 img{width:88px;height:31px;} .banner-120x60, .banner-120x60 img{width:120px;height:60px;} .banner-120x90, .banner-120x90 img{width:120px;height:90px;} .banner-120x240, .banner-120x240 img{width:120px;height:240px;} .banner-120x600, .banner-120x600 img{width:120px;height:600px;} .banner-125x125, .banner-125x125 img{width:125px;height:125px;} .banner-160x600, .banner-160x600 img{width:160px;height:600px;} .banner-234x60, .banner-234x60 img{width:234px;height:60px;} .banner-425x425, .banner-425x425 img{width:425px;height:425px;} .banner-425x500, .banner-425x500 img{width:425px;height:500px;} .banner-425x600, .banner-425x600 img{width:425px;height:600px;} .banner-468x60, .banner-468x60 img{width:468px;height:60px;} .banner-728x90, .banner-728x90 img{width:728px;height:90px;} #slider-container{width:960px;margin:0px auto;} /*----- Frames -----*/ .frame { padding:4px; border:solid 1px #d0d0d0; text-align:center} .alignright,img.alignright,a img.alignright { float:right; margin:0px 0 10px 15px; text-align:right} .alignleft,img.alignleft,a img.alignleft { float:left; margin:0px 15px 10px 0; text-align:left} .aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px} .frame,.small_frame { display:inline-block;} .frame img{ padding:4px; margin:0; display:block;} .small_frame img { padding:3px; margin:0;} .frame.shadow{-moz-box-shadow:0px 0px 2px 2px #CCC;} .frame span.frame-title{font-style:italic;color:#000;padding:0px 6px;font-size:12px;text-align:right !important;} .image-frame{padding:4px;border:solid 1px #ccc;} .frame img{border-width:1px} /*----- Popular Posts -----*/ .list-post-thumb{float:left;width:53px; height:53px; padding:3px 4px 3px 2px; margin-right:10px; background:url('images/tablist_image.png') no-repeat} .list-post-desc{float:right;width:170px; height:59px; overflow:hidden} .list-post-desc p{line-height:20px; font-size:12px; padding-top:4px} .list-post-desc span{font-size:11px; color:#999} ul.popular-posts{padding-left:0;} ul.popular-posts div.add-info{height:30px; line-height:30px; background:url('images/tab_separator.png') repeat-x; margin-top:8px} .popular-posts li{list-style:none;padding:8px 0px; } .popular-posts li:first-child{padding-top:0} .popular-posts img, .list-post-thumb img{width:54px; height:54px; margin-bottom:0} .list-post-desc a{font-size:13px !important;text-decoration:none;padding:0;line-height:18px;display:block; text-transform:none !Important; font-weight:bold; color:#323232} .by-author{font-size:11px;} /*********************** TWITTER WIDGET ****************************/ #twitter_update_list li{font-size:16px; background:url('images/twitbird.png') no-repeat 0px 6px; padding-left:20px} .twitter-content a{color:#eee;} .twitter-date{ font-size:11px; color:#ddd; display:block} .twitter-content{color:#f6f4f5; font-size:12px; padding:6px 0 6px 0; background:url('images/twit_divider.png') no-repeat bottom} #twitter_update_list li span a{margin:10px 0px} #twitter_update_list {padding:0;} #twitter_update_list li span{font-size:15px;} .twitbird{width:37px;height:33px;} .twitter li{list-style-image:none} .fctitle{position:absolute; z-index:40; width:110px; text-align:center; font-size:11px; font-weight:bold} .twitter-widget h2{padding-left:48px;height:48px;} /*******************************************************************/ /************************* PAGINATION *****************************/ .wp-pagenavi{padding:10px;margin:0px 0px 30px 0px;} .wp-pagenavi .pages { display:none !important; padding: 0 13px;} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current {font-size:16px; background:#d3d3d3; text-decoration:none;color:#524c4b;padding: 4px 8px; text-decoration:none;margin-right:6px;} .wp-pagenavi span.current, .wp-pagenavi a:hover {background:#9ea495; color:#fff} .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first, .wp-pagenavi a.last { display: none!important; } #breadcrumb-container {color:#333;position:absolute;right:2px;top:4px;} #breadcrumb-container a, #breadcrumb-container span{color:#333;font-size:12px;text-transform:none;} /*******************************************************************/ /********************** UNDER CONSTRUCTION *************************/ body#coming-soon {background-color:#f8f8f8; height:100%} #coming-soon h3 {font-size:18px; color:#9a2e2b; letter-spacing:1px; float:left; margin-left:15px; margin-top:15px;} /*- COUNTDOWN WIDGET -*/ #countdown {background-image:url('images/coming-soon/countdown_bg.png');width:800px;height:210px;margin-top:25px;position:relative;} #time {color:#aeaeae;font-size:28px;letter-spacing:2px; position:absolute; top:0px; left:0px; width:100%} #time * {color:#aeaeae} #time div{float:left; width:160px; height:120px; text-align:center; margin:86px 0 0 0px;} .days, .hours, .minutes, .seconds{width:170px;height:160px;float:left; margin:20px 0 0 40px;} .days {background-image:url('images/coming-soon/days_bg.png'); margin-left:0px;} .hours {background-image:url('images/coming-soon/hours_bg.png'); } .minutes {background-image:url('images/coming-soon/minutes_bg.png')} .seconds {background-image:url('images/coming-soon/seconds_bg.png')} #time div span{display:block; text-align:center; margin-top:20px; } .day-container{margin-left:6px !important} .hour-container{margin-left:52px !important} .minute-container{margin-left:52px !important} .second-container{margin-left:50px !important} /*- SUBSCRIBE FORM - */ .subscribe, .aboutus{margin-bottom:150px} .subscribe {margin-top:25px;} #subscribeform {float:left;margin:7px 0 0 15px;} .zemail {background:#f8f8f8;width:240px;height:21px;border:5px solid #333;margin-top:20px;} .btn {width:110px;height:31px;background:#333;text-transform:uppercase;border:2px solid #330;font-size:14px;letter-spacing:1px;color:#f8f8f8; margin:20px 0px 0px 2px} .zemail, .btn{float:left} .btn:hover {background:#9a2e2b;cursor:pointer;} .btn:active {background:#666;} #socials {margin:17px 0 0 3px;} #socials a img {margin-left:11px;} /*- GENERAL STRUCTURE AND HEADERS -*/ #coming-soon #wrapper {background-image:url('images/coming-soon/texture.png') repeat-x bottom; min-height: 100%; margin: 0px auto; width:800px; min-height: 100%;height: auto !important;height: 100%;margin: 0 auto 37px;} .uc-logo {display:block;margin:0 auto;position:relative;top:100px;} .maintitle {font-size:40px;color:#222339;letter-spacing:1px;text-align:center;display:block;margin-top:200px;text-transform:uppercase} .titlemessage {font-size:22px;letter-spacing:1px;color:#222339;text-align:center;background:url('images/coming-soon/arrow.png') no-repeat right;padding-right:16px;height:39px;line-height:39px;width:404px;margin:0px auto} .aboutus {width:394px;height:158px;clear:both;float:left;margin-top:25px;} .description {font-family:"Times New Roman", Times, serif;font-size:14px;color:#4f4c3f;line-height:26px;font-style:italic;float:left;margin-left:15px;margin-top:20px} #cs-footer {clear:both;background:url('images/coming-soon/footer_bg.png') repeat-x;height:37px; } /*******************************************************************/ .flickr_badge_image {float: left; background:url('images/gallery_frame.png') no-repeat; padding:6px; float:left; margin:0px 0px 18px 18px; width:109px; height:105px} .flickr_badge_image img{width:109px; height:106px} /************************ ACCORDION GALLERY ****************************/ .kwicks {list-style: none;position: relative;margin: 0 0 26px 0;padding: 0;} .kwicks li{/* these are required, but the values are up to you (must be pixel) */width: 350px;height: 300px;/*do not change these */display: block;overflow: hidden;padding: 0; } .kwicks.horizontal li {margin-right: 0px;float: left;background: #000 url('images/loader.gif') no-repeat 50% 50%;} .kwicks.vertical li{margin-bottom: 5px; /*Set to same as spacing option. */ } .kwicks li img{max-height:310px !important;} .kwickshadow {z-index: 10;background: url('images/kwickshadow.png') repeat-y;position: absolute;right: 0px;height: 310px;width: 27px;} .slideimage {float:left;padding:0;margin:0} .slide-minicaption {bottom:60px;left:0px;float:left;position:absolute;color:#fff;padding:10px 10px 10px 15px;font-size:10px;line-height:18px;background:#222;width: 120px;} .slide-minicaptiontitle {font-size:13px; letter-spacing:0; color:#fff; display:block;line-height:16px;} .slidecaption {top:90px;left:0px;position:absolute;color:#fff;padding:15px;font-size:12px;line-height:18px;background:#111;width: 460px;height:106px;overflow:hidden;} .slidecaption p{color:#DDD;padding-bottom:20px;} .slidecaption a {color:#fff; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;} .slidecaption a:hover {text-decoration:none;} .slidecaptiontitle {font-size:18px; font-weight:bold; color:#fff; display:block;padding-bottom:10px; line-height:22px;} .slidecaptiontitle a {color:#fff;} .slidecaptiontitle a:hover {color:#fff; text-decoration:none;} /***********************************************************************/ #slider3d{position:absolute; width:1200px; left:50%; top:0px; margin-top:20px; margin-bottom:20px; background:url('images/shadow2.png') no-repeat center 250px} #slider-mainwrap{position:relative; height:400px} #copyright{font-size:12px; font-family:"Times New Roman", Times, serif; color:#535353; letter-spacing:1px; text-align:center} .social{text-align:center} .social li{display:inline; padding-left:16px} .social li:first-child{padding-left:0} #footer-social{margin-top:40px} #uc-right{float:right;/*background-image:url('images/coming-soon/box_bg.png');*/width:380px;} /*-- Replace regular font --*/ h1, h2, h3, h4, h5, h6, .button, blockquote.type1, .toggle-trigger a, #tabs.type1 li a, #search-button2, #navbar #search-button, .quote-text, #quote, #quote span, #quote p, .post-block a.read-more, .work-block a.read-more, .widget_categories li a, .widget_categories span, #portfolio-filter li a, #portfolio-list.cols3 p, #portfolio-list.cols4 p, .footerlinks, .comment-block, .comment-caption, #contactFormWidget label, #contact-form label, #contact-form input#send, .sf-menu li.top > a, #contact-details p, #contact-details span, .pcaption a, .wp-pagenavi a, .wp-pagenavi span, .maintitle, .aboutustitle, .subscribetitle, .btn, .time { font-family: 'BebasNeueRegular'; } .titlemessage, .cd-time{font-family:NotethisRegular} /************************ SITEMAP STYLES **************************/ /* -------- Top Level --------- */ .sitemap ul{list-style:none;} .sitemap a{text-decoration:none;} .primary-navigation {margin: 0;float: left;width: 100%;} .primary-navigation #home {display: block;float: none;background: url('images/tree/L1-left.png') center bottom no-repeat;position: relative;z-index: 2;padding: 0 0 30px 0;} .primary-navigation li {float: left;background: url('images/tree/L1-center.png') center top no-repeat;padding: 30px 0;margin-top: -30px;} .primary-navigation li a {margin: 0 20px 0 0;padding: 12px 30px;display: block;font-size: 12px;text-align: center;color: #333; background: url('images/tree/white-highlight.png') top left repeat-x;background-color: #fff;border:dotted 1px #e0e0e0; } .primary-navigation li a:hover{background-color: #f0f0f0;} .primary-navigation li:last-child {background: url('images/tree/L1-right.png') center top no-repeat;} /* -------- Second Level --------- */ .sitemap .primary-navigation li li {width: 100%;clear: left;margin-top: 0;padding: 20px 0 0 0;background: url('images/tree/vertical-line.png') center bottom repeat-y;} .sitemap .primary-navigation li li a {padding:5px 6px;color:#555;} .sitemap .primary-navigation li li a:hover {} .sitemap .primary-navigation li li:first-child {padding-top: 30px;} .sitemap .primary-navigation li li:last-child {background: url('images/tree/vertical-line.png') center bottom repeat-y;} .sitemap .primary-navigation li li a:link:before, .sitemap .primary-navigation li li a:visited:before {color: #8faf5c;} /* -------- Third Level --------- */ .sitemap .primary-navigation li li ul {margin: 10px 0 0 0;width: 100%;float: right;padding: 9px 0 10px 0;background: url('images/tree/L3-ul-top.png') center top no-repeat;} .sitemap .primary-navigation li li li {background: url('images/tree/L3-center.png') left center no-repeat;padding: 5px 0;} .sitemap .primary-navigation li li li a {font-size: 12px;padding: 5px 0;width: 80%;float: right;} .sitemap .primary-navigation li li li a:hover {background-color: #fffce5;border-color: #d1b62c;} .sitemap .primary-navigation li li li:first-child {padding: 15px 0 5px 0;background: url('images/tree/L3-li-top.png') left center no-repeat;} .sitemap .primary-navigation li li li:last-child {background: url('images/tree/L3-bottom.png') left center no-repeat;} .sitemap .primary-navigation li li li a:link:before, .sitemap .primary-navigation li li li a:visited:before {color: #ccae14;font-size: 9px;} .sitemap {margin: 40px 0;float: left;width: 100%;} /* ----- Utility Navigation ------*/ .sitemap #utilityNav {float: right;max-width: 50%;margin-right: 10px;} .sitemap #utilityNav li {float: left;margin-bottom: 10px;} .sitemap #utilityNav li a {margin: 0 10px 0 0;padding: 5px 10px;display: block; border: 2px solid #e3ca4b;font-size: 12px;font-weight: bold;text-align: center;color: black;background: #fff7aa url('images/tree/white-highlight.png') top left repeat-x;} .sitemap #utilityNav li a:hover {background-color: #fffce5;border-color: #d1b62c;} .sitemap #utilityNav li a:link:before, .sitemap #utilityNav li a:visited:before {color: #ccae14;font-size: 9px;margin-bottom: 3px;} ul.sidebar-list{list-style:none;margin:10px 0px;} ul.sidebar-list li{height:40px;line-height:40px;border-bottom:dotted 1px #CCC;padding-left:4px;} ul.sidebar-list a{ text-decoration:none;color:#333;font-size:14px;} ul.sidebar-list a:hover{color:#777;} .sitemap .sub-menu{background: none;margin-top: 0;width: 160px !important;} .sitemap .sub-menu li{height:52px;} /*******************************************************************/ .wp-caption{} .wp-caption-text{} .sticky{} .gallery-caption{} .bypostauthor {} #logo-image { width: 265px; } .logo { margin-top: 0px; } .page-title { display: none; } #content p { font-family: 'Annie Use Your Telescope'; font-size: 16px; } .home .dhmscountdown { color: #cc0000; background: url('images/counterback.png') no-repeat center center; background-size: cover; display: inline-block; width: 632px; height: 85px; padding-top: 35px; } #content { padding-bottom: 0px; } .home #content { margin-bottom: -65px; } a.toplink { float: right; margin-top: 50px; margin-right: 40px; font-family: 'Annie Use Your Telescope'; font-size: 38px; text-decoration: none; color: #000000; cursor: default; } .current-menu-item a { color: #3adcc4 !important; }