/* Table of Content ================================================================================================== #Reset & Basics #Basic Styles #Typography Default #Links #Input #Images & Iframes #Misc #Common css style #Header & Footer #Page elements #Typography Custom */ /* #RESET & BASICS ================================================================================================== */ 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; } 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; } /* #BASIC STYLE ================================================================================================== */ body { background: #fff; line-height:21px; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #TYPOGRAPHY ================================================================================================== */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { line-height: 50px; margin-bottom: 14px; } h2 { line-height: 40px; margin-bottom: 10px; } h3 { line-height: 34px; margin-bottom: 8px; } h4 { line-height: 30px; margin-bottom: 4px; } h5 { line-height: 24px; } h6 { line-height: 21px; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #303030; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } .oregano { font-family:'Oregano'; } /* #LINKS ================================================================================================== */ a, a:visited { text-decoration: none; outline: 0; } a:hover { -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; -ms-transition: color .3s ease-in; -o-transition: color .3s ease-in; transition: color .3s ease-in; } p a, p a:visited { line-height: inherit; } /* #INPUT ================================================================================================== */ input[type="text"],input[type="url"],input[type="email"],textarea { border:none; padding-left:5px; padding-right:5px; margin:0; color:#9f9d9d; } /* #LISTS ================================================================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } ul.small_list li { margin:2px; } /* #IMAGES & IFRAMES ================================================================================================== */ img.scale-with-grid,iframe.scale-with-grid { max-width: 100%; height: auto; } /* #MISC ================================================================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .add-top { margin-top: 20px !important; } .bold { font-weight:bold !important; } /* #COMMON CSS STYLE ================================================================================================== */ /* ------------------------------------------- CSS3 TRANSITIONS * -------------------------------------------- */ /* Background color transition ease-in */ ul.social_list li a, .standard_button:hover, .featured_v1:hover .imgHolder,.ui-accordion .ui-accordion-header:hover,.ui-tabs .ui-tabs-nav li:hover,.twitter_feed, .featured_v2:hover .imgHolder, .postType:hover,.bx-next:hover, .bx-prev:hover, .fraction-slider .prev:hover, .fraction-slider .next:hover { -webkit-transition: background-color .3s ease-in; -moz-transition: background-color .3s ease-in; -ms-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } /* All Transition ease-in-out */ .sidebar .latest_projects .imgHolder, ul.clients li, ul.clients li img, .post_item_holder, .gallery_project_item , .about_author, .project_holder, .project_holder img, .project_holder iframe, .project_holder object, .post_item_holder img, .post_item_holder iframe, .post_item_holder object, .gallery_items_holder, .gallery_items_holder img, .gallery_items_holder iframe, .gallery_items_holder object, .sidebar .widget_video_embed .iframeHolder, .sidebar .widget_video_embed .iframeHolder iframe,.gallery_project_item img:hover, .c4 li img:hover,.c3 li img:hover,.c2 li img:hover, .gallery_style_item, .gallery_style_item img, .testimonials_imgHolder, .testimonials_imgHolder img, .imgHolder, .imgHolder img { -webkit-transition:all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* ------------------------------------------- CSS3 SHADOWS * -------------------------------------------- */ /* Box shadow 2px color #111 */ footer ul.widget_recent_entries_thumb li img, input[type=text], .standard_button, #mainNavigation select, ul.social_list li a, .panel .front span, .post_date, footer .twitter_feed { box-shadow:0 0 1px #111; -moz-box-shadow:0 0 1px #111; -webkit-box-shadow:0 0 1px #111; } /* Box shadow 2px color #444 */ .featured_v3 .imgHolder img, .gallery_project_item img , .panel .front img, .post_item_holder img, .about_author .author_content , .post_item_holder iframe, .post_item_holder object, .project_holder img, .project_holder iframe, .project_holder object, .sidebar .latest_projects .imgHolder img , .sidebar .widget_video_embed .iframeHolder iframe,.gallery_shadow_holder,.c4 li img,.c3 li img,.c2 li img , .gallery_style_item img, .testimonials_imgHolder img, .team_imgHolder img, .itemHolder img, .number_num_holder, .question_num_content, .faq_links_white, .sidebar ul.widget_recent_entries_thumb li .imgHolder img{ box-shadow:0 0 2px #444; -moz-box-shadow:0 0 2px #444; -webkit-box-shadow:0 0 2px #444; } /* Box shadow 2px color #e0e0e0 */ .standard_promobox, .featured_v3 .imgHolder, .post_item_holder, .gallery_project_item, .project_holder , .about_author, .gallery_items_holder, .sidebar .widget.widget_search input[type="text"], select#cat, .widget_archive select, .reply_holder input[type="text"], .reply_holder textarea, .sidebar .latest_projects .imgHolder, .sidebar .widget_video_embed .iframeHolder, .authorImgHolder , ol.comment_list .comment .imgHolder, .widget_tag_cloud a, ul.post_meta li, .pagination ul li a, .filter a, .c4 li,.c3 li,.c2 li, .gallery_style_item , .testimonials_imgHolder, .team_imgHolder, .itemHolder, .wide_slider_holder, .wide_slider_holder h2, .wide_slider_holder p, .number_holder, .number_content .text_holder,.answer_number, .answer_content .text_holder, .faq_links_holder, .flickrImages img, .sidebar ul.widget_recent_entries_thumb li .imgHolder, .post-password-form input[type="password"] { box-shadow:0 0 2px #e0e0e0; -moz-box-shadow:0 0 2px #e0e0e0; -webkit-box-shadow:0 0 2px #e0e0e0; } /* ------------------------------------------- CSS3 BORDER RADIUS * -------------------------------------------- */ /* Border radius 2px on every side */ #mainNavigation select, .standard_button, ul.social_list li a, input[type=text], textarea, .featured_v1 .imgHolder, .panel .front, .panel .back, .panel .front img,ul.clients li img,.ui-icon, .testimonialList li img,.subscribe_holder,.subscribe_controls_holder input[type="text"],.standard_promobox, .strips_button, .postType, .post_item_holder img, .post_item_holder iframe, .post_item_holder object, .post_item_holder , .gallery_project_item img, .project_holder , .project_holder img, .project_holder iframe, .project_holder object , .about_author, .about_author .author_content, .gallery_items_holder, ul.post_meta li, .tipsy-inner,.featured_v3 .imgHolder, .featured_v3 .imgHolder img,footer .twitter_feed, .sidebar .latest_projects .imgHolder,.sidebar .latest_projects .imgHolder img,.panel .back, .authorImgHolder , ol.comment_list .comment .imgHolder, .widget_tag_cloud a, .pagination ul li a ,.sidebar .widget_video_embed .iframeHolder, .sidebar .widget_video_embed .iframeHolder iframe, .overlayLink, .overlayZoom ,.gallery_shadow_holder, .gallery_project_item, .gallery_project_item img, .filter a, .c4 li,.c3 li,.c2 li, .c4 li img,.c3 li img,.c2 li img, .gallery_style_item, .gallery_style_item img, .testimonials_imgHolder, .testimonials_imgHolder img, .team_imgHolder, .team_imgHolder img, .itemHolder, .itemHolder img, .itemHolder iframe, .itemHolder object, .wide_slider_holder, .wide_slider_holder h2, .wide_slider_holder p, .number_content .text_holder, .answer_content .text_holder, .faq_links_holder, .faq_links_white, .flickrImages img, .sidebar ul.widget_recent_entries_thumb li .imgHolder, .sidebar ul.widget_recent_entries_thumb li .imgHolder img, .post-password-form input[type="password"] { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } /* No border radius on left side */ .top_search_button{ border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; } /* No border radius on right side */ .top_search_textbox{ border-top-right-radius:0px !important; -moz-border-radius-topright:0px !important; -webkit-border-top-right-radius:0px !important; border-bottom-right-radius:0px !important; -moz-border-radius-bottomright:0px !important; -webkit-border-bottom-right-radius:0px !important; } /* #HEADER & FOOTER ================================================================================================== */ #main_content { background:#fff; } #wrapoverall{ margin:0 auto; } /* ------------------------------------------- HEADER * -------------------------------------------- */ header .eight, header .eleven{ text-align:center; } header a.logo_v1 h1 { float:left; margin-top: 35px; font-size: 40px; } header a.logo_v2 h1 { float:left; margin: 36px 0; font-size: 40px; } header a.logo_v3 h1 { float:left; margin: 36px 0; font-size: 40px; } header a.logo_v4 h1 { float:left; margin: 36px 0; font-size: 40px; } header .social_list.small{ float:right; margin-bottom:29px; } header .social_list.small li:last-child a{ margin-right:-7px !important;} header ul.contact_list { margin:29px 0 3px 0; float:right; width: 100%; font:inherit; } header ul.contact_list li{ float:right; margin:3px 3px; } header ul.contact_list li img{ margin-top:2px; margin-right:5px; float:left;} header img.logo{ float:left; } .topnav_holder{ background:#222;width:100%; min-height:50px; } .top_search_button{ height:25px; margin-top:12px; width:33px; background-image: url(../images/icons/search.png); background-position: center; background-repeat: no-repeat; float:right; } .top_search_textbox{ font-size:12px !important; width:110px; margin-top:12px !important; float:right; padding:5px 5px; } #mainNavigation select{ display:none; border:none; width:100%;height:30px;float:left;margin:21px 0;padding:5px; } #mainNavigation select option{ padding:1px 0 1px 10px; } #sf-main-nav span { display:none; } .topbar{ height:45px; width:100%; } .topbar ul.contact_list { margin:10px 0 0 0; float:left; } .topbar ul.contact_list li{ float:left; } .topbar ul.social_list { margin-bottom:0; } /* ------------------------------------------- FOOTER * -------------------------------------------- */ footer{ width:100%; position:relative; height:auto; padding-top:30px; } footer a.skin_link{ text-shadow:0 0 4px #111; font-weight:bold; } footer a.skin_link:hover{ color:#fff !important; } footer h3 { text-transform:uppercase; font-size:15px; font-weight:normal; } footer a.dark_link { color:#767676; } footer a.dark_link:hover { color:#ababab; text-decoration:underline; } footer .twitter_feed { min-height:21px; font-size:11px; width:96.5%; padding:9px 5px; overflow:hidden; color:#fff; } footer .twitter_feed:hover { background-color:#222; border:1px solid #141414; } footer .twitter_feed .tweet_holder{ margin-left:25px; } footer .twitter_feed .tweet_holder p { margin-bottom:0; } footer .twitter_feed .tweet_holder ul { margin:0; } footer .twitter_feed .tweet_holder ul li{ float:left; margin:0; } footer .twitter_feed span { font-style:italic; } footer .twitter_feed a{ color:#fff !important; text-decoration:underline; } footer .twitter_feed a:hover { font-style:normal; } footer .twitter_feed img { float:left; margin:0 2px; } footer ul.bottom_link_top li { padding-left: 12px; } footer ul.bottom_links, footer ul.bottom_link_top { float:right; margin:0; } footer ul.bottom_links li, footer ul.bottom_link_top li { float:left; margin:0 0 0 10px; } footer ul.bottom_links li li{ display: none; } footer ul.bottom_links li a{ color:#767676; } footer ul.bottom_links li a:hover{ color:#ababab; text-decoration:underline; } footer ul.bottom_links li.top { margin-left:25px; } #footer_bottom{ border-bottom: none; padding-top:20px; } .copyright_custom { float:left; } .copyright_custom a{ color:#767676; } .copyright_custom a:hover { color:#ababab; text-decoration:underline; } /* #PAGE ELEMENTS ================================================================================================== */ /* ------------------------------------------- BUTTONS * -------------------------------------------- */ /* Different size of buttons */ .large { padding:12px 23px; font-size:14px; } .medium { padding:8px 16px; font-size:13px; } .small { padding:5px 8px; font-size:12px; } .mini { padding:2px 4px; font-size:11px; } /* Standard button */ .standard_button{ color:#fff !important; font-weight:bold; cursor:pointer; text-shadow:0 0 2px #111; } .standard_button:hover { background-color:#222; border:1px solid #191919; } /* Strips button */ .strips_button { text-align:center; background:#fff url(../images/strip.png) repeat; border:1px solid #cdcbcb; color:#999 !important; cursor:pointer; text-shadow: -1px -1px 0 #fff; box-shadow:0 0 1px #b1b0b0; font-weight:bold; } .strips_button:hover { background:#fff; } .gray_gradient, .dark_gradient, .green_gradient, .greenTeal_gradient, .red_gradient { cursor:pointer; box-shadow:0 0 2px #b1b0b0; -webkit-box-shadow:0 0 2px #b1b0b0; -moz-box-shadow:0 0 2px #b1b0b0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } /* Button icon styles */ .standard_button i, .strips_button i, .gray_gradient i, .dark_gradient i, .green_gradient i, .greenTeal_gradient i, .red_gradient i, .blue_gradient i, .yellow_gradient i{ float:none !important; margin:none !important; padding:none !important; } /* Gray gradient */ .gray_gradient{ text-shadow: -1px -1px 0 #fff; border: 1px solid #cdcbcb; font-weight:bold; text-align: center; color: #444 !important; background-color: #e8e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e8e6e6); background-image: -moz-linear-gradient(top, #fff, #e8e6e6); background-image: -ms-linear-gradient(top, #fff, #e8e6e6); background-image: -o-linear-gradient(top, #fff, #e8e6e6); background-image: linear-gradient(to bottom, #fff, #e8e6e6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#e8e6e6); } .gray_gradient:hover{ border: 1px solid #cdcbcb; background-color: #e8e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e6e6), top(#fff)); background-image: -webkit-linear-gradient(top, #e8e6e6, #fff); background-image: -moz-linear-gradient(top, #e8e6e6, #fff); background-image: -ms-linear-gradient(top, #e8e6e6, #fff); background-image: -o-linear-gradient(top, #e8e6e6, #fff); background-image: linear-gradient(to bottom, #e8e6e6, #fff); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e8e6e6, endColorstr=#ffffff); } /* Dark gradient */ .dark_gradient { border: 1px solid #888; color:#fff !important; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; background-color: #555; background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#555)); background-image: -webkit-linear-gradient(top, #c9c9c9, #555); background-image: -moz-linear-gradient(top, #c9c9c9, #555); background-image: -ms-linear-gradient(top, #c9c9c9, #555); background-image: -o-linear-gradient(top, #c9c9c9, #555); background-image: linear-gradient(to bottom, #c9c9c9, #555); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c9c9c9, endColorstr=#55555); } .dark_gradient:hover{ border: 1px solid #888; background-color: #555; background-image: -webkit-gradient(linear, left top, left bottom, from(#555), top(#c9c9c9)); background-image: -webkit-linear-gradient(top, #555, #c9c9c9); background-image: -moz-linear-gradient(top, #555, #c9c9c9); background-image: -ms-linear-gradient(top, #555, #c9c9c9); background-image: -o-linear-gradient(top, #555, #c9c9c9); background-image: linear-gradient(to bottom, #555, #c9c9c9); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#555555, endColorstr=#c9c9c9); } /* Green Gradient */ .green_gradient{ border: 1px solid #81ad51; color:#fff !important; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; background-color: #eafeda; background-image: -webkit-gradient(linear, left top, left bottom, from(#eafeda), to(#82b548)); background-image: -webkit-linear-gradient(top, #eafeda, #82b548); background-image: -moz-linear-gradient(top, #eafeda, #82b548); background-image: -ms-linear-gradient(top, #eafeda, #82b548); background-image: -o-linear-gradient(top, #eafeda, #82b548); background-image: linear-gradient(to bottom, #eafeda, #82b548); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eafeda, endColorstr=#82b548); } .green_gradient:hover{ background-color: #eafeda; background-image: -webkit-gradient(linear, left top, left bottom, from(#82b548), top(#eafeda)); background-image: -webkit-linear-gradient(top, #82b548, #eafeda); background-image: -moz-linear-gradient(top, #82b548, #eafeda); background-image: -ms-linear-gradient(top, #82b548, #eafeda); background-image: -o-linear-gradient(top, #82b548, #eafeda); background-image: linear-gradient(to bottom, #82b548, #eafeda); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82b548, endColorstr=#eafeda); } /* Green Teal Gradient */ .greenTeal_gradient{ border: 1px solid #48b0a8; color:#fff !important; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; background-color: #3ea9a1; background-image: -webkit-gradient(linear, left top, left bottom, from(#77fcf2), to(#3ea9a1)); background-image: -webkit-linear-gradient(top, #77fcf2, #3ea9a1); background-image: -moz-linear-gradient(top, #77fcf2, #3ea9a1); background-image: -ms-linear-gradient(top, #77fcf2, #3ea9a1); background-image: -o-linear-gradient(top, #77fcf2, #3ea9a1); background-image: linear-gradient(to bottom, #77fcf2, #3ea9a1); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#77fcf2, endColorstr=#3ea9a1); } .greenTeal_gradient:hover{ background-color: #77fcf2; background-image: -webkit-gradient(linear, left top, left bottom, from(#3ea9a1), top(#77fcf2)); background-image: -webkit-linear-gradient(top, #3ea9a1, #77fcf2); background-image: -moz-linear-gradient(top, #3ea9a1, #77fcf2); background-image: -ms-linear-gradient(top, #3ea9a1, #77fcf2); background-image: -o-linear-gradient(top, #3ea9a1, #77fcf2); background-image: linear-gradient(to bottom, #3ea9a1, #77fcf2); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3ea9a1, endColorstr=#77fcf2); } /* Red Gradient */ .red_gradient{ border: 1px solid #f07570; color:#fff !important; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; background-color: #dc4f49; background-image: -webkit-gradient(linear, left top, left bottom, from(#fdc0bd), to(#dc4f49)); background-image: -webkit-linear-gradient(top, #fdc0bd, #dc4f49); background-image: -moz-linear-gradient(top, #fdc0bd, #dc4f49); background-image: -ms-linear-gradient(top, #fdc0bd, #dc4f49); background-image: -o-linear-gradient(top, #fdc0bd, #dc4f49); background-image: linear-gradient(to bottom, #fdc0bd, #dc4f49); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fdc0bd, endColorstr=#dc4f49); } .red_gradient:hover{ background-color: #fdc0bd; background-image: -webkit-gradient(linear, left top, left bottom, from(#dc4f49), top(#fdc0bd)); background-image: -webkit-linear-gradient(top, #dc4f49, #fdc0bd); background-image: -moz-linear-gradient(top, #dc4f49, #fdc0bd); background-image: -ms-linear-gradient(top, #dc4f49, #fdc0bd); background-image: -o-linear-gradient(top, #dc4f49, #fdc0bd); background-image: linear-gradient(to bottom, #dc4f49, #fdc0bd); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#dc4f49, endColorstr=#fdc0bd); } /* Blue Gradient */ .blue_gradient{ border: 1px solid #3d7b9c; color:#fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; background-color: #97ceeb; background-image: -webkit-gradient(linear, left top, left bottom, from(#97ceeb), to(#2f7397)); background-image: -webkit-linear-gradient(top, #97ceeb, #2f7397); background-image: -moz-linear-gradient(top, #97ceeb, #2f7397); background-image: -ms-linear-gradient(top, #97ceeb, #2f7397); background-image: -o-linear-gradient(top, #97ceeb, #2f7397); background-image: linear-gradient(to bottom, #97ceeb, #2f7397); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#97ceeb, endColorstr=#2f7397); } .blue_gradient:hover{ background-color: #97ceeb; background-image: -webkit-gradient(linear, left top, left bottom, from(#2f7397), top(#97ceeb)); background-image: -webkit-linear-gradient(top, #2f7397, #97ceeb); background-image: -moz-linear-gradient(top, #2f7397, #97ceeb); background-image: -ms-linear-gradient(top, #2f7397, #97ceeb); background-image: -o-linear-gradient(top, #2f7397, #97ceeb); background-image: linear-gradient(to bottom, #2f7397, #97ceeb); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2f7397, endColorstr=#97ceeb); } /* Yellow Gradient */ .yellow_gradient{ border: 1px solid #e9bf4f; color:#fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; background-color: #fce6a5; background-image: -webkit-gradient(linear, left top, left bottom, from(#fce6a5), to(#f0b81b)); background-image: -webkit-linear-gradient(top, #fce6a5, #f0b81b); background-image: -moz-linear-gradient(top, #fce6a5, #f0b81b); background-image: -ms-linear-gradient(top, #fce6a5, #f0b81b); background-image: -o-linear-gradient(top, #fce6a5, #f0b81b); background-image: linear-gradient(to bottom, #fce6a5, #f0b81b); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fce6a5, endColorstr=#f0b81b); } .yellow_gradient:hover{ background-color: #ffc92b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f0b81b), top(#fce6a5)); background-image: -webkit-linear-gradient(top, #f0b81b, #fce6a5); background-image: -moz-linear-gradient(top, #f0b81b, #fce6a5); background-image: -ms-linear-gradient(top, #f0b81b, #fce6a5); background-image: -o-linear-gradient(top, #f0b81b, #fce6a5); background-image: linear-gradient(to bottom, #f0b81b, #fce6a5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f0b81b, endColorstr=#fce6a5); } /* Button list holder */ ul.buttons_list { float:left; width:100%; } ul.buttons_list li { float:left; margin:5px 3px; } ul.buttons_list li a { float:left; } /* ------------------------------------------- TITLE * -------------------------------------------- */ .title,.widget_title { overflow:hidden; display:table; margin-bottom:10px; } .title,.widget_title span { color: #444 !important; } .widget_title h2{ margin-left:-4px !important; float:left; padding-right:5px; font-size:15px; font-weight:400; margin:0px; line-height:34px; display:table-cell; white-space:pre; } .title h2{ margin-left:0px !important; float:left; padding-right:10px; text-transform:uppercase; font-size:15px; font-weight:400; margin:0px; line-height:34px; display:table-cell; white-space:pre; } .title .title_sep_container,.widget_title .title_sep_container { width:100%; display:table-cell; vertical-align:middle; height:13px; position:relative; } .title .title_sep,.widget_title .title_sep { background:url(../images/strip.png) center repeat; display:block; height:13px; } /* ------------------------------------------- ITEM HOLDER * -------------------------------------------- */ .itemHolder { float:left; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; } .itemHolder.right { float:right; } .itemHolder img,.itemHolder iframe, .itemHolder object { float:left; } .itemHolder.margin_right { margin-right:25px; } .itemHolder.margin_left { margin-left:25px; } /* ------------------------------------------- IMAGE SHADOWS * -------------------------------------------- */ .header_shadow { background:url(../images/shadow-top.png) top no-repeat; position:absolute; margin:auto; width:100%; height:29px; text-align:center; } .top_full_shadow{ background:url(../images/shadow-top.png) top no-repeat; position:absolute; margin:auto; top:0; width:100%; height:29px; text-align:center; } .bottom_full_shadow{ background:url(../images/shadow-bottom.png) bottom no-repeat; position:absolute; bottom:0; margin:auto; width:100%; height:29px; text-align:center; } /* ------------------------------------------- PROMO BOXES * -------------------------------------------- */ /* Full width promobox */ .full_promobox{ padding:13px 0; width:100%; min-height:40px; background:#222; position:relative; color:#fff; text-align:center; } .full_promobox h4{ color:#fff; font-size:18px; margin:3px 0 0 0; } .full_promobox a{ float:left; margin:0; } /* Standard promobox */ .standard_promobox_holder { background:url(../images/strip.png) repeat; float:left; padding:5px; border:1px solid #cdcbcb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 5px #e0e0e0; -moz-box-shadow:0 0 5px #e0e0e0; -webkit-box-shadow:0 0 5px #e0e0e0; } .standard_promobox { border:1px solid #e0e0e0; float:left; background:#fff; padding:20px 5px;} .standard_promobox .first_div{ float:left; } .standard_promobox .second_div{ float: right; } .standard_promobox .second_div a{ margin-top: 5px; float: right; } .standard_promobox .three a { float:right; } .standard_promobox h2{ font-size:19px; font-weight:bold; line-height:27px; margin-bottom:2px; } .standard_promobox p { margin-bottom:0; color:#777; } /* White box */ .box_1 { width:100%; background:#fff; border:1px solid #cdcbcb; box-shadow:0 0 2px #e0e0e0; border-radius:2px; text-align:center; float:left;} /* Texture box */ .box_2 { width:100%; background:#fff url(../images/strip.png) repeat; border:1px solid #cdcbcb; box-shadow:0 0 2px #e0e0e0; border-radius:2px; text-align:center; float:left;} /* Skin box */ .box_3 { width:100%; border:1px solid #cdcbcb; box-shadow:0 0 2px #e0e0e0; border-radius:2px; text-align:center; float:left; background-image:url(../images/strip.png); background-repeat:repeat; } /* Light box */ .box_4 { width:100%; background:#fafafa; border-radius:2px; text-align:center; float:left;} /* ------------------------------------------- SOCIAL LIST * -------------------------------------------- */ ul.social_list { list-style:none; margin-bottom:0; } ul.social_list.socnth li:nth-child(2n) a { background-color:#222; border:1px solid #141414; } ul.social_list li { float:left; margin:0 12px 12px 0; } ul.social_list li a { float:left; height:38px; width:38px; background-position:center; background-repeat:no-repeat;} ul.social_list li a:hover{ background-color:#222; border:1px solid #141414; } ul.social_list li a.dark { background-color:#222; border:1px solid #141414; } ul.social_list a.facebook { background-image:url(../images/icons/social/facebook.png); } ul.social_list a.twitter { background-image:url(../images/icons/social/twitter.png); } ul.social_list a.twitter_bird { background-image:url(../images/icons/social/twitterbird.png); } ul.social_list a.googleplus { background-image:url(../images/icons/social/googleplus.png); } ul.social_list a.linkedin { background-image:url(../images/icons/social/linkedin.png); } ul.social_list a.rss { background-image:url(../images/icons/social/rss.png); } ul.social_list a.vimeo { background-image:url(../images/icons/social/vimeo.png); } ul.social_list a.amazon { background-image:url(../images/icons/social/amazon.png); } ul.social_list a.aol { background-image:url(../images/icons/social/aol.png); } ul.social_list a.appstore { background-image:url(../images/icons/social/appstore.png); } ul.social_list a.bebo { background-image:url(../images/icons/social/bebo.png); } ul.social_list a.behance { background-image:url(../images/icons/social/behance.png); } ul.social_list a.bing { background-image:url(../images/icons/social/bing.png); } ul.social_list a.blogger { background-image:url(../images/icons/social/blogger.png); } ul.social_list a.devianart { background-image:url(../images/icons/social/devianart.png); } ul.social_list a.dribbble { background-image:url(../images/icons/social/dribbble.png); } ul.social_list a.flickr { background-image:url(../images/icons/social/flickr.png); } ul.social_list a.myspace { background-image:url(../images/icons/social/myspace.png); } ul.social_list a.paypal { background-image:url(../images/icons/social/paypal.png); } ul.social_list a.pinterest { background-image:url(../images/icons/social/pinterest.png); } ul.social_list a.quora { background-image:url(../images/icons/social/quora.png); } ul.social_list a.stumbleupon { background-image:url(../images/icons/social/stumbleupon.png); } ul.social_list a.tumblr { background-image:url(../images/icons/social/tumblr.png); } ul.social_list a.wordpress { background-image:url(../images/icons/social/wordpress.png); } ul.social_list a.yahoo { background-image:url(../images/icons/social/yahoo.png); } ul.social_list a.youtube { background-image:url(../images/icons/social/youtube.png); } ul.social_list a.skype { background-image:url(../images/icons/social/skype.png); } ul.social_list a.reddit { background-image:url(../images/icons/social/reddit.png); } ul.social_list a.email { background-image:url(../images/icons/social/email.png); } ul.social_list a.digg { background-image:url(../images/icons/social/digg.png); } ul.social_list a.delicious { background-image:url(../images/icons/social/delicious.png); } /* Social list small version */ ul.social_list.small li a { width:25px; height:25px; } ul.social_list.small li { margin:5px 3px 0 3px; } /* ------------------------------------------- SUPERFISH MENU * -------------------------------------------- */ ul.ul_search { float:right; margin:53px 0 0 2px; } ul.ul_search #searchv2 { } ul.ul_search li { float: left; } ul.ul_search li a{ padding: 1.06em 0.90em; color:#222; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } ul.ul_search li a:hover { color:#fff; } ul.ul_search.search_v3 li a { padding:4.2em 0.80em; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } ul.ul_search.search_v4 li a { padding: 1.1em 0.90em; color:#fff; } ul.ul_search.search_v4 li a:hover { background-color: #222; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style:none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 47212; min-width: 12em; *width: 12em; } .sf-menu li:hover > ul,.sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: -3px; left:154px; } .sf-menu { float: left; } .sf-menu > li { float: left; border-left: 1px solid #141414; font-weight:bold; white-space: nowrap; } .sf-menu > li a{color:#fff;} .sf-menu a{ padding: 1.22em 0.90em; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu li ul{ white-space:normal; font-size:12px; font-weight:400; background:#222; padding:4px 10px; border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; } .sf-menu li ul a{ padding:0.50em 0 0.50em 0.1em; transition: padding-left 250ms ease-out; color:#d2d0d0; } .sf-menu li ul li.current-menu-item > a, .sf-menu li ul li.current-page-ancestor > a, .sf-menu li ul li.current-menu-ancestor > a { color:#fff; background:none; } .sf-menu li ul a:hover { padding-left:8px; color:#fff !important; } .sf-menu li ul li ul{ border-top:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .sf-menu li ul li{ border-bottom:1px solid #141414; box-shadow: 0 3px 3px -3px #393939; -moz-box-shadow: 0 3px 3px -3px #393939; -webkit-box-shadow: 0 3px 3px -3px #393939; } .sf-menu li ul a{ background: none !important; color:#d2d0d0; } .sf-menu li ul li:last-child{ border-bottom:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } /* Version 2 */ .sf-menu.sf-v2, .sf-menu.sf-v2 * { margin: 0; padding: 0; list-style:none; } .sf-menu.sf-v2{ margin-top:38px; float:right; } .sf-menu.sf-v2 li { position: relative; margin:2px 0 2px 2px; } .sf-menu.sf-v2 li, .sf-menu.sf-v2 li a { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } .sf-menu.sf-v2 li:hover { border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; } .sf-menu.sf-v2 li a{ padding: 1.0em 0.90em; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu.sf-v2 > li a{ color:#222; } .sf-menu.sf-v2 > li:hover a{ color:#fff; } .sf-menu.sf-v2 > li { float: left; border-left:none; font-weight:bold; white-space: nowrap; } .sf-menu.sf-v2 li.current-menu-item > a, .sf-menu.sf-v2 li.current-page-ancestor > a, .sf-menu.sf-v2 li.current-menu-ancestor > a { color:#fff !important; } .sf-menu.sf-v2 li a:hover { color:#fff !important; } .sf-menu.sf-v2 ul { position: absolute; display: none; top: 100%; left: 0; z-index: 47212; min-width: 12em; *width: 12em; } .sf-menu.sf-v2 li:hover > ul,.sf-menu.sf-v2 li.sfHover > ul { display: block; } .sf-menu.sf-v2 a { display: block; position: relative; } .sf-menu.sf-v2 ul ul { top: -3px; left:152px; } #searchv2 { display:none; border-radius:2px; background:#fff url(../images/strip.png) repeat; box-shadow:0 0 2px #dfdfdf; border:1px solid #e0e0e0; position:absolute; right:10px; top:90px; padding:15px; z-index:999; } #searchv2 .search_holder { float:left; width:225px; background:#fff; border:1px solid #e0e0e0; border-radius:2px; box-shadow:0 0 2px #e0e0e0; } #searchv2 input[type="text"]{ padding:5px; float:left; width: 190px; box-shadow:none; } #searchv2 input[type="submit"]{ background-color:#fff; float:right; border:none; background-image:url(../images/icons/search-black.png); background-repeat:no-repeat; margin-top:5px; width:20px; height:18px; cursor:pointer; } .sf-menu.sf-v2 li ul{ white-space:normal; font-size:12px; font-weight:400; background:#222; padding:4px 10px !important; border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; } .sf-menu.sf-v2 li ul a{ padding:0.50em 0 0.50em 0.1em; transition: padding-left 250ms ease-out; color:#d2d0d0 !important; } .sf-menu.sf-v2 li ul li.current-menu-item > a, .sf-menu.sf-v2 li ul li.current-page-ancestor > a, .sf-menu.sf-v2 li ul li.current-menu-ancestor > a { color:#fff; background:none; } .sf-menu.sf-v2 li ul a:hover { padding-left:8px; color:#fff !important; background:none; } .sf-menu.sf-v2 li ul li ul{ border-top:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .sf-menu.sf-v2 li ul li{ border-bottom:1px solid #141414; box-shadow: 0 3px 3px -3px #393939; -moz-box-shadow: 0 3px 3px -3px #393939; -webkit-box-shadow: 0 3px 3px -3px #393939; } .sf-menu.sf-v2 li ul li:last-child{ border-bottom:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} /* Version 3 */ .sf-menu.sf-v3, .sf-menu.sf-v3 * { margin: 0; padding: 0; list-style:none; } .sf-menu.sf-v3{ float:right; } .sf-menu.sf-v3 li { position: relative; } .sf-menu.sf-v3 li a{ padding: 4.1em 0.90em; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu.sf-v3 > li a{ color:#222; } .sf-menu.sf-v3 > li:hover a{ color:#fff; } .sf-menu.sf-v3 > li { float: left; border-left:none; font-weight:bold; white-space: nowrap; } .sf-menu.sf-v3 li:hover { color:#fff !important; } .sf-menu.sf-v3 ul { position: absolute; display: none; top: 100%; left: 0; z-index: 47212; min-width: 12em; *width: 12em; } .sf-menu.sf-v3 li:hover > ul,.sf-menu.sf-v3 li.sfHover > ul { display: block; } .sf-menu.sf-v3 a { display: block; position: relative; } .sf-menu.sf-v3 ul ul { top: -3px; left:152px; } .sf-menu.sf-v3 li ul{ white-space:normal; font-size:12px; font-weight:400; background:#222; padding:4px 10px !important; border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; } .sf-menu.sf-v3 li ul a{ padding:0.50em 0 0.50em 0.1em; transition: padding-left 250ms ease-out; color:#d2d0d0 !important; } .sf-menu.sf-v3 li ul li.current-menu-item > a, .sf-menu.sf-v3 li ul li.current-page-ancestor > a, .sf-menu.sf-v3 li ul li.current-menu-ancestor > a { color:#fff !important; background: none; } .sf-menu.sf-v3 li.current-menu-item > a, .sf-menu.sf-v3 li.current-page-ancestor > a, .sf-menu.sf-v3 li.current-menu-ancestor > a { background: none; } .sf-menu.sf-v3 li.current-menu-item:hover > a, .sf-menu.sf-v3 li.current-page-ancestor:hover > a, .sf-menu.sf-v3 li.current-menu-ancestor:hover > a { color:#fff !important; } .sf-menu.sf-v3 li ul a:hover { padding-left:8px; color:#fff !important; background:none; } .sf-menu.sf-v3 li ul li ul{ border-top:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .sf-menu.sf-v3 li ul li{ border-bottom:1px solid #141414; box-shadow: 0 3px 3px -3px #393939; -moz-box-shadow: 0 3px 3px -3px #393939; -webkit-box-shadow: 0 3px 3px -3px #393939; } .sf-menu.sf-v3 li ul li:last-child{ border-bottom:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} /* Version 4 */ .sf-menu.sf-v4, .sf-menu.sf-v4 * { margin: 0; padding: 0; list-style:none; } .sf-menu.sf-v4{ margin-top:38px; float:right; } .sf-menu.sf-v4 li { position: relative; margin:2px 0 2px 2px; } .sf-menu.sf-v4 li, .sf-menu.sf-v4 li a { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } .sf-menu.sf-v4 li:hover { border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; } .sf-menu.sf-v4 li a{ padding: 1.0em 0.90em; text-decoration: none; color:#fff !important; zoom: 1; /* IE7 */ } .sf-menu.sf-v4 > li { float: left; border-left:none; font-weight:bold; white-space: nowrap; } .sf-menu.sf-v4 li:hover a{ background-color:#222 !important; } .sf-menu.sf-v4 li.current-menu-item ul, .sf-menu.sf-v4 li.current-page-ancestor ul, .sf-menu.sf-v4 li.current-menu-ancestor ul, .sf-menu.sf-v4 li:hover ul { border-top:1px solid #222; } .sf-menu.sf-v4 > li.current-menu-item > a, .sf-menu.sf-v4 > li.current-page-ancestor > a, .sf-menu.sf-v4 > li.current-menu-ancestor > a{ background:#222; font-size:16px; padding:0.8em 1em; } .sf-menu.sf-v4 > li.current-menu-item > a i.menu_text, .sf-menu.sf-v4 > li.current-page-ancestor > a i.menu_text, .sf-menu.sf-v4 > li.current-menu-ancestor > a i.menu_text{ display:none; } .sf-menu.sf-v4 li ul li.current-menu-item > a, .sf-menu.sf-v4 li ul li.current-page-ancestor > a, .sf-menu.sf-v4 li ul li.current-menu-ancestor > a { color:#fff !important; background:none; } .sf-menu.sf-v4 li a.search { font-size:16px; padding:0.8em; } #searchv4 { display:none; border-radius:2px; background:#fff url(../images/strip.png) repeat; box-shadow:0 0 2px #dfdfdf; border:1px solid #e0e0e0; position:absolute; right:0px; top:55px; padding:15px; z-index:999; } #searchv4 .search_holder { float:left; width:225px; background:#fff; border:1px solid #e0e0e0; border-radius:2px; box-shadow:0 0 2px #e0e0e0; } #searchv4 input[type="text"]{ padding:5px; float:left; width: 190px; box-shadow:none; } #searchv4 input[type="submit"]{ background-color:#fff; float:right; border:none; background-image:url(../images/icons/search-black.png); background-repeat:no-repeat; margin-top:5px; width:20px; height:18px; cursor:pointer; } .sf-menu.sf-v4 ul { position: absolute; display: none; top: 100%; left: 0; z-index: 47212; min-width: 12em; *width: 12em; } .sf-menu.sf-v4 li:hover > ul,.sf-menu.sf-v4 li.sfHover > ul { display: block; } .sf-menu.sf-v4 a { display: block; position: relative; } .sf-menu.sf-v4 ul ul { top: -6px; left:152px; } .sf-menu.sf-v4 li ul{ white-space:normal; font-size:12px; font-weight:400; background:#222; padding:4px 10px !important; border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; } .sf-menu.sf-v4 li ul a{ padding:0.50em 0 0.50em 0.1em; transition: padding-left 250ms ease-out; background:none !important; color:#d2d0d0 !important; } .sf-menu.sf-v4 li ul a:hover { padding-left:8px; color:#fff !important; background:none; } .sf-menu.sf-v4 li ul li ul{ border-top:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .sf-menu.sf-v4 li ul li{ border-bottom:1px solid #141414; box-shadow: 0 3px 3px -3px #393939; -moz-box-shadow: 0 3px 3px -3px #393939; -webkit-box-shadow: 0 3px 3px -3px #393939; } .sf-menu.sf-v4 li ul li:last-child{ border-bottom:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} /* ------------------------------------------- TOP PAGE TITLE * -------------------------------------------- */ /* Standard version */ .top_title_holder { width:100%; background:#fff url(../images/strip.png) repeat; padding:25px 0; min-height:20px; position:relative; } .top_title_holder h3 { font-size:26px; } .top_title_holder p { margin-bottom:0; color:#888; font-size:12px; } .top_title_holder ul { float:right; margin-top:45px; margin-bottom:0px; font-size:12px; } .top_title_holder ul li{ float:left; color:#888; margin:0 3px; } .top_title_border { width:100%; height:5px; position:absolute; top:0; box-shadow:0 1px 1px #e9eaee; background:#fafafa url(../images/strip.png) repeat; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; } .bottom_title_border { width:100%; height:5px; position:absolute; bottom:0; box-shadow:0 0px 2px #e9eaee; background:#fafafa url(../images/strip.png) repeat; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; } /* used to show search message */ p.search_res { margin-top: 20px; font-size: 15px; } /* Featured image version */ .featured_image_titlebar { width: 100%; height: 150px; position:relative; overflow: hidden; box-shadow:inset 0 0 10px #adadad; } .featured_image_titlebar #crumbs { color: #fff; background: black; opacity: 0.7; float:left; margin-top: 55px; padding: 4px 15px; } .featured_image_titlebar #crumbs li{ margin:0; } .featured_image_titlebar h3 { float: left; margin-top:35px; margin-bottom:3px; opacity: 0.8; padding:4px 10px; color: #fff; font-weight: bold; } .featured_image_titlebar p { width: 94%; float: left; background-color: black; padding:4px 8px 4px 10px; opacity: 0.7; color: #fff; font-size: 16px; font-weight: bold; } .featured_image_titlebar .imgGrid { width: 100%; height: 150px; position: absolute; background: url(../images/grid.png) repeat; } /* No titlebar version */ .no_titlebar{ width:100%; height: 0px; } .sixteen.no_titlebar_breadcrumbs ul { margin-bottom: 0px; } hr.hr_no_titlebar{ margin-top:3px; border:none; height: 1px; background-color:#f4f3f3; } /* Revolution Slider Version */ .pagetop_rev_holder{ margin-bottom:20px !important; } /* ------------------------------------------- FEATURED SERVICES * -------------------------------------------- */ /* Featured version 1 */ .featured_v1 td { text-align:left; vertical-align: top; } .featured_v1 { width: 100%; } .featured_v1 .imgHolder { float:left; display: table; text-align: center; } .featured_v1 .imgHolder i{ display: table-cell; vertical-align: middle; color: inherit; } .featured_v1:hover .imgHolder { background:#222; } .featured_v1 .content { float:left; margin-left: 10px; } .featured_v1 h4 { font-size:15px; font-weight:bold; line-height:21px;} .featured_v1 a{ font-size:12px; } .featured_v1 p { margin-bottom:5px; } /* Featured version 2 */ .featured_v2 { text-align:center; } .featured_v2:hover .imgHolder { background-color:#222; } .featured_v2 .imgHolder{ display: table; text-align: center; margin:0 auto; } .featured_v2 .imgHolder i{ display: table-cell; vertical-align: middle; color: inherit; } .featured_v2 h4 { font-size:15px; font-weight:bold; margin-top:5px; } .featured_v2 p{ margin:0; } /* Featured version 3 */ .featured_v3 { text-align:center; } .featured_v3 .imgHolder{ width:160px; height:140px; background:url(../images/strip.png) repeat; padding:5px; margin:0 auto; border:1px solid #cdcbcb; } .featured_v3 .imgHolder img { width:100%; height:100%; } .featured_v3 h4 { font-size:15px; font-weight:bold; margin-top:5px; } .featured_v3 p{ margin-bottom:0; } /* Featured version 4 */ ul.featured_v4 { float:left; margin:0; width:100%; text-align:center; } ul.featured_v4 li { float:left; margin-bottom:20px; } ul.featured_v4 li h3 { width: 100%; margin-bottom:0px; line-height:21px; font-size:15px; font-style:italic; color:#777; } ul.featured_v4 li .item_holder { margin-bottom: 15px; display: block; background:url(../images/strip.png) repeat; padding:5px; border:1px solid #cdcbcb; float:left; border-radius:100%; box-shadow:0 0 2px #e0e0e0; } ul.featured_v4 li .item_holder:hover{ box-shadow:0 0 10px #999; } ul.featured_v4 li .item { display: table; float:left; border-radius:100%; box-shadow:0 0 2px #444; background-color:#fff; } ul.featured_v4 li .item i{ display: table-cell; vertical-align: middle; } ul.featured_v4 li.arrow { margin:0 25px; width:30px; background-image:url(../images/circle-arrows-right.png); background-repeat:no-repeat; background-position:center;} /* Featured version 5 */ .featured_v5{ float:left; width:100%; } .featured_v5:hover .imgHolder { background:#222; } .featured_v5 .imgHolder { width:80px; height:80px; float:left; margin-top:25px; border-radius:100%; text-align:center; } .featured_v5 .imgHolder img { margin-top:23px; } .featured_v5 .content_holder { margin-left:90px; } .featured_v5 .content_holder h4 { font-size:15px; font-weight:bold; margin-top:5px; } .featured_v5 .content_holder p{ margin-bottom:0; } /* Small version with 2px border radius */ .featured_v5.smallv .imgHolder { width:50px; height:50px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } .featured_v5.smallv .imgHolder img { margin-top:10px; } .featured_v5.smallv .content_holder { margin-left:65px; } /* Featured version 6 */ .featured_v6{ float:left; width:100%; } .featured_v6 .imgHolder { display: table; width:65px; height:65px; float:left; border-radius:5px; text-align:center; border:1px solid #e3e3e3; background-color:#fff; box-shadow:inset 0 0 4px #fff; } .featured_v6 .imgHolder i { display: table-cell; vertical-align: middle; box-shadow:inset 0 0 25px #e9e8e8; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } .featured_v6 .content_holder { margin-left:80px; } .featured_v6 .content_holder h4 { font-size:17px; margin-top:5px; color:#777; line-height:16px; margin-top:14px; } .featured_v6 .content_holder p{ margin-bottom:0; color:#a9a9a9; font-style:italic; } /* ------------------------------------------- RECENT LIST * -------------------------------------------- */ ul.rc_list { width:100%; float:left; margin-bottom:20px; } ul.rc_list li:first-child{ margin-left: 0px; } ul.rc_list li{ float:left; margin:0 10px; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .twelve ul.rc_list li:nth-child(3n) { margin-right: 0px; } .twelve ul.rc_list li:nth-child(3n+1) { margin-left: 0px; } .sixteen ul.rc_list li:nth-child(4n+1) { margin-left: 0px; } .sixteen ul.rc_list li:nth-child(4) { margin-right: 0px; } /* Recent list panel */ .panel { float: left; width: 217px; height: 190px; margin-bottom:20px !important; color:#fff !important; position: relative; font-size: 12px !important; -webkit-perspective: 600px; -moz-perspective: 600px; } .panel .front { padding:5px; background:#fff url(../images/strip.png) repeat; border:1px solid #cdcbcb; box-shadow:0 0 5px #e0e0e0; float: none; position: absolute; top: 0; left: 0; z-index: 900; width: inherit; height: inherit; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .panel .front span{ position:absolute; top:70%; left:5px; padding:5px 10px; color:#fff; font-weight:bold; border-top-right-radius:2px !important; -moz-border-radius-topright:2px !important; -webkit-border-top-right-radius:2px !important; border-bottom-right-radius:2px !important; -moz-border-radius-bottomright:2px !important; -webkit-border-bottom-right-radius:2px !important; } .panel .front img{ height:100%; width:100%; } .panel.flip .front { z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .panel .back { padding:5px; background-image:url(../images/strip.png); background-repeat:repeat; border:1px solid #cdcbcb; box-shadow:0 0 5px #e0e0e0; text-align:left; float: none; position: absolute; top: 0; left: 0; z-index: 800; width: inherit; height: inherit; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .panel .back .pad { margin:10px; } .panel .back .pad h2 {margin:0; font-size:12px; font-weight:bold; line-height:21px; color:#fff !important; } .panel .back .pad p{ margin-bottom:7px; } .panel .back .pad span.date { font-size:10px; } .panel.flip .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } /* Recent list post types */ /* Post Types */ ul.rc_list.rc_posts .postType { width:30px; height:30px; position: absolute !important; top:5px; left: 5px; } ul.rc_list.rc_posts li{ position: relative !important; } /* ------------------------------------------- CLIENT LIST * -------------------------------------------- */ ul.clients { width:100%; float:left; margin-bottom:0; } .sixteen ul.clients li{ float:left; margin:0 8px 15px 10px; } .twelve ul.clients li { float: left; margin:0 2px 15px 1px; } ul.clients li:first-child{ margin-left: 0px; } ul.clients li:last-child{ margin-right: 0px; } ul.clients li img{ height:90px; width:172px; } /* ------------------------------------------- TIPSY PLUGIN * -------------------------------------------- */ .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background:#444; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n, .tipsy-arrow-s,.tipsy-arrow-e, .tipsy-arrow-w { border-color:#444; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* ------------------------------------------- CLIENT TESTIMONIALS * -------------------------------------------- */ .testimonialList { width:100%; margin-bottom:0; font-size:12px; font-style:italic; float:left; } .testimonialList li { float:left; } .testimonialList li .arrow-down { margin-left:20px; } .testimonialList li blockquote { margin-left:65px; font-size:12px; border:none; padding:0; } .testimonialList li img { width:50px; height:50px; float:left; margin-right:10px; } .testimonialList li .testimonialAuthor { width:100%; padding-top:7px; } .testimonialList li .testimonialAuthor span.testimonial_title { color:#888; } /* Footer Version */ footer .testimonialList li .testimonialHolder{ border-bottom:1px solid #303030; } footer .testimonialList li img { border:1px solid #141414; } footer .arrow-down { border-top: 5px solid #303030; } /* ------------------------------------------- ARROW DOWN * -------------------------------------------- */ .arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; } /* ------------------------------------------- LATEST BLOG LIST * -------------------------------------------- */ .latest_blog_list_item{ width:100%; height:auto; float:left; margin-bottom:20px; } .blog_list_item_date{ height:60px; width:50px; float:left; background:#fafafa; text-align:center; font-weight:bold; text-transform: uppercase;} .blog_list_item_date span.day{ width:100%; float:left; padding:9px 0; font-size:22px; color:#888; } .blog_list_item_date span.month{ width:100%; color:#fff; float:left; font-size:12px; background:#444; } .blog_list_item_description{ margin-left:70px; } .blog_list_item_description h5 a{ color:#555; line-height:25px; font-weight:bold; } .blog_list_item_description span.comments { color:#cccccc; font-size:12px; font-weight:bold; line-height:21px; } .blog_list_item_excerpt a{ font-size:13px; } /* ------------------------------------------- SUBSCRIBE NEWSLETTER * -------------------------------------------- */ .subscribe_holder { width:100%; height:auto; border:1px solid #e0e0e0; } .subscribe_holder img { float:left; width:64px; height:64px; margin-top:10px; margin-left:15px; } .subscribe_holder p { margin-left:95px; margin-right:15px; margin-top:15px; margin-bottom:0;} .subscribe_controls_holder { width:100%; margin-top:15px; height:auto; padding:10px 0; background:url(../images/strip.png) repeat; border-top:1px solid #e0e0e0; text-align:center; } .subscribe_controls_holder input[type="text"] { padding:9px; width:260px; margin-left:15px; border:1px solid #e0e0e0; box-shadow:none; } .subscribe_controls_holder input[type="submit"],.subscribe_controls_holder input[type="button"] { margin-right:15px; } #subscribeMessageHolder { display:none; margin-left:95px; margin-right:15px; margin-top:5px; margin-bottom:0; } #subscribeMessageHolder p.error{ margin-bottom:0; color:#d53d27; font-weight:bold; } /* ------------------------------------------- DISABLE PRETTYPHOTO TITLES * -------------------------------------------- */ /*div.ppt, .pp_description { display: inline !important; }*/ /* ------------------------------------------- BLOG POSTS * -------------------------------------------- */ /* Quote Post */ .quote_post_holder { width:100%; height: auto; background-color: #222222; background-image:url(../images/icons/quote.png); background-repeat: no-repeat; background-position: 12px 25px; color:#fff; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .quote_post_holder.topmargin{ margin-top:-8px; } .quote_post_holder .quote_post_content{ margin:0px 25px 15px 40px; padding:25px 0; } .quote_post_holder span.quote_span{ float:right; background:#2c2c2c; padding:3px 5px; color:#b9b8b8; } .quote_post_holder a.content { font-size: 18px; font-family: Oregano; font-style: italic; color:#cfcfcf; } .quote_post_holder a.content:hover { color:#fff; } .quote_post_holder a.source_name{ color: #b9b8b8; font-style: italic; font-family: Oregano; font-size: 15px; } .quote_post_holder a.source_name:hover{ color:#fff; } /* Audio Post */ .post_item_holder.audio{ height:auto !important; max-height: 168px !important; } .post_item_holder.audio iframe, .post_item_holder.audio object, .post_item_holder.audio embed{ height:auto !important; max-height: 210px !important; width: 100% !important; } /* Link Post */ .post_item_holder.link_post img, .post_item_holder.quote_post img{ width: 100%; height: 100%; } .post_item_holder.link_post:hover img, .post_item_holder.quote_post:hover img{ opacity: 1; } .medium_post_content .link_holder, .cols_2_post_content .link_holder, .cols_3_post_content .link_holder, .cols_4_post_content .link_holder{ width:100%; color:#bebcbc; margin: 5px 0 10px 0; float: left; font-size: 14px; } /* Post full scale */ .large_post .post_item_holder.full iframe, .large_post .post_item_holder.full object, .large_post .post_item_holder.full embed, .medium_post .post_item_holder.full iframe, .medium_post .post_item_holder.full object, .medium_post .post_item_holder.full embed, .full_width_post .post_item_holder.full iframe, .full_width_post .post_item_holder.full object, .full_width_post .post_item_holder.full embed { width:100% !important; height: 100% !important; } /* Large Post */ .large_post .post_item_holder, .large_post .gallery_items_holder { float:left; padding:5px; height:290px; width:690px; position:relative; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; margin-bottom:20px; } .large_post .gallery_slider { height:290px; width:690px; } .large_post .large_post_content ul{ list-style-type:disc; } /* Full Width Post */ .full_width_post .post_item_holder, .full_width_post .gallery_items_holder { float:left; padding:5px; height:360px; width:930px; position:relative; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; margin-bottom:20px; } .full_width_post .gallery_slider { height:360px; width:930px; } /* Medium Post */ .medium_post .post_item_holder, .medium_post .gallery_items_holder { float:left; padding:5px; height:220px; width:350px; position:relative; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; margin-bottom:0px; } .medium_post .postType { position:absolute; top:5px; right:5px; margin:0; width: 30px; height: 30px; } .medium_post .gallery_item .postType { position:absolute; top:0px; right:0px; } .medium_post .post_item_holder img { height: 100%; width: 100%; } .medium_post_content { width:317px; float:left; margin-left:20px; } .medium_post_content h2.ptitle{ line-height:21px; } .medium_post_content h2.ptitle a, .medium_post_content h2.ptitle { color:#444; font-size:21px; font-weight:bold; } .medium_post .gallery_slider { height:220px; width:350px; } /* 2 Columns Post */ .cols_2_post { float:left; border-bottom: 1px solid #dfdfdf; overflow: hidden; } .cols_2_post .post_item_holder, .cols_2_post .gallery_items_holder { float:left; padding:5px; height:290px; width:448px; position:relative; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; margin-bottom:0px; } .cols_2_post .post_item_holder.audio { height: 150px !important; } .cols_2_post .post_item_holder img { height: 100%; width: 100%; } .cols_2_post .postType { position:absolute; top:5px; right:5px; margin:0; width: 30px; height: 30px; } .cols_2_post_content{ margin-top:20px; float: left; } .cols_2_post_content h2.ptitle{ line-height:21px; } .cols_2_post_content h2.ptitle a, .cols_2_post_content h2.ptitle { color:#444; font-size:18px; font-weight:bold; } .cols_2_post iframe, .cols_2_post video, .cols_2_post object, .cols_2_post embed { width: 100%; height: 100%; } .cols_2_post .quote_post_holder { margin-top:-20px; } .cols_2_post ul.post_meta li { padding:3px 7px 3px 24px; } /* 3 Columns Post */ .cols_3_post { float:left; border-bottom: 1px solid #dfdfdf; overflow: hidden; } .cols_3_post .post_item_holder, .cols_3_post .gallery_items_holder { float:left; padding:5px; height:186px; width:288px; position:relative; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; margin-bottom:0px; } .cols_3_post .post_item_holder.audio { height: 150px !important; } .cols_3_post .post_item_holder img { height: 100%; width: 100%; } .cols_3_post .postType { position:absolute; top:5px; right:5px; margin:0; width: 30px; height: 30px; } .cols_3_post_content{ margin-top:20px; float: left; } .cols_3_post_content h2.ptitle { line-height:21px; } .cols_3_post_content h2.ptitle a, .cols_3_post_content h2.ptitle { color:#444; font-size:16px; font-weight:bold; } .cols_3_post iframe, .cols_3_post video, .cols_3_post object, .cols_3_post embed { width: 100%; height: 100%; } .cols_3_post .quote_post_holder { margin-top:-20px; } .cols_3_post ul.post_meta li { padding:3px 7px 3px 24px; } /* 4 Columns Post */ .cols_4_post { float:left; border-bottom: 1px solid #dfdfdf; overflow: hidden; } .cols_4_post .post_item_holder, .cols_4_post .gallery_items_holder { float:left; padding:5px; height:135px; width:208px; position:relative; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; margin-bottom:0px; } .cols_4_post .post_item_holder.audio { height: 150px !important; } .cols_4_post .post_item_holder img { height: 100%; width: 100%; } .cols_4_post .postType { position:absolute; top:5px; right:5px; margin:0; width: 30px; height: 30px; } .cols_4_post_content{ margin-top:20px; float: left; } .cols_4_post_content h2.ptitle { line-height:21px; } .cols_4_post_content h2.ptitle a, .cols_4_post_content h2.ptitle { color:#444; font-size:16px; font-weight:bold; } .cols_4_post iframe, .cols_4_post video, .cols_4_post object, .cols_4_post embed { width: 100%; height: 100%; } .cols_4_post .quote_post_holder { margin-top:-20px; } .cols_4_post ul.post_meta li { padding:3px 7px 3px 24px; } /* Post Gallery Item */ .gallery_item { width:100%; height:100%; position:relative; float:left; } .gallery_item img { box-shadow:none; } /* Post margins top & bottom */ .large_post,.medium_post,.full_width_post, .cols_2_post, .cols_3_post, .cols_4_post { margin-top:20px !important; margin-bottom: 20px !important; } /* Post Date */ .post_date{ font-size:12px; position:absolute; top:20%; left:5px; padding:5px 10px; color:#fff; border-top-right-radius:2px !important; -moz-border-radius-topright:2px !important; -webkit-border-top-right-radius:2px !important; border-bottom-right-radius:2px !important; -moz-border-radius-bottomright:2px !important; -webkit-border-bottom-right-radius:2px !important; } .post_date.gallery{ position:absolute; z-index:1; left:0; } /* Post Date Link Item (Used for link post in full width and large post types) */ .post_link_holder{ word-wrap:break-word;color:#c3c2c2; float:left;width:100%;margin-bottom:15px; font-size:14px; } /* Post Types */ .postType { width:40px; height:40px; float:left; margin-right:30px; } .postType:hover { background-color:#222; } .postType.standard_post { background-image:url(../images/icons/pen.png); background-position:center; background-repeat:no-repeat; } .postType.video_post { background-image:url(../images/icons/video.png); background-position:center; background-repeat:no-repeat; } .postType.gallery_post { background-image:url(../images/icons/camera.png); background-position:center; background-repeat:no-repeat; } .postType.audio_post { background-image:url(../images/icons/music.png); background-position:center; background-repeat:no-repeat; } .postType.link_post { background-image:url(../images/icons/link.png); background-position:center; background-repeat:no-repeat; } .postType.quote_post { background-image:url(../images/icons/quote.png); background-position:center; background-repeat:no-repeat; } .postType.search { background-image:url(../images/icons/search.png); background-position:center; background-repeat:no-repeat; } /* Post Content Large */ .large_post_content { width:630px; float:right; margin-top:8px;} .large_post_content h2.ptitle { line-height:21px; } .large_post_content h2.ptitle,.large_post_content h2.ptitle a { color:#444; font-size:21px; font-weight:bold; } /* Post Content Full Width */ .full_width_post_content { width:870px; float:right; margin-top:8px; } .full_width_post_content h2.ptitle { line-height:21px; } .full_width_post_content h2.ptitle,.full_width_post_content h2.ptitle a { color:#444; font-size:21px; font-weight:bold; } /* Post Meta */ ul.post_meta { width:100%; margin-top:20px; float:left; list-style-type: none !important; } ul.post_meta li { float:left; margin:2px; border:1px solid #cdcbcb; padding:4px 8px 4px 25px; } ul.post_meta li:hover { background:#fff; } ul.post_meta li.author { background-image:url(../images/icons/author.png); background-position:5px center ; background-repeat:no-repeat; } ul.post_meta li.date { background-image:url(../images/icons/date-dark.png); background-position:5px center ; background-repeat:no-repeat; } ul.post_meta li.tags { background-image:url(../images/icons/tag.png); background-position:5px center ; background-repeat:no-repeat; } ul.post_meta li.comments { background-image:url(../images/icons/bubble.png); background-position:5px center ; background-repeat:no-repeat; } ul.post_meta li { font-size:11px; } /* Share this story */ .post_share_holder { float:left; width:100%; padding:13px 0; border-top:1px solid #e0e0e0; } .post_share_holder h4 { float:left; font-size:15px; font-weight:bold; margin:0px; line-height:34px; padding-top:2px; } .post_share_holder ul.social_list { margin:0; padding:0; float:left;} /* About the Author */ .about_author { float:left; padding:5px; width:690px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; margin-bottom:0px; } .about_author .author_content { background:#fff; float:left; width:690px; } .about_author .author_content p{ margin:10px 10px 10px 80px; } .about_author .author_content h4 { font-size:15px; font-weight:bold; margin:10px 10px 10px 80px; line-height:21px; } .about_author .author_content .authorImgHolder { padding:5px; margin:10px; float:left; width:45px; height:45px; border:1px solid #cdcbcb; } .about_author .author_content .authorImgHolder img { width:45px; height:45px; } /* Related Posts */ .related_posts { float:left; width:100%; } .related_posts ul{ width:100%; margin-bottom:0; } .related_posts ul li{ float:left; margin-bottom:5px; width:100%; } .related_posts ul li:before { content:'\BB\A0'; } .related_posts ul li span.date{ color:#8b8a8a; font-size: 11px; font-style: italic; } /* Comments */ .must-log-in a { float:none !important; } .comments_holder { float:left; width:100%; } .comments_holder p { margin:0; } .comments_holder p.closed_comments { font-style: italic; } ol.comment_list { width:100%; margin:0; list-style-type:none; font-size:13px; } ol.comment_list .comment .imgHolder { border:1px solid #cdcbcb; } ol.comment_list li { width:100%; float:left; margin-bottom:4px; border: none !important; } ol.comment_list .comment { padding:5px 0; float:left; width:100%; border-bottom:1px dotted #dfdfdf; padding:20px 0; } ol.comment_list .comment .imgHolder { padding:5px; float:left; width:65px; height:65px; } ol.comment_list .comment img { width:65px; height:65px; } ol.comment_list .comment_body { margin-left:90px; } ol.comment_list .comment_body .comment_meta { color:#888; width:100%; margin-bottom:5px; font-size:12px; } ol.comment_list .comment_body .comment_meta span{ margin-right:7px; } ol.comment_list ul.children { float:left; margin-left:80px; margin-bottom:0; font-size:13px; } ol.comment_list ul.children li { width:100%; float:left; margin:0; border: none !important; } ol.comment_list ul.children .comment .imgHolder { width:55px; height:55px; } ol.comment_list ul.children .comment img { width:55px; height:55px; } ol.comment_list ul.children .comment_body { margin-left:80px; } /* Reply Holder */ .reply_holder { float:left; width:100%; } .reply_holder .comment-reply-title { float:none; font-size: 12px; } .reply_holder .comment-reply-title a { float:none; margin-left: 5px; } .reply_holder input[type="text"] { padding:6px 0 6px 6px; width:50%; margin:5px 0; border:1px solid #cdcbcb; float:left; } .reply_holder textarea { border:1px solid #cdcbcb; padding:6px; width:75%; height:200px; font-family:Helvetica; font-size:13px; margin:5px 0; float:left; } .reply_holder p.form-submit { width:100%; float:left; margin:5px 0;} .reply_holder p.form-allowed-tags, .reply_holder p.comment-notes { display: none; } .reply_holder p.logged-in-as a { float: none; } .reply_holder p.form-submit input[type="submit"]{ box-shadow:0 0 1px #111; -moz-box-shadow:0 0 1px #111; -webkit-box-shadow:0 0 1px #111; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff !important; font-weight:bold; cursor:pointer; text-shadow:0 0 2px #111; padding:8px 16px; font-size:13px; } .reply_holder p.form-submit input[type="submit"]:hover{ -webkit-transition: background-color .3s ease-in; -moz-transition: background-color .3s ease-in; -ms-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; background-color:#222; border:1px solid #191919; } .reply_holder a{ float:left; } #error_handler { float:left; max-width:400px; width:100%;} /* Post password protected */ .post-password-form input[type="password"] { border:1px solid #cdcbcb; } .post-password-form input[type="submit"] { box-shadow:0 0 2px #b1b0b0; -webkit-box-shadow:0 0 2px #b1b0b0; -moz-box-shadow:0 0 2px #b1b0b0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; cursor: pointer; padding:2px 7px; font-size:13px; text-shadow: -1px -1px 0 #fff; border: 1px solid #cdcbcb; font-weight:bold; text-align: center; color: #444 !important; background-color: #e8e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e8e6e6); background-image: -moz-linear-gradient(top, #fff, #e8e6e6); background-image: -ms-linear-gradient(top, #fff, #e8e6e6); background-image: -o-linear-gradient(top, #fff, #e8e6e6); background-image: linear-gradient(to bottom, #fff, #e8e6e6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#e8e6e6); } .post-password-form input[type="submit"]:hover{ border: 1px solid #cdcbcb; background-color: #e8e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e6e6), top(#fff)); background-image: -webkit-linear-gradient(top, #e8e6e6, #fff); background-image: -moz-linear-gradient(top, #e8e6e6, #fff); background-image: -ms-linear-gradient(top, #e8e6e6, #fff); background-image: -o-linear-gradient(top, #e8e6e6, #fff); background-image: linear-gradient(to bottom, #e8e6e6, #fff); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e8e6e6, endColorstr=#ffffff); } /* Next, Previous Holder */ .next_prev{ float:left; width:100%; } .next_prev .next { float:right; } .next_prev .prev { float:left; } /* Posts common style */ .large_post img,.large_post iframe, .large_post object , .large_post embed, .medium_post img, .medium_post iframe, .medium_post object , .medium_post embed, .full_width_post img,.full_width_post iframe, .full_width_post object , .full_width_post embed { float:left; } .large_post .gallery_items_holder .gallery_item .post_date, .medium_post .gallery_items_holder .gallery_item .post_date, .full_width_post .gallery_items_holder .gallery_item .post_date { left:0 !important; } .large_post, .medium_post, .full_width_post { float:left; border-bottom:1px solid #e0e0e0; } .large_post img:hover, .medium_post img:hover, .full_width_post img:hover, .cols_2_post img:hover, .cols_3_post img:hover, .cols_4_post img:hover { opacity:0.3; } /* ------------------------------------------- PROJECTS * -------------------------------------------- */ .project_holder { float:left; padding:5px; overflow: hidden; height:auto; width:930px; position:relative; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; } .project_holder ol.flex-control-nav{ display: none; } .project_holder.imgs { height: 450px; } .project_holder.imgs img:hover { opacity:0.3; } .project_holder iframe, .project_holder object, .project_holder embed { float:left; width:100%; } /* Project Details Table */ table.project_details { width:100%; float:left; margin-top:-3px; margin-bottom:15px;} table.project_details tr { border-bottom:1px dotted #dfdfdf; } table.project_details tr td{ padding:5px; } table.project_details tr td strong{ color:#777; } /* Project Button Holder */ .proect_details_btn_holder,.proect_details_btn_holder a { float:left; } /* Slideshow Project Navigation */ .project_holder .bx-prev, .project_holder .bx-next { display:block; width:30px; height:38px; position:absolute; font-size:0; line-height:0; cursor:pointer; } /* Next Navigation */ .project_holder .bx-next{ background:url(../images/next.html) center no-repeat; right:0; border-top-left-radius:2px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-bottom-left-radius:2px; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; } /* Previous Navigation */ .project_holder .bx-prev{ background:url(../images/prev.html) center no-repeat; left:0; border-top-right-radius:2px; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-bottom-right-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; } /* Navgation positions */ .project_holder .bx-prev, .project_holder .bx-next { top:200px; } .project_holder .bx-next:hover, .project_holder .bx-prev:hover { background-color:#444; } /* Gallery Project */ ul.gallery_project_list { width:100%; margin:0; } ul.gallery_project_list li{ float:left; margin:0 0 17px 17px; } ul.gallery_project_list li.first { margin-left:0; } .gallery_project_item { float:left; padding:5px; height:230px; width:290px; position:relative; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; } .gallery_project_item img { float:left; width:100%; height:100%; } .gallery_project_item img:hover { opacity:0.3; } /* ------------------------------------------- PAGINATION * -------------------------------------------- */ .pagination{ float:right; margin:20px 0; } .pagination ul { margin-bottom:0px; } .pagination ul li{ float:left; padding:2px; vertical-align:middle; } .pagination ul li a{ border:1px solid #cdcbcb; padding:2px 9px; } .pagination ul li a.current{ color:White; } .pagination ul li.next a,.pagination ul li.next a:hover,.pagination ul li.previous a,.pagination ul li.previous a:hover{ font-style:italic; border:none; box-shadow:none; } .pagination ul li.next a{ padding-left:10px; } .pagination ul li.previous a{ padding-right:10px; } /* ------------------------------------------- GALLERY SHADOW * -------------------------------------------- */ .gallery_shadow_holder {width:100%; height:100%; } /* ------------------------------------------- ARCHIVE * -------------------------------------------- */ .archive_article { float:left; } .archive_article ul li{ margin-bottom: 0px; } .archive_article ul.wp-tag-cloud{ margin:0px; } .archive h3 { margin-top:10px; } /* -> for archive.php */ /* ------------------------------------------- SIDEBAR & FOOTER WIDGETS * -------------------------------------------- */ /* Sidebar widget */ .sidebar .widget { margin-bottom:20px !important; float:left; width:100%;} /* Search widget */ .sidebar .widget_search input[type="text"] { width:192px; padding:6px 0 6px 28px; border:1px solid #cdcbcb; background-image:url(../images/icons/search-black.png); background-repeat:no-repeat; background-position:5px center; } .sidebar .widget_search .screen-reader-text, .widget.widget_search input[type="submit"] { display: none; } /* Search widget Footer version */ footer .widget_search input[type="text"] { background: #313131; width:192px; padding:6px 0 6px 28px; border:1px solid #272727; background-image:url(../images/icons/search-black.png); background-repeat:no-repeat; background-position:5px center; box-shadow: 0 0 2px #e0e0e0; -moz-box-shadow: 0 0 2px #e0e0e0; -webkit-box-shadow: 0 0 2px #e0e0e0; } footer .widget_search .screen-reader-text, .widget_search input[type="submit"] { display: none; } /* RSS widget */ .widget_rss ul, .sidebar .widget_rss ul li { float:left; } .sidebar .widget_rss .widget_title a { color:#444444; } .sidebar .widget_rss .rss-date { width:100%; font-size:11px; float: left; margin: 3px 0; font-style: italic; } .sidebar .widget_rss cite { font-weight: bold; font-style: italic; margin:3px 0; float: left; } /* RSS Footer version */ footer .widget_rss .rss-date { width:100%; font-size:11px; float: left; margin: 3px 0; font-style: italic; } /* Tag Cloud widget */ .sidebar .widget_tag_cloud { width:100%; margin-bottom:0; float:left; } .sidebar .widget_tag_cloud a { float:left; background:#fff; font-size:11px !important; margin:2px; border:1px solid #cdcbcb; padding:3px 6px 3px 20px; background-image:url(../images/icons/tag-10x10.png); background-repeat:no-repeat; background-position:5px center; } /* Tag Cloud widget Footer version */ footer .widget_tag_cloud { width:100%; margin-bottom:0; float:left; } footer .widget_tag_cloud a { float:left; background:#313131; font-size:11px !important; margin:2px; border:1px solid #272727; padding:3px 6px 3px 20px; background-image:url(../images/icons/tag-10x10.png); background-repeat:no-repeat; background-position:5px center; } footer .widget_tag_cloud a:hover { text-decoration:underline; } /* Archive widget */ .sidebar .widget_archive select { color:#888888; width: 100%; padding:4px 2px; border:1px solid #cdcbcb; border-radius: 2px; } .sidebar .widget_archive ul{ width:100%; margin-bottom:0; list-style-type: none; } .sidebar .widget_archive ul li{ color:#888888; background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } /* Archive widget Footer version */ footer .widget_archive select { color:#888888; background: #313131; width: 100%; padding:4px 2px; border:1px solid #272727; border-radius: 2px; } footer .widget_archive ul{ width:100%; margin-bottom:0; list-style-type: none; } footer .widget_archive ul li{ background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } footer .widget_archive ul li a:hover { text-decoration:underline; } /* Meta widget */ .sidebar .widget_meta ul { margin:0; } .sidebar .widget_meta ul li { background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } /* Meta widget Footer version */ footer .widget_meta ul { margin:0; } footer .widget_meta ul li { background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } footer .widget_meta ul li a:hover{ text-decoration: underline; } /* Menu widget */ .sidebar ul.menu { margin:0; } .sidebar ul.menu li { background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } /* Menu widget Footer version */ footer ul.menu { margin:0; } footer ul.menu li { background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } footer ul.menu li a:hover{ text-decoration: underline; } /* Pages widget */ .sidebar .widget_pages ul { margin:0; } .sidebar .widget_pages ul li { background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } /* Pages widget Footer version */ footer .widget_pages ul { margin:0; } footer .widget_pages ul li { background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } footer .widget_pages ul li a:hover{ text-decoration: underline; } /* Categories widget */ .sidebar select#cat { color:#888888; width: 100%; padding:4px 2px; border:1px solid #cdcbcb; border-radius: 2px; } .sidebar .widget_categories ul{ width:100%; margin-bottom:0; list-style-type: none; } .sidebar .widget_categories ul li{ color:#888888; background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } /* Categories widget Footer version */ footer select#cat { color:#888888; background: #313131; width: 100%; padding:4px 2px; border:1px solid #272727; border-radius: 2px; } footer .widget_categories ul{ width:100%; margin-bottom:0; list-style-type: none; } footer .widget_categories ul li{ background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } footer .widget_categories ul li a { color: #767676 !important; } footer .widget_categories ul li a:hover { color:#ababab !important; text-decoration:underline; } /* Recent posts widget */ .sidebar .widget_recent_entries ul{ width:100%; margin-bottom:0; } .sidebar .widget_recent_entries ul li{ background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } .sidebar .widget_recent_entries span.post-date { font-size: 10px; } .sidebar .widget_recent_entries span.post-date:before{ content: '- ('; } .sidebar .widget_recent_entries span.post-date:after{ content: ')'; } /* Recent posts widget Footer version */ footer .widget_recent_entries ul{ width:100%; margin-bottom:0; } footer .widget_recent_entries ul li{ background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } footer .widget_recent_entries ul li a:hover { text-decoration:underline; } footer .widget_recent_entries span.post-date { font-size: 10px; } footer .widget_recent_entries span.post-date:before{ content: '- ('; } footer .widget_recent_entries span.post-date:after{ content: ')'; } /* Sponsors widget */ .sponsors_holder a{ float: left; margin-right: 10px; margin-bottom: 3px; } .sidebar .sponsors_holder img{ box-shadow: 0 0 2px #e0e0e0; -moz-box-shadow: 0 0 2px #e0e0e0; -webkit-box-shadow: 0 0 2px #e0e0e0; } /* Sponsors widget */ footer .sponsors_holder img{ box-shadow: 0 0 2px #141414; -moz-box-shadow: 0 0 2px #141414; -webkit-box-shadow: 0 0 2px #141414; } /* Recent posts with Thumbnail */ .sidebar ul.widget_recent_entries_thumb { float:left; width:100%; margin-top:4px; margin-bottom:0; } .sidebar ul.widget_recent_entries_thumb li { float:left; width:100%; margin-bottom:20px; } .sidebar ul.widget_recent_entries_thumb li:last-child{ margin:0; } .sidebar ul.widget_recent_entries_thumb li .title { margin-top:0px; } .sidebar ul.widget_recent_entries_thumb li .date_holder{ margin-left: 80px; background:url(../images/icons/date-dark.png) no-repeat; padding-left:30px; font-style: italic; } .sidebar ul.widget_recent_entries_thumb li .imgHolder { float:left; margin-right:10px; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; } .sidebar ul.widget_recent_entries_thumb li img { float:left; } .sidebar ul.widget_recent_entries_thumb li span{ color:#888888; margin-right:10px; font-size: 12px; } /* Recent posts with Thumbnail Footer version */ footer ul.widget_recent_entries_thumb { float:left; width:100%; margin-top:4px; margin-bottom:0; } footer ul.widget_recent_entries_thumb li { float:left; width:100%; margin-bottom:20px; } footer ul.widget_recent_entries_thumb li a:hover { text-decoration:underline; } footer ul.widget_recent_entries_thumb li:last-child{ margin:0; } footer ul.widget_recent_entries_thumb li .title { margin-top:3px; } footer ul.widget_recent_entries_thumb li .date_holder { margin-left: 72px; font-style: italic; background:url(../images/icons/date-light.png) no-repeat; padding-left:30px; } footer ul.widget_recent_entries_thumb li .date_holder img { box-shadow:none; background:none; border:none; } footer ul.widget_recent_entries_thumb li img { float:left; background:#303538; margin-right:10px; border:1px solid #141414; } footer ul.widget_recent_entries_thumb li span{ margin-right:10px; font-size: 12px; } /* Contact Info widget Footer version */ .sidebar ul.widget_contact_us { float:left; width:90%; margin:0; } .sidebar ul.widget_contact_us li:first-child{ padding-top:4px; } .sidebar ul.widget_contact_us li { word-break:break-all; margin:0; padding:10px 0 10px 30px; float:left; width:100%; border-bottom:1px solid #e3e3e3; } .sidebar ul.widget_contact_us li:last-child{ border:none; box-shadow:none; margin:0; } .sidebar ul.widget_contact_us li:first-child { background-position: 0px 7px !important; } .sidebar ul.widget_contact_us li.street{ background-image:url(../images/icons/location-dark.png); background-repeat: no-repeat; background-position: 0px 12px; } .sidebar ul.widget_contact_us li.phone{ background-image:url(../images/icons/Iphone-portrait-dark.png); background-repeat: no-repeat; background-position: 0px 12px; } .sidebar ul.widget_contact_us li.email{ font-weight: bold; background-image:url(../images/icons/email-dark.png); background-repeat: no-repeat; background-position: 0px 12px; } .sidebar ul.widget_contact_us li.skype{ font-weight: bold; background-image:url(../images/icons/social/skype-dark-2.png); background-repeat: no-repeat; background-position: 0px 12px; } .sidebar ul.widget_contact_us li img { width:16px; height:16px; float:left; margin-right:10px; } .sidebar ul.widget_contact_us li span { float:left; } /* Contact Info widget Footer version */ footer ul.widget_contact_us { float:left; width:90%; margin:0; } footer ul.widget_contact_us li:first-child{ padding-top:4px; } footer ul.widget_contact_us li { word-break:break-all; margin:0; padding:10px 0 10px 30px; float:left; width:100%; border-bottom:1px solid #141414; box-shadow: 0 3px 3px -3px #393939; -moz-box-shadow: 0 3px 3px -3px #393939; -webkit-box-shadow: 0 3px 3px -3px #393939; } footer ul.widget_contact_us li:last-child{ border:none; box-shadow:none; margin:0} footer ul.widget_contact_us li:first-child { background-position: 0px 7px !important; } footer ul.widget_contact_us li.street{ background-image:url(../images/icons/location.png); background-repeat: no-repeat; background-position: 0px 12px; } footer ul.widget_contact_us li.phone{ background-image:url(../images/icons/Iphone-portrait.png); background-repeat: no-repeat; background-position: 0px 12px; } footer ul.widget_contact_us li.email{ background-image:url(../images/icons/email.png); background-repeat: no-repeat; background-position: 0px 12px; } footer ul.widget_contact_us li.skype{ background-image:url(../images/icons/social/skype-dark.png); background-repeat: no-repeat; background-position: 0px 12px; } footer ul.widget_contact_us li img { width:16px; height:16px; float:left; margin-right:10px; } footer ul.widget_contact_us li span { float:left; } /* Contact details widget - style 2 */ .sidebar .contact_details_holder { padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; box-shadow:0 0 2px #e0e0e0; border-radius:2px; } .sidebar .contact_details_content { background:#fff; padding:10px; border-radius:2px; box-shadow:0 0 2px #444; } .sidebar .contact_details_content p { font-size:11px; width:100%; margin-bottom:10px; } .sidebar .contact_details_content span { font-weight:normal; } /* Contact details widget - style 2 */ footer .contact_details_holder { padding:5px; background:url(../images/strip.png) repeat; border:1px solid #111; box-shadow:0 0 1px #111; border-radius:2px; } footer .contact_details_content { background:#222222; padding:10px; border-radius:2px; box-shadow:0 0 2px #444; } footer .contact_details_content p { font-size:11px; width:100%; margin-bottom:10px; } footer .contact_details_content span { font-weight:normal; } /* Recent comments widget */ .sidebar .widget_recent_comments ul{ width:100%; margin-bottom:0; } .sidebar .widget_recent_comments ul li{ color:#888888; font-style: italic; background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } .sidebar .widget_recent_comments ul li a{ font-style: normal; } .sidebar .widget_recent_comments ul li a:before{ content:"- "; } /* Recent comments Footer version */ footer .widget_recent_comments ul{ width:100%; margin-bottom:0; } footer .widget_recent_comments ul li{ font-style: italic; background:url(../images/arrow-right-black.png) no-repeat 2px 6px; float:left; margin-bottom:5px; width:100%; padding-left: 15px; } footer .widget_recent_comments ul li a{ font-style: normal; } footer .widget_recent_comments ul li a:hover{ text-decoration:underline; } footer .widget_recent_comments ul li a:before{ content:"- "; } /* Calendar Widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: center; color: #333; font-size: 16px; font-weight: bold; margin-bottom: 20px; } #wp-calendar thead { font-size: 10px; font-weight: bold; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #fcfbfb; text-align: center; padding:8px;} #wp-calendar tbody td#today{ background-color: #f4f2f2; } #wp-calendar tbody td:hover { background: #f4f2f2; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } footer #wp-calendar tfoot a:hover{ text-decoration: underline; } /* Calendar Widget Footer version */ footer #wp-calendar caption { text-align: center; color: #767676 !important; font-size: 16px; font-weight: bold; margin-bottom:20px; } footer #wp-calendar tbody td { background: none; } footer #wp-calendar tbody td:hover { background-color: #292929; } footer #wp-calendar tbody td#today { background: #292929; } footer #wp-calendar caption{ color:#d5d3d3; } /* Business hours widget */ .sidebar ul.business_hours { float:left; width:100%; margin-bottom:0; } .sidebar ul.business_hours li { float:left; width:100%; padding:5px 0; margin:0; border-bottom:1px dotted #dfdfdf; } .sidebar ul.business_hours li span.time { font-size:12px; font-style:italic; float:right; margin-right:15px;} .sidebar ul.business_hours li span.bold { margin-left:5px; } .sidebar ul.business_hours li:nth-child(2n+1) { background:#fafafa; } .sidebar ul.business_hours li:last-child { border:none; } /* Business hours widget */ footer ul.business_hours { float:left; width:100%; margin-bottom:0; } footer ul.business_hours li { float:left; width:100%; padding:5px 0; margin:0; border-bottom:1px dotted #353535; } footer ul.business_hours li span.time { font-size:12px; font-style:italic; float:right; margin-right:15px;} footer ul.business_hours li span.bold { margin-left:5px; } footer ul.business_hours li:nth-child(2n+1) { background:#292929; } footer ul.business_hours li:last-child { border:none; } /* Latest projects widget */ .sidebar .latest_projects { margin-bottom:0; float:left; } .sidebar .latest_projects li { float:left; margin:0 9px 9px 0px; } .sidebar .latest_projects li:first-child{ margin-left: 0px !important; } .sidebar .latest_projects li:nth-child(3n){ margin-right: 0px !important; } .sidebar .latest_projects .imgHolder { width:55px; height:55px; float:left; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; } .sidebar .latest_projects .imgHolder img { width:55px; height:55px; } /* Latest projects widget */ footer .latest_projects { margin-bottom:0; float:left; } footer .latest_projects li { float:left; margin:3px;} footer .latest_projects .imgHolder { float:left; width:67px; height:65px; box-shadow: 0 0 2px #111; } footer .latest_projects .imgHolder img { width:67px; height:65px; background:#303538; border:1px solid #141414; } /* Video Widget */ .sidebar .widget_video_embed .iframeHolder{ float:left; padding:5px; width:210px; height:128px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; } .sidebar .widget_video_embed .iframeHolder iframe{ float:left; width:210px; height:128px; } /* Video Widget */ footer .widget_video_embed .iframeHolder { float:left; border:1px solid #333; width: 100%; height: 100%; } footer .widget_video_embed .iframeHolder iframe{ float:left; width: 100%; box-shadow: 0 0 10px #111; } /* Flickr Widget */ .sidebar .flickrImages img{ width:67px; height:65px; border:1px solid #cdcbcb; float:left; margin:2px; } /* Flickr Widget Footer version */ footer .flickrImages img{ width:67px; height:65px; border:1px solid #141414; float:left; margin:2px; box-shadow: 0 0 2px #111; } /* Twitter Widget */ .sidebar ul.tweet_list li{ margin-bottom:10px; color:#666; padding-left: 25px; background:#fff url(../images/icons/twitter_bird.png) no-repeat 0px 4px; } ul.tweet_list { margin:4px 0 5px 4px; } /* ------------------------------------------- VIDEOS & MAPS * -------------------------------------------- */ .video iframe, .video embed, .video object{ max-width: 100%; height: auto; } .gmap{ width:100% !important; height:auto; margin:0px; border:1px solid #cdcbcb; box-shadow:0 0 2px #e0e0e0; border-radius:2px; } /* ------------------------------------------- OVERLAYS * -------------------------------------------- */ .overlayLink, .overlayZoom , .overlayVideo, .overlayImage { float:left; height:100% !important; width:100% !important; } .overlayLink:hover { background:#111 url(../images/link-overlay.png) center no-repeat; } .overlayZoom:hover{ background:#111 url(../images/zoom-overlay.png) center no-repeat; } .overlayVideo:hover{ background:#111 url(../images/video-overlay.png) center no-repeat; } .overlayImage:hover{ background:#111 url(../images/image-overlay.png) center no-repeat; } /* ------------------------------------------- PORTFOLIO * -------------------------------------------- */ /* General columns setting */ .c4 li,.c3 li,.c2 li {float: left; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; margin-right: 17px; margin-bottom: 17px; } .c4 a,.c3 a,.c2 a{ text-decoration: none; } .c4 li img,.c3 li img, .c2 li img { width: 100%; height: 100%; float:left; } .c4 li img:hover,.c3 li img:hover,.c2 li img:hover { opacity:0.3; } .c4, .c3, .c2 { float:left; width:958px; } /* Filter */ dl.group { margin-top:25px; margin-bottom:30px; float:left;} dt, dd { float: left; } dt { margin-right: 5px; } .filter li { float: left; } .filter li.current a{ color:#999; background:url(../images/strip.png) repeat; } .filter a { padding: 6px 12px; border:1px solid #cdcbcb; margin:2px; font-size:11px; } /* Portofolio 2 Columns */ .c2 li { width: 449px; height: 300px; } .c2 li:nth-child(4n) { margin-right: 10; } /* Portofolio 3 Columns */ .c3 li { width: 290px; height: 195px; } .c3 li:nth-child(4n) { margin-right: 10; } /* Portofolio 4 Columns */ .c4 li { width: 210px; height: 141px; } .c4 li:nth-child(4n) { margin-right: 10; } /* Portofolio Gallery Style */ .gallery_style_item { float:left; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; } .gallery_style_item img { width:100%; height:100%; float:left; } .gallery_style_item img:hover { opacity:0.3; } .gallery_style_item.two_columns.last, .gallery_style_item.three_columns.last, .gallery_style_item.four_columns.last { margin-right:0; } .gallery_style_item.one_column { width:930px; height:360px; margin-bottom:20px; } .gallery_style_item.two_columns{ width:449px; height:300px; margin-right:17px; margin-bottom:17px; } .gallery_style_item.three_columns { width:290px; height:195px; margin-right:17px; margin-bottom:17px; } .gallery_style_item.four_columns { width:210px; height:141px; margin-right:17px; margin-bottom:17px; } /* ------------------------------------------- TESTIMONIALS * -------------------------------------------- */ .testimonials_imgHolder { float:left; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; margin-bottom:15px;} .testimonials_imgHolder img { width:100%; height:100%; float:left; } .testimonials_imgHolder.half { width:449px; height:250px; } .testimonials_content { float:left; } .testimonials_content blockquote{ margin:3px 0 20px 0; padding-left:50px; font-style:italic; font-size:13px; border:none; background-image: url(../images/quote.png); background-position:left 15px; background-repeat: no-repeat; } .testimonials_imgHolder.full { width:250px; height:150px; } .testimonials_content.full { margin-left:300px; float:none; } .testimonials_content.full blockquote { margin:0; padding-top:0; background-position:left 5px; } .testimonials_content.full .testimonial_author { float:left; padding:0 0 0 25px; margin:15px 0 0 50px; background-image: url(../images/business_man.png); background-position:left 2px; background-repeat: no-repeat;} .testimonials_imgHolder.three { width:288px; height:170px; float:left; } /* ------------------------------------------- TEAM * -------------------------------------------- */ .team { border-bottom:1px dotted #dfdfdf; } .team_imgHolder { float:left; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; width:210px; height:150px; } .team_imgHolder img { float:left; width:100%; height:100%; } .team_info { float:left; width:100%; margin-bottom:5px; } .team_info span { padding:0; margin:0; } .team_info span.title { color:#777; font-style:italic; } .team_info span.name { font-size:16px; font-weight:bold; } .team_info ul { float:left; margin:0; padding:0; } /* ------------------------------------------- WIDE SLIDER * -------------------------------------------- */ .wide_slider_holder { float:left; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; width:930px; height:200px; position:relative; } .wide_slider_holder img { width:100%; height:100%; float:left; } .wide_slider_holder h2{ position:absolute; font-size:30px; color:#fff; top:60px; margin-left:100px; padding:10px 15px; line-height:21px; font-weight:bold; } .wide_slider_holder h2.right { top:130px; margin-left:430px; } .wide_slider_holder p{ position:absolute; font-size:16px; background:#fff; color:#777; top:105px; margin-left:100px; padding:5px 15px;} /* Wide slider Navigation */ .wide_slider_holder .bx-prev, .wide_slider_holder .bx-next { display:block; width:30px; height:38px; position:absolute; font-size:0; line-height:0; cursor:pointer; } /* Next Navigation */ .wide_slider_holder .bx-next{ background:url(../images/next.html) center no-repeat; right:0; border-top-left-radius:2px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-bottom-left-radius:2px; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; } /* Previous Navigation */ .wide_slider_holder .bx-prev{ background:url(../images/prev.html) center no-repeat; left:0; border-top-right-radius:2px; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-bottom-right-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; } /* Navgation positions */ .wide_slider_holder .bx-prev, .wide_slider_holder .bx-next { top:80px; } .wide_slider_holder .bx-next:hover, .wide_slider_holder .bx-prev:hover { background-color:#444; } /* ------------------------------------------- FRACTION SLIDER * -------------------------------------------- */ .border-apply { border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; box-shadow:inset 0 0 2px #eae7e7; } .fs_slider_bg { width:100%; background:url(../images/strip.png) repeat; } .fraction-slider{ position:relative; max-width:940px; width:100%; height:100%; overflow:visible; } .fraction-slider .slide{ display:none; width:100%; height:100%; position:absolute; } .fraction-slider .fs_obj{ display:block; display:none; position:absolute; top:0px; left:100%; } .fraction-slider .fs_fixed_obj{ left:0; } .fraction-slider .fs_obj *{ display:inline-block; position:relative; top:0px; left:0px; } .fs_loader{ max-width:940px; width:100%; height:400px; background:url(../images/load.html) center center no-repeat transparent; } /* Controls */ .fraction-slider .prev, .fraction-slider .next { display:none; position:absolute; width:30px; height:48px; z-index:300; } .fraction-slider .prev{ left:0px; top:175px; background:url(../images/prev_large.html) no-repeat; border-top-right-radius:2px; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-bottom-right-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; } .fraction-slider .next{ right:0px; top:175px; background:url(../images/next_large.html) no-repeat; border-top-left-radius:2px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-bottom-left-radius:2px; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; } .fraction-slider .prev:hover, .fraction-slider .next:hover { background-color:#444; } .fraction-slider:hover .prev, .fraction-slider:hover .next { display:block; } /* Pager */ .fs-pager-wrapper{ position:absolute; left:10px; bottom:10px; } .fs-pager-wrapper a{ display:inline-block; width:14px; height:14px; margin:0 5px 0 0; background:url(../images/fs.pager.png) 0px -14px no-repeat transparent; } .fs-pager-wrapper .active{ background:url(../images/fs.pager.png) 0px 0px no-repeat transparent; } /* Slider Styles */ .slider-wrapper{ position:relative; overflow:hidden; width:100%; } .fs_slider{ position:relative; width:100%; margin:0 auto; } /* Element Styles */ .fs_slider p{ position:absolute; top:-200px; z-index:1; font-size:14px; white-space:normal; line-height:22px; } .fs_slider p.title_skin,.fs_slider p.title_white{ padding:0.7% 2%; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;font-weight:bold; font-size:28px; line-height:100%; color:#fff; white-space: nowrap; box-shadow:0 0 2px #e0e0e0; -moz-box-shadow:0 0 2px #e0e0e0; -webkit-box-shadow:0 0 2px #e0e0e0; } .fs_slider p.title_white{ background:#fff; color:#444; font-size:16px; border:1px solid #e0e0e0; } .fs_slider p.title_large{ font-weight:bold; font-size:50px; line-height:100%; white-space: nowrap; } .teaser{ padding:0.5% 1.5%; font-size:14px; line-height:100% } .fs_slider .small{ width:250px; padding-left:0; padding-right:0px; text-align:center; } /* ------------------------------------------- NUMBER ITEM * -------------------------------------------- */ .number_item { float:left; width:100%; } .number_holder { float:left; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; border-radius:100%; } .number_num_holder { background:#fff; width:100%; height:100%; float:left; border-radius:100%; display:table; text-align:center; } .number_num_holder span { font-size:30px; font-weight:bold; display:table-cell; vertical-align:middle; } .number_content { min-height:120px; margin-left:140px; background-image:url(../images/circle-arrow-right.png); background-repeat:no-repeat; background-position:left 50px; } .number_content p { margin:15px; } .number_content .text_holder { min-height:120px; margin-left:32px; border:1px solid #cdcbcb; } /* ------------------------------------------- FAQ * -------------------------------------------- */ .question_item { float:left; width:100%; margin-bottom:20px; } .answer_number { width:100px; height:100px; float:left; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; border-radius:100%; } .question_num_content { background:#fff; width:100%; height:100%; float:left; border-radius:100%; display:table; text-align:center; } .question_num_content span { font-size:30px; font-weight:bold; display:table-cell; vertical-align:middle; } .answer_content { min-height:110px; margin-left:120px; background-image:url(../images/circle-arrow-right.png); background-repeat:no-repeat; background-position:left 50px; } .answer_content p { margin:15px; } .answer_content .text_holder { min-height:110px; margin-left:32px; border:1px solid #cdcbcb; } .answer_content p.answer { font-weight:bold; font-size:16px; } .answer_content p.answer a{ margin-left:20px; font-size:12px; font-weight:normal; } .faq_links_holder { float:left; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; width:928px; margin-bottom:50px; margin-top:20px; } .faq_links_white { background:#fff; width:100%; height:100%; padding:30px; width:868px; float:left; } ol.faq_links { float:left; margin-bottom:0; width:100%; } ol.faq_links.right { float:right; } ol.faq_links a { color:#777; } /* ------------------------------------------- PRICING * -------------------------------------------- */ .pricing_table { padding:5px; border:1px solid #cdcbcb; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; box-shadow:0 0 2px #e0e0e0; } .pricing_table ul { list-style:none; float:left; width:100%; color:#777; margin:0 0 20px 0; box-shadow:0 0 1px #e0e0e0; text-align:center; } .pricing_table ul li { border-bottom:1px dotted #cfd2d2; padding:2px 0 10px 0; font-size: 13px; } .pricing_table ul li:last-child { border:none; padding-bottom: 1px; } .pricing_table ul li:first-child{ padding: 14px 0; } .over_pricing{ float:left; margin: 5px; padding-bottom: 10px; width: 173px; } .over_pricing .pricing_btn_holder{ text-align: center; } /*Head or padding section */ .pricing_table div.padding { text-align: center; padding:25px 0; font-size:16px; background:url(../images/strip.png) repeat; box-shadow: 0 0 2px #777; border:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } .pricing_table div.padding .per { width:100%; margin-top:10px; font-weight:normal; font-size:12px;} .pricing_table div.padding span { font-size:30px; font-weight:bold; } .pricing_table div.padding p { font-weight:bold; display: block; } /* ------------------------------------------- Gap * -------------------------------------------- */ .gap{ display:block; width:100%; margin:0; } .clear { clear: both; visibility: hidden; width: 0; height: 0; } /* ------------------------------------------- Section * -------------------------------------------- */ .section{ margin: 0; padding: 0; position: relative; overflow: hidden; background-position:center center; } .section.section-parallax{ background-attachment:fixed; } /* ------------------------------------------- ERROR 404 * -------------------------------------------- */ .holder_404 { width:180px; height:180px; margin-top:30px; padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; border-radius:100%; box-shadow:0 0 2px #e0e0e0; } .holder_404 .num_holder { background:#fff; width:100%; height:100%; float:left; border-radius:100%; text-align:center; text-align:center; box-shadow:0 0 2px #444; } .holder_404 .num_holder p.number { margin-top:40px; margin-bottom:0; margin-top:70px; font-size:60px; } .holder_404 .num_holder p.explanation { margin-bottom:0; margin-top:20px; } /* ------------------------------------------- CONTACT * -------------------------------------------- */ /* Contact map */ .max_sixty{ max-width: 60% !important; } .contact_map_holder { padding:5px; background:url(../images/strip.png) repeat; border:1px solid #cdcbcb; height:250px; box-shadow:0 0 2px #e0e0e0; border-radius:2px; } .contact_map_holder .iframe_holder { background:#fff; width:100%; height:100%; } .contact_map_holder .iframe_holder iframe { width:100%; height:100%; border-radius:2px; box-shadow:0 0 2px #444; } /* WPCF7 Email Form */ .wpcf7 { width:100%; float:left; } .wpcf7 input[type="text"],.wpcf7 input[type="email"], .wpcf7 input[type="url"] { padding:8px 0 8px 6px; width:100%; border:1px solid #cdcbcb; float:left; } .wpcf7 textarea { border:1px solid #cdcbcb; padding:6px; width:75%; height:200px; font-family:Helvetica; font-size:13px; margin:5px 0; float:left; } .wpcf7 .buttonHolder { width:100%; float:left; margin:5px 0; } .wpcf7 p { width: 100%; float:left; margin-bottom: 10px; } .wpcf7 input[type="submit"] { float:left; width: auto; padding:8px 16px; cursor: pointer; text-shadow: -1px -1px 0 #fff; border: 1px solid #cdcbcb; font-weight:bold; text-align: center; color: #444 !important; background-color: #e8e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e8e6e6); background-image: -moz-linear-gradient(top, #fff, #e8e6e6); background-image: -ms-linear-gradient(top, #fff, #e8e6e6); background-image: -o-linear-gradient(top, #fff, #e8e6e6); background-image: linear-gradient(to bottom, #fff, #e8e6e6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#e8e6e6); } .wpcf7 input[type="submit"]:hover { border: 1px solid #cdcbcb; background-color: #e8e6e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e6e6), top(#fff)); background-image: -webkit-linear-gradient(top, #e8e6e6, #fff); background-image: -moz-linear-gradient(top, #e8e6e6, #fff); background-image: -ms-linear-gradient(top, #e8e6e6, #fff); background-image: -o-linear-gradient(top, #e8e6e6, #fff); background-image: linear-gradient(to bottom, #e8e6e6, #fff); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e8e6e6, endColorstr=#ffffff); } .wpcf7 input, .wpcf7 textarea { box-shadow:0 0 2px #e0e0e0; -moz-box-shadow:0 0 2px #e0e0e0; -webkit-box-shadow:0 0 2px #e0e0e0; } div.wpcf7-spam-blocked, div.wpcf7-mail-sent-ng,.wpcf7-validation-errors { padding:10px 18px !important; float:left !important; color:red; background:#fff !important; border:1px solid #cdcbcb !important; box-shadow:0 0 2px #e0e0e0 !important; border-radius:2px !important; text-align:center !important; } div.wpcf7-mail-sent-ok { padding:10px 18px !important; float:left !important; color:green; background:#fff !important; border:1px solid #cdcbcb !important; box-shadow:0 0 2px #e0e0e0 !important; border-radius:2px !important; text-align:center !important; } .wpcf7 span.wpcf7-not-valid-tip { display: none !important; } .wpcf7-not-valid { border: 1px solid red !important; } /* ------------------------------------------- JQUERY UI * -------------------------------------------- */ /* Jquery UI General css */ .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #e0e0e0; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width:16px; height:16px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 2px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 2px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 2px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 2px; } /* Progress bar */ .ui-progressbar { height: 3em; text-align: left; overflow: hidden; margin:5px 0; color:#fff; position:relative; } .ui-progressbar span { position:absolute; top:9px; left:15px; } .ui-progressbar.ui-widget-content { background:#fafafa; border:none; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.12);} .ui-progressbar .ui-widget-header { border:none; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05); } .ui-progressbar .ui-progressbar-value span { margin-left:0px; } /* Small Progressbar */ .ui-progressbar.small_progress { height:20px; } /* Colored Progressbar ( used for 404 page reasons )*/ .ui-progressbar.red .ui-progressbar-value { background:#dc4f49; } .ui-progressbar.yellow .ui-progressbar-value { background:#f0b81b; } .ui-progressbar.green_teal .ui-progressbar-value { background:#3ea9a1; } .ui-progressbar.green .ui-progressbar-value { background:#82b548; } /* Accordion */ /* Tabs */ .ui-tabs { position: relative; } .ui-tabs .ui-tabs-nav { margin: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; background:#fafafa; top: 0; margin: 1px 2px 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li:hover { background:#fff; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; color:#444; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; background:#fff; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; border:1px solid #e0e0e0; padding: 1em 1.4em; background: none; } /* ------------------------------------------- NOTIFICATIONS * -------------------------------------------- */ .notification{ margin:15px 0; width:100%; padding:10px 0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:inset 0 0 3px #fff; -moz-box-shadow:inset 0 0 3px #fff; -webkit-box-shadow:inset 0 0 3px #fff; } .notification p{ padding:0; font-weight:bold; margin-left:45px; margin-right:45px; margin-bottom:0; } .notification img{ float:left; margin-left:10px; } .notification.notice{ border:1px solid #e8e7e7; background-color:#fafafa; } .notification.warning{ border:1px solid #f5dc7d; background-color:#fcf7d9; } .notification.success{ border:1px solid #c2d288; background-color:#e3ebc6; } .notification.error{ border:1px solid #f7c7c9; background-color:#f9e5e6; } .notification.info{ border:1px solid #9ac9df; background-color:#d8ecf5; } .notification.notice p{ color:#a1a1a1 !important; } .notification.warning p{ color:#c4a21b !important; } .notification.success p{ color:#8fa442 !important; } .notification.error p{ color:#b3696c !important; } .notification.info p{ color:#6f8da9 !important; } /* ------------------------------------------- ENTYPO ICONS HOLDER * -------------------------------------------- */ .entypo_icon_holder p{ margin:0; } .entypo_icon_holder i { font-size:16px; } .entypo_icon_holder i.icon-info { font-size:14px; margin-left:4px; } /* ------------------------------------------- RESPONSIVE ITEMS * -------------------------------------------- */ .responsive img, .responsive iframe, .responsive object, .responsive embed{ max-width:100%; height: auto; margin-top:0px; margin-bottom:0px; } /* ------------------------------------------- TYPOGRAPHY CUSTOM * -------------------------------------------- */ /* Dropcaps */ span.dropcap_v1, span.dropcap_v2, span.dropcap_v3, span.dropcap_v4 { display: block; vertical-align: baseline; } span.dropcap_v1:first-letter, span.dropcap_v2:first-letter, span.dropcap_v3:first-letter, span.dropcap_v4:first-letter { font-size:62px; line-height:62px; float:left; } span.dropcap_v2:first-letter , span.dropcap_v3:first-letter , span.dropcap_v4:first-letter { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:0 0 2px #e0e0e0; -webkit-box-shadow:0 0 2px #e0e0e0; -moz-box-shadow:0 0 2px #e0e0e0; margin-top:6px; } span.dropcap_v1:first-letter { padding-right:10px; } span.dropcap_v2:first-letter { padding:4px 10px; margin-right:10px; color:#444; background:#fff; border:1px solid #e0e0e0; } span.dropcap_v3:first-letter { padding:4px 10px; margin-right:10px; color:#444; background:#fff url(../images/strip.png) repeat; border:1px solid #e0e0e0; } span.dropcap_v4:first-letter { padding:4px 10px; margin-right:10px; color:#fff; background-image:url(../images/strip.png); background-repeat:repeat; } /* BlockQuote */ blockquote.bq, blockquote.bq p { display:block; float:right; max-width:100%; font-size:17px; line-height:24px; color:#777; font-style:italic; background:#fafafa; } blockquote.bq p { margin-bottom:0; text-align:left; } blockquote.bq { padding:15px 20px; } blockquote.bq cite { display:block; font-size:12px; color:#555; } blockquote.bq cite:before { content: "\2014 \0020"; } blockquote.bq cite a, blockquote.bq cite a:visited, blockquote.bq cite a:visited { color:#555; } /* Styled List */ ul.styled_list{ list-style: none; margin:0; padding: 0; width: 100%; } ul.styled_list li { margin-bottom: 6px; padding-left: 22px;} ul.styled_list li i{ margin-left: -22px; margin-right: 5px; } /* Lists */ .circle_list li, .circle_list_2 li,.mark_list li,.minus_list li,.plus_list li,.triangle_list li,.arrow_list li,.arrow_list_thick li,.cart_list li,.star_list li,.heart_list li,.close_list li{ position:relative; padding:0 0 10px 18px;} .circle_list li:before{ content:''; background-image:url(../images/arrow-list.png); background-position:6px 4px; background-repeat:no-repeat; position:absolute; top:2px; left:0; display:block; width:15px; height:15px; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; } .circle_list_2 li:before,.mark_list li:before,.minus_list li:before,.plus_list li:before,.triangle_list li:before,.arrow_list li:before,.arrow_list_thick li:before,.cart_list li:before,.star_list li:before,.heart_list li:before,.close_list li:before{content:'';position:absolute;top:2px;left:0;display:block;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px; content:""; width:16px; height:16px; float:left; margin:0 5px 0 0; background:url(../images/UI/ui-icons_444444_0.png); } .circle_list_2 li:before{ background-position: -112px -144px; } .mark_list li:before{ background-position: -64px -144px; } .minus_list li:before{ background-position: -48px -128px; } .plus_list li:before{ background-position: -16px -128px; } .triangle_list li:before{ background-position: -32px -16px; } .arrow_list li:before{ background-position: -32px -32px; } .arrow_list_thick li:before{ background-position: -32px -48px; } .cart_list li:before{ background-position: -32px 0; } .star_list li:before{ background-position: -224px -112px; } .heart_list li:before{ background-position: -208px -112px; } .close_list li:before{ background-position: -80px -128px; } /* Tables */ .table-1 table, .table-2 table, .table-3 table { width:100%; float:left; } .table-1 tr td, .table-2 tr td, .table-3 tr td { padding:10px 7px; } .table-1 tr:first-child, .table-2 tr:first-child, .table-3 tr:first-child{ font-weight:bold; font-size:15px; } .table-2 tr, .table-2 td, .table-3 tr, .table-3 td { border:1px solid #e0e0e0; border-radius:10px; } .table-1 tr { border-bottom:1px solid #e0e0e0; } .table-1 tr:last-child { border:none; } .table-1 tr:nth-child(2n+2) { background:#fafafa; } .table-3 td:nth-child(2n+2){ background:#fafafa; } /* Horizontal Rules */ .hr1{ clear: both; border-bottom:1px solid #e3e3e3; margin:40px 0; height:1px; } .hr2{ clear: both; height:1px; width:100%; background: url(../images/dot.png) repeat-x; margin:40px 0; height:1px; } .hr3{ height:5px; background: url(../images/separator-1.png) no-repeat center top; width:100%; margin:40px 0; } .hr4{ border-bottom:none; margin:40px 0; width:100%; height:13px; background: url(../images/strip.png); display: block; } /* Taglines */ .tagline{ line-height: 1; } .tagline h1, .tagline h2, .tagline h3, .tagline h4, .tagline h5{ line-height: 1; margin:0 0 10px 0; font-weight: normal; } /* ------------------------------------------- WORDPRESS CORE * -------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter,div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Sticky Post */ .sticky .gallery_items_holder, .sticky .post_item_holder { background-color: #fdf088 !important; } .gallery-caption { /* You can implement gallery caption style here */ } .bypostauthor { /* You can implement bypostauthor style here */ }