/* Theme Name: Austerity Theme URI: http://www.vpthemes.com/preview/Austerity/ Description: Austerity is a simple and stylish WordPress theme, packed with many nice features. Suitable for portfolio/photography websites. Options Panel give you ability to customize elements of the theme just the way you want it. Featured Post Slider. Custom Page Templates that can be used to better present your content to readers. Theme Color Options that can be used to define your own color scheme. Lots of Useful Shortcodes that work in posts, pages and widgets. Cross-Browser compatibility. Threaded Comments that enable users to reply on a exist comment, and the discussion will be displayed threaded or nested. SEO Options to add custom meta titles, descriptions and keywords. Version: 1.0 Author: VP Themes Author URI: http://www.vpthemes.com License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags:one-column,two-columns,left-sidebar,fixed-width,post-formats,custom-background,custom-colors,theme-options */ /*==============================================// // GLOBAL RESET //==============================================*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } 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; margin-bottom: 1.5em; width: 100%; font-size: 13px; } img, iframe, object, embed { display: block; } input:focus, textarea:focus, a { outline: none; } ol { list-style: inside decimal; } ol li { padding-left: 0 !important; } /*==============================================// // TYPOGRAPHY //==============================================*/ table th { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; color: #333333; letter-spacing: 1px; padding: 3px 6px; text-align: left; } table td { border: 1px solid #DDDDDD; padding: 3px 6px; text-align: left; } pre, code { background: none repeat scroll 0 0 #F0F0F0; padding:5px; font-size:13px; font-family:"Courier New", Courier, monospace; white-space:pre-wrap; overflow:auto; line-height:20px; letter-spacing:-0.4px; } blockquote, address { border-left: 5px solid #888888; font-style: italic; margin: 15px; padding: 0 12px; } ul { margin-bottom: 20px; font-size: 13px; } ol { margin-bottom: 20px; font-size: 13px; } p { padding-bottom:12px; } dl { background: none repeat scroll 0 0 transparent; border: 0 none; margin: 0 0 20px; padding: 0; vertical-align: baseline; font-size: 13px; } dt { font-weight: bold; line-height: 26px; } strong { font-weight: bold; } .bypostauthor { } /*==============================================// // GENERAL //==============================================*/ .clear { width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; clear: both !important; } .hidden { display: none; } a { text-decoration: none; color: #666666; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } a:hover { color: #07B0CA; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } h1, h2, h3, h4, h5 { font-family: Arial, sans-serif; color: #888888; font-weight:normal; font-style: normal; text-transform: uppercase; } h1 { font-size:20px; line-height:40px; margin:4px 0 12px 0; } h2 { font-size:18px; line-height:38px; margin:6px 0 6px 0; } h3 { font-size:16px; line-height:34px; margin:12px 0 12px 0; } h4 { font-size:14px; line-height:30px; margin:10px 0 10px 0; } h5 { font-size:13px; line-height:24px; margin:10px 0 12px 0; } h6 { font-size:12px; margin:6px 0 12px 0; color: #888888; font-weight:normal; text-transform: uppercase; } /*/// WP DEFAULT CLASSES ///*/ .alignleft { float: left; margin: 0 15px 15px 0; } .alignright { float: right; margin: 0 0 15px 15px; } .aligncenter { margin: 0 auto 15px auto; display: block; } .alignnone{ margin: 0 0 15px 0; display: block; } .wp-caption, .gallery-caption { background: #eee; border: 1px solid #ddd; max-width: 96%; /* Image does not overflow the content area */ padding: 8px 5px 10px 5px; text-align: center; } .wp-caption img { border: 0 none; height: auto; margin: 0 auto; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin-bottom: 0 !important; padding: 10px 10px 0 10px; } img.wp-smiley { display: inline; } /*/// FORMS ///*/ input[type="text"], textarea { border: none; background: #eeeeee; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 12px; padding: 12px 11px 10px 11px; color: #888888; width: 241px; } input[type="text"]:focus, textarea:focus { background: #333333; color: #ffffff; } textarea { overflow: auto; } input[type="submit"], button { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #888888; padding: 7px 20px; border: 1px solid #cccccc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 5px; -webkit-text-shadow: 1px 1px 0 #ffffff; -moz-text-shadow: 1px 1px 0 #ffffff; text-shadow: 1px 1px 0 #ffffff; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #f7f7f7, #eeeeee); background-image: -moz-linear-gradient(top, #f7f7f7, #eeeeee); background-image: -ms-linear-gradient(top, #f7f7f7, #eeeeee); background-image: -o-linear-gradient(top, #f7f7f7, #eeeeee); background-image: linear-gradient(top, #f7f7f7, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#eeeeee'); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); box-shadow: 0 2px 3px rgba(0,0,0,0.1); cursor: pointer; outline: none; } input[type="submit"]:hover, button:hover { -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2); box-shadow: 0 2px 3px rgba(0,0,0,0.2); border: 1px solid #aaaaaa; background-color: #f7f7f7; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); background-image: -ms-linear-gradient(top, #ffffff, #eeeeee); background-image: -o-linear-gradient(top, #ffffff, #eeeeee); background-image: linear-gradient(top, #ffffff, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee'); } input[type="submit"]:active, button:active { border: 1px solid #aaaaaa; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff); background-image: -moz-linear-gradient(top, #eeeeee, #ffffff); background-image: -ms-linear-gradient(top, #eeeeee, #ffffff); background-image: -o-linear-gradient(top, #eeeeee, #ffffff); background-image: linear-gradient(top, #eeeeee, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff'); outline: none; } /*==============================================// // CONTENT - GENERAL //==============================================*/ body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; line-height: 20px; } body > iframe, #_atssh {display:none !important;} /* fixes the twitter iframe bug on firefox */ #main-wrapper { margin: 0 auto; padding-top: 16px; width: 980px; } #header { float: left; width: 980px; } #logo { float: left; padding-bottom: 14px; width: 200px; } #content-wrap { float: left; width: 980px; } #slider-holder { background: url("images/sliderfooter.png") no-repeat scroll center bottom transparent; margin-bottom: 20px; padding-bottom: 45px; } #slider-wrap { background: none repeat scroll 0 0 #FFFFFF; padding: 5px; min-height: 350px; border: 1px solid #666666; } #section-title { background: url("images/title-bg.png") repeat-x scroll 0 17px transparent; font-family: Arial,sans-serif; font-size: 14px; color: #666666; letter-spacing: 5px; margin-bottom: 20px; padding: 10px; text-align: center; text-transform: uppercase; } #section-title span { background: none repeat scroll 0 0 #EAEAEA; border: 1px solid #666666; padding: 0 15px; font-style: normal; } #service { float: left; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: center bottom; background-repeat: no-repeat; background-size: 100% 13px; margin-right: 10px; margin-left: 10px; margin-top: 20px; margin-bottom: 20px; } #section-boxes { background-color: #EAEAEA; border: 1px solid #666666; height: auto; float: left; margin-bottom: 40px; } #service .service-content { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #666666; overflow: hidden; padding: 9px; width: 283px; } .service-content h3.boxtitle { font-family: Arial,sans-serif; font-size: 16px; font-style: normal; color: #666666; letter-spacing: 5px; margin-bottom: 20px; padding: 10px; text-align: center; text-transform: uppercase; } .service-content p { color: #666666; font-size: 12px; margin: 9px 0 9px; text-align: center; } .call-to-action { border: 1px solid #666666; padding: 25px; background-color: #EAEAEA; margin-bottom: 30px; min-height: 60px; } .action-button { float: right; margin: 0 0 0 20px; border-color: #1C2025; font-size: 18px; line-height: 1.25em; padding: 15px 40px; border-radius: 4px 4px 4px 4px; color: #F8F8F8; display: inline-block; text-decoration: none !important; background: url("images/button-shade.png") repeat-x scroll 0 0 #4D4D4D; border: 1px solid #111111; padding-bottom: 20px; } .action-button:hover { background-color: #37414E; color: #F8F8F8; } .call-to-action-text { font-size: 20px; line-height: 110%; font-family: Arial,sans-serif; color: #666666; } #main-area { float: left; width: 730px; } #main-area-full-width { width: 100%; } /* *==============================================// // BREADCRUMBS *=================================================*/ .breadcrumbs-wrapper { float: left; text-transform: uppercase; width: 100%; } .breadcrumbs { padding: 8px 0; float: left; width: 980px; font-style: normal; color: #666666; } /* *==============================================// // BLOG POSTS *=================================================*/ #post-article { background-color: #FFFFFF; margin-bottom: 30px; padding: 15px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); overflow: hidden; } .recent-post-meta .comments { background: url("images/postformat-icons.png") no-repeat scroll 0 -303px transparent; bottom: 15px; overflow: visible; padding-left: 22px; position: absolute; right: 65px; } .recent-post-meta .format-standard { background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; bottom: 15px; overflow: visible; padding: 30px 0 0 35px; position: absolute; right: 8px; } .recent-post-meta .format-video { overflow: visible; background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; background-position: 0 -30px; padding: 30px 0 0 35px; position: absolute; bottom: 15px; right: 8px; } .recent-post-meta .format-link { overflow: visible; background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; background-position: 0 -60px; padding: 30px 0 0 35px; position: absolute; bottom: 15px; right: 8px; } .recent-post-meta .format-gallery { overflow: visible; background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; background-position: 0 -90px; padding: 30px 0 0 35px; position: absolute; bottom: 15px; right: 8px; } .recent-post-meta .format-quote { overflow: visible; background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; background-position: 0 -120px; padding: 30px 0 0 35px; position: absolute; bottom: 15px; right: 8px; } .recent-post-meta .format-image { overflow: visible; background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; background-position: 0 -150px; padding: 30px 0 0 35px; position: absolute; bottom: 15px; right: 8px; } .recent-post-meta .format-audio { overflow: visible; background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; background-position: 0 -180px; padding: 30px 0 0 35px; position: absolute; bottom: 15px; right: 8px; } .recent-post-meta .format-chat { overflow: visible; background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; background-position: 0 -210px; padding: 30px 0 0 35px; position: absolute; bottom: 15px; right: 8px; } .recent-post-meta .format-aside { overflow: visible; background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; background-position: 0 -240px; padding: 30px 0 0 35px; position: absolute; bottom: 15px; right: 8px; } .recent-post-meta .format-status { overflow: visible; background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; background-position: 0 0; padding: 30px 0 0 35px; position: absolute; bottom: 15px; right: 8px; } .recent-post-meta .post-date { background: url("images/bookmark.png") no-repeat scroll 0 0 transparent; overflow: visible; padding: 30px 0 0 35px; position: absolute; bottom: 15px; right: 8px; } .sticky-badge { background: url("images/sticky.png") no-repeat scroll 0 0 transparent; height: 40px; right: 20px; top: 0; z-index: 12; float: right; height: 40px; margin: -15px -15px 0 0; width: 35px; } .format-icon { background: url("images/circle.png") no-repeat scroll 0 0 transparent; width: 45px; height: 45px; float:left; margin-right: 20px; } .format-icon .format-standard { background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; display: block; height: 25px; margin: 10px; position: absolute; width: 25px; z-index: 2; } .format-icon .format-video { background: url("images/postformat-icons.png") no-repeat scroll 1px -32px transparent; display: block; height: 25px; margin: 10px; position: absolute; width: 25px; z-index: 2; } .format-icon .format-link { background: url("images/postformat-icons.png") no-repeat scroll 0 -59px transparent; display: block; height: 25px; margin: 10px; position: absolute; width: 25px; z-index: 2; } .format-icon .format-gallery { background: url("images/postformat-icons.png") no-repeat scroll 0 -91px transparent; display: block; height: 25px; margin: 10px; position: absolute; width: 25px; z-index: 2; } .format-icon .format-quote { background: url("images/postformat-icons.png") no-repeat scroll 2px -120px transparent; display: block; height: 25px; margin: 10px; position: absolute; width: 25px; z-index: 2; } .format-icon .format-image { background: url("images/postformat-icons.png") no-repeat scroll 0 -151px transparent; display: block; height: 25px; margin: 10px; position: absolute; width: 25px; z-index: 2; } .format-icon .format-audio { background: url("images/postformat-icons.png") no-repeat scroll 0 -182px transparent; display: block; height: 25px; margin: 10px; position: absolute; width: 25px; z-index: 2; } .format-icon .format-chat { background: url("images/postformat-icons.png") no-repeat scroll 0 -214px transparent; display: block; height: 25px; margin: 10px; position: absolute; width: 25px; z-index: 2; } .format-icon .format-status { background: url("images/postformat-icons.png") no-repeat scroll 0 0 transparent; display: block; height: 25px; margin: 10px; position: absolute; width: 25px; z-index: 2; } .entry-thumb { margin-bottom: 20px; z-index: 2; } #nivo-gallery-slider { min-height: 350px; z-index: 2; } .under-pattern { background: url("images/pattern.png") repeat scroll 0 0 transparent; width: 700px; height: 10px; margin-bottom: 10px; z-index: 2; } .title-meta { color: #FFF; background: url("images/widget_bg.png") repeat scroll left top #333333; padding-left: 5px; } .quote-content { background-color: #F3F3F3; width: 700px; text-shadow: 2px 0 0 #FFFFFF; } .lower-quote { padding: 20px; } .status-content { background-color: #FFFFCC; padding: 15px; width: 670px; text-shadow: 1px 0 0 #FFFFFF; } .link-content { background-color: #F3F3F3; cursor: pointer; padding: 15px; width: 670px; } .addthis_toolbox { padding: 30px 0 0; } .tags-list a { -moz-transition: background-color 0.2s ease 0s, color 0.2s ease 0s; background-color: #CCCCCC; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 3px #CCCCCC inset; color: #666666; display: inline-block; font-size: 10px; margin-right: 5px; padding: 3px 8px; } .tags-list a:hover { color: #ffffff; background-color: #666666; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: background-color 0.2s ease, color 0.2s ease; -moz-transition: background-color 0.2s ease, color 0.2s ease; -o-transition: background-color 0.2s ease, color 0.2s ease; transition: background-color 0.2s ease, color 0.2s ease; } .footer-post-meta { color: #AAAAAA; font-size: 11px; text-transform: uppercase; } /* *==============================================// // SIDEBAR *=================================================*/ #sidebar { float:right; width:225px; padding-left: 25px; } .widget { background: url("images/widget_bg.png") repeat scroll left top #333333; color: #BEBEBE; float: left; margin: 0 0 21px; padding: 0 0 25px; position: relative; width: 225px; } .widget-title { font-family:Arial,sans-serif; line-height: 18px; margin: 0 0 10px; padding: 13px 15px 10px; text-transform: uppercase; font-size: 12px; background: none repeat scroll 0 0 #EAEAEA; border: 1px solid #666666; color: #202020; } .widget_search #searchform { margin: 25px 15px 0; } .widget_search input { float: left; margin-right: 1px; width: 156px; height: 25px; padding: 0 5px; } .screen-reader-text { display: none; } .widget_search #searchsubmit { background: url("images/search_icon.png") no-repeat scroll 0 0 #07B0CA; } .widget_search #searchsubmit { border: 0 none; border-radius: 0; box-shadow: none; float: left; font-size: 0; height: 25px; margin: 0; text-indent: -9999px; top: 0; width: 28px; } .widget ul li { float: left; list-style: none outside none; margin: 0; padding: 0 0 10px; width: 100%; } .widget ul li a, .fbox ul li a { display: block; float: left; margin: 0; padding: 0 0 0 15px; } .tagcloud { padding: 0 0 25px; } .tagcloud a { display:block; float:left; padding:1px 11px 1px 11px; margin:2px 2px 0 0; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .tagcloud a:hover { text-decoration:none; } .tagcloud a, #footer .tagcloud a { background: none repeat scroll 0 0 #383838; } .fbox .tagcloud { padding:0; } .widget_calendar caption { text-align:left; margin:0; padding:0 0 4px 0; font-size:11px; } .widget_calendar table { border-collapse:collapse; float:left; width:195px; height:192px; margin:5px 15px 0 15px; border:0 none !important; } .widget_calendar table th { padding:2px 0 2px 0 !important; text-align:center; } .widget_calendar table td { text-align:center; padding:3px 0 3px 0; } #calendar_wrap { float:left; } .widget_calendar table tfoot tr td { display:table-cell; } .widget_calendar a:hover { text-decoration:none; } .footer-wrapper .widget_calendar { float:left; font-size:11px; } .footer-wrapper .widget_calendar table { height:176px; margin:0; } .widget_calendar table th { padding:6px 0 0 0; } .footer-wrapper .widget_calendar table td { padding:2px 0 2px 0; } .w-post-meta { font-size: 10px; float: left; } .widget .children { margin-left:18px; } #menu-nav-menu.menu li.menu-item ul.sub-menu { margin-left:18px; } .widget select#cat.postform { margin-left: 15px; margin-top: 15px; } .rss-date, .widget ul li cite, .rssSummary { display: block; float: left; margin: 0; padding: 0 0 0 15px; } .widget-title a.rsswidget img { float: left; margin-right: 5px; } .widget-title a.rsswidget { color: #202020; } .textwidget { padding: 13px 15px 10px; } .widget-arrow { background: url("images/widget_arrow.png") no-repeat scroll 0 0 transparent; height: 10px; left: 180px; position: absolute; top: 40px; width: 16px; } /* *==============================================// // PAGES *=================================================*/ .post-title { color: #666666; font-family: Arial,sans-serif; font-size: 28px; font-style: normal; margin-bottom: 20px; padding: 10px 10px 10px 0; text-transform: uppercase; } .page-area { background-color: #FFFFFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); margin-bottom: 30px; overflow: hidden; padding: 15px; } .page-area1 { background-color: #FFFFFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); margin-bottom: 30px; overflow: hidden; padding: 15px; border: 1px double #888888; } /* *==============================================// // NAVIGATION *=================================================*/ /* navigation */ #nav { float: right; width: 720px; z-index: 110; } #nav ul { list-style:none; float: right; } #nav ul li{ display:inline-block; margin-right:25px; height:41px; line-height:32px; position:relative; } #nav ul li a, #nav ul li a:visited{ font-family: Arial,sans-serif; font-size: 13px; font-weight: bold; color:#666; text-transform:uppercase; padding-top:12px; display:block; font-style: normal; } #nav ul li a:hover, #nav .menu ul li.current_page_item a, #nav ul li.current-menu-item a{ color:#07B0CA; font-family: Arial,sans-serif; font-size: 13px; font-weight: bold; font-style: normal; } #nav .menu ul li:hover, #nav .menu ul li.current_page_item, #nav ul li.home:hover, #nav ul li.home.current-menu-item, #nav .menu ul li.page-item-2:hover, #nav .menu ul li.page-item-2.current_page_item, #nav ul li.folder:hover, #nav ul li.folder.current-menu-item, #nav .menu ul li.page-item-3:hover, #nav .menu ul li.page-item-3.current_page_item, #nav ul li.bookmark:hover, #nav ul li.bookmark.current-menu-item, #nav .menu ul li.page-item-4:hover, #nav .menu ul li.page-item-4.current_page_item, #nav ul li.burst:hover, #nav ul li.burst.current-menu-item, #nav .menu ul li.page-item-5:hover, #nav .menu ul li.page-item-5.current_page_item, #nav ul li.calendar:hover, #nav ul li.calendar.current-menu-item, #nav .menu ul li.page-item-6:hover, #nav .menu ul li.page-item-6.current_page_item, #nav ul li.email:hover, #nav ul li.email.current-menu-item, #nav .menu ul li.page-item-7:hover, #nav .menu ul li.page-item-7.current_page_item, #nav ul li.bag:hover, #nav ul li.bag.current-menu-item, #nav .menu ul li.page-item-8:hover, #nav .menu ul li.page-item-8.current_page_item, #nav ul li.diap:hover, #nav ul li.diap.current-menu-item, #nav .menu ul li.page-item-9:hover, #nav .menu ul li.page-item-9.current_page_item, #nav ul li.pen:hover, #nav ul li.pen.current-menu-item, #nav .menu ul li.page-item-10:hover, #nav .menu ul li.page-item-10.current_page_item, #nav ul li.people:hover, #nav ul li.people.current-menu-item { background-position:bottom center; } /* dropdown */ #nav ul.sub-menu, #nav ul.children { display:none; margin:5px; position:absolute; top:42px; left:-10px; border:1px solid #FFFFFF; z-index:100000; list-style:none; margin:0; } #nav ul.sub-menu li, #nav ul.children li { clear:both; display:block; width:260px; border:none; height:auto; line-height:1em; margin:0; background:none; } #nav ul.sub-menu li a, #nav ul.children li a { font-family: Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; text-transform:none; padding:10px; border-bottom:1px solid #FFFFFF; color:#FFFFFF; background-color: #666666; } #nav ul.sub-menu li a:hover, #nav ul.children li a:hover { font-family: Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; text-transform:none; padding:10px; border-bottom:1px solid #FFFFFF; background:#07b0ca; color:#FFFFFF; } #nav ul.sub-menu li ul, #nav ul.children li ul { top:0; left:260px !important; } #nav ul.black ul.sub-menu, #nav ul.black ul.children { -moz-box-shadow: 0 0 5px #000; padding:9px 0; -webkit-box-shadow: 0 0 5px #000; background-color:#000; filter:alpha(opacity = 80); border:1px solid #333; background:rgba(0,0,0,0.8); } #nav ul.black ul.sub-menu li:hover, #nav ul.black ul.sub-menu li.sub:hover, #nav ul.black ul.children li:hover, #nav ul.black ul.children li.sub:hover { background-color:#0F0F0F; background-color:rgba(0,0,0,0.6) } #nav ul.black ul.sub-menu li.sub, #nav ul.black ul.children li.sub { background:url('images/icons/arrow-sub.png') 156px center no-repeat } #nav ul.black ul.sub-menu ul, #nav ul.black ul.children ul { top:-10px } #nav ul.white ul.sub-menu, #nav ul.white ul.children { left:-10px; font-size: 1.05em; display:none; position:absolute; text-transform: none; padding:5px 10px; background:#fff; border:1px solid #d3d3d3; z-index:100000; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); } #nav ul.white ul.sub-menu li, #nav ul.white ul.children li { float:none; display:block; margin:0; border-top: 1px solid #DDD; line-height:1em; } #nav ul.white ul.sub-menu li:first-child, #nav ul.white ul.children li:first-child { border:0; } #nav ul.white ul.sub-menu li a, #nav ul.white ul.children a { color:#8c969e; letter-spacing:0; display: block; padding:6px 0; text-align:left; } #nav ul.white ul.sub-menu li a:hover, #nav ul.white ul.children a:hover { color:#333; } #nav ul.white ul.sub-menu ul, #nav ul.white ul.children ul { top:-6px; } /*indicators*/ #nav a.sf-with-ul{ min-width:1px; padding-right: 15px; } #nav .sf-sub-indicator{position:absolute; display:block; width:10px; height:7px; text-indent:-999em; background: url('images/menu-arrow.png') bottom left; top: 23px; left: 110% !important;} #nav a:focus >.sf-sub-indicator, #nav a:hover >.sf-sub-indicator, #nav a:active >.sf-sub-indicator, #nav li:hover >a >.sf-sub-indicator, #nav li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top left;} #nav ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 6px;} #nav ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 6px} #nav ul.sub-menu a:focus >.sf-sub-indicator, #nav ul.sub-menu a:hover >.sf-sub-indicator, #nav ul.sub-menu a:active >.sf-sub-indicator, #nav ul.sub-menu li:hover >a >.sf-sub-indicator, #nav ul.sub-menu li.sfHover >a >.sf-sub-indicator, #nav ul.children a:focus >.sf-sub-indicator, #nav ul.children a:hover >.sf-sub-indicator, #nav ul.children a:active >.sf-sub-indicator, #nav ul.children li:hover >a >.sf-sub-indicator, #nav ul.children li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top right; } #nav ul.black ul .sf-sub-indicator {display:none;} /* *==============================================// // FLEX SLIDER *=================================================*/ /* Browser Resets */ .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; margin: 0; padding: 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {background: #fff; position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} /* Direction Nav */ .flex-direction-nav li a { background: url("images/bg_direction_nav.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 30px; margin: -15px 0 0; position: absolute; text-indent: -9999px; top: 50%; width: 30px; z-index: 100; } .flex-direction-nav li a.next { background-position: -30px 0; right: 20px; } .flex-direction-nav li a.prev { background-position: 0 0; left: 20px; } .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav { bottom: 15px !important; position: absolute !important; right: 2%; } .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} /* *==============================================// // PAGINATION *=================================================*/ .pagination { font-size: 11px; font-weight: bold; line-height: 20px; margin-bottom: 30px; padding: 12px 0; text-transform: uppercase; overflow: hidden; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #666666; } .pagination a:hover{ color:#fff; background: #07B0CA; } .pagination .current{ padding:6px 9px 5px 9px; background: #07B0CA; color:#fff; } /* *==============================================// // COMMENTS *=================================================*/ #comments { margin-bottom: 30px; } .commentlist { list-style: none; margin: 0 auto; width: 110%; } #comments .comment-author { background-color: transparent; border: 1px solid #EEEEEE; float: left; margin-right: 10px; padding: 3px; } #comments .comment-meta { width: 90%; background: url("images/comment-bubble.png") no-repeat scroll 15px bottom transparent; padding-bottom: 15px; } #comments .comment-meta .edit-link { font-size: 11px; } #comments .comment-date { font-size: 10px; margin-bottom: 5px; padding-top: 10px; text-transform: uppercase; } #comments .comment-author-name { color: #888888; font-size: 13px; } #comments .comment-content { background-color: #F3F3F3; border-radius: 3px 3px 3px 3px; margin-bottom: 30px; padding: 15px 15px 5px; width: 60%; } #comments #respond { border: 1px solid #EBEBEB; border-radius: 3px 3px 3px 3px; margin-bottom: 20px; margin-top: 20px; padding: 10px; } #comments ul #respond { margin-bottom: 30px; } #comments #respond .required{ color: red; } #comments #respond input, #comments #respond textarea { display: block; } #comments #respond form .form-allowed-tags { font-size: 11px; line-height: 14px; width: 655px; } .form-allowed-tags code { background-color: transparent; font-size: 11px; } #comments a.comment-reply-link { display: inline-block; font-size: 12px; text-decoration: none; } .commentlist .children li.comment .comment-meta { margin-left: 50px; } .commentlist .children li.comment .comment-content { margin-left: 50px; } form#commentform textarea#comment { height:130px !important; width:95% !important; } /* *==============================================// // TEMPLATES *=================================================*/ #main-area #main article form#contactForm ol.forms li { margin-bottom: 18px; position: relative; width: 100%; list-style-type: none; } #main-area #main article form#contactForm ol.forms label { cursor: pointer; margin: 0 0 10px; line-height: 18px; font-family: CaviarDreamsBold; font-size: 12px; } #main-area #main article form#contactForm ol.forms li input#contactName.txt { width:350px !important; } #main-area #main article form#contactForm ol.forms li input#email.txt { width:350px !important; } #main-area #main article form#contactForm ol.forms li.textarea textarea#commentsText.requiredField { width:350px !important; } #main-area #main article form#contactForm ol.forms li.screenReader input#checking.screenReader { width:350px !important; } #main-area div#main article form#contactForm ol.forms li span.error { font-size: 12px; color: red; display: block; } .archive-lists h4 { margin-bottom: 20px; } .archive-lists .children { margin-bottom: 0; } .archive-lists li { color: #BEBEBE; background: url("images/star.png") no-repeat scroll 0 5px transparent; margin: 0; padding: 3px 0 4px 26px; } .archive-lists li a { color: #888888; } /* *==============================================// // CONTENT PORTFOLIO *=================================================*/ #content-wrap-portfolio { float: right; width: 721px; background: url("images/sidebar_bkg.png") repeat scroll 0 0 transparent; padding-bottom: 10px; } #portfolio-item { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); margin-bottom: 20px; position: relative; } #portfolio-item .portfolio-img { background-color: #FFFFFF; border: 1px solid #DDDDDD; padding: 4px; overflow: hidden; position: relative; display: block; } #portfolio-item .portfolio-content .portfolio-title { height: 18px; margin: 0; overflow: hidden; line-height: 18px; } #portfolio-item .portfolio-content ul.portfolio-meta { padding: 0; margin-top: 8px; margin-bottom: 18px; } #portfolio-item .portfolio-content { padding: 8px; position: relative; } #portfolio-item .portfolio-content a{ font-size: 14px; font-weight: bold; } #portfolio-item .portfolio-content ul.portfolio-meta li { color: #999999; float: left; font-size: 11px; line-height: 14px; margin-right: 10px; background: url("images/clock.png") no-repeat scroll 0 0 transparent; overflow: visible; padding: 0 0 0 16px; } #portfolio-item .portfolio-img:hover span.icon { background: url(images/icon-span.png) no-repeat 0 0; width: 30px; height: 30px; left: 48%; top: 48%; display: block; position: absolute; top: 44%; cursor: pointer; } .container_12,.container_16 {margin-left:auto;margin-right:auto;width:980px;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9, .grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16, .grid_2x { display:inline;float:left;margin-left:0px;margin-right:0px;margin-top: 0px; } .alpha {margin-left:0;} .omega {margin-right:0;} /* ---- grid shared ---- */ .container_12 .grid_3,.container_16 .grid_4 {width:300px;margin-right:26px !important; margin-bottom:26px !important;} .container_12 .grid_6,.container_16 .grid_8 {width:330px;margin-bottom:35px !important;margin-right:35px !important;} .container_12 .grid_9,.container_16 .grid_12 {width:700px;} .container_12 .grid_12,.container_16 .grid_16 {width:730px;margin-bottom:30px !important; padding: 0px;} /* ---- 12 column grid ---- */ .container_12 .grid_1 {width:60px;} .container_12 .grid_2 {width:150px;margin-bottom:13px !important; margin-right:13px !important;} .container_12 .grid_4 {width:220px; margin-bottom:25px !important;margin-right:25px !important; } .container_12 .grid_5 {width:380px;} .container_12 .grid_7 {width:540px;} .container_12 .grid_8 {width:620px;} .container_12 .grid_10 {width: 780px;} .container_12 .grid_11 {width:860px;} /* ---- 16 column grid ---- */ .container_16 .grid_1 {width:40px;} .container_16 .grid_2 {width:100px;} .container_16 .grid_3 {width:160px;} .container_16 .grid_5 {width:280px;} .container_16 .grid_6 {width:340px;} .container_16 .grid_7 {width:400px;} .container_16 .grid_9 {width:520px;} .container_16 .grid_10 {width:580px;} .container_16 .grid_11 {width:640px;} .container_16 .grid_13 {width:760px;} .container_16 .grid_14 {width:820px;} .container_16 .grid_15 {width:880px;} .container_12 .grid_2x {width:181px; margin-bottom:15px !important; margin-right:15px !important;} /* ===[ Fading Block Styles ]===================================================== */ .mosaic-block { float: left; position: relative; overflow: hidden; width: 304px; height: 284px; margin-left: 11px; margin-right: 11px; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("images/shadowbox.png"); background-origin: padding-box; background-position: center bottom; background-repeat: no-repeat; background-size: 100% 14px; margin-bottom: 20px; padding-bottom: 14px; } .mosiac-block-sidebar { width: 225px !important; height: 150px !important; } .portfolio-sidebar { margin-bottom: 20px !important } .portfolio-sidebar ul, .portfolio-sidebar li { padding-left: 0px !important } .portfolio-sidebar .flex-control-nav { bottom: -25px !important } .portfolio-sidebar .details .pictogram { margin-top: 36px !important } .portfolio-sidebar .details h4 { padding: 0 5px; line-height: 20px; margin-bottom: 5px; font-size: 16px; } #sidebar .flex-control-nav li { background: none; } .mosaic-backdrop { display: none; position: absolute; top: 0; height: 100%; width: 100%; } .mosaic-overlay { display: none; z-index: 5; position: absolute; width: 100%; height: 100%; } .fade .mosaic-overlay { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); } .mosaic-overlay object.details { background-color: #FFFFFF; height: 284px; overflow: hidden; } .details h4 { color: #4c4c4c; text-align: center; font-style: normal; padding-top: 80px; margin: 0; } .details p { color: #4c4c4c; text-align: center; margin: 25px 25px 0; font-size: 10px; text-transform: uppercase; } .details .pictogram { margin: 50px 0 5px 0; font-size: 30px; color: #bbb; text-align: center; } .image_carousel { padding: 0; } .image_carousel img { display: block; float: left; } .clearfix { float: none; clear: both; } .ppagination { text-align: center; margin-bottom: 20px; } .ppagination a { background: url(images/miscellaneous_sprite.png) 0 -300px no-repeat transparent; width: 15px; height: 15px; margin: 0 5px 0 0; display: inline-block; } .ppagination a.selected { background-position: -25px -300px; cursor: default; } .ppagination a span { display: none; } /* *==============================================// // PAGE TEMPLATES *=================================================*/ .contactform { margin-left: 0; } .contactform li { list-style-type: none; } .contactform li label { display: block; margin-bottom: 10px; color: #EBEBEB; } .contactform li input[type="text"] { width: 300px; margin-bottom: 15px; } .contactform li textarea { width: 80%; height: 150px; margin-bottom:15px; } .error { color: red; } .vp-contact { float:left; width:100%; background: url("images/submenu_pattern.png") repeat scroll left top #282828; margin-bottom: 20px; } .contactform-wrapper { float:left; width:606px;/*total width no padding */ margin:0; position:relative; border-right: 1px solid #FFFFFF; } .contactform-wrapper h4, .contactadr-wrapper h4 { margin:0; padding:12px 27px 10px 27px; } .contactform-wrapper .ccontent { float:left; width:553px; padding:12px 27px 0 27px; } .contact-details .ccontent1 { float:left; width:280px; padding:12px 27px 0 27px; } .contactform-wrapper .widget-decoration, .contactadr-wrapper .widget-decoration { position:absolute; top:52px; left:20px; } .contact-details { float: left; position: relative; width: 343px; color: #EBEBEB; } .widget-arrow-cf { background: url("images/widget_arrow.png") no-repeat scroll 0 0 transparent; height: 10px; left: 18px; position: absolute; top: 40px; width: 16px; } /* end contact form */ /* *==============================================// // FOOTER *=================================================*/ #footer-wrap { float: left; width: 980px; } #footer-wrap h2.widget-title { color: #666666; font-family:Arial,sans-serif; font-style: normal; font-size: 13px; letter-spacing: 2px; margin-bottom: 20px; text-transform: uppercase; } .footer-widgets { float: left; font-size: 12px; line-height: 19px; padding: 0 15px; width: 210px; margin-bottom: 0; } .footer-widgets .textwidget { color: #666666; } #footer-bottom { float: left; width: 980px; margin-bottom: 20px; color: #666666; } #last-section-title { background: url("images/title-bg.png") repeat-x scroll 0 17px transparent; color: #666666; font-family: Arial,sans-serif; font-size: 18px; letter-spacing: 5px; padding: 10px; text-align: center; text-transform: uppercase; } .copyright { float: left; font-size: 12px; margin: 0; padding-left: 10px; } .credit { float: right; font-size: 12px; margin: 0; padding-right: 10px; } .w-thumb { -moz-transition: all 0.4s ease 0s; background-color: transparent; border: 1px solid #EEEEEE; float: left; margin: 0 10px 0 0; padding: 3px; } .w-post-title { padding-top: 10px; margin-bottom: 5px; float: left; width: 120px; height: 20px; overflow: hidden; } .twitter { background: url("images/twitter.png") no-repeat scroll 0 0 transparent; float: left; list-style: none outside none; margin: 0; padding-bottom: 14px; } .twitter a { float: left; height: 34px; margin: 0; padding: 8px 0 0 46px; width: 150px; } .facebook { background: url("images/facebook.png") no-repeat scroll 0 0 transparent; float: left; list-style: none outside none; margin: 0; padding-bottom: 14px; } .facebook a { float: left; height: 34px; margin: 0; padding: 8px 0 0 46px; width: 150px; } .flickr { background: url("images/flickr.png") no-repeat scroll 0 0 transparent; float: left; list-style: none outside none; margin: 0; padding-bottom: 14px; } .flickr a { float: left; height: 34px; margin: 0; padding: 8px 0 0 46px; width: 150px; } .linkedin { background: url("images/linkedin.png") no-repeat scroll 0 0 transparent; float: left; list-style: none outside none; margin: 0; padding-bottom: 14px; } .linkedin a { float: left; height: 34px; margin: 0; padding: 8px 0 0 46px; width: 150px; } /* FLICKR */ #side-flickr { background: none; float: left; } #side-flickr h2 span { color:#09C; } #side-flickr h2 span span { color:#FF1183; } #side-flickr .flickr_badge_image { float: left; margin: 5px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #000; box-shadow: 0 0 4px #000; padding: 2px; text-align: center; } #side-flickr a img { float: left; display: block; width: 58px; height: 58px; } /* *==============================================// // SHORTCODES *=================================================*/ /*-------------------------------------------------------------------------------------------*/ /* Info Boxes */ /*-------------------------------------------------------------------------------------------*/ p.vpthemes-sc-box, div.vpthemes-sc-box {margin:1em 0 1.5em 0; padding:9px 10px 9px 50px; border-width:1px 0 1px 0; border-style:solid;color:#555;text-shadow:none;} .vpthemes-sc-box.none {border-width:0;} .vpthemes-sc-box.full {border-width:1px;} .vpthemes-sc-box.medium {padding:18px 20px 18px 50px; font-size:1.1em;} .vpthemes-sc-box.large {padding:25px 27px 25px 50px; font-size:1.2em; } .vpthemes-sc-box.rounded { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .vpthemes-sc-box.alert { border-color:#F8C0C0; background:#ffd9c8 url(functions/images/ico-alert.png) no-repeat 20px 45%; } .vpthemes-sc-box.download { border-color:#d4ebaf; background:#edfcd5 url(functions/images/ico-download.png) no-repeat 20px 45%; } .vpthemes-sc-box.tick { border-color:#d4ebaf; background:#edfcd5 url(functions/images/ico-tick.png) no-repeat 20px 45%; } .vpthemes-sc-box.info { border-color:#C0E5F8; background:#eee url(functions/images/ico-info.png) no-repeat 20px 45%; } .vpthemes-sc-box.note { border-color:#efe3ae; background:#fef6d2 url(functions/images/ico-note.png) no-repeat 20px 45%; } .vpthemes-sc-box.normal { border-color:#ccc; background:#eee; padding:9px 15px;} /*-------------------------------------------------------------------------------------------*/ /* Buttons */ /*-------------------------------------------------------------------------------------------*/ a.vpthemes-sc-button { font-family: sans-serif; display: inline-block; line-height: 1em; padding: 6px 13px; margin:0 .6em 1.5em 0; border: 1px solid #4081af; border-bottom-color: #20559a; color: white !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none !important; /*Border radius*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /*Background*/ background: #237fd7; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf) ); background: -moz-linear-gradient( center top, #52a8e8 20%, #2e76cf 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } a.vpthemes-sc-button.small { padding:2px 10px; font-size:0.9em;} a.vpthemes-sc-button.large { padding:7px 16px; font-size:1.4em;} a.vpthemes-sc-button.xl { padding:9px 20px; font-size:1.8em;} a.vpthemes-sc-button:hover, a.vpthemes-sc-button.hover, a.vpthemes-sc-button.active { text-decoration: none !important; /*Background*/ background: #0073d2; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca) ); background: -moz-linear-gradient( center top, #3e9ee5 20%, #1666ca 100% ); } a.vpthemes-sc-button:active, a.vpthemes-sc-button.active { border-color: #20559a; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } a.vpthemes-sc-button.dark span { color:#555; text-shadow:0 1px #fff;} a.vpthemes-sc-button.custom:hover { opacity:0.85; } a.vpthemes-sc-button span { line-height:1.2em; min-height: 16px; } a.vpthemes-sc-button span.vpthemes-info { background:url( "functions/images/ico-info.png") no-repeat 0 45%; padding-left:25px; display:block; } a.vpthemes-sc-button span.vpthemes-download { background:url( "functions/images/ico-download.png") no-repeat 0 45%; padding-left:25px; display:block; } a.vpthemes-sc-button span.vpthemes-tick { background:url( "functions/images/ico-tick.png") no-repeat 0 45%; padding-left:25px; display:block; } a.vpthemes-sc-button span.vpthemes-note { background:url( "functions/images/ico-note.png") no-repeat 0 45%; padding-left:25px; display:block; } a.vpthemes-sc-button span.vpthemes-alert { background:url( "functions/images/ico-alert.png") no-repeat 0 45%; padding-left:25px; display:block; } a.vpthemes-sc-button.red { border-color: #af4040; border-bottom-color: #9a2020; background-color: #d72323; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e)); background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%); } a.vpthemes-sc-button.red:hover { background: #d20000; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616)); background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%); } a.vpthemes-sc-button.orange { border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e)); background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%); } a.vpthemes-sc-button.orange:hover { background: #d25e00; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116)); background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%); } a.vpthemes-sc-button.green { border-color: #87bf00; border-bottom-color: #7ca122; background-color: #8dc11e; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16)); background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%); } a.vpthemes-sc-button.green:hover { background: #87c000; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513)); background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%); } a.vpthemes-sc-button.aqua { border-color: #40af96; border-bottom-color: #209a82; background-color: #23d7af; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52e8c6),color-stop(1, #2ecfab)); background: -moz-linear-gradient(center top,#52e8c6 20%,#2ecfab 100%); } a.vpthemes-sc-button.aqua:hover { background: #00d2a8; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ee5c0),color-stop(1, #16ca9e)); background: -moz-linear-gradient(center top,#3ee5c0 20%,#16ca9e 100%); } a.vpthemes-sc-button.teal { border-color: #23a6d6; border-bottom-color: #20799a; background-color: #23abd7; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52c3e8),color-stop(1, #2eabcf)); background: -moz-linear-gradient(center top,#52c3e8 20%,#2eabcf 100%); } a.vpthemes-sc-button.teal:hover { background: #009ed2; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ebce5),color-stop(1, #16a2ca)); background: -moz-linear-gradient(center top,#3ebce5 20%,#16a2ca 100%); } a.vpthemes-sc-button.purple { border-color: #234dd6; border-bottom-color: #20489a; background-color: #2356d7; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #526ee8),color-stop(1, #2e58cf)); background: -moz-linear-gradient(center top,#526ee8 20%,#2e58cf 100%); } a.vpthemes-sc-button.purple:hover { background: #0036d2; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e5ae5),color-stop(1, #1638ca)); background: -moz-linear-gradient(center top,#3e5ae5 20%,#1638ca 100%); } a.vpthemes-sc-button.pink { border-color: #d623cb; border-bottom-color: #9a2096; background-color: #d723d5; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e852e6),color-stop(1, #cd2ecf)); background: -moz-linear-gradient(center top,#e852e6 20%,#cd2ecf 100%); } a.vpthemes-sc-button.pink:hover { background: #bc00d2; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #c83ee5),color-stop(1, #ae16ca)); background: -moz-linear-gradient(center top,#c83ee5 20%,#ae16ca 100%); } a.vpthemes-sc-button.silver { color: #444 !important; text-shadow:0 1px #fff; border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc)); background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%); } a.vpthemes-sc-button.silver:hover { background: #ccc; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe)); background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%); } /*-------------------------------------------------------------------------------------------*/ /* Columns */ /*-------------------------------------------------------------------------------------------*/ .twocol-one{width:48%;} .threecol-one{width:30.66%;} .threecol-two{width:65.33%;} .fourcol-one{width:22%;} .fourcol-two{width:48%;} .fourcol-three{width:74%;} .fivecol-one{width:16.8%;} .fivecol-two{width:37.6%;} .fivecol-three{width:58.4%;} .fivecol-four{width:67.2%;} .sixcol-one{width:13.33%;} .sixcol-two{width:30.66%;} .sixcol-three{width:47.99%;} .sixcol-four{width:65.33%;} .sixcol-five{width:82.67%;} .twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{font-size:13px; float:left;margin-right:4%;position:relative;} .last{clear:right;margin-right:0 !important;} /*-------------------------------------------------------------------------------------------*/ /* Twitter */ /*-------------------------------------------------------------------------------------------*/ .vpthemes-sc-twitter.left { margin:0 1.5em 1.5em 0; float:left; } .vpthemes-sc-twitter.none { margin:0 0 1.5em 0; } .vpthemes-sc-twitter.right { margin:0 0 1.5em 1.5em; float:right; } /*-------------------------------------------------------------------------------------------*/ /* Digg */ /*-------------------------------------------------------------------------------------------*/ .vpthemes-digg.left { margin:0 1.5em 1.5em 0; float:left; } .vpthemes-digg.none { margin:0 0 1.5em 0; } .vpthemes-digg.right { margin:0 0 1.5em 1.5em; float:right; } /*-------------------------------------------------------------------------------------------*/ /* Icon Links */ /*-------------------------------------------------------------------------------------------*/ .vpthemes-sc-ilink { padding:0 0.3em; } .vpthemes-sc-ilink a { padding-left:20px; text-decoration: underline; display: inline-block; } .vpthemes-sc-ilink a:hover { text-decoration: none; } .vpthemes-sc-ilink .download { background: url(functions/images/ico-download.png) no-repeat left 40%; } .vpthemes-sc-ilink .tick { background: url(functions/images/ico-tick.png) no-repeat left 40%; } .vpthemes-sc-ilink .info { background: url(functions/images/ico-info.png) no-repeat left 40%; } .vpthemes-sc-ilink .note { background: url(functions/images/ico-note.png) no-repeat left 40%; } .vpthemes-sc-ilink .alert { background: url(functions/images/ico-alert.png) no-repeat left 40%; } /*-------------------------------------------------------------------------------------------*/ /* Facebook */ /*-------------------------------------------------------------------------------------------*/ .vpthemes-fblike.left { margin:0 1.5em 1.5em 0; float:left; } .vpthemes-fblike.none { margin:0 0 1.5em 0; } .vpthemes-fblike.right { margin:0 0 1.5em 1.5em; float:right; } /*-------------------------------------------------------------------------------------------*/ /* List Styles - Unordered List */ /*-------------------------------------------------------------------------------------------*/ .entry .shortcode-unorderedlist ul li, .shortcode-unorderedlist ul li, .entry .shortcode-unorderedlist ul li ul, .shortcode-unorderedlist ul li ul { list-style-type: none; padding-left:25px; background: url() no-repeat scroll left top; } .entry .shortcode-unorderedlist.tick ul li, .shortcode-unorderedlist.tick ul li { background: url(functions/images/shortcode-tick.png) no-repeat left top; } .entry .shortcode-unorderedlist.red-x ul li, .shortcode-unorderedlist.red-x ul li { background: url(functions/images/shortcode-red-x.png) no-repeat left top; } .entry .shortcode-unorderedlist.bullet ul li, .shortcode-unorderedlist.bullet ul li { background: url(functions/images/shortcode-bullet.png) no-repeat left top; } .entry .shortcode-unorderedlist.green-dot ul li, .shortcode-unorderedlist.green-dot ul li { background: url(functions/images/shortcode-green-dot.png) no-repeat left top; } .entry .shortcode-unorderedlist.arrow ul li, .shortcode-unorderedlist.arrow ul li { background: url(functions/images/shortcode-arrow.png) no-repeat left top; } .entry .shortcode-unorderedlist.star ul li, .shortcode-unorderedlist.star ul li { background: url(functions/images/shortcode-star.png) no-repeat left top; } /*-------------------------------------------------------------------------------------------*/ /* List Styles - Ordered List */ /*-------------------------------------------------------------------------------------------*/ .entry .shortcode-orderedlist ol li, .entry .shortcode-orderedlist ol li ol, .shortcode-orderedlist ol li { list-style-type: none; margin-left: 25px; background: url() no-repeat scroll left top; } .entry .shortcode-orderedlist.armenian ol li, .shortcode-orderedlist.armenian ol li { list-style-type: armenian; } .entry .shortcode-orderedlist.decimal ol li, .shortcode-orderedlist.decimal ol li { list-style-type: decimal; } .entry .shortcode-orderedlist.decimal-leading-zero ol li, .shortcode-orderedlist.decimal-leading-zero ol li { list-style-type: decimal-leading-zero; } .entry .shortcode-orderedlist.georgian ol li, .shortcode-orderedlist.georgian ol li { list-style-type: georgian; } .entry .shortcode-orderedlist.lower-alpha ol li, .shortcode-orderedlist.lower-alpha ol li { list-style-type: lower-alpha; } .entry .shortcode-orderedlist.lower-greek ol li, .shortcode-orderedlist.lower-greek ol li { list-style-type: lower-greek; } .entry .shortcode-orderedlist.lower-latin ol li, .shortcode-orderedlist.lower-latin ol li { list-style-type: lower-latin; } .entry .shortcode-orderedlist.lower-roman ol li, .shortcode-orderedlist.lower-roman ol li { list-style-type: lower-roman; } .entry .shortcode-orderedlist.upper-alpha ol li, .shortcode-orderedlist.upper-alpha ol li { list-style-type: upper-alpha; } .entry .shortcode-orderedlist.upper-latin ol li, .shortcode-orderedlist.upper-latin ol li { list-style-type: upper-latin; } .entry .shortcode-orderedlist.upper-roman ol li, .shortcode-orderedlist.upper-roman ol li { list-style-type: upper-roman; } /*-------------------------------------------------------------------------------------------*/ /* Quote */ /*-------------------------------------------------------------------------------------------*/ .vpthemes-sc-quote p { margin: 1em 20px; padding: 0 0 0 55px; background: url(functions/images/quote.png) no-repeat 0 3px; font-family: serif; font-size: 1.2em; font-style: italic; color:#777; min-height: 32px; } .vpthemes-sc-quote.left { float:left; width:30%;} .vpthemes-sc-quote.right { float:right; width:30%;} .vpthemes-sc-quote.boxed { background: #f5f5f5; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;} .vpthemes-sc-quote.boxed.left { margin: 0 1.5em 1em 0;} .vpthemes-sc-quote.boxed.right { margin: 0 0 1em 1.5em;} /*-------------------------------------------------------------------------------------------*/ /* Dropcap */ /*-------------------------------------------------------------------------------------------*/ span.dropcap { font-size: 300%; font-weight: bold; float: left; position: relative; margin:5px 7px 0 0; line-height: 0.7em; } /*-------------------------------------------------------------------------------------------*/ /* Highlight and Abbreviation */ /*-------------------------------------------------------------------------------------------*/ span.shortcode-highlight { background: #FFFFAA; padding: 3px 3px 1px; } abbr { border-bottom: 1px dashed #999999; cursor: help; } /*-------------------------------------------------------------------------------------------*/ /* Social Icon */ /*-------------------------------------------------------------------------------------------*/ img.social-icon { border: none; }