/* Theme Name: Official Description: A Blog Wordpress Template. Author: Bdayh Theme URI: http://themes.bdayh.com Author URI: http://themeforest.net/user/bdayh Version: 1.1.2 License: GNU General Public License License URI: license.txt Tags: fixed-width, one-column, two-columns, three-columns, threaded-comments, custom-colors, custom-header, theme-options, left-sidebar, right-sidebar */ @font-face { font-family: 'Metro'; src: url(fonts/metrophobic.eot); src: url(fonts/metrophobic.eot?#iefix) format('embedded-opentype'), url(fonts/metrophobic.woff) format('woff'), url(fonts/metrophobic.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Off'; src: local('Oswald Regular'), local('Oswald-Regular'), url(fonts/oswald.woff) format('woff'); font-weight: 400; font-style: normal; } /* * web fonts */ * { padding: 0; margin: 0; outline: none; list-style: none; border: 0 none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #F28900; } html { overflow-y: scroll; overflow-x: hidden; } body { background: #f3fcff; color: #333; font-family: "Metro", Tahoma, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; } a { color: #444; text-decoration: none; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } a:hover { color: #25bde7; } object, embed, video, iframe, picture { max-width: 100%; display: block; } img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; } blockquote { padding: 0 0 0 15px; margin: 0 0 1.5; border-left: 5px solid #eee; font-style: italic !important; font-size: 19px; font-family: Georgia, "Times New Roman", Times, serif !important; } blockquote p { margin-bottom: 0; } blockquote small { display: block; color: #999 } .quote-link a { color: #41b7d8; } .clear { clear: both; } .clearfix:after { content: ""; display: table; clear: both; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { clear: both; margin-left: auto; margin-right: auto; } .fLeft { float: left; } .fRight { float: right; } .tcenter { text-align: center; } .mAuto { margin-left: auto !important; margin-right: auto !important; } .right10 { margin-right: 10px !important; } .right15 { margin-right: 15px !important; } .right25 { margin-right: 25px !important; } .left10 { margin-left: 10px !important; } .left15 { margin-left: 15px !important; } .left25 { margin-left: 25px !important; } .bottom10 { margin-bottom: 10px !important; } .bottom15 { margin-bottom: 15px !important; } .bottom20 { margin-bottom: 20px !important; } .bottom25 { margin-bottom: 25px !important; overflow: hidden; } /* WP */ .bypostauthor { } .sticky { } .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 100% !important; padding: 4px; text-align: center; } .wp-caption img { max-width: 100% !important; } .wp-caption p.wp-caption-text { color: #888; margin: 5px; padding: 0; } .wp-caption.alignleft { margin-right: 20px; } .wp-caption.alignright { margin-left: 20px; } .wp-caption { } .wp-caption-text { } .gallery-caption { } /* Go Top */ .gotop { background-color: #2c2c2c; background-image: url(images/arrow_totop.png); background-position: 50% 50%; background-repeat: no-repeat; z-index: 999999999999999; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; width: 40px; height: 40px; text-indent: -99999px; position: fixed; bottom: -100px; right: 25px; cursor: pointer; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; overflow: auto; } .gotop:hover { background-color: #e95c33; } form { position: relative; } #search-bar #searchform { margin: 0; } select, textarea, input[type="text"], input[type="password"], input[type="email"] { width: auto; max-width: 100%; color: inherit; } textarea, input[type="text"], input[type="password"], input[type="email"] { margin: 0; padding: 10px; border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; } .btn, .button, button.button, .btn[type="submit"], button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"], #commentform input[type="submit"], button { border: none; color: #FFF; background: #41b7d8; cursor: pointer; display: inline-block; margin: 0px 1px 4px 0; padding: 8px 11px; height: auto; text-align: center; -webkit-font-smoothing: antialiased; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .btn:hover, .button:hover, button.button:hover, .btn[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #commentform input[type="submit"]:hover, button:hover { background: #100f15 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb7614), to(#F28900), color-stop(1, #F28900)); background: #100f15 -moz-linear-gradient(0% 100% 90deg, #F28900, #F28900, #EB7614 100%); background-color: #F28900; color: #FFF; } textarea { min-height: 50px; height: auto; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus { outline: 0; border-color: #25bde7; } select { width: auto; max-width: 100%; padding: 0.3em; background-color: #fff; border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Top bar */ .top-bar { height: 38px; background-image: url(https://www.vacancesvuesdublog.fr/wp-content/uploads/top_bg.gif); display: block; position: relative; clear: both; margin-bottom: 20px; } .top-bar .wrapper { z-index: 444; } /* Top bar links */ .top-bar-links { float: left; margin-left: 4px; } .top-bar select { float: left; margin: 6px 0 0 15px; font: normal 11px Tahoma, Geneva, sans-serif; overflow: hidden; height: 27px; line-height: 19px; padding: 5px; width: 170px; background: #3D3D3D; color: #AAA; text-shadow: #111 0 1px 1px; display: none; cursor: pointer; border: none 0px !important; } .top-bar .top-bar-links ul.toplinks { float: left; margin: 0 0 0 15px; position: relative; } .top-bar .top-bar-links ul.toplinks > li { float: left; position: relative; } .top-bar .top-bar-links ul.toplinks > li > a { font: bold 12px Arial, Helvetica, sans-serif; display: block; color: #116780; margin: 0; height: 35px; line-height: 35px; margin-right: 15px; transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; o-transition: none; text-transform: capitalize !important; } .top-bar .top-bar-links ul.toplinks > li:last-child { background: none; } .top-bar .top-bar-links ul.toplinks > li a:hover, .top-bar .top-bar-links ul.toplinks > li:hover > a, .top-bar .top-bar-links ul.toplinks > li.current-menu-item a { color: #fff; } .top-bar .top-bar-links ul.toplinks > li ul { display: none; position: absolute; z-index: 9999999999999; width: 175px; padding: 0px; background: none; border: none; } .top-bar .top-bar-links ul.toplinks > li > ul > li { position: relative; background: #25bce7; } .top-bar .top-bar-links ul.toplinks > li > ul > li:last-child { border-bottom: none !important; } .top-bar .top-bar-links ul.toplinks > li > ul > li a { font: 12px Tahoma, Geneva, sans-serif !important; border-right: none !important; border-left: none !important; display: block; height: auto !important; line-height: 20px !important; padding: 5px 10px; padding-bottom: 7px; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; font-weight: bold !important; color: #fff !important;} .top-bar .top-bar-links ul.toplinks > li > ul > li > a:hover, .top-bar .top-bar-links ul.toplinks > li > ul > li:hover > a { color: #fff !important; background: #F28900 !important; border: none !important; } .top-bar .top-bar-links ul.toplinks > li > ul > li > ul { left: 175px; top: 0px; padding: 0px !important; background: none; border: none; } .top-bar .top-bar-links ul.toplinks > li > ul > li > ul > li { background: #252525 !important; } .top-bar .top-bar-links ul.toplinks > li > ul > li > ul > li:last-child { border : none !important; } .top-bar .top-bar-links ul.toplinks > li > ul > li > ul > li:hover > a { color: #EEE !important; background: #191919 !important; border: none !important; } /* Nav */ #nav { float: left; width: 228px; } /* Container */ .wrapper { position: relative; z-index: 1; margin: 0 auto; } #container { float: left; width: 83%; margin-right: -350px; } .main { display: block; position: relative; height: 100%; min-height: 600px; overflow: hidden; margin-right: 350px; padding: 30px; margin-bottom: 30px; background-color: #FFF; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px; /* border: 1px solid rgba(0,0,0,.1); */ -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.05); -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.05); box-shadow: 0 0 10px 1px rgba(0,0,0,.05); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 1; } /* logo */ .logo { display: block; overflow: hidden; padding: 20px 20px 20px 0px; text-align: center; } /* #nav .logo {background: #FFF; position: relative; z-index:2; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); border-right: 1px solid #fff; -webkit-box-shadow: -15px 0 10px 0 rgba(0,0,0,.05); -moz-box-shadow: -15px 0 10px 0 rgba(0,0,0,.05); box-shadow: -15px 0 10px 0 rgba(0,0,0,.05); margin: 0 -1px 0 0; } */ .logo img { max-width: inherit; } .logo p { padding-top: 10px; font-weight:bold; font-size:16px; text-transform:uppercase; color:#25bde7; text-shadow: 0.1px 0.1em #696969; } /* Sidebar */ #sidebar { display: block; float: left; padding: 0 20px; width: 310px; position: relative; } /* Sidebar small */ .sidebar-small { float: left; width: 160px; margin: 0 30px 0 0; position: relative; z-index: 999; } /* Nav sidebar */ .nav-sidebar { overflow: hidden; padding: 20px 15px; display: block; position: relative; margin-top: 30px; } .nav-sidebar .ads_160x600 img { border: 1px #DDD solid; } /* Content */ .content { float: left; width: 100%; margin-left: -190px; } .content .warp { margin-left: 190px; display: block; padding-left: 20px; } /* Widgets */ .widget { clear: both; margin-bottom: 25px; } .widget:last-child { margin-bottom: 0; } .widget-title { padding-bottom: 14px; border-bottom: 1px solid #e4e4e4; color: #41b7d8; } .widget-title h4 { font: normal 17px "Off", Arial, Helvetica, sans-serif; line-height: 1; display: block; } .widget-title h4 a { color: #41b7d8; } .widget-title h4 a:hover { color: #000; } #sidebar .widget-title { border: none; } .widget_facebook iframe { width: 100% !important; } #sidebar .widget-container, #sidebar .tabs_content { -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.05); -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.05); box-shadow: 0 0 10px 1px rgba(0,0,0,.05); /* border: 1px solid rgba(0,0,0,.1); */ background: #FFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 20px; } #sidebar .tabs_content { border-radius: 0px !important; margin-top: -1px; border: none !important; } .widget-container { padding: 10px 0; clear: both; overflow: hidden; display: block; } .widget-container li { background: url(images/dot.png) no-repeat left 8px; padding: 0 0 5px 12px; line-height: 18px; overflow: hidden; } /* Tags */ .tagcloud a { display: inline-block; font-size: 12px !important; line-height: 20px; margin: 0 2px 3px 0px; text-align: center; padding: 2px 7px 2px 7px; text-shadow: none; overflow: hidden; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #116780; border: solid 1px #a9e9fe; background-color: #d8f5ff; } .tagcloud a:hover { border: solid 1px #feb85e; color: #F28900; background-color: #fff2e1; text-shadow: none; } #post-tags a { display: inline-block; font-size: 14px !important; line-height: 20px; margin: 0 2px 3px 0px; text-align: center; padding: 2px 7px 2px 7px; text-shadow: none; overflow: hidden; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #100f15 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb7614), to(#F28900), color-stop(1, #F28900)); background: #100f15 -moz-linear-gradient(0% 100% 90deg, #F28900, #F28900, #EB7614 100%); background-color: #F28900; color: #FFF; } #post-tags a:hover { color: #ededed; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c2d35), to(#17171d), color-stop(1, #17171d)); background: -moz-linear-gradient(0% 100% 90deg, #17171D, #17171D, #2C2D35 100%); background-color: #17171d; text-shadow: none; } /* Calendar */ #calendar_wrap table, #calendar_wrap th, #calendar_wrap td, #calendar_wrap tr { padding: 1px 3px; border: 1px solid #CCC; border-collapse: collapse; } #calendar_wrap #wp-calendar { width: 100%; color: #888; } #calendar_wrap #wp-calendar caption { font-size: 14px; padding: 0 0 10px 1px; } #calendar_wrap #wp-calendar th, #calendar_wrap #wp-calendar td { border: 1px solid #E1E1E1; text-align: center; } #calendar_wrap #wp-calendar td { background-color: #f5f5f5 !important; } #calendar_wrap th { font: normal 13px "Off", Arial, Helvetica, sans-serif; line-height: 20px; background: #FFF; color: #444; text-shadow: white 0 1px 0px; } #calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today { background: #100f15 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb7614), to(#F28900), color-stop(1, #F28900)); background: #100f15 -moz-linear-gradient(0% 100% 90deg, #F28900, #F28900, #EB7614 100%); background-color: #F28900; color: #FFF; } #calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today a { color: #FFF; } /* Post */ .entry-title { font: normal 25px "Off", Arial, Helvetica, sans-serif; line-height: 34px; margin-bottom: 10px; } article.post-item { overflow: hidden; display: block; margin-bottom: 30px; padding-bottom: 30px; border-bottom: #41b7d8 4px solid; } .entry-excerpt { font-family: Arial, Helvetica, sans-serif; font-size: 14px; } /* Post thumbnail */ article.post-item .post-thumbnail { overflow: hidden; margin: 0; position: relative; text-align: center; } /* Post meta */ .post-meta-author { display: block; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; border-bottom: #e4e4e4 1px solid; } .postmeta { padding-bottom: 20px; overflow: hidden; } .postmeta a, .post-meta-author a { color: #41b7d8; } .postmeta a:hover, .post-meta-author a:hover { color: #111; } .postmeta span { float: left; display: block; margin-right: 20px; padding-left: 27px; } .postmeta span.post-meta-author { background: url(images/separate.png) no-repeat -11px -167px; } .postmeta span.post-meta-date { background: url(images/separate.png) no-repeat -11px -10px; } .postmeta span.post-meta-cat { background: url(images/separate.png) no-repeat -11px -50px; } .postmeta span.post-meta-comment { background: url(images/separate.png) no-repeat -10px -90px; } .postmeta span.post-meta-views { background: url(images/separate.png) no-repeat -11px -126px; } /* Read More */ .more-post { margin-top: 15px; overflow: hidden; } .more-link { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; color: #fff !important; background-color: #41b7d8; line-height: 30px; display: inline-block; vertical-align: middle; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 15px; height: 30px; text-transform: capitalize; } .more-link:hover { background: #100f15 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb7614), to(#F28900), color-stop(1, #F28900)); background: #100f15 -moz-linear-gradient(0% 100% 90deg, #F28900, #F28900, #EB7614 100%); background-color: #F28900; color: #FFF; } /* pagination */ .pagination { position: relative !important; overflow: hidden !important; margin: 15px 80px 15px 0 !important; clear: both; display: block; width: 100%; font: 13px 'Droid Sans', Arial, Verdana, sans-serif; } .pagination .wp-pagenavi { float: left !important; width: 100%; } .pagination .wp-pagenavi span, .pagination .wp-pagenavi a, .pagination .wp-pagenavi .pages, .pagination .wp-pagenavi .extend, .pagination .wp-pagenavi .current, .page-pagination a { font: bold 11px Helvetica, Tahoma, Geneva, sans-serif; background: #FFF !important; display: inline-block !important; overflow: hidden !important; padding: 0 15px !important; margin-right: 5px !important; height: 35px !important; line-height: 35px !important; color: #555 !important; margin-bottom: 5px !important; border-radius: 2px; } .pagination .wp-pagenavi a:hover, .page-pagination a:hover { background: #100f15 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb7614), to(#F28900), color-stop(1, #F28900)) !important; background: #100f15 -moz-linear-gradient(0% 100% 90deg, #F28900, #F28900, #EB7614 100%) !important; background-color: #F28900 !important; color: #FFF !important; } .pagination .wp-pagenavi .current { background-color: #41b7d8 !important; color: #FFF !important; } .pagination .wp-pagenavi .pages { display: none !important; } /* Newsletter */ .newsletter_content { overflow: hidden; } .newsletter_content p { margin-bottom: 10px; } .newsletter_content form { margin: 0px; } .go_newsletter { float: left; } .go_newsletter button { font: 13px 'Droid Sans', Helvetica, Arial, Sans-Serif; padding: 8px 10px; padding-bottom: 11px; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background-color: #ff8703; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 135, 3)), to(rgb(247, 105, 32))); background-image: -webkit-linear-gradient(top, rgb(255, 135, 3), rgb(247, 105, 32)); background-image: -moz-linear-gradient(top, rgb(255, 135, 3), rgb(247, 105, 32)); background-image: -o-linear-gradient(top, rgb(255, 135, 3), rgb(247, 105, 32)); background-image: -ms-linear-gradient(top, rgb(255, 135, 3), rgb(247, 105, 32)); background-image: linear-gradient(top, rgb(255, 135, 3), rgb(247, 105, 32)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ff8703', EndColorStr='#f76920'); border: 1px solid #da6007; -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.06), 1px 1px 0 rgba(255,255,255,.03), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,0.05); box-shadow: 0px 1px 0 rgba(255,255,255,.06), 1px 1px 0 rgba(255,255,255,.03), -1px -1px 0rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,0.05); color: #fff !important; text-shadow: 1px 1px 1px rgba(0,0,0,.2); -webkit-user-select: none; margin-left: 5px; } .go_newsletter button:focus, .go_newsletter button:hover { background-color: #fd8d25; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(253, 141, 37)), to(rgb(252, 124, 35))); background-image: -webkit-linear-gradient(top, rgb(253, 141, 37), rgb(252, 124, 35)); background-image: -moz-linear-gradient(top, rgb(253, 141, 37), rgb(252, 124, 35)); background-image: -o-linear-gradient(top, rgb(253, 141, 37), rgb(252, 124, 35)); background-image: -ms-linear-gradient(top, rgb(253, 141, 37), rgb(252, 124, 35)); background-image: linear-gradient(top, rgb(253, 141, 37), rgb(252, 124, 35)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fd8d25', EndColorStr='#fc7c23'); color: #fff!important; } /* Widget Counters */ .widget_counters { background-color: #FFF; -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.05); -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.05); box-shadow: 0 0 10px 1px rgba(0,0,0,.05); /* border: 1px solid rgba(0,0,0,.1); */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom: 25px; position: relative; overflow: hidden; } .widget_counters li { display: block; float: left; width: 25%; text-align: center; padding: 20px 0; } .widget_counters li span { clear: both; display: block; font: bold 12px Geneva, sans-serif !important; } .widget_counters li small { color: #AAA !important; } .widget_counters li a { display: block; } .widget_counters li a .counters-icon { width: 32px; height: 32px; display: block; margin: auto; margin-bottom: 5px; } .widget_counters li.rss_subscribers a .counters-icon { background: url(images/separate.png) no-repeat -8px -335px; } .widget_counters li.rss_subscribers a { color: #e87800; } .widget_counters li.twitter_followers a .counters-icon { background: url(images/separate.png) no-repeat -8px -415px; } .widget_counters li.twitter_followers a { color: #0092ff; } .widget_counters li.facebook_fans a .counters-icon { background: url(images/separate.png) no-repeat -8px -295px; } .widget_counters li.facebook_fans a { color: #2149a0; } .widget_counters li.youtube_subs a .counters-icon { background: url(images/separate.png) no-repeat -8px -375px; } .widget_counters li.youtube_subs a { color: #dd4b39; } /* Sidebar Social */ #sidebar ul.social, .sidebar-small ul.social, .nav-sidebar ul.social { overflow: hidden; display: block; clear: both; text-align: center; margin-bottom: 20px; } #sidebar ul.social li, .sidebar-small ul.social li, .nav-sidebar ul.social li { float: none; } #sidebar ul.social li a, .sidebar-small ul.social li a { } /* Login user */ .login_user, .login_form, .search_content { overflow: hidden; } .login_form input[type="text"], .login_form input[type="password"], .search_content input[type="text"], .search_content input[type="password"], .search_content select { margin-bottom: 10px; width: 93%; padding: 3%; } .search_content select { width: 99%; } .login_form button { margin: 10px 0; } .login_user p { font: normal 15px "Off", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal !important; color: #AAA; } .login_user p a { color: #41b7d8; } .login_user p a:hover { color: #111; } /* Tabs */ .widget_tabs .widget_container ol.tabs_nav li { margin-bottom: 0px; width: 25%; display: inline; float: left; text-align: center; list-style: none outside none; margin: 0px; padding: 0px; background: #333333; color: #FFF; } .tab_container { display: none; } #tab1 { display: block; } .widget_tabs .widget_container ol.tabs_nav li.active { background-color: #41b7d8; } .widget_tabs .widget_container ol.tabs_nav li a { color: #FFF; padding: 12px 0px; display: block; } .widget_tabs .widget_container ol.tabs_nav { overflow: hidden; display: block; } .widget-post-wrapper { border-bottom: 1px solid #F0F0F0; padding: 0px !important; padding-bottom: 9px !important; overflow: hidden; background: transparent !important; list-style: none !important; clear: both; display: block; } .widget-post-thumb { float: left; margin-right: 15px; line-height: 0px; } .widget-post-thumb a { display: block; } #sidebar .widget-post-wrapper { border-bottom: 1px solid #F0F0F0; padding-bottom: 9px !important; margin-bottom: 9px !important; overflow: hidden; width: 100%; } #sidebar li.widget-post-wrapper:last-child { margin-bottom: 0px !important; padding-bottom: 0px !important; border-bottom: none; } .widget-post-title { font-size: 13px; line-height: 16px; margin-bottom: 10px; margin-top:5px; } .widget-post-meta { color: #AAA; font-size: 11px; display:none !important; } .widget-gravatar img { float: left; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; padding: 3px; background: #fff; border: 1px solid #eeeeee; } /* Twitter Feed */ .twitter-item { margin-bottom: 10px; color: #AAA; } #twitter-widget li { background: url(images/twitter_icon.png) no-repeat 10px 12px; padding: 10px 10px 10px 35px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; line-height: 16px; margin-bottom: 0px; width: auto; } /* Flickr */ .flickr_badge_image { float: left; width: 24%; margin: 0.5%; overflow: hidden; line-height: 0px; } .flickr_badge_image img { height: auto; } .flickr_badge_image a { display: block; } /* Widget Google */ .followusongoogle-widget .widget_google { margin-bottom: -20px; !important; } /* Widget Ads */ .ads_125 { display: block; overflow: hidden; } .ads_125 a { width: 50%; text-align: center; overflow: hidden; display: block; float: left; line-height: 0; margin-bottom: 25px; } .ads_160x600, .ads_250x250, .ads_280x250, .ads_300x250 { line-height: 0; text-align: center; overflow: hidden; margin-bottom: 25px; } .ads_160x600 a, .ads_250x250 a, .ads_280x250 a, .ads_300x250 a { display: block; overflow: hidden; } /* Widget Slider */ .widgetslider { padding: 5px; background: #FFF; display: block; position: relative; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; background: #fff; -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.05); -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.05); box-shadow: 0 0 10px 1px rgba(0,0,0,.05); margin-bottom: 25px; } .widgetslider.flexslider .slides > li { display: none; } .widgetslider.flexslider .slides > li img { width: 100%; max-width: 100%; } .widgetslider.flexslider .flex-loading { background: transparent url(images/loading.gif) 50% 50% no-repeat !important; height: 31px; } .widgetslider.flexslider .slides, .widgetslider.flexslider .slides > li { height: 215px !important; background: #000 url(images/ajax-loader.gif) 50% 50% no-repeat !important; } .widgetslider.flexslider ul.flex-direction-nav .flex-next { background: url(images/next2.png) no-repeat center center; width: 43px; height: 43px; position: absolute; right: -50px; bottom: 50%; margin-bottom: -25px; z-index: 6000; overflow: hidden; text-indent: -80000px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: inline-block; cursor: pointer; } .widgetslider.flexslider ul.flex-direction-nav .flex-prev { background: url(images/prev2.png) no-repeat center center; width: 43px; height: 43px; position: absolute; left: -50px; bottom: 50%; margin-bottom: -25px; z-index: 6000; overflow: hidden; text-indent: -80000px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: inline-block; cursor: pointer; } .widgetslider.flexslider .slides > li .slider-caption { background: url(images/bg-10.png) repeat; position: absolute; width: 100%; z-index: 555555; display: block; left: 0; bottom: 0; color: #fff; font-size: 13px !important; text-align: center; line-height: 16px !important; } .widgetslider.flexslider .slides > li .slider-caption a { padding: 8px 10px; display: block; overflow: hidden; color: #fff; text-shadow: #000 0 1px 1px; font-size: 13px !important; line-height: 16px !important; } .flex-loading { background: transparent url(images/loading.gif) 50% 50% no-repeat; height: 31px; } /* Post slideshow */ .post-slideshow, .post-gall { width: 638px !important; height: 368px !important; overflow: hidden; position: relative; display: block; } .post-slideshow li { width: 100% !important; } .post-slideshow li img { max-width: 100%; width: 100%; height: auto; } .post-slideshow-nxt { background: url(images/next2.png); width: 43px; height: 43px; position: absolute; right: -80px; bottom: 50%; margin-bottom: -30px; z-index: 99999999; overflow: hidden; text-indent: -80000px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: inline-block; cursor: pointer; } .post-slider { line-height: 0px; text-align: center; overflow: hidden; position: relative; display: block; } .post-slideshow-prev { background: url(images/prev2.png); width: 43px; height: 43px; position: absolute; left: -80px; bottom: 50%; margin-bottom: -30px; z-index: 99999999; overflow: hidden; text-indent: -80000px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: inline-block; cursor: pointer; } /* hr */ hr { border: solid #ececec; border-width: 1px 0 0; clear: both; margin: -1px 0 0 0; height: 0; } /* Formats */ .format-link { text-align: center; } .format-link a { color: #41b7d8; } .format-link a:hover { color: #e53b2c; } .link-icon, .aside-icon, .image-icon { display: block; overflow: hidden; height: 32px; margin-bottom: 10px; } .link-icon { background: url(images/link.png) no-repeat center center; } .aside-icon { background: url(images/aside.png) no-repeat center center; } .image-icon { background: url(images/image.png) no-repeat center center; } /* Nav Menu */ .nav-menu ul.navlinks { -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.05); -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.05); box-shadow: 0 0 10px 1px rgba(0,0,0,.05); position: relative; z-index: 9999999999999; } .nav-menu select { width: 100%; display: none; } .nav-menu li { display: block; font: normal 15px "Off", Arial, Helvetica, sans-serif; text-transform: uppercase; } .nav-menu li.current-menu-item, .nav-menu li.current-page-item { border-right: #41b7d8 4px solid; } .nav-menu li a { display: block; padding: 9px 15px 11px 8px; border-bottom: #eee 1px solid; background: #FFF; cursor: pointer; text-align: center; } .nav-menu li a:hover, .nav-menu li:hover a, .nav-menu li ul li ul li a:hover, .nav-menu li ul li ul li:hover a, .nav-menu li ul li a:hover, .nav-menu li ul li:hover a { background-color: #25bce7; color:#000; } .nav-menu li ul { display: none; } .nav-menu li > ul > li > a { background-color: #f5f5f5 !important; color: #888; cursor: pointer; } .nav-menu li > ul > li > a:hover{background-color: #d8f5ff !important;} .nav-menu li > ul > li > ul > li > a { background-color: #f5f5f5 !important; color: #888; cursor: pointer; } .nav-menu ul li.current-menu-item a, .nav-menu ul li.current-menu-item a:hover, .nav-menu ul li.current-menu-parent a, .nav-menu ul li.current-menu-parent a:hover, .nav-menu ul li.current-page-ancestor a, .nav-menu ul li.current-page-ancestor a:hover { color: #e95c33; } /* Footer */ #footer { width: 100%; margin-top: 30px; display: block; padding: 10px 0; padding-bottom: 7px; overflow: hidden; background: #25bce7; position: relative; color: #fff;/* border-top: #41b7d8 4px solid; */ } #footer .wrapper { padding: 0 20px; } #footer a { color: #AAA; } #footer a:hover { color: #FFF; } #footer .footer-text { float: left; line-height: 17px; font: normal 13px Arial, Helvetica, sans-serif; max-width: 60%; } #footer .footer-social { float: right; } /* Entry */ .entry a {color:#25bde7;} .entry a:hover{text-decoration:underline; color: #F28900;} .entry { line-height: 1.5; } .content .entry iframe { max-width: 100%; } .entry p { padding-top: .5em; padding-bottom: .5em; } .entry img { max-width: 100%; height: auto; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-bottom: 15px; line-height: 1em; font-family: Helvetica; font-weight: normal; } .entry h1 { font-size: 36px; } .entry h2 { font-size: 30px; } .entry h3 { font-size: 24px; } .entry h4 { font-size: 18px; } .entry h5 { font-size: 14px; } .entry h6 { font-size: 12px; } .entry ol, .entry ul { margin: 0 0 25px 10px; } .entry ul li { list-style: inside disc; } .entry ol li { list-style: inside decimal; } .entry li { margin: 0 0 5px; } .entry table { border: 1px solid #DFDFDF; background-color: #F9F9F9; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; color: #333; border-collapse: separate; border-spacing: 0; } .entry table td, .entry table th { border-top: 1px solid white; border-bottom: 1px solid #DFDFDF; color: #555; } .entry table th { text-shadow: 0 1px 0 #fff; font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; font-weight: normal; padding: 7px 7px 8px; text-align: left; line-height: 1.3em; font-size: 14px; } .entry table td { font-size: 12px; padding: 4px 7px 4px; vertical-align: top; } blockquote { margin: 0 0 30px 40px; min-height: 60px; } .single-post .postmeta, .page .postmeta, .archive .postmeta, .search .postmeta, .home .postmeta { border-bottom: 1px solid #f2f2f2; padding-bottom: 5px; margin-bottom: 10px; font-size: 11px; font-family: Tahoma, Geneva, sans-serif; color: #AAA; } .single-post .postmeta .post-meta-author, .page .postmeta .post-meta-author, .archive .postmeta .post-meta-author, .search .postmeta .post-meta-author, .home .postmeta .post-meta-author { border: none; padding-bottom: 0; margin-bottom: 0; } .single-post-thumb { text-align: center; } .single-post-thumb img { width: 100%; max-width: 100%; } .single-post article.post-item { border: none; padding-bottom: 0; position: relative; } #post-tags { clear: both; margin: 15px auto; } .edit-link a { display: block; overflow: hidden; float: right; clear: both; -khtml-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 4px 10px; color: #ededed; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c2d35), to(#17171d), color-stop(1, #17171d)); background: -moz-linear-gradient(0% 100% 90deg, #17171D, #17171D, #2C2D35 100%); background-color: #17171d; } #post-tags .heading { font: normal 17px "Off", Arial, Helvetica, sans-serif; } /* Crumbs */ .crumbs { } .crumbs-home-icon { background: url(images/separate.png) no-repeat -12px -205px; padding-left: 22px; } /* Share Post */ .share-post { clear: both; margin: 10px 0 0; padding: 10px 0 0px 10px; background-color: #fafafa; border-top: #E5E5E5 1px solid; -moz-box-shadow: inset 0px 10px 6px -10px rgba(0,0,0, 0.1); -webkit-box-shadow: inset 0px 10px 6px -10px rgba(0,0,0, 0.1); box-shadow: inset 0px 10px 6px -10px rgba(0,0,0, 0.1); overflow: hidden; } .share-post li, .mini-share-post li { float: left; display: inline-block; overflow: hidden; width: 106px; height: 31px; } /* Bio */ .bio { overflow: hidden; display: block; border-bottom: #E5E5E5 1px solid; padding-bottom: 15px; margin-bottom: 20px; } .bio h3 { font: normal 17px "Off", Arial, Helvetica, sans-serif; } .bio h3 a { color: #41b7d8; } .bio h3 a:hover { color: #222; } .author-avatar { float: left; margin-right: 25px; } .author-avatar { overflow: hidden; } .author-avatar img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .author-description { padding: 10px 0 15px; line-height: 16px; } /* Related */ .single-post-related .related-images div.related-item img { max-width: 100%; width: 100%; display: block; } .single-post-related { display: block; overflow: hidden; } .single-post-related .related-images div.related-item a { display: block; } .single-post-related .related-images div.related-item { float: left; display: inline; overflow: hidden; position: relative; margin: 1%; width: 23%; line-height: 0; } .single-post-related .related-images div.related-item .related-item-title { position: absolute; bottom: 0px; display: inline-block; text-align: center; background: url(images/bg-10.png) repeat; font-size: 10px; text-transform: uppercase; line-height: 13px; width: 96%; padding: 3% 2%; color: #AAA; } .single-post-related .related-images div.related-item .related-item-title:hover { color: #FFF; } .single-post-related .related-list div.related-item { display: inline; float: left; width: 45%; margin: 0px 1%; padding-left: 15px; line-height: 25px; background: url(images/list-style1.png) no-repeat left 50%; } .single-post-related .related-list div.related-item .thumb { display: none; } /* title */ .title { font: normal 19px "Off", Arial, Helvetica, sans-serif; text-transform: uppercase; } /* Comments */ #commentform { padding: 0 5px; margin-top: 5px; overflow: hidden; } #commentform label { color: #707070; } #commentform p { margin: 10px 0; } #commentform textarea, #commentform input { padding: 4px 7px; background: #FFF; color: #333; font: normal 12px Helvetica, Arial, Sans-Serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: #e2e2e2 1px solid; border-right: #DDD 1px solid; border-bottom: #DDD 1px solid; } #commentform input { display: block; width: 250px; height: 24px; } #commentform textarea { width: 97.5%; clear: both; } #commentform input:hover, #commentform textarea:hover { } #commentform input:focus, #commentform textarea:focus { background: #f8f8f8; } #commentform .form-allowed-tags, .comment-form-comment label { display: none; } .comment-form-email, .comment-form-url, .comment-form-url, .comment-form-comment { clear: both; } .comment-notes { margin-bottom: 10px; } input.error, textarea.error { background: #FF0000 !important; color: #FFF !important; } .commentlist li { margin-bottom: 20px; clear: both; position: relative; clear: both; } .comment-avatar { overflow: hidden; margin: 0 10px 5px 0px; float: left; } .comment-avatar img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .author-comment { overflow: hidden; position: relative; } .author-comment cite { font: 13px 'Droid Sans', Helvetica, Arial, Sans-Serif; text-transform: capitalize; color: #3b3b3b; position: relative; display: block; margin-bottom: 2px; padding-top: 4px; font-style: normal !important; } .commentmetadata { display: block; font-size: 85%; clear: both; font: 11px 'Droid Sans', Helvetica, Arial, Sans-Serif; color: #AAA; line-height: 18px; } .commentmetadata a { color: #AAA; } .comment-wrap { font: 12px 'Droid Sans', Helvetica, Arial, Sans-Serif; background: white; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); background: #fff; border: 1px solid #ccc; border-color: #e4e4e4 #bebebd #bebebd #e4e4e4; color: #707070; position: relative; padding: 15px; margin: 1%; text-align:justify; } .comment-content { position: relative; clear: both; display: block; margin-top: 10px; overflow: hidden; padding-bottom: 5px; } .comment-content p { line-height: 17px; margin-bottom: 10px; } .nocomments { text-align: center; } .commentlist li.pingback { padding: 5px 10px; border-bottom: 1px solid #ddd; } #comments .children { margin-top: 15px; margin-left: 35px; } .reply a { -khtml-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: absolute; bottom: 3px; right: 3px; padding: 7px; background: #100f15 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb7614), to(#F28900), color-stop(1, #F28900)); background: #100f15 -moz-linear-gradient(0% 100% 90deg, #F28900, #F28900, #EB7614 100%); background-color: #F28900; color: #FFF; } .reply a:hover { color: #ededed; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c2d35), to(#17171d), color-stop(1, #17171d)); background: -moz-linear-gradient(0% 100% 90deg, #17171D, #17171D, #2C2D35 100%); background-color: #17171d; } .news_box_title5, .news_box_title2, #reply-title { font: 500 21px "Off", Arial, Helvetica, sans-serif; padding: 10px 0 10px 0; margin: 15px 0 0 0; } #respond form { margin: 0px; } #respond input { margin-bottom: 15px; } #respond label { font-weight: normal; font-size: 14px; margin-bottom: 10px; } .input-h { float: left; width: 31%; overflow: hidden; margin: 0 2% 0 0!important; padding: 0px !important; } .add_comment p:nth-child(5) { margin-right: 0px !important; } .input-h input { max-width: 100% !important; width: 91% !important; } /* inner box */ .inner-box2 .more-link { } /* authors wrap */ .authors-wrap li { list-style: none !important; } /* Timeline Page */ .timeline_list { margin-bottom: 30px; margin-left: 30px; border-left: #EEE 1px solid; padding-top: 15px; } .timeline_list li { padding-left: 20px; line-height: 25px; margin-bottom: 5px; list-style: none !important; } .timeline_list li span { font: 11px 'Droid Sans', Helvetica, Arial, Sans-Serif; margin-right: 20px; min-width: 100px; display: inline-block; color: #AAA; } .timeline_list li a { display: inline-block; background: url(assets/images/1_arrow.png) no-repeat left 10px; padding-left: 15px; } .timeline_content { margin: 20px; } .timeline_title { display: block; clear: both; overflow: hidden; font: 22.24px 'Off', arial, Georgia, serif; text-transform: capitalize; border-bottom: #EEE 1px solid; margin-bottom: -1px; padding-bottom: 0px !important; } .timeline_title span { display: inline-block; overflow: hidden; padding: 5px 15px; background: #f5f5f5; border-left: #EEE 1px solid; border-right: #EEE 1px solid; border-top: #EEE 1px solid; } /* Sitemap Page */ ul.sitemap_content { overflow: hidden; } ul.sitemap_content > li { float: left; width: 23%; margin-top: 15px; margin-bottom: 15px; margin-right: 2%; clear: right; overflow: hidden; list-style: none !important; display: block; } ul.sitemap_content > li:nth-child(1n+4) { margin-right: 0px; } h3.sitemap_title { display: block; clear: both; overflow: hidden; margin-bottom: 15px; padding-bottom: 10px; font: 22.24px 'Off', arial, Georgia, serif; text-transform: capitalize; } ul.sitemap_content > li ul >li { display: block; line-height: 25px; margin-bottom: 5px; background: url(images/1_arrow.png) no-repeat left 55%; padding-left: 20px; color: #f96d10; } ul.sitemap_content > li ul >li a { text-transform: capitalize !important; } /* Full width */ .full_width .sidebar-small { display: none; } .full_width .content, .full_width .content .warp { margin-left: 0; padding-left: 0; } .single .full_width #sidebar { -webkit-column-count: 3; -webkit-column-gap: 10px; -moz-column-count: 3; -moz-column-gap: 10px; column-count: 3; column-gap: 10px; float: none; clear: both; width: auto; display: none !important; } .single .full_width #sidebar .widget, .search-widget { clear: none !important; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; } .single .full_width #container { width: 100%; } .single .full_width #container .content { width: auto !important; } /* Sidebar left .sidebar_left .sidebar-small { float: right; margin: 0 0 0 30px; } .sidebar_left .content { margin-left: 0; padding-left: 0; margin-right: -190px; } .sidebar_left .content .warp { margin-left: 0; display: block; padding-left: 0; padding-right: 20px; margin-right: 190px; } */ /* */ .page article .flickr_badge_image, .single-post article .flickr_badge_image { width: 8%; } /* #sidebar .widget_archive, #sidebar .widget_calendar, #sidebar .widget_categories, #sidebar .widget_meta {background: #f9f9f9; padding: 20px; margin-left: -20px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15); border-left: #eee 1px solid; } */ /* Rss */ a.rss-cat-icon { float: right; background: url(images/cat-rss.png) no-repeat; width: 16px; height: 16px; margin: 6px 0 0 8px; text-indent: -99999px; display: block; } /* Top bar social */ .top-bar-social, .top-bar-search { float: right; margin-top: 4px; margin-right: 4px; } .top-bar-social li { margin-bottom: 0; } .top-bar-search input { padding: 7px 10px; border: none; color: #AAA; background: #000 url(images/search-icon.png) no-repeat right 50%; } /* Socail */ ul.social li { display: inline-block; float: left !important; overflow: hidden; text-indent: -80000px; margin: 1px; } ul.social li a { display: block; width: 30px; height: 30px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } ul.social li.facebook a { background: #d8f5ff url(images/social/icon-facebook.png) no-repeat -6px -6px; } ul.social li.facebook:hover a { background-position: -6px -48px; background-color: #3b5998; } ul.social li.twitter a { background: #d8f5ff url(images/social/icon-twitter.png) no-repeat -6px -6px; } ul.social li.twitter:hover a { background-position: -6px -48px; background-color: #33ccff; } ul.social li.flickr a { background: #d8f5ff url(images/social/icon-flickr.png) no-repeat -6px -6px; } ul.social li.flickr:hover a { background-position: -6px -48px; background-color: #ff0084; } ul.social li.vimeo a { background: #d8f5ff url(images/social/icon-vimeo.png) no-repeat -6px -6px; } ul.social li.vimeo:hover a { background-position: -6px -48px; background-color: #1ab7ea; } ul.social li.youtube a { background: #d8f5ff url(images/social/icon-youtube.png) no-repeat -6px -6px; } ul.social li.youtube:hover a { background-position: -6px -48px; background-color: #ff3333; } ul.social li.googleplus a { background: #d8f5ff url(images/social/icon-gplus.png) no-repeat -6px -6px; } ul.social li.googleplus:hover a { background-position: -6px -48px; background-color: #dd4b39; } ul.social li.rss a { background: #d8f5ff url(images/social/icon-rss.png) no-repeat -6px -6px; } ul.social li.rss:hover a { background-position: -6px -48px; background-color: #ff6600; } ul.social li.pinterest a { background: #d8f5ff url(images/social/icon-pinterest.png) no-repeat -6px -6px; } ul.social li.pinterest:hover a { background-position: -6px -48px; background-color: #cb2027; } ul.social li.behance a { background: #d8f5ff url(images/social/icon-behance.png) no-repeat -6px -6px; } ul.social li.behance:hover a { background-position: -6px -48px; background-color: #1769ff; } ul.social li.dribbble a { background: #d8f5ff url(images/social/icon-dribbble.png) no-repeat -6px -6px; } ul.social li.dribbble:hover a { background-position: -6px -48px; background-color: #ea4c89; } ul.social li.tumblr a { background: #d8f5ff url(images/social/icon-tumblr.png) no-repeat -6px -6px; } ul.social li.tumblr:hover a { background-position: -6px -48px; background-color: #2c4762; } ul.social li.linkedin a { background: #d8f5ff url(images/social/icon-linkedin.png) no-repeat -6px -6px; } ul.social li.linkedin:hover a { background-position: -6px -48px; background-color: #a82400; } ul.social li.myspace a { background: #d8f5ff url(images/social/icon-myspace.png) no-repeat -6px -6px; } ul.social li.myspace:hover a { background-position: -6px -48px; background-color: #000000; } ul.social li.instagram a { background: #d8f5ff url(images/social/icon-instagram.png) no-repeat -6px -6px; } ul.social li.instagram:hover a { background-position: -6px -48px !important; background-color: #ea4c89; } /* Audio */ .jp-jplayer { line-height: 0; } div.jp-audio { color: #666; position: relative; width: 100%; margin-top: -64px; text-align: center; } .jp-interface { padding: 12px 20px; height: 30px; background-color: #1e1e1e; } a.jp-play, a.jp-pause { background: #FFF; display: inline-block; width: 18px; height: 18px; float: left; text-indent: -9999px; outline: none; margin: 0 0 0 -5px; } a.jp-play { background: url("images/jplayer/sprite.png") 0 0 no-repeat; } a.jp-pause { background: url("images/jplayer/sprite.png") 0 -30px no-repeat; display: none; } .jp-progress { background: #111; width: 100%; height: 10px; float: left; margin: 5px 0 7px; overflow: hidden; } .jp-seek-bar { width: 0; height: 100%; cursor: pointer; } .jp-play-bar { background: url("images/jplayer/01.png") left repeat-x; width: 0; height: 10px; position: relative; z-index: 9999; } .jp-audio a.jp-mute, .jp-audio a.jp-unmute { text-indent: -9999px; float: right; height: 18px; width: 18px; outline: none; } .jp-mute { background: url(images/jplayer/sprite.png) 0 -60px no-repeat; } a.jp-unmute { background: url(images/jplayer/sprite.png) 0 -90px no-repeat; display: none; } .jp-volume-bar { background: #111; height: 7px; width: 50px; float: right; margin: 2px 1px 0 8px; } .jp-volume-bar-value { background: url("images/jplayer/01.png") left repeat-x; width: 0; height: 7px; position: relative; z-index: 9999; } /* Tipsy */ a.ttip, a.tooldown { display: inline-block; } .tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 6px 10px; padding-top: 5px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .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; } /* prettyPhoto */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px } div.pp_default .pp_top .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat } div.pp_default .pp_top .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) top left repeat-x } div.pp_default .pp_top .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat } div.pp_default .pp_content .ppt { color: #f8f8f8 } div.pp_default .pp_content_container .pp_left { background: url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px } div.pp_default .pp_content_container .pp_right { background: url(images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px } div.pp_default .pp_next:hover { background: url(images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer } div.pp_default .pp_previous:hover { background: url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer } div.pp_default .pp_expand { background: url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px } div.pp_default .pp_expand:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer } div.pp_default .pp_contract { background: url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px } div.pp_default .pp_contract:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer } div.pp_default .pp_close { width: 30px; height: 30px; background: url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer } div.pp_default .pp_gallery ul li a { background: url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border: 1px solid #aaa } div.pp_default .pp_social { margin-top: 7px } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; width: 20px; margin: 4px 0 0 } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px } div.pp_default .pp_content_container .pp_details { margin-top: 5px } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative } div.pp_default .pp_nav .currentTextHolder { font-family: Georgia; font-style: italic; color: #999; font-size: 11px; left: 75px; line-height: 25px; position: absolute; top: 2px; margin: 0; padding: 0 0 0 10px } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.7 } div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0 } div.pp_default .pp_bottom .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat } div.pp_default .pp_bottom .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x } div.pp_default .pp_bottom .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat } div.pp_default .pp_loaderIcon { background: url(images/prettyPhoto/default/loader.gif) center center no-repeat } div.light_rounded .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat } div.light_rounded .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat } div.light_rounded .pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer } div.light_rounded .pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer } div.light_rounded .pp_expand { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer } div.light_rounded .pp_expand:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer } div.light_rounded .pp_contract { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer } div.light_rounded .pp_contract:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer } div.light_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.light_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.light_rounded .pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat } div.light_rounded .pp_arrow_next { background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat } div.light_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat } div.light_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat } div.dark_rounded .pp_top .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat } div.dark_rounded .pp_top .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat } div.dark_rounded .pp_content_container .pp_left { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y } div.dark_rounded .pp_content_container .pp_right { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y } div.dark_rounded .pp_next:hover { background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer } div.dark_rounded .pp_previous:hover { background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer } div.dark_rounded .pp_expand { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer } div.dark_rounded .pp_expand:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer } div.dark_rounded .pp_contract { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer } div.dark_rounded .pp_contract:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer } div.dark_rounded .pp_description { margin-right: 85px; color: #fff } div.dark_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.dark_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.dark_rounded .pp_arrow_previous { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat } div.dark_rounded .pp_arrow_next { background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat } div.dark_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat } div.dark_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat } div.dark_rounded .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat } div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000 } div.dark_square .pp_description { color: #fff; margin: 0 85px 0 0 } div.dark_square .pp_loaderIcon { background: url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat } div.dark_square .pp_expand { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer } div.dark_square .pp_expand:hover { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer } div.dark_square .pp_contract { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer } div.dark_square .pp_contract:hover { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer } div.dark_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer } div.dark_square .pp_nav { clear: none } div.dark_square .pp_nav .pp_play { background: url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.dark_square .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.dark_square .pp_arrow_previous { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat } div.dark_square .pp_arrow_next { background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat } div.dark_square .pp_next:hover { background: url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer } div.dark_square .pp_previous:hover { background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer } div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer } div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer } div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer } div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer } div.light_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer } div.light_square .pp_nav .pp_play { background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.light_square .pp_nav .pp_pause { background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat } div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat } div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer } div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer } div.facebook .pp_top .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat } div.facebook .pp_top .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x } div.facebook .pp_top .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat } div.facebook .pp_content_container .pp_left { background: url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y } div.facebook .pp_content_container .pp_right { background: url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y } div.facebook .pp_expand { background: url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer } div.facebook .pp_expand:hover { background: url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer } div.facebook .pp_contract { background: url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer } div.facebook .pp_contract:hover { background: url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer } div.facebook .pp_close { width: 22px; height: 22px; background: url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer } div.facebook .pp_description { margin: 0 37px 0 0 } div.facebook .pp_loaderIcon { background: url(images/prettyPhoto/facebook/loader.gif) center center no-repeat } div.facebook .pp_arrow_previous { background: url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default } div.facebook .pp_arrow_next { background: url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default } div.facebook .pp_nav { margin-top: 0 } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px } div.facebook .pp_nav .pp_play { background: url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_nav .pp_pause { background: url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_next:hover { background: url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer } div.facebook .pp_previous:hover { background: url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer } div.facebook .pp_bottom .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat } div.facebook .pp_bottom .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x } div.facebook .pp_bottom .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat } div.pp_pic_holder a:focus { outline: none } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500 } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 1000000 } .pp_content { height: 40px; min-width: 40px } * html .pp_content { width: 40px } .pp_content_container { position: relative; text-align: left; width: 100% } .pp_content_container .pp_left { padding-left: 20px } .pp_content_container .pp_right { padding-right: 20px } .pp_content_container .pp_details { float: left; margin: 10px 0 2px } .pp_description { display: none; margin: 0 } .pp_social { float: left; margin: 0 } .pp_social .facebook { float: left; margin-left: 5px; width: 90px; overflow: hidden } .pp_social .twitter { float: left } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0 } .pp_nav p { float: left; white-space: nowrap; margin: 2px 4px } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000 } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000 } .pp_gallery div { float: left; overflow: hidden; position: relative } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0 } .pp_gallery ul a { border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden } .pp_gallery ul a img { border: 0 } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0 } .pp_gallery li.default a { background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px!important } a.pp_next { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49% } a.pp_previous { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49% } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000 } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height: 22px; text-indent: -10000px } .pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px } #pp_full_res { line-height: 1!important } #pp_full_res .pp_inline { text-align: left } #pp_full_res .pp_inline p { margin: 0 0 15px } div.ppt { color: #fff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px } div.pp_default .pp_content, div.light_rounded .pp_content { background-color: #fff } div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline { color: #000 } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff } div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position: relative } div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content { background: #fff } div.light_rounded .pp_description, div.light_square .pp_description { margin-right: 85px } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px!important } div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default } div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default } div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat } div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat } div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder { color: #c4c4c4 } div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline { color: #fff } .pp_top, .pp_bottom { height: 20px; position: relative } * html .pp_top, * html .pp_bottom { padding: 0 20px } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px } .pp_fade, .pp_gallery li.default a img { display: none } a[rel=prettyPhoto], .post-slider a img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; width: 100%; height: auto; } .post-slider li, .post-slider ul { width: 100% !important; height: auto !important; } /* Short Cod */ .dropcap { display: block; float: left; margin: 0 8px 0 0; font-size: 50px; line-height: 50px; font-family: Georgia, Arial, "helvetica neue", Helvetica, Verdana, sans-serif; } .toggle { margin: 0 2px; margin-bottom: 15px; padding: 15px; position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); background: #fff; border: 1px solid #ccc; border-color: #e4e4e4 #bebebd #bebebd #e4e4e4; } .toggle h3 { font: 21px 'GnuolaneFree', arial, Georgia, serif; margin-bottom: 0px !important; padding-bottom: 0px !important; cursor: pointer; background: url(images/cancel_box_24.png) no-repeat right top; } h3.toggle-head-close { background: url(images/plus_button_24.png) no-repeat right top; display: none; } .toggle-content { padding-top: 15px; margin-top: 15px; border-top: 1px #EEE solid; } .toggle.close .toggle-content, .toggle.close h3.toggle-head-open { display: none; } .toggle.close h3.toggle-head-close { display: block; } .box { padding: 20px !important; margin-bottom: 15px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); background: #fff !important; border: 1px solid #ccc; border-color: #e4e4e4 #bebebd #bebebd #e4e4e4; } .box div { padding-left: 65px; min-height: 50px; } .box.shadow { padding: 15px; border: #EEE 1px solid; } .box.shadow div { padding: 0px; } .box.info { background: #f6fdff; } .box.info div { background: url(images/info_48.png) no-repeat left center; } .box.success { background: #fafff3; } .box.success div { background: url(images/check_box_48.png) no-repeat left center; } .box.warning { background: #fffddb; } .box.warning div { background: url(images/warning_48.png) no-repeat left center; } .box.error { background: #ffe6e2; } .box.error div { background: url(images/cancel_box_48.png) no-repeat left center; } .box.download { background: #fafff3; } .box.download div { background: url(images/arrow_down_box_48.png) no-repeat left center; } .box.note { background: #fffddb; } .box.note div { background: url(images/clipboard_48.png) no-repeat left center; } #twitter-shortcode ul { overflow: hidden; display: block; clear: both; margin-bottom: 20px !important; } #twitter-shortcode li { padding: 15px; overflow: hidden; list-style: none; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); background: #fff !important; border: 1px solid #ccc; border-color: #e4e4e4 #bebebd #bebebd #e4e4e4; margin-bottom: 5px; } #twitter-shortcode li .tweet_text { color: #AAA !important; } #twitter-shortcode .tweet_list .tweet_avatar img { padding: 0px !important; margin-right: 15px; margin-bottom: 0px !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; float: left; background: none !important; border: none !important; } #twitter-shortcode .loading { text-align: center; padding: 10px; } .flickr-wrapper { overflow: hidden; margin-bottom: 20px; } .flickr-wrapper .flickr_badge_image { float: left; margin: 5px; } .flickr-wrapper .flickr_badge_image img { opacity: 1; background: #FFF; padding: 4px; margin-bottom: 0px !important; } .flickr-wrapper .flickr_badge_image a:hover img { opacity: 0.6; } .highlight { text-transform: capitalize; background: #FFE7B8; color: #CE5810; } a.button { height: 25px; line-height: 25px; color: white; display: inline-block; margin: 0 5px 20px; padding: 0 10px; position: relative; font-size: 12px; background: #d4d4d4; border-radius: 2px; } a.button.red { background: #ED596A !important; color: #FFF !important; } a.button.green { background: #89C03E !important; color: #FFF !important; } a.button.blue { background: #00a2ff !important; color: #FFF !important; } a.button.orange { background: #FFA500 !important; color: #FFF !important; } a.button.pink { background: #ff00a2 !important; color: #FFF !important; } a.button.purple { background: #d700d7 !important; color: #FFF !important; } a.button.black { background: #434343 !important; color: #FFF !important; } a.button.white { background: #fbfbfb !important; color: #000; } a.button.medium { height: 35px; line-height: 35px; font-size: 16px; padding: 0 15px; } a.button.big { height: 55px; line-height: 55px; font-size: 22px; padding: 0 25px; } .author-info { background: #F6F6F6; margin-bottom: 15px; border: 1px solid #E1E1E1; border-bottom: 1px solid #979797; padding: 20px; position: relative; } .author-info-content { padding-left: 100px; } .author-info-content h3 { margin-bottom: 15px; } .author-info img.author-img { max-width: 70px; float: left; margin-right: 15px; background: #FFF; padding: 4px; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; } .row { margin-bottom: 20px; } .onethird { position: relative; float: left; width: 31%; margin-right: 20px; } .onefourth { position: relative; float: left; width: 22.5%; margin-right: 20px; } .onefifth { position: relative; float: left; width: 16.4%; margin-right: 20px; } .onesixth { position: relative; float: left; width: 14.5%; margin-right: 15px; } .onehalf { position: relative; float: left; width: 48%; margin-right: 20px; } .twothirds { position: relative; float: left; width: 65.6%; margin-right: 20px; } .threefourth { position: relative; float: left; width: 715px; margin-right: 20px; } .onethird.last, .onefourth.last, .onefifth.last, .onehalf.last, .twothirds.last, .threefourth.last, .onesixth.last { margin-right: 0px; } .entry .last { margin-right: 0 !important; clear: right; } .post-tabs, .post-tabs-ver { margin-bottom: 20px; } .post-tabs ul.tabs-nav { height: 33px; margin: 0; } .post-tabs ul.tabs-nav li { border: 1px solid #EEE; font-weight: bold; line-height: 32px; cursor: pointer; display: block; float: left; margin: 0 5px 0 0; padding: 0 16px; background: #EEE; border-bottom: 0 none; } .post-tabs ul.tabs-nav li.current { background: #FFF; z-index: 1; height: 33px; } .post-tabs .pane { background: #FFF; margin-bottom: 15px; border: 1px solid #E1E1E1; padding: 20px; } .post-tabs-ver ul.tabs-nav { float: left; width: 170px; margin: 0; } .post-tabs-ver ul.tabs-nav li { border: 1px solid #EEE; font-weight: bold; height: 30px; line-height: 30px; cursor: pointer; display: block; margin: 0 0 5px 0; padding: 0 16px; background: #EEE; border-right-width: 0; } .post-tabs-ver ul.tabs-nav li.current { background: #FFF; z-index: 1; width: 138px; } .post-tabs-ver .pane { margin-left: 170px; background: #FFF; margin-bottom: 15px; border: 1px solid #EEE; padding: 20px; min-height: 130px; } .post_video { clear: both; margin-bottom: 20px; overflow: hidden; text-align: center; } .divider { clear: both; overflow: hidden; margin: 15px 0; height: 5px; border-bottom: #EEE 4px double; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul.dots > li { list-style: none !important; font: 12px 'Droid Sans', Arial, Verdana, sans-serif; line-height: 20px !important; margin-bottom: 0px !important; background: url(images/dot.png)no-repeat left center !important; padding-left: 20px !important; color: #707070; display: list-item; } div.starlist ul li { display: list-item; list-style: none; font: 12px 'Droid Sans', Arial, Verdana, sans-serif; line-height: 20px !important; margin-bottom: 0px !important; background: url(images/star_16.png)no-repeat left 0px !important; padding-left: 25px !important; color: #707070; } ul.check > li, div.checklist ul li { display: list-item; list-style: none !important; font: 12px 'Droid Sans', Arial, Verdana, sans-serif; line-height: 20px !important; margin-bottom: 0px !important; background: url(images/check_16.png)no-repeat left 2px !important; padding-left: 25px !important; color: #707070; } ol.decimal > li { list-style: none; display: list-item; list-style: decimal !important; font: 12px 'Droid Sans', Arial, Verdana, sans-serif; line-height: 20px !important; margin-bottom: 0px !important; padding-left: 5px !important; color: #707070; margin-left: 15px; } /* WP Classes */ .entry-content img { margin: 0 0 1.5em 0; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright, img.alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 1.5em; padding: 0; max-width: 100%; } .wp-caption img { border: 0 none; margin: 0; padding: 0; display: block; } .wp-caption p.wp-caption-text { margin: 0; padding: 10px 0; font-size: 14px; font-style: italic; } .wp-smiley { max-height: 1em; margin: 0 !important; } .gallery dl { margin: 0; } .gallery-caption { margin: -1.5em 0 0 0; } .more-link { } .post-body iframe { width: 100%; } /* Pullquotes */ blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; } blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%; } /* Post */ .post-id { } .post { } .page { } .attachment { } .sticky { } .hentry { } .category-misc { } .category-example { } .tag-news { } .tag-wordpress { } .tag-markup { } .bypostauthor { } .gallery-caption { } /* Pagination */ .single-post-nav { clear: both; padding: 15px 0; overflow: hidden; padding-bottom: 0px; } .single-post-nav a { color: #555; } .single-post-nav a:hover { color: #000; } .single-post-nav div { color: #999999; display: block; font-size: 14px; position: relative; width: 25%; } .single-post-nav .bdayh_post_previous { float: left; padding-left: 40px; } .single-post-nav .bdayh_post_next { float: right; padding-right: 40px; text-align: right; } .single-post-nav div span { color: #999999; display: block; font-size: 80%; } .single-post-nav div a:after { color: #CCCCCC; font-size: 56px; height: 22px; line-height: 22px; margin-top: -9px; position: absolute; top: 34%; } .bdayh_post_previous a:after { content: "«"; left: 0; } .bdayh_post_next a:after { content: "»"; right: 0; } #twitter-widget .tweet_list .twitter-item {color:#888888; } #twitter-widget .tweet_list .twitter-item a { color:#25bde7; } #twitter-widget .tweet_list .twitter-item a:hover { color:#F28900; text-decoration:underline; } #lien_ml{ float: left; line-height: 17px; font: normal 13px Arial, Helvetica, sans-serif; max-width: 30%; margin:0 5px} #lien_ml a{color:#fff;} #lien_ml a:hover{text-decoration:underline;} /* Bandeau RGPD */ .cookie-warning { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 500; background: #000000; padding: 5px; display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-align-items: center; align-items: center; -webkit-align-content: center; -ms-align-content: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .cookie-warning p { text-align: center; font-size: 12px; line-height: normal; color: #ffffff; font-family: 'Noto Sans', sans-serif; font-weight: 400; font-style: normal; } .cookie-warning p a { color: #ffffff; } .cookie-warning p a:hover { text-decoration:underline; } .cookie-warning .close { position: relative; cursor: pointer; width: 20px; height: 20px; margin-right: 24px; } .cookie-warning .close::after, .cookie-warning .close::before { content: ""; display: block; width: 15px; height: 2px; position: absolute; background: #25bce7; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%) rotate(-45deg); -moz-transform:translate(-50%,-50%) rotate(-45deg); -ms-transform:translate(-50%,-50%) rotate(-45deg); -o-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-50%) rotate(-45deg); } .cookie-warning .close::before { -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-50%) rotate(45deg); } .cookie-warning .close:hover::after, .cookie-warning .close:hover::before { background: #ffffff; } /* Fin Bandeau RGPD */