/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ @import url(http://fonts.googleapis.com/css?family=PT+Sans); @import url("base.css"); /* Default Reset, Typography, Forms, etc. */ @import url("skeleton.css"); /* 960 Grid + Media Query Layouts */ @import url("jquery-ui-1.9.2.custom.css"); @import url("superfish.css"); @import url("jquery.tweet.css"); @import url("jquery.fancybox.css"); @import url("tipsy.css"); @import url("shortcodes.css"); /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #HEADER ================================================== */ * { margin:0; padding:0; } body { font-family:Arial,Tahoma,Verdana; font-size:12px; background:#fff; color:#666666; margin:0; padding:0; } .wrapper { position:relative; width:auto; max-width:960px; height:100%; margin:0 auto; background:#fff; box-shadow: 0 0 9px rgba(0, 0, 0, 0.5); } h1, h2, h3, h4, h5, h6 { font-family:"PT Sans", Verdana, Tahoma, serif; color:#4c4c4c; font-weight: normal; } h1 { font-size:26px; line-height:30px; } h2 { font-size:24px; line-height:34px; } h3 { font-size:22px; line-height:32px; } h4 { font-size:20px; line-height:30px; } h5 { font-size:18px; line-height:26px; } h6 { font-size:16px; line-height:24px; } .header { width:100%; height:67px; background:url(../images/cream_dust.png); border-bottom:3px solid #E31C1C; } .header .logo { margin-left:0px; z-index:1000; } .navigation ul#nav { position:absolute; top:-7px; right:24px;} .navigation ul#nav li a.home { background:url(../images/menu/menu_home.png) center left no-repeat; } .navigation ul#nav li a.home:hover, .navigation ul#nav li.active a.home { background:url(../images/menu/menu_home_active.png) center left no-repeat; } .navigation ul#nav li a.features { display:block; background:url(../images/menu/menu_features.png) center left no-repeat; } .navigation ul#nav li a.features:hover, .navigation ul#nav li.active a.features { background:url(../images/menu/menu_features_active.png) center left no-repeat; } .navigation ul#nav li.sfHover a.features.sf-with-ul { background:url(../images/menu/menu_features_active.png) center left no-repeat; } .navigation ul#nav li a.portfolio { display:block; background:url(../images/menu/menu_portfolio.png) center left no-repeat; } .navigation ul#nav li a.portfolio:hover, .navigation ul#nav li.active a.portfolio { background:url(../images/menu/menu_portfolio_active.png) center left no-repeat; } .navigation ul#nav li.sfHover a.portfolio.sf-with-ul { background:url(../images/menu/menu_portfolio_active.png) center left no-repeat; } .navigation ul#nav li a.blog { display:block; background:url(../images/menu/menu_blog.png) center left no-repeat; } .navigation ul#nav li a.blog:hover, .navigation ul#nav li.active a.blog { background:url(../images/menu/menu_blog_active.png) center left no-repeat; } .navigation ul#nav li.sfHover a.blog.sf-with-ul { background:url(../images/menu/menu_blog_active.png) center left no-repeat; } .navigation ul#nav li a.shop { display:block; background:url(../images/menu/menu_shop.png) center left no-repeat; } .navigation ul#nav li a.shop:hover, .navigation ul#nav li.active a.shop { display:block; background:url(../images/menu/menu_shop_active.png) center left no-repeat; } .navigation ul#nav li a.contact { display:block; background:url(../images/menu/menu_contact.png) center left no-repeat; } .navigation ul#nav li a.contact:hover, .navigation ul#nav li.active a.contact { background:url(../images/menu/menu_contact_active.png) center left no-repeat; } .header .navigation select { display:none; } .featured { position:relative; background:url(../images/debut_light.png); border-bottom:1px solid #ccc; box-shadow:0 0 4px #B8B8B8; z-index:10;} .featured .ads_text {margin-top:20px; } .featured .buy_button a { margin-top:35px; margin-right:10px; float:right; } .featured #arrow { position:absolute; top:-6px; left:7px; width:20px; height:17px; background:url(../images/featured_arrow.png); } .featured .ads_text h4 span { color:#E31C1C; } .featured .social_and_breadcrumb { position:relative; margin-top:20px; } .featured .social_and_breadcrumb ul.social_bar { float:right; } .featured .social_and_breadcrumb ul.social_bar li { float:left; } .featured .social_and_breadcrumb ul.breadcrumb { clear:both; float:right; margin-top:-22px; } .featured ul.breadcrumb li { float:left; position:relative; padding-right:10px; margin-right:5px; } .featured ul.breadcrumb li a { color:#4c4c4c; border-bottom: 1px dotted #929292; text-decoration:none; text-shadow:1px 1px #fff; } .featured ul.breadcrumb li.current a { font-weight:bold; text-decoration:none; border-bottom:none; color:#E31C1C; } .featured ul.breadcrumb li:after { position:absolute; display:block; right:0; top:0; width:5px; height:20px; content:" "; background:url(../images/breadcrumb_arrow.png) center center no-repeat; } .featured ul.breadcrumb li:last-child { margin-right:0; padding-right:0; } .featured ul.breadcrumb li:last-child:after { display:none; } .featured.inner { margin-bottom:30px; } .featured.inner .ads_text { margin-top:15px; } .title { position:relative; width:100%; height:36px; background:url(../images/main_bgr_pattern.gif); margin-bottom:10px; } .title h2 { width:127px; height:36px; /*background:url(../images/title_bg.png) no-repeat;*/ background:#E31C1C; font-size:14px; color:#fff; text-align:center; border-right:2px solid #fff; } .title a.link { position:absolute; top:10px; right:10px; color: #E31C1C; display: block; font-size: 12px; text-decoration: none; padding-left:5px; padding-right:5px; padding-top:3px; } .title a.link { padding-bottom:3px; background:#fff; } .title a.link span { background: url("../images/more.png") no-repeat scroll right top transparent; display: inline-block; height: 7px; padding-left: 5px; width: 5px; } /* #HOME ================================================== */ .slider { position:relative; width:100%; height:345px; margin-top:0px; border-bottom:5px solid #E31C1C; z-index:10; margin:0; padding:0; } .slider .flexslider { position:absolute; top:0; left:0; width:100%; height:345px; background:#fafafa; margin:0; padding:0; } .slider .flexslider .flex-control-paging { display:none; } .slider .flexslider .slides a { text-decoration:none; } .slider .flexslider .slides li { position:relative; height:345px; } .slider .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .slider .flexslider .slides .flex-caption { position:absolute; left:0px; top:70px; width:390px; font-size:15px; padding:45px 10px 5px 10px; } .slider .flexslider .slides .flex-caption { color:#98c549; font-weight:bold; } .slider .flexslider .slides .flex-caption h2 { color:#eaeaea; font-size:21px; font-weight:bold; margin-bottom:3px; background:#E31C1C; color:#fff; padding-left:5px; margin-left:10px; } .slider .flexslider .slides .flex-caption p { font-size:12px; color:#929292; line-height:16px; font-weight:normal; background:#333; color:#fff; padding:5px; margin-right:25px; margin-left:10px; } .slider .flexslider .slides .flex-control-paging { position:absolute; top:25px; right:10px; list-style:none; } .slider .flexslider .slides .flex-control-paging li { float:left; margin-right:5px; } .slider .flexslider .slides .flex-control-paging li a { display:block; cursor:pointer; width:30px; height:5px; background:#fff; font-size:0; } .slider .flexslider .slides .flex-control-paging li a.flex-active { background:#86ae3f; } .slider .flexslider .slides .flex-direction-nav a { display:block; float:left; width:40px; height:45px; padding:5px 5px 5px 5px; font-size:0; } .slider .flexslider ul.flex-direction-nav a.flex-prev { display:block; position:absolute; width:30px; height:30px; left:0px; top:140px; background:url(../images/slider_prev_normal.png); } .slider .flexslider ul.flex-direction-nav a.flex-prev { font-size:0; text-indent:-4000; } .slider .flexslider ul.flex-direction-nav a.flex-prev:hover { background:url(../images/slider_prev.png); } .slider .flexslider ul.flex-direction-nav li a.flex-next { display:block; width:30px; height:30px; position:absolute; right:0px; top:140px; } .slider .flexslider ul.flex-direction-nav li a.flex-next { background:url(../images/slider_next_normal.png); font-size:0; text-indent:-4000; } .slider .flexslider ul.flex-direction-nav a.flex-next:hover { background:url(../images/slider_next.png); } #inner_featured { position:relative; margin-top:-14px; margin-bottom:30px; width:100%; background:url(../images/debut_light.png); border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4; box-shadow: 0 0 9px #B8B8B8 inset; } #inner_featured .featured .ads_text h4 { color:#3c3c40; font-size:24px; margin-top:7px; } #inner_featured #search { float:right; width:140px; margin-top:19px; box-shadow:0 1px 2px rgba(0,0,0,0.3); border-radius:3px;} .services { margin-top:30px; } .services .service img { float:left; margin-right:10px; margin-bottom:10px; padding-top:7px; } .recent_work .flex-direction-nav .flex-prev { position:absolute; top:5px; right:42px; width:26px; height:26px; } .recent_work .flex-direction-nav .flex-prev { background:url(../images/prev_normal.png); font-size:0; text-indent:-4000; } .recent_work .flex-direction-nav .flex-prev:hover { background:url(../images/prev.png); } .recent_work .flex-direction-nav .flex-next { position:absolute; top:5px; right:14px; width:26px; height:26px; } .recent_work .flex-direction-nav .flex-next { background:url(../images/next_normal.png); font-size:0; text-indent:-4000; } .recent_work .flex-direction-nav .flex-next:hover { background:url(../images/next.png); } .recent_work .project a.img img { width:100%; height:100%; background:#fff; padding:0px; } .recent_work .project a.img img:hover { background:#000; opacity:0.5; } .recent_work .project a.img { position:relative; } .recent_work .project a.img span.category { position:absolute; bottom:5px; left:0px; background:#E31C1C; color:#fff; padding:5px 8px 5px 8px; font-size:12px; } .recent_work .project a.img span.category { text-decoration:none; z-index:100; } .recent_work .project a.more { display:block; color:#E31C1C; font-size:12px; font-weight:bold; text-decoration:none; margin-top:5px; } .recent_work .project a.more:hover { text-decoration:underline; } .recent_work .project a.more span.arrow { display:inline-block; width:5px; height:7px; background:url(../images/more.png) top right no-repeat; padding-left:5px; } .home_services .tabs_nav li a {padding-top:13px; } .home_services .tab_container { border-right:none; border-left:none; margin-top:37px; } .home_services .tab_container .service { margin-bottom:2px; } .home_services .tab_container .service img { float:left; margin-top:5px; margin-right:15px; margin-bottom:10px; } .home_services .service a.more { display:inline-block; color:#E31C1C; font-size:12px; font-weight:bold; text-decoration:none; margin-top:5px; } .home_services .service a.more:hover { text-decoration:underline; } .home_services .service a.more span.arrow { display:inline-block; width:5px; height:7px; background:url(../images/more.png) top right no-repeat; padding-left:5px; } .latest_news .posts .post { border-bottom:1px solid #d5d5d5; margin-top:15px; } .latest_news .posts .post .details { height:25px; } .latest_news .posts .post .details .date { display:block; clear:right; float:left; width:90px; height:20px; background:url(../images/date.png) center left no-repeat; } .latest_news .posts .post .details .date { padding-left:23px; color:#E31C1C; } .latest_news .posts .post .details .comment { display:block; float:left; width:120px; height:20px; background:url(../images/comment.png) center left no-repeat; } .latest_news .posts .post .details .comment { padding-left:23px; color:#E31C1C; } .latest_news .posts .post a.more { display:block; color:#E31C1C; font-size:12px; font-weight:bold; text-decoration:none; margin-top:5px; } .latest_news .posts .post a.more:hover { text-decoration:underline; } .latest_news .posts .post a.more span.arrow { display:inline-block; width:5px; height:7px; background:url(../images/more.png) top right no-repeat; padding-left:5px; } .home_featured_clients { position:relative; background:#f3f3f3; height:80px; } .home_featured_clients ul li { height:80px; } .home_featured_clients .flex-direction-nav a.flex-prev { position:absolute; top:0; left:0; width:15px; height:80px; background:url(../images/clients_prev.png); font-size:0; } .home_featured_clients .flex-direction-nav a.flex-prev:hover { background:url(../images/clients_prev_hover.png); } .home_featured_clients .flex-direction-nav a.flex-next { position:absolute; top:0; right:0; width:15px; height:80px; background:url(../images/clients_next.png); font-size:0; } .home_featured_clients .flex-direction-nav a.flex-next:hover { background:url(../images/clients_next_hover.png); } #clients ul.slides li:first-child { padding-left:33px; } /* #ABOUT ================================================== */ #about .history .year { border-left:2px solid #E31C1C; padding:12px; background:#fafafa; } /* #SERVICES ================================================== */ #services .service .icon { position:relative; display:block;background:#E31C1C;text-align:center;padding:20px 10px 15px 10px;border-radius:20px; margin-bottom:20px; } #services .service .icon:after { content: " "; width:20px; height:17px; background:url(../images/featured_arrow.png) no-repeat; position:absolute; bottom:-16px; left:45%;} #services .headline { background:#fafafa; border-left:2px solid #E31C1C; } #services .quote { padding:15px 0px 15px 20px; } #services .quote .quote_btn { float:right; margin-top:12px; } /* #PRICING ================================================== */ table.pricing { border-collapse: separate; border-color: #DDDDDD; border-spacing: 1px; table-layout: fixed; width: 100%; border-radius:4px; } table.pricing thead tr.plan th:first-child { background:none; } table.pricing thead tr.plan th { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background:#E31C1C; background: -moz-linear-gradient(top,#E31C1C 0%,#dc0933); background: -webkit-gradient(linear, left top, left bottom,from(#E31C1C),to(#dc0933)); padding:9px; color:#fff; font-size:13px; font-weight:bold; } table.pricing thead tr.prices th { background:#f1f1f1; padding:5px; border-bottom:1px solid #f3f3f3; color:#4c4c4c; font-size:19px; font-weight:bold; } table.pricing thead tr.prices th span { font-size:12px; } table.pricing tbody tr { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); } table.pricing tbody tr td { background:#fff; color:#666; text-align:center; padding:10px; } table.pricing tbody tr:nth-child(2n) td { background:#fafafa; border-bottom:1px solid #eaeaea; } table.pricing tbody tr td:first-child { text-align:left; } table.pricing tbody tr td a { text-decoration:none; color:#E31C1C; } table.pricing tbody tr td span.not_available { display:block; background:url(../images/not_availabe_icon.png) center center no-repeat; } table.pricing tbody tr td span.available { display:block; background:url(../images/available_icon.png) center center no-repeat; } /* #PORTFOLIO ================================================== */ .portfolio ul.sort { } .portfolio ul.sort li { float:left; margin-right:10px; } .portfolio ul.sort li a { display:block; padding:5px; text-decoration:none; } .portfolio ul.sort li.current a { background:#E31C1C; color:#fff; } .portfolio_sort .project a { position:relative; margin-bottom:20px; } .portfolio_sort .project a .project_img { width:100%; } .portfolio_sort .project a.img span.category { position:absolute; bottom:5px; left:0px; background:#E31C1C; color:#fff; padding:5px 10px 5px 10px; font-size:14px; } .portfolio_sort .project a.img span.category { text-decoration:none; z-index:100; } .portfolio .pagination { margin-top:20px; } .pagination a { float:left; display:block; width:20px; height:20px; background:#4c4c4c; margin-right:5px; text-align:center; border-radius:2px; } .pagination a { text-decoration:none; padding:2px; -moz-transition: background-color 0.2s ease 0s; color:#fff; font-size:12px; } .pagination a:hover, .pagination a.active { background:#E31C1C; } .pagination a.next { width:35px; } /* #BLOG ================================================== */ .blog_content .post .pic img { width:100%; margin:0; padding:0; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; } .blog_content .post .pic img:hover { background:#000; opacity:0.5; } .blog_content .post .content .post_details { width:99.5%; background:#fcfcfc; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:7px 0px 7px 5px; margin-bottom:10px; } .blog_content .post .content .post_details a { padding-left:22px; text-decoration:none; color:#E31C1C; } .blog_content .post .content .post_details a.date { background: url("../images/date.png") no-repeat; padding-top:2px; } .blog_content .post .content .post_details a.user { background: url("../images/user_icon.png") no-repeat; padding-top:2px; margin-left:15px; } .blog_content .post .content .post_details a.category { background: url("../images/category_icon.png") no-repeat; padding-top:2px; margin-left:15px; } .blog_content .post .content .post_details a.comments { background: url("../images/comment.png") center left no-repeat; padding-left:20px; margin-left:15px; } .blog_content .post .content a.more { display: block; color:#E31C1C; font-size: 12px; font-weight: bold; margin-top: 5px; text-decoration: none; } .blog_content .post .content a.more:hover { text-decoration:underline; } .blog_content .post .content a.more span.arrow { display:inline-block; background:url(../images/more.png) right top no-repeat; width:5px; height:7px; padding-left:5px; } .blog_content .pagination { margin-top:25px; } /* blog sidebar */ .blog_sidebar .search #q { background:url("../images/magnify_icon.png") no-repeat right center #F9F9F9; border:1px solid #E31C1C; font-size:12px; } .blog_sidebar ul.categories { margin-top:-2px; } .blog_sidebar ul.categories li{ position:relative; border-bottom:1px solid #d5d5d5; padding-bottom:33px; } .blog_sidebar ul.categories li:hover { background:#fcfcfc; border-bottom:1px solid #E31C1C; } .blog_sidebar ul.categories li a { position:absolute; top:8px; left:3px; background:url(../images/more.png) left center no-repeat; text-decoration:none; color:#E31C1C; } .blog_sidebar ul.categories li a { padding-left:10px; font-weight:bold; font-size:13px; } .blog_sidebar ul.categories li span { position:absolute; top:6px; right:1px; background:#f7f7f7; padding:1px 3px 1px 3px; border-radius:3px; } .blog_sidebar ul.archive { margin-top:-2px; } .blog_sidebar ul.archive li{ position:relative; border-bottom:1px solid #d5d5d5; padding-bottom:33px; } .blog_sidebar ul.archive li:hover { background:#fcfcfc; border-bottom:1px solid #E31C1C; } .blog_sidebar ul.archive li a { position:absolute; top:8px; left:3px; background:url(../images/more.png) left center no-repeat; text-decoration:none; color:#E31C1C; } .blog_sidebar ul.archive li a { padding-left:10px; font-weight:bold; font-size:13px; } .blog_sidebar ul.archive li span { position:absolute; top:6px; right:1px; background:#f7f7f7; padding:1px 3px 1px 3px; border-radius:3px; } .blog_sidebar .popular img { width:100%; } .blog_sidebar .popular .post a { color:#E31C1C; text-decoration:none; font-weight:bold; } .blog_sidebar .popular .post a:hover { text-decoration:underline; } .blog_sidebar .latest_tweets #tweets a { color:#E31C1C; } .blog_sidebar .tag_cloud a { display:inline-block; background:#f3f3f3; padding:3px 7px 2px 7px; border-left:3px solid #E31C1C; font-size:12px; color:#666; text-decoration:none; font-weight:bold; margin-right:5px; margin-bottom:10px; } .blog_sidebar .tag_cloud a:hover { color:#E31C1C; } /* #BLOG POST ================================================== */ #blog_post .blog_content .comments { margin-top:20px; } #blog_post .blog_content .comments .comment { margin-bottom:20px; } #blog_post .blog_content .comments .comment .pic img { width:100%; max-width:90px; } #blog_post .blog_content .comments .comment .text .the_comment .user { color:#787878; font-size:14px; margin-bottom:12px; } #blog_post .blog_content .comments .comment .text .the_comment .user span { color:#E31C1C; } #blog_post .blog_content .comments .comment .text .the_comment { border-left:2px solid #E31C1C; background:#fcfcfc; padding:10px 5px 2px 9px; } #blog_post .blog_content .reply input[type="text"] { max-width:390px; } #blog_post .blog_content .reply input[type="text"],textarea { width:97%; } #blog_post .blog_content .reply textarea,input[type="text"] { border-left:3px solid #E31C1C; border-top:1px dashed #ccc; border-right:1px dashed #ccc; } #blog_post .blog_content .reply textarea,input[type="text"] { border-bottom:1px dashed #ccc; background:#fafafa; } #blog_post .blog_content .reply input.input:hover, #blog_post .blog_content .reply input.input:focus { border-left:3px solid #E31C1C; border-top:1px dashed #ccc; } #blog_post .blog_content .reply input.input:hover, #blog_post .blog_content .reply input.input:focus { border-right:1px dashed #ccc; border-bottom:1px dashed #ccc; background:#fafafa; } /* #TEAM ================================================== */ #team .team_members .team_member a.img { position:relative; } #team .team_members .team_member a .position { position:absolute; bottom:5px; left:0; background:#E31C1C; padding:5px 10px; color:#fff; font-size:12px; } #team .team_members .team_member a.social:first-child { margin-left:0; } #team .team_members .team_member a.img img:hover { background:#000; opacity:0.5; } /* #SHOP ================================================== */ #shop .shop_items .item a.img { position:relative; } #shop .shop_items .item a.img img { width:100%; } #shop .shop_items .item a.img img:hover { background:#000; opacity:0.5; } #shop .shop_items .item a.img .price { position:absolute; bottom:5px; left:0; background:#E31C1C; padding:5px 10px; color:#fff; font-size:12px; font-weight:bold; } #shop .shop_items .item a.btn_add_to_cart { display: block; color:#E31C1C; font-size: 12px; font-weight: bold; margin-top: 5px; text-decoration: none; } #shop .shop_items .item a.btn_add_to_cart:hover { text-decoration:underline; } #shop .shop_items .item a.btn_add_to_cart span.arrow { display:inline-block; background:url(../images/more.png) right top no-repeat; width:5px; height:7px; } #shop .shop_items .item a.btn_add_to_cart span.arrow { padding-left:5px; } #shop .pagination { margin-top:30px; } /* shop sidebar */ #shop .shop_sidebar .search #q { border:1px solid #E31C1C; background:url(../images/magnify_icon.png) right center no-repeat #F9F9F9; font-size:12px; } #shop .shop_sidebar .price_filter #amount { border:0; background:#fff; color:#E31C1C; font-weight:bold; text-align:right; } #shop .shop_sidebar #slider-range { width:100%; margin-top:30px;margin-bottom:15px; } #shop .shop_sidebar .price_filter .ui-slider .ui-slider-handle { cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #333; border:1px solid #333; } #shop .shop_sidebar .price_filter .ui-slider .ui-slider-range { background:#E31C1C; } #shop .shop_sidebar .price_filter .ui-widget-content { background: #eaeaea; background: -moz-linear-gradient(top, #eaeaea 0%, #eaeaea 50%, #c9c9c9 51%, #c9c9c9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(50%,#eaeaea), color-stop(51%,#c9c9c9), color-stop(100%,#c9c9c9)); background: -webkit-linear-gradient(top, #eaeaea 0%,#eaeaea 50%,#c9c9c9 51%,#c9c9c9 100%); background: -o-linear-gradient(top, #eaeaea 0%,#eaeaea 50%,#c9c9c9 51%,#c9c9c9 100%); background: -ms-linear-gradient(top, #eaeaea 0%,#eaeaea 50%,#c9c9c9 51%,#c9c9c9 100%); background: linear-gradient(to bottom, #eaeaea 0%,#eaeaea 50%,#c9c9c9 51%,#c9c9c9 100%); } #shop .shop_sidebar ul.categories { margin-top:-2px; } #shop .shop_sidebar ul.categories li{ position:relative; border-bottom:1px solid #d5d5d5; padding-bottom:33px; } #shop .shop_sidebar ul.categories li:hover { background:#fcfcfc; border-bottom:1px solid #E31C1C; } #shop .shop_sidebar ul.categories li a { position:absolute; top:8px; left:3px; background:url(../images/more.png) left center no-repeat; text-decoration:none; } #shop .shop_sidebar ul.categories li a { padding-left:10px; font-weight:bold; font-size:13px; color:#E31C1C; } #shop .shop_sidebar ul.categories li span { position:absolute; top:6px; right:1px; background:#f7f7f7; padding:1px 3px 1px 3px; border-radius:3px; } #shop .shop_sidebar .popular img { width:100%; } #shop .shop_sidebar .popular .product h5 a { text-decoration:none; } #shop .shop_sidebar .popular .product span { color:#E31C1C; font-weight:bold; } /* #SHORTCODES ================================================== */ #shortcodes .social_bar a.first { margin-left:0px; } /* #CONTACT ================================================== */ #contact .contact_form textarea,input[type="text"] { border-left:3px solid #E31C1C; border-top:1px dashed #ccc; border-right:1px dashed #ccc; } #contact .contact_form textarea,input[type="text"] { border-bottom:1px dashed #ccc; background:#fafafa; } #contact .contact_form input.input:hover, #contact .contact_form input.input:focus { border-left:3px solid #E31C1C; border-top:1px dashed #ccc; } #contact .contact_form input.input:hover, #contact .contact_form input.input:focus { border-right:1px dashed #ccc; border-bottom:1px dashed #ccc; background:#fafafa; } #contact .contact_form #responce .contact_error li { color:#E31C1C; margin-bottom:0; } #contact .contact_form #responce .contact_success li { color:#86ae3f; margin-bottom:0; } /* contact details */ #contact .contact_details .address { background:url(../images/address_icon.png) no-repeat; padding-left:20px; margin-top:7px; } #contact .contact_details .email { background:url(../images/mail_icon.png) center left no-repeat; padding-left:22px; margin-top:-30px; } #contact .contact_details .phone { background:url(../images/phone_icon.png) no-repeat; padding-left:22px; margin-top:-10px; } #contact .contact_details .support .email { margin-top:10px; } /* #FOOTER ================================================== */ #footer { position:relative; width:100%; background:#ededed; margin-top:20px; border-top:1px solid #d7d7d7; color:#808080; } #footer h5 { color:#4c4c4c; font-size:14px; } #footer #footer_line { position:absolute; top:1px left:0; width:100%; height:1px; background:#fff; } #footer .footer { margin-top:20px; margin-bottom:20px; } #footer .powered_by ul li { display:inline-block; margin-right:10px; } #footer .powered_by ul li a { color:#808080; text-decoration:none; } #footer .powered_by ul li a:hover { text-decoration:underline; } #footer #twitter_feed { margin-top:13px; margin-left:-9px; } #footer #flickr ul { margin-top:20px; } #footer #flickr ul li { float:left; margin-right:15px; } #footer #flickr ul li img { width:50px; height:50px; border:2px solid #ccc; } #footer #flickr ul li img:hover { border:2px solid #E31C1C; } #footer .social_icons .social_bar { margin-top:0; margin-bottom:0; float:right; } #footer .social_icons .social_bar li {float:left; } #footer .social_icons .social_bar li a { margin-left:5px; } #footer .social_icons .social_bar li a:last-child { margin-right:0; } /* #Media Queries ================================================== */ @media only screen and (min-width: 960px) { #footer { width:100%; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #footer { width:100%; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .header, .slider, .featured, #footer { width:100%; min-width:770px; } .slider .flexslider .slides li img { position:relative; max-width:780px; } /* shop */ #shop .shop_sidebar .search #q { max-width:162px; } #footer { margin-bottom:0; } #footer .divider { width:auto; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .header .navigation ul#nav { display:none; } .header .navigation select { display:block; position:absolute; top:20px; right:0px; width:160px; height:30px; padding:5px; } .featured.inner .social_and_breadcrumb .social_bar { float:left; margin-top:10px; } .featured.inner .social_and_breadcrumb .social_bar a:first-child { margin-left:0; margin-right:5px; } .featured.inner .social_and_breadcrumb .breadcrumb { float:left; } #clients { margin-top:20px; } #clients ul.slides li:first-child { padding-left:93px; } /* about */ #about .history .year { margin-bottom:10px; } /* services */ #services .service .icon { padding:35px 10px 35px 10px; } #services .service .icon:after { left:48%; } #services .quote .quote_btn { float:left; } .portfolio .project { margin-bottom:20px; } /* team */ #team .team_members .team_member { margin-bottom:20px; } /* blog */ #blog .blog_content .post { margin-top:20px; padding-bottom:20px; } #blog .blog_content .post:first-child { margin-top:0; } #blog .blog_content .pagination { margin-bottom:40px; } #blog .blog_sidebar .search #q { min-width:410px; } #blog .blog_sidebar .popular .post { margin-top:20px; padding-bottom:20px; } #blog .blog_sidebar .popular .post:first-child { margin-top:0; } /* blog post */ #blog_post .blog_sidebar .search #q { width:100%; max-width:410px; } #blog_post .blog_sidebar .popular .post { margin-top:20px; padding-bottom:20px; } #blog_post .blog_sidebar .popular .post:first-child { margin-top:0; } /* shop */ #shop .pagination { margin-bottom:20px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .slider .flexslider li{ min-width:480px; } .slider .flexslider .slides li img { position:relative; min-width:480px; } .featured .social_and_breadcrumb { float:left; margin-top:-20px; } .featured .buy_button a.button { float:left; margin-top:-10px; } #featured #arrow { left:0; } #featured .buy_button a { float:left; margin-top:-10px; } .latest_news { margin-bottom:10px; } /* shop */ #shop .shop_items .item { margin-bottom:20px; } #shop .shop_sidebar .search #q { min-width:410px; } #shop .shop_sidebar .price_filter #amount { text-align:left; } #shop .shop_sidebar .price_filter #slider-range { clear:both; } /* footer */ #footer .social_icons .social_bar { float:left; margin-top:5px; } #footer .social_icons .social_bar a.social:first-child { margin-left:0; margin-right:5px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */