<data:blog.pageTitle/> #nav { width: 1210px; padding:0; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); } header h1#logo { display: block; float: left; margin: 0; width: 160px; height: 95px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXb55GjluB95xXUlrn2a6H6nTX2TBxFbMPzwr5JDWbe5LtpnCqyTvy-IFq6AZhVMiiYKj8AJIuT6c_FKMZCwainI7zzYLYYJnbK64BaCQOm-zZh3pwTGycmDq7ir_Xjchk3aBp4iZ0XzUv/") no-repeat center center transparent; } header h1#logo a { display: block; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ2RPUDYa5pIYyhK3k2G2rFanJx-UVaYLE68uB9L1oWjfRJ-uAoMw5eOZQ5DSxFBuT0L5rAcBWbuFxB9I3NJk2b0ES2xr3ivD5cSL2w289uX_-aovQbCf0w5q5zZv9M9-wvDMCdOBvBU4g/h120/logo.png") no-repeat center center transparent; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; width: 100%; height: 100%; } header nav#secondary-navigation { height: 45px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSy2xjO9J4zNwvGBLTNgcT40oNK9ydBTRDqOzhb7tDQHR1i2l4y6c00qpnlkB3y__hyPUwQqLaQJvyrqmUEr-wi2cHCzjLrN9k-U0MAw0IdF9MVtlrxo-MCCotq06fPvXGXBqGjn8R4Ar3/") repeat-x; } header nav#secondary-navigation ul { padding: 8px 20px; } header nav#secondary-navigation ul li { float: left; list-style: none; } header nav#secondary-navigation ul li ul { padding: 2px; } header nav#secondary-navigation ul li ul li { float: left; margin-right: 10px; list-style: inside; color: #ffffff; } header nav#secondary-navigation ul li ul li:first-child { list-style: none; margin-right: 10px; } header nav#secondary-navigation ul li ul li:last-child { margin-right: 0; } header nav#secondary-navigation ul li ul li a { color: #ffffff; } header nav#secondary-navigation ul li ul li a:hover { color: #f47e00; } header nav#secondary-navigation ul li ul li.dropdown > a:hover { text-decoration: none; } header nav#secondary-navigation ul li ul li.dropdown > a > span { margin-top: 2px; } header nav#secondary-navigation ul li ul li.dropdown > ul.dropdown-menu { min-width: 120px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 0; -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); background: #eeeeee; padding: 5px 0; margin: 0 0 0 10px; } header nav#secondary-navigation ul li ul li.dropdown > ul.dropdown-menu > li { margin: 0; padding: 0; list-style: none; display: block; background: transparent !important; float: none; } header nav#secondary-navigation ul li ul li.dropdown > ul.dropdown-menu > li > a { display: block; color: #535353; padding: 5px 10px; margin: 0; background: none !important; } header nav#secondary-navigation ul li ul li.dropdown > ul.dropdown-menu > li > a:hover { color: #f47e00; } header nav#secondary-navigation ul li:first-child { margin-right: 20px; } header nav#secondary-navigation > .social-media { float: left; } header nav#secondary-navigation > .social-media ul { margin: 0; padding: 0; list-style: none; padding: 9px 20px; } header nav#secondary-navigation > .social-media ul > li { display: block; float: left; margin: 0 0 0 10px; background-color: #777; width: 27px; height: 27px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; } header nav#secondary-navigation > .social-media ul > li a { font-size: 16px; text-align: center; display: block; line-height: 27px; color: #ffffff !important; text-decoration: none; } .social-media li a.fb{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0S398EwVScXiYvnmmKQhZc0KuuajYJuvkamIGIlKUVXdFzX213_d4ANvVfFDF5dPXfV9GMWLxahtlhO_KOgApPjBESamFX5XxpaJ6SadoZ6YUz9JFAGz7H2qMpo453I6UuO9M-LQXnsU/h120/fb_1.png);} .social-media li a.tw{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7foc8Wosz88VLMSE1wndpk6h564h7hmn-jlwUUFVvE-MqgJ1hYoXU2PzsyirfPt53ViOQfGj-gAhwENN2Jl9fYvz7c3WNPKa-ZaUyMZTsZsCSN4iw2nY0VgVTDkUBL3cDaFBY4tQP0K-r/h120/twitter_1.png);} .social-media li a.in{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik0Fb5mEX_2Ic2IRLMFQGHy2hqHA-eduEljDQLuPztkXK6V96F0sZoVxy9g_UDFTisZPsYP65OsJ5jbQb-py5GH4rHymX003kkkB9ITFdQkKv3EnFFChQT04l6fVcRdl9YE6wE5FLUsUDp/h120/linkedin.png);} .social-media li a.pin{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2kqOYDfBVqgnDIs2cBaSiooN-c0EDJzkplJ25dXHlvzv_pm6qEuVd5wHUZykH6ks61q_iYtfucJBdLb1ku_ZFpyjJnUrXYBF9eqhA3C_xFR7g1ESI1I5GO9wf3hBDNUuKlwNgksNG2iON/h120/pinterest.png);} .social-media li a.gp{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUEuMDvRf-pE_Y_6MtBJ9cDW8SmLQKEZhse1tTuMQhfNfRRO6ssDcU3r7Q-k9ZcCV1_CwnAwyKMTsDcEJG81I5h-YoGVO37vpRwD-JfgLO2jK8vwk8c9NXM0H8zpTpysSp3BLr9MJC47IE/h120/google_plus.png);} header nav#secondary-navigation > .social-media ul > li:first-child { margin: 0; } header nav#secondary-navigation > .social-media ul > li:hover { background-color: #f47e00; margin-top: -3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } form.search { margin: 0; } form.search input { background: #1a1a1a; border: 1px solid #181616; padding: 2px 4px; border-color: transparent; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset; } form.search input:focus { -webkit-box-shadow: 0 0 6px #ffb05b; -moz-box-shadow: 0 0 6px #ffb05b; box-shadow: 0 0 6px #ffb05b; border: 1px solid #f47e00; color:#fff; } #colorNav{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuwM12PP8QY25Cl_vN6lpLAwu4EP5GA5UPsq9ISd7XuQ7LfNQpC6TiTG3eSI2ErCuR_057yMhdYNlYPxBrAzU9fbeK_WSuOmkXVKcdiIpVg0hRPLw192p9UsqO4IyE7u_6QX9r3bmTOa20/) repeat-x; height:50px; } #colorNav > ul{ z-index:9999; position:relative; width:1000px; margin:0 auto; } #colorNav > ul > li{ /* will style only the top level li */ list-style: none; line-height: 48px; display: inline-block; position:relative; } #colorNav > ul > li:hover,#colorNav ul li.home{ background-color: #F47E00; } #colorNav > ul > li > a{ color: white; text-decoration: none !important; font-size: 16px; padding: 16px; text-transform: uppercase; font-weight: bold; font-family: "Helvetica", sans-serif; } #colorNav li ul{ position:absolute; list-style:none; text-align:center; width:180px; left:50%; margin-left:-90px; top:32px; font:bold 12px 'Open Sans Condensed', sans-serif; /* This is important for the show/hide CSS animation */ max-height:0px; overflow:hidden; -webkit-transition:max-height 0.4s linear; -moz-transition:max-height 0.4s linear; transition:max-height 0.4s linear; } #colorNav li ul li{ background-color:#313131; } #colorNav li ul li a{ padding:12px; color:#fff !important; text-decoration:none !important; display:block; } #colorNav li ul li:nth-child(odd){ /* zebra stripes */ background-color:#363636; } #colorNav li ul li:hover{ background-color:#444; } #colorNav li ul li:first-child{ border-radius:3px 3px 0 0; margin-top:25px; position:relative; } #colorNav li ul li:first-child:before{ /* the pointer tip */ content:''; position:absolute; width:1px; height:1px; border:5px solid transparent; border-bottom-color:#313131; left:50%; top:-10px; margin-left:-5px; } #colorNav li ul li:last-child{ border-bottom-left-radius:3px; border-bottom-right-radius:3px; } /* This will trigger the CSS */ /* transition animation on hover */ #colorNav li:hover ul{ max-height:200px; /* Increase when adding more dropdown items */ } /* ===================================================================================== */ /* Container Role Main /* ===================================================================================== */ .container[role="main"] { background-color: #ffffff; padding: 20px; color: #535353; box-shadow: 0 0 5px #ECECEC; } .container[role="main"] #popular-content { text-align: center; margin-bottom: 20px; } .container[role="main"] #popular-content .popular-item { opacity: 0.85; filter: alpha(opacity=85); border-bottom: 5px solid #ddd; } .container[role="main"] #popular-content .popular-item .popular-image { width: 100%; max-height: 150px; padding-bottom: 10px; overflow: hidden; } .container[role="main"] #popular-content .popular-item .popular-image a { display: block; max-height: 140px; overflow: hidden; background: #000000; } .container[role="main"] #popular-content .popular-item .popular-content h4 a { color: #333333; } .container[role="main"] #popular-content .popular-item .popular-content h4 a:hover { text-decoration: none; } .container[role="main"] #popular-content .popular-item:hover { opacity: 1; filter: alpha(opacity=100); border-bottom-color:#F47E00; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .container[role="main"] #main-content #content { *zoom: 1; } .container[role="main"] #main-content #content:before, .container[role="main"] #main-content #content:after { display: table; content: ""; line-height: 0; } .container[role="main"] #main-content #content:after { clear: both; } .container[role="main"] #main-content #content article { position: relative; } .container[role="main"] #main-content #content article p a, .container[role="main"] #main-content #content article a { color:#F47E00; } .container[role="main"] #main-content #content article .article-thumbnail { max-height: 250px; width: auto; margin-right: 10px; overflow: hidden; } .article-thumbnail img{width:560px;} .container[role="main"] #main-content #content article .article-content { position: relative; } .article-content img { max-width: 680px; } .container[role="main"] #main-content #content article .article-content .article-header { position: relative; } .container[role="main"] #main-content #content article .article-content .article-header h3 { position: absolute; margin: 0; line-height: 40px; display: block; top: -24px; right: 0px; height: 40px; padding: 0 20px; background-color:#000; background-color: rgba(0, 0, 0, 0.8); max-width: 80%; border-right: 5px solid#F47E00; white-space: nowrap; } .container[role="main"] #main-content #content article .article-content .article-header h3 a { color: #ffffff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .container[role="main"] #main-content #content article .article-content .article-header h3 a:hover { text-decoration: none; color:#F47E00; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .container[role="main"] #main-content #content article .article-content .article-header h3:before { content: ''; position: absolute; width: 20px; height: 40px; top: 0; left: -20px; } .container[role="main"] #main-content #content article .article-content .article-excerpt { padding-top: 20px; } .container[role="main"] #main-content #content article .article-content .article-excerpt p a { color:#F47E00; } .container[role="main"] #main-content #content article .article-content .article-excerpt p a:hover { color: #9228db; } .container[role="main"] #main-content #content .st_separator { height: 1px; background-color: #eeeeee; border-right: 50px solid#F47E00; margin: 20px 0; padding: 0; } .container[role="main"] #main-content #content #post { border: 9px solid; border-color: rgba(0, 0, 0, 0.01); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .container[role="main"] #main-content #content #post .content-outer { padding: 1px; border: 1px solid; border-color: rgba(130, 130, 130, 0.1); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; background-color: #ffffff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.06); box-shadow: 0 0 12px rgba(0, 0, 0, 0.06); position: relative; z-index: 0; } .container[role="main"] #main-content #content #post .content-outer .content-inner { border: 9px solid #fcfcfc; padding: 10px; background-color: #ffffff; } .container[role="main"] #main-content #content #post .content-outer .content-inner .article-thumbnail { max-height: 300px; width: auto; margin-right: 10px; } .container[role="main"] #main-content #content .post-lists .article-info { position: absolute; top: 10px; right: 20px; z-index: 1001; } .container[role="main"] #main-content #content .article-info > div { display: inline-block; } .container[role="main"] #main-content #content .article-info > div > span { display: block; width: 24px; height: 24px; line-height: 23px; background-color: #ffffff; text-align: center; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; cursor: pointer; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } .container[role="main"] #main-content #content .article-info > div > span:hover { color:#F47E00; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .container[role="main"] #main-content #content .article-info > div .popover-content .popover-image { width: 50px; height: 50px; float: left; margin-right: 10px; } .container[role="main"] #main-content #content .article-info > div .popover-content .popover-image img { max-width: 100%; height: auto; } .container[role="main"] #main-content #content .article-info > div .popover-content .popover-date span, .container[role="main"] #main-content #content .article-info > div .popover-content .popover-time span { margin-right: 10px; } .container[role="main"] #main-content #content .article-info > div .popover-content .popover-author { font-weight: bold; } .container[role="main"] #main-content #content .article-info > div .popover-content .info-title { margin-bottom: 9px; } .container[role="main"] #main-content #content .post-single .st_separator { height: 1px; background-color: #eeeeee; border-right: 50px solid#F47E00; margin: 0; padding: 0; } .container[role="main"] #main-content #content .post-single .title { margin: 0; } .container[role="main"] #main-content #content .post-single .article-thumbnail { width: 100% !important; margin: 10px 0; position: relative; } .container[role="main"] #main-content #content .post-single .article-thumbnail .caption { position: absolute; background-color: rgba(0, 0, 0, 0.8); bottom: 0; right: 0; padding: 5px 10px; color: #ffffff; font-style: italic; } .container[role="main"] #main-content #content .post-single .article-header { margin-bottom: 20px; } .container[role="main"] #main-content #content .post-single .article-header h1.title { margin-bottom: 10px; } .container[role="main"] #main-content #content .post-single .article-header .article-info { *zoom: 1; margin: 0; padding: 0; list-style: none; margin-bottom: 10px; margin-top: -10px; margin-left: 10px; } .container[role="main"] #main-content #content .post-single .article-header .article-info:before, .container[role="main"] #main-content #content .post-single .article-header .article-info:after { display: table; content: ""; line-height: 0; } .container[role="main"] #main-content #content .post-single .article-header .article-info:after { clear: both; } .container[role="main"] #main-content #content .post-single .article-header .article-info li { color: #999999; float: left; margin-right: 10px; } .container[role="main"] #main-content #content .post-single .article-header .article-info li .icon { margin-right: 5px; } .container[role="main"] #main-content #content .post-single .article-header .article-info li a { color: #999999; } .container[role="main"] #main-content #content .post-single .article-header .article-info li a:hover { color:#F47E00; } .container[role="main"] #main-content #content .post-single .article-content { margin-bottom: 20px; font-family: "Helvetica"; line-height: 22px; font-size: 13px; } .container[role="main"] #main-content #content .post-single .team { *zoom: 1; } .container[role="main"] #main-content #content .post-single .team:before, .container[role="main"] #main-content #content .post-single .team:after { display: table; content: ""; line-height: 0; } .container[role="main"] #main-content #content .post-single .team:after { clear: both; } .container[role="main"] #main-content #content .post-single .team .member { position: relative; margin-bottom: 10px; margin-top: 30px; } .container[role="main"] #main-content #content .post-single .team .member .member-thumbnail { position: relative; z-index: 0; width: 180px; height: 180px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; overflow: hidden; } .container[role="main"] #main-content #content .post-single .team .member .member-thumbnail a { display: block; width: 100%; height: 100%; } .container[role="main"] #main-content #content .post-single .team .member .member-thumbnail a img { width: 100%; height: 100%; } .container[role="main"] #main-content #content .post-single .team .member .member-menu { margin: 0; padding: 0; list-style: none; z-index: 10; width: 180px; height: 180px; position: absolute; bottom: 0px; left: 0px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper { position: relative; width: 100%; height: 100%; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .overlay { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5) inset; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .member-data { position: absolute; top: 0px; left: 0px; display: block; margin: 0; padding: 0; width: 100%; height: 100%; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; background-color: rgba(167, 85, 226, 0.9); text-align: center; color: #ffffff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .member-data h3 { margin: 60px 30px 0 30px; padding: 0; padding-bottom: 0; border-bottom: 1px dotted #eeeeee; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .member-data .position { font-style: italic; margin-top: 5px; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .path { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); position: relative; margin: 0; padding: 0; list-style: none; width: 100%; height: 100%; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .path .menu { width: 60px; height: 60px; position: absolute; cursor: pointer; top: 60px; left: 60px; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .path .menu span { display: block; font-size: 24px; color: #ffffff; width: 100%; height: 100%; line-height: 60px; text-align: center; background: #333333; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .path .menu.email-menu { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .path .menu.email-menu:hover span { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .path .menu.home-menu { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .path .menu.home-menu:hover span { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .path .menu.social-menu { -webkit-transition: all 0.45s linear; -moz-transition: all 0.45s linear; -o-transition: all 0.45s linear; transition: all 0.45s linear; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper .path .menu.social-menu:hover span { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .path { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .path .bottom { margin-top: 120px; margin-left: -10px; padding: 10px 10px 0 10px; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .path .top { margin-top: -130px; margin-left: -10px; padding: 0 10px 10px 10px; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .path .right { margin-left: 120px; margin-top: -10px; padding: 10px 0 10px 10px; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .path .left { margin-left: -130px; margin-top: -10px; padding: 10px 10px 10px 0; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .path .bottom-left { margin-top: 67px; margin-left: -92px; padding-right: 25px; padding-top: 25px; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .path .bottom-right { margin-top: 67px; margin-left: 67px; padding-left: 25px; padding-top: 25px; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .path .top-left { margin-top: -92px; margin-left: -92px; padding-bottom: 25px; padding-right: 25px; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .path .top-right { margin-top: -92px; margin-left: 65px; padding-bottom: 25px; padding-left: 25px; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .overlay { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .container[role="main"] #main-content #content .post-single .team .member .member-menu .path-wrapper:hover .member-data { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .container[role="main"] #main-content #content .pagination.center, .container[role="main"] #main-content #content .pagination.center ul { *zoom: 1; float: left; position: relative; } .container[role="main"] #main-content #content .pagination.center:before, .container[role="main"] #main-content #content .pagination.center ul:before, .container[role="main"] #main-content #content .pagination.center:after, .container[role="main"] #main-content #content .pagination.center ul:after { display: table; content: ""; line-height: 0; } .container[role="main"] #main-content #content .pagination.center:after, .container[role="main"] #main-content #content .pagination.center ul:after { clear: both; } .container[role="main"] #main-content #content .pagination.center { left: 50%; } .container[role="main"] #main-content #content .pagination.center ul { left: -50%; } .container[role="main"] #main-content #content .breadcrumb { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-left: 5px solid#F47E00; background: #f5f5f5; } /* ===================================================================================== */ /* Container Role Slider /* ===================================================================================== */ .container#slideshow { background: #141414; padding: 20px; position:relative; } .container#slideshow .carousel-container { position: relative; } .container#slideshow .carousel-container .carousel-nav { position: absolute; top: 100%; margin-top: -18px; right: 60px; z-index: 1000; } .container#slideshow .carousel-container .carousel-nav ul { *zoom: 1; margin: 0; padding: 0; list-style: none; text-align: center; } .container#slideshow .carousel-container .carousel-nav ul:before, .container#slideshow .carousel-container .carousel-nav ul:after { display: table; content: ""; line-height: 0; } .container#slideshow .carousel-container .carousel-nav ul:after { clear: both; } .container#slideshow .carousel-container .carousel-nav ul li { float: left; margin: 0 5px 0 0; width: 12px; height: 12px; } .container#slideshow .carousel-container .carousel-nav ul li a { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 12px; height: 12px; text-decoration: none; background: #ffffff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; } .container#slideshow .carousel-container .carousel-nav ul li a:hover { background: #333333; } .container#slideshow .carousel-container .carousel-nav ul li a.active { background: #f47e00; } .container#slideshow .carousel-container .carousel-nav ul li a.active:hover { background: #f47e00; } .container#slideshow #carouselslide { width: 100%; overflow: hidden; margin: 0; } .container#slideshow #carouselslide .slide-section { max-height: 450px; } .container#slideshow #carouselslide .slide-section .carousel-caption { background: none; padding: 0; left: 0px; bottom: 100px; height: auto; width: auto; max-height: auto; } .container#slideshow #carouselslide .slide-section .carousel-caption h3 { padding: 0; font-size: 33px; float: left; background-color: rgba(0, 0, 0, 0.8); clear: both; margin: 5px 0; padding: 6px 15px; } .container#slideshow #carouselslide .slide-section .carousel-caption h3 a { text-decoration: none; color: #ffffff; } .container#slideshow #carouselslide .slide-section .carousel-caption h3 a:hover { color: #f47e00; } .container#slideshow #carouselslide .slide-section .carousel-caption .carousel-item-category { background-color: rgba(0, 0, 0, 0.8); padding: 10px; float: left; clear: both; } .container#slideshow #carouselslide .slide-section .carousel-caption .carousel-item-category .icon { display: inline-block; padding: 0; } .container#slideshow #carouselslide .slide-section .carousel-caption .carousel-item-category a { color: #999999; margin: 0 5px; font-size: 14px; text-transform: uppercase; text-decoration: none; display: inline; } .container#slideshow #carouselslide .slide-section .carousel-caption .carousel-item-category a:hover { color: #ffffff; } .container#slideshow #carouselslide .slide-section .carousel-caption p { display: block; max-width: 600px; background-color: rgba(0, 0, 0, 0.8); padding: 6px 20px; } .container#slideshow #carouselslide .carousel-control { opacity: 1; filter: alpha(opacity=100); width: 25px; height: 25px; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; outline: none; background-color: #f57e00; margin-top: 0; display: block; } .container#slideshow #carouselslide .carousel-control.right { right: 0; top: 100%; margin: -25px 0 0 0; } .container#slideshow #carouselslide .carousel-control.left { left: 100%; top: 100%; margin: -25px 0 0 -52px; } .container#slideshow #carouselslide .carousel-control .icon { width: 100%; height: 100%; display: block; font-size: 12px; line-height: 27px; } .container#slideshow #carouselslide .carousel-control .icon:hover { color: #333333; } .container#slideshow .flexslider { height: 350px; background-color: #141414; position: relative; } .container#slideshow .flexslider { width: 100%; height: 100%; } .container#slideshow .flexslider .slides_control { height: 350px; } .container#slideshow .flexslider .slides_control .slide-outer { height: 350px; margin-left: 0; } .container#slideshow .flexslider .slides_control .slide-outer .slide-inner { overflow: hidden; max-height: 366px; width: 100%; } .container#slideshow .flexslider .slides_control .slide-outer .slide-inner a { display: block; height: auto; width: 100%; } .container#slideshow .flexslider .slides_control .slide-outer .slide-caption { height: 72px; width: 60%; position: absolute; top: 278px; left: 0; padding-right: 50px; border-left: 5px solid #f47e00; } .container#slideshow .flexslider .slides_control .slide-outer .slide-caption .caption-inner { position: relative; height: 100%; width: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.8); padding: 8px 30px 8px 15px; } .container#slideshow .flexslider .slides_control .slide-outer .slide-caption .caption-inner .caption { height: 100%; width: 100%; font-family: 'BebasNeue'; font-size: 24px; line-height: 30px; } .container#slideshow .flexslider .slides_control .slide-outer .slide-caption .caption-inner .caption-after { width: 40px; height: 72px; position: absolute; right: -40px; top: 0; } .caption-inner .caption h2 a{color:white; text-decoration:none;} .caption-inner .caption h2 a:hover{color:#F47E00; text-decoration:none;} .container#slideshow .flexslider .slide-next, .container#slideshow .flexslider .slide-prev { text-indent: -9999px; width: 23px; height: 23px; display: inline-block; background-color: #f47e00; position: absolute; bottom: 36px; z-index: 10; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: 0; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); } .container#slideshow .flexslider .slide-next span, .container#slideshow .flexslider .slide-prev span { text-indent: 0 !important; display: block; float: left; width: 100%; height: 100%; text-align: center; line-height: 24px; color: #ffffff; font-size: 12px -2; } .container#slideshow .flexslider .slide-next:hover span, .container#slideshow .flexslider .slide-prev:hover span { color: #333333; } .container#slideshow .flexslider .slide-next { right: 10px; } .container#slideshow .flexslider .slide-prev { right: 38px; } .container#slideshow .flexslider .slides-paginate { position: absolute; bottom: 33px; right: 70px; z-index: 20; } .container#slideshow .flexslider .slides-paginate li { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; width: 11px; height: 11px; display: inline-block; *float: left; margin-right: 5px; } .container#slideshow .flexslider .slides-paginate li > a { width: 100%; height: 100%; display: block; background-color: #ffffff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); } .container#slideshow .flexslider .slides-paginate li.current a { background-color: #f47e00; } .container#slideshow .flexslider .slides-paginate li.current a:hover { background-color: #f47e00; } .container#slideshow .flexslider .slides-paginate li:hover a { background-color: #222222; } .container#slideshow .triangle { width: 0; height: 0; border-right: 8px solid #141414; border-bottom: 8px solid #141414; border-top: 8px solid transparent; border-left: 8px solid transparent; position: absolute; bottom: 10px; right: 30%; } .container#slideshow .block { position: absolute; bottom: 10px; background: #141414; right: 0; width: 30%; height: 16px; } .share_box{padding:10px 5px 4px;} .credit.st{display:none;} /* ===================================================================================== */ /* Carousel /* ===================================================================================== */ .carousel-control { opacity: 1; filter: alpha(opacity=100); width: 25px; height: 25px; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; outline: none; background-color: #f57e00; margin-top: 0; display: block; } .carousel-control .icon { width: 100%; height: 100%; display: block; font-size: 12px; line-height: 27px; } .carousel-control .icon:hover { color: #333333; } .carousel-widget { position: relative; } .carousel-widget .carousel-nav { position: absolute; top: 7px; right: 0; } .carousel-widget .carousel-nav ul { list-style: outside none; margin: 0; *zoom: 1; } .carousel-widget .carousel-nav ul:before, .carousel-widget .carousel-nav ul:after { display: table; content: ""; line-height: 0; } .carousel-widget .carousel-nav ul:after { clear: both; } .carousel-widget .carousel-nav ul li { float: left; margin-left: 3px; } .carousel-widget .carousel-nav ul li a { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; width: 9px; height: 9px; display: block; background: #ffffff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; } .carousel-widget .carousel-nav ul li a.active { background: #f47e00; } .carousel-widget .carousel-nav ul li a.active:hover { background: #f47e00; } .carousel-widget .carousel-nav ul li a:hover { background: #555555; } .carousel-widget .widget-heading { margin-top: -2px; padding-top: 0; line-height: 1; margin-bottom: 15px; position: relative; } .carousel-widget .carousel { margin-bottom: 0; } .carousel-widget .carousel .slide-section .st_separator { height: 1px; background-color: #222222; border-right: 50px solid #f47e00; margin: 0; padding: 0; } .carousel-widget .carousel .slide-section .media { *zoom: 1; max-height: 70px; margin-bottom: 20px; margin-top: 15px; padding-top: 5px; } .carousel-widget .carousel .slide-section .media:before, .carousel-widget .carousel .slide-section .media:after { display: table; content: ""; line-height: 0; } .carousel-widget .carousel .slide-section .media:after { clear: both; } .carousel-widget .carousel .slide-section .media > .media-thumbnail { width: 100px; margin-right: 10px; } .carousel-widget .carousel .slide-section .media .media-body h4.media-heading { font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif; margin: 0 0 0 0; font-weight: bold; font-style: normal; font-size: 12px; } .carousel-widget .carousel .slide-section .media .media-body h4.media-heading a { display: block; color: #ffffff; } .carousel-widget .carousel .slide-section .media .media-body h4.media-heading a:hover { color: #f47e00; } .carousel-widget .carousel .slide-section .media .media-body p { line-height: 18px; color: #aaaaaa; } /* ===================================================================================== */ /* Sidebar Widget /* ===================================================================================== */ .sidebar-widget { padding-bottom: 10px; padding-top: 20px; } .sidebar-widget .st_separator { height: 1px; background-color: #dddddd; border-right: 50px solid#F47E00; margin: 0; padding: 0; } .sidebar-widget .post-widget > ul li.sidebar-item { *zoom: 1; padding-bottom: 10px; margin: 10px 0; border-bottom: 1px dashed #e5e5e5; } .sidebar-widget .post-widget > ul li.sidebar-item:before, .sidebar-widget .post-widget > ul li.sidebar-item:after { display: table; content: ""; line-height: 0; } .sidebar-widget .post-widget > ul li.sidebar-item:after { clear: both; } .sidebar-widget .post-widget > ul li.sidebar-item > a { display: block; float: left; width: 60px; height: 60px; margin: 0px 10px 0 0; overflow: hidden; padding: 4px; } .sidebar-widget .post-widget > ul li.sidebar-item > h5 { font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif; margin: 0 0 0 0; font-weight: bold; font-style: normal; font-size: 12px; margin-left: 80px; } .sidebar-widget .post-widget > ul li.sidebar-item > p { margin-left: 80px; } .sidebar-widget .post-widget > ul li.sidebar-item .post-date { font-size: 12px -1; color: #999999; } .sidebar-widget .post-widget > ul li.sidebar-item:last-child { border: none; padding-bottom: 0; } .sidebar-widget .ads-widget > ul li { *zoom: 1; margin-bottom: 20px; } .sidebar-widget .ads-widget > ul li:before, .sidebar-widget .ads-widget > ul li:after { display: table; content: ""; line-height: 0; } .sidebar-widget .ads-widget > ul li:after { clear: both; } .sidebar-widget .ads-widget > ul li a { display: block; width: 100%; height: 120px; position: relative; } .sidebar-widget .ads-widget > ul li a img { display: block; width: 100%; height: 100%; background-color: #222222; background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#333333), to(#222222)); background-image: -webkit-radial-gradient(circle, #333333, #222222); background-image: -moz-radial-gradient(circle, #333333, #222222); background-image: -o-radial-gradient(circle, #333333, #222222); background-repeat: no-repeat; } .sidebar-widget .ads-widget > ul li a > .ads-placeholder { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; } .sidebar-widget .tag-widget { margin: 20px 0; *zoom: 1; } .sidebar-widget .tag-widget:before, .sidebar-widget .tag-widget:after { display: table; content: ""; line-height: 0; } .sidebar-widget .tag-widget:after { clear: both; } .sidebar-widget .tag-widget a { position: relative !important; float: left; margin: 0px 15px 8px 5px; height: 20px; line-height: 20px; padding: 0 9px 0 6px; text-decoration: none; background: rgba(0, 0, 0, 0.3); color: #ffffff; font-size: 12px -1; } .sidebar-widget .tag-widget a:hover { text-decoration: none; background:#F47E00; } .sidebar-widget .tag-widget a:hover:before { background:#F47E00; } .sidebar-widget .tag-widget a:before { content: ''; display: block; position: absolute; left: -5px; top: 0; width: 5px; height: 100%; background: rgba(0, 0, 0, 0.3); -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; } .sidebar-widget .tag-widget a:after { content: ''; display: block; position: absolute; right: -11px; top: 0px; width: 11px; height: 100%; } .sidebar-widget .menu-widget ul li { padding: 10px 0; border-bottom: 1px dashed #e5e5e5; cursor: pointer; } .sidebar-widget .menu-widget ul li a { display: block; width: 100%; outline: none; } .sidebar-widget .menu-widget ul li a:hover { text-decoration: none; color:#F47E00; } .sidebar-widget .menu-widget ul li:first-child { margin: 0; } .sidebar-widget .menu-widget ul li:last-child { border: none; } .sidebar-widget .menu-widget ul li ul { display: none; padding-left: 10px; margin-top: 10px; } .sidebar-widget .login-widget form { *zoom: 1; color: #ffffff; } .sidebar-widget .login-widget form:before, .sidebar-widget .login-widget form:after { display: table; content: ""; line-height: 0; } .sidebar-widget .login-widget form:after { clear: both; } .sidebar-widget .login-widget form .input-prepend { width: 100%; } .sidebar-widget .login-widget form .input-prepend > input[type="text"], .sidebar-widget .login-widget form .input-prepend input[type="password"], .sidebar-widget .login-widget form .input-prepend input[type="email"] { margin: 0 0 9px 0; background-color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sidebar-widget .login-widget form .input-prepend > input[type="text"]:focus, .sidebar-widget .login-widget form .input-prepend input[type="password"]:focus, .sidebar-widget .login-widget form .input-prepend input[type="email"]:focus { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset; } .sidebar-widget .login-widget form button.signup { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: none; background-image: none; background-color: #333333; color: #ffffff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .sidebar-widget .login-widget form button.signup:hover, .sidebar-widget .login-widget form button.signup:active, .sidebar-widget .login-widget form button.signup.active, .sidebar-widget .login-widget form button.signup.disabled, .sidebar-widget .login-widget form button.signup[disabled] { color: #ffffff; background-color: #262626; } .sidebar-widget .login-widget form button.signup:active, .sidebar-widget .login-widget form button.signup.active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.1); } .sidebar-widget .login-widget form button.signin { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: none; background-image: none; background-color: #333333; color: #ffffff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .sidebar-widget .login-widget form button.signin:hover, .sidebar-widget .login-widget form button.signin:active, .sidebar-widget .login-widget form button.signin.active, .sidebar-widget .login-widget form button.signin.disabled, .sidebar-widget .login-widget form button.signin[disabled] { color: #ffffff; background-color: #262626; } .sidebar-widget .login-widget form button.signin:active, .sidebar-widget .login-widget form button.signin.active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.1); } .sidebar-widget .sidebar-header { color: #333333; } .sidebar-widget .sidebar-header h4 { margin-top: 0; } .sidebar-widget .sidebar-header ul.nav { border-bottom: 5px solid#F47E00; } .sidebar-widget .sidebar-header ul.nav > li a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; background: none; font-family: "BebasNeue", Arial, sans-serif; margin: 0; font-weight: normal; font-style: normal; font-size: 18px; color: #333333; outline: 0; } .sidebar-widget .sidebar-header ul.nav > li.active { background-color:#F47E00; margin: 0; } .sidebar-widget .sidebar-header ul.nav > li.active a { color: #ffffff; } .sidebar-widget ul { margin: 0; padding: 0; list-style: none; } .sidebar-widget .sidebar-header ul.nav > li{display: inline-block; padding: 6px;} .sidebar-color { background-color:#F47E00 !important; background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#be80e9), to(#a854e2)) !important; background-image: -webkit-radial-gradient(circle, #be80e9,#F47E00) !important; background-image: -moz-radial-gradient(circle, #be80e9,#F47E00) !important; background-image: -o-radial-gradient(circle, #be80e9,#F47E00) !important; background-repeat: no-repeat !important; } .sidebar-block { padding: 20px; margin-bottom: 20px; overflow: hidden; background: #222222; } .sidebar-block .st_separator { height: 1px; background-color: #444444; border-right: 50px solid#F47E00; margin: 0; padding: 0; } .sidebar-block .sidebar-header { color: #ffffff; } .sidebar-block .sidebar-header > h4 { margin-top: 0; } .sidebar-block ul { margin: 0; padding: 0; list-style: none; } .sidebar-block ul li { border-color: #333333 !important; } .sidebar-block ul li a { color: #eeeeee; } .sidebar-block ul li a:hover { color:#F47E00; } .sidebar-block .image-polaroid { border-color: #333333; } .sidebar-block .image-polaroid:hover { border-color: #555555; } .sidebar-block > .menu-widget ul li { border-bottom: 1px dashed #333333; } .sidebar-block > .menu-widget ul li a { color: #eeeeee; } .sidebar-block > .menu-widget ul li a:hover { color:#F47E00; } ul.spicytricks_recent_comments{ list-style:none;margin:0;padding:0; } .spicytricks_recent_comments li{ padding-bottom: 10px; margin: 10px 0; border-bottom: 1px dashed #E5E5E5;display:block;clear:both;overflow:hidden;list-style:none; } .spicytricks_recent_comments li .avatarImage{webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid silver; padding: 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; float: left; margin: 0 10px 0 0; position: relative; overflow: hidden;} .spicytricks_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .spicytricks_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} /* ===================================================================================== */ /* Footer /* ===================================================================================== */ footer .container.footer-container { position: relative; padding: 0 20px; background: #222; } footer .container.footer-container .footer-left { background-color: #1c1c1c; min-height: 100%; } footer .container.footer-container .footer-left .carousel-widget { margin: 20px; } footer .container.footer-container .footer-left .carousel-widget .widget-content { margin-right: 20px; } footer .container.footer-container .footer-left .carousel-widget .widget-content .carousel-inner .st_separator { height: 1px; background-color: #333333; border-right: 50px solid#F47E00; margin: 0; padding: 0; } footer .container.footer-container .footer-left .carousel-widget .carousel-nav { margin-right: 20px; } footer .container.footer-container .footer-extra { margin-top: 9px; } footer .container.footer-container .footer-extra .footer-box { margin-bottom: 20px; } footer .container.footer-container .footer-extra .footer-box ul { margin: 0; padding: 0; list-style: none; } footer .container.footer-container .footer-extra .footer-box ul li { padding-left: 15px; } footer .container.footer-container .footer-extra .footer-box ul li a { color: #aaa; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } footer .container.footer-container .footer-extra .footer-box ul li a:hover { color: #eeeeee; text-decoration: none; } footer .container.footer-container .footer-extra .footer-box ul.social-media { *zoom: 1; } footer .container.footer-container .footer-extra .footer-box ul.social-media:before, footer .container.footer-container .footer-extra .footer-box ul.social-media:after { display: table; content: ""; line-height: 0; } footer .container.footer-container .footer-extra .footer-box ul.social-media:after { clear: both; } footer .container.footer-container .footer-extra .footer-box ul.social-media li { display: block; float: left; width: 27px; height: 27px; padding: 0; font-size: 15px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; background: #555555; margin: 0 10px 10px 0; } footer .container.footer-container .footer-extra .footer-box ul.social-media li a { display: block; line-height: 27px; text-align: center; color: #ffffff; } footer .container.footer-container .footer-extra .footer-box ul.social-media li:hover { background:#F47E00; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } footer .container[role="navigation"] { font-size: 12px -1; padding: 5px 20px 20px; } footer .container[role="navigation"] .footer-menu { float: left; width: 40%; } footer .container[role="navigation"] .footer-menu ul { margin: 0; } footer .container[role="navigation"] .footer-menu ul li { float: left; margin-left: 10px; color: #999999; } footer .container[role="navigation"] .footer-menu ul li a { color: #999999; } footer .container[role="navigation"] .footer-menu ul li a:hover { color:#F47E00; } footer .container[role="navigation"] .footer-menu ul :first-child { margin: 0; padding: 0; list-style: none; } footer .container[role="navigation"] .footer-logo { text-align: center; float: left; width: 20%; } footer .container[role="navigation"] .footer-logo a { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 105px; height: 60px; margin: 0 auto; } footer .container[role="navigation"] .copyright { width: 40%; float: left; margin-left: 20px; } footer .container[role="navigation"] .copyright p { text-align: left; color: #999999; } footer .container[role="navigation"] .credit { width: 40%; float: right; margin-left: -20px; } footer .container[role="navigation"] .credit p { text-align: right; color: #999999; } footer .footer-left { margin-left: -20px; } select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="search"] { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.03); box-shadow: 0 0 3px rgba(0, 0, 0, 0.03); } textarea, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: white; border: 1px solid #DDD; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } /* ===================================================================================== */ /* Comment List & Form /* ===================================================================================== */ .comments { margin: 30px 0 20px 0; } .comments .commentlists { margin: 0; padding: 0; list-style: none; } .comments .commentlists ul { margin: 0; padding: 0; list-style: none; } .comments .commentlists li { *zoom: 1; margin: 10px 0; padding: 20px 0 0 0; } .comments .commentlists li:before, .comments .commentlists li:after { display: table; content: ""; line-height: 0; } .comments .commentlists li:after { clear: both; } .comments .commentlists li:first-child { padding-top: 10px; } .comments .commentlists .comment-children { margin-left: 34px; border-left: 1px solid #eee; padding: 3px 0 0 2px; position: relative; } .comments .commentlists .comment-children li { padding-left: 65px; } .comments .commentlists .comment-children:before { content: ''; border: 1px solid #eee; width: 1px; height: 1px; display: block; position: absolute; left: -2px; top: -3px; } .comments .commentlists .comment-author { width: 70px; height: 70px; float: left; margin: 0 20px 0 0; } .comments .commentlists .comment-body { margin-left: 100px; } .comments .commentlists .comment-body .comment-meta { margin-bottom: 9px; } .comments .commentlists .comment-body .comment-meta .reply { float: right; } .comments .commentlists .comment-body .comment-meta .reply a { color: #999999; font-style: italic; } .comments .commentlists .comment-body .comment-meta .reply a:hover { color:#F47E00; } .comments .commentlists .comment-body .comment-meta .meta-name { font-weight: bold; } .comments .commentlists .comment-body .comment-meta .meta-name a { color:#F47E00; } .comments .commentlists .comment-body .comment-meta .meta-date { color: #999999; font-style: italic; } .control { width: 100%; background-color: #ffffff; } .control .input-border { border: 1px solid #ddd; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.03); box-shadow: 0 0 3px rgba(0, 0, 0, 0.03); -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .control .input-border.focus { border-color:#F47E00; -webkit-box-shadow: 0 0 3px #d4abf1; -moz-box-shadow: 0 0 3px #d4abf1; box-shadow: 0 0 3px #d4abf1; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .control input[type="text"], .control input[type="password"], .control input[type="email"], .control textarea, .control input[type="text"]:focus, .control input[type="password"]:focus, .control input[type="email"]:focus { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; padding: 0; margin: 4px 4%; width: 92%; } .control textarea { margin: 1%; width: 98%; } .control textarea:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .respond { margin: 30px 0; *zoom: 1; } .respond:before, .respond:after { display: table; content: ""; line-height: 0; } .respond:after { clear: both; } .respond #commentform { margin-top: 10px; } .respond .comment-input .control-group { float: left; width: 30.66%; margin-right: 4%; } .respond .comment-input .control-group:last-child { margin-right: 0; float: right; *zoom: 1; } .respond .comment-input .control-group:last-child:before, .respond .comment-input .control-group:last-child:after { display: table; content: ""; line-height: 0; } .respond .comment-input .control-group:last-child:after { clear: both; } .respond .comment-text { margin-bottom: 10px; } .respond .comment-submit { float: right; *zoom: 1; } .respond .comment-submit:before, .respond .comment-submit:after { display: table; content: ""; line-height: 0; } .respond .comment-submit:after { clear: both; } .respond .comment-submit button { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: none; background-image: none; background-color:#F47E00; color: #ffffff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .respond .comment-submit button:hover, .respond .comment-submit button:active, .respond .comment-submit button.active, .respond .comment-submit button.disabled, .respond .comment-submit button[disabled] { color: #ffffff; background-color: #9d3ede; } .respond .comment-submit button:active, .respond .comment-submit button.active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.1); } .author { *zoom: 1; margin: 20px 0; } .author:before, .author:after { display: table; content: ""; line-height: 0; } .author:after { clear: both; } .author .author-avatar { width: 70px; height: 70px; float: left; margin: 0 20px 0 0; } .author .author-profile { margin-left: 100px; } .avatar-image-container{ width: 60px !important; height: 60px !important; max-height: 60px !important; float: left; margin: 0 20px 0 0; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid silver; padding: 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .comments .avatar-image-container img{max-width:70px !important;height:60px;} .comments .comments-content .comment{background: #F8F7F7; padding: 10px !important; border: 1px solid #F0F0F0;} .comment-thread ol li ol li{background: #fff !important;min-height: 70px;} .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0; } .container-fluid:after { clear: both; } .header728{margin: 0 auto; display: block; position: relative; width: 750px; text-align: center; margin-bottom: 10px;} p { margin: 0 0 9px; } .lead { margin-bottom: 18px; font-size: 18px; font-weight: 200; line-height: 27px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } .text-warning { color: #c09853; } a.text-warning:hover { color: #a47e3c; } .text-error { color: #b94a48; } a.text-error:hover { color: #953b39; } .text-info { color: #3a87ad; } a.text-info:hover { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover { color: #356635; } h1, h2, h3, h4, h5, h6 { margin: 9px 0; font-family: "BebasNeue", Arial, sans-serif; font-weight: normal; line-height: 18px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { line-height: 36px; } h1 { font-size: 38px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 12px; } h6 { font-size: 9px; } h1 small { font-size: 24px; } h2 small { font-size: 18px; } h3 small { font-size: 12px; } h4 small { font-size: 12px; } .page-header { padding-bottom: 8px; margin: 18px 0 27px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; margin: 0 0 9px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 18px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } dl { margin-bottom: 18px; } dt, dd { line-height: 18px; } dt { font-weight: bold; } dd { margin-left: 9px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; line-height: 0; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } hr { margin: 18px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 18px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 22.5px; } blockquote small { display: block; line-height: 18px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 18px; font-style: normal; line-height: 18px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 10px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding: 8.5px; margin: 0 0 9px; font-size: 11px; line-height: 18px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 18px; } pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 18px; } fieldset { padding: 0; margin: 0; border: 0; } .row { margin-left: -30px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } li [class^="awe-"], li [class*=" awe-"] { display: inline-block; width: 1.25em; text-align: center; } li .awe-large:before, li .awe-large:before { /* 1.5 increased font size for awe-large * 1.25 width */ width: 1.875em; } ul.icons { list-style-type: none; margin-left: 2em; text-indent: -0.8em; } ul.icons li [class^="awe-"], ul.icons li [class*=" awe-"] { width: .8em; } ul.icons li .awe-large:before, ul.icons li .awe-large:before { /* 1.5 increased font size for awe-large * 1.25 width */ vertical-align: initial; } .image-polaroid { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid #c0c0c0; padding: 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .image-polaroid:hover { border: 1px solid #b0b0b0; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; height:350px;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 {height:350px;margin: 0 0 0px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: 20px; left:300px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #FF8500; } .flex-control-paging li a.flex-active { background: #FF8500; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } .archive_title{border-bottom: 1px dashed #EEE; padding: 10px 0; margin-bottom: 20px;} .navigation a { display: inline; padding: 5px; margin: 5px; color: orange; } .navigation .pages { float: right; display: inline; } .PopularPosts{margin-top:20px;} .navigation .current { padding: 5px; margin: 5px;} .related_posts h3{font-size:18px;} .related_posts li{list-style-type: decimal-leading-zero; padding: 12px 0px; border-bottom: 1px dashed #E9E9E9;} .share_box .previous,.addthis_toolbox{ float: left; padding-left: 15px; padding-right: 80px; font-size: 15px;} .related_posts li:last-child { border-bottom: none; } .share_box .next{float:left; font-size: 15px;} /* Social Widget */ #spicytricks-social-widget { margin: 0 auto; margin-bottom: 25px; padding-top:2px; overflow:hidden; width:270px; box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.1); } .fb-likebox { padding: 10px 10px 0 10px; border: 1px solid #FA5E51; margin-top: -2px; background: #FD7D55; overflow: hidden !important; border-bottom: none; } .fcontainer iframe{width: 248px; height: 66px;} .fcontainer{background: #FAFCFF; height: 66px; box-shadow: inset 0 0 5px rgba(0, 31, 255, 0.45); overflow: hidden; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .googleplus { background: #F75151; border: 1px solid #F84B4B; font-size: .90em; font-family: "Helvetica",sans-serif; color: black; padding: 9px 11px; line-height: 1px; } .googleplus span { color: #fff; font-size: 11px; position: absolute; display:inline-block; margin: 9px 70px;} .g-plusone { float: left;} .twitter { background: #84D7F5; padding: 10px; border: 1px solid #84D7F5; } #email-news-subscribe .email-box { padding: 5px 10px; font-family: "Arial","Helvetica",sans-serif; border: 1px solid #E48A17; height: 35px; background: #E48A17; } #email-news-subscribe .email-box input.email{ width: 130px; background: white; border: 1px solid #DEDEDE; color: #999; padding: 5px 10px 5px 10px; font-family: "HelveticaNeue",sans-serif; font-size: 12px; } #email-news-subscribe .email-box input.email:focus{color:#333} #email-news-subscribe .email-box input.subscribe{ background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); -pie-background: linear-gradient(270deg,#ffca00,#ff9b00); font-family: "Arial","Helvetica",sans-serif; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:white; text-shadow:#d08d00 1px 1px 0; padding:6px 12px; margin-left:3px; font-weight:bold; font-size:12px; cursor:pointer; border-image: initial;} #email-news-subscribe .email-box input.subscribe:hover{ background: #ff9b00; background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb); outline:0;-moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:#FFFFFF; text-shadow:#d08d00 1px 1px 0} #spicytricks-social-bar { background-color: #111; padding: 0px; font-family: "Helvetica",sans-serif; font-weight: bold; overflow: hidden; border: 1px solid #222; height: 44px; } #spicytricks-social-bar ul {list-style: none outside none; padding-left: 4px;} #spicytricks-social-bar .other-follow { float: left; color:#1E598E; overflow: hidden; padding:5px; width: 270px;} #spicytricks-social-bar .other-follow ul { list-style: none outside none; padding-left: 4px;} #spicytricks-social-bar .other-follow ul li { font-size: 12px; font-weight: bold; display:inline; border:0; text-shadow: 1px 1px white;} #spicytricks-social-bar .other-follow ul li a { font-size: 12px; color:#1E598E; font-weight: bold; display:inline; text-shadow: 1px 1px white;} #spicytricks-social-bar .other-follow li { display: inline-block; padding-right: 10px; padding-left: 7px; position: relative;} .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel .item > img { display: block; line-height: 1; } .carousel .active, .carousel .next, .carousel .prev { display: block; } .carousel .active { left: 0; } .carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; } .carousel .next { left: 100%; } .carousel .prev { left: -100%; } .carousel .next.left, .carousel .prev.right { left: 0; } .carousel .active.left { left: -100%; } .carousel .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { right: 15px; left: auto; } .carousel-control:hover { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { line-height: 20px; color: #ffffff; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .recent-meta span {display:block;text-align:center;} .recent-meta { position: absolute; top: 10px; display: block; background: #252525; background: rgba(37, 37, 37, 0.84); padding: 10px; color: white; border-bottom: 1px solid #999; border-top: 1px solid #5E5E5E; border-left: 4px solid orange; left: -3px;} .recent-meta .sepa{ border-top: 1px solid #695A5A; border-bottom: 1px solid #444; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } ]]>

by
Tags: ,

« Previous

<b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments'> <a name='comments'/> <h3> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/> <b:else/> <data:post.numComments/> <data:commentLabelPlural/> </b:if> </h3> <div class='st_separator'/> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>

&rsaquo;

()

Recommend us on Google!

About Us

Spice Mag - Premium free blogger template developed by spicytricks.com.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit iaculis nunc. Curabitur in eros ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis at mi justo, non suscipit elit. Nunc aliquam luctus adipiscing. Nullam sit amet lacus vitae odio congue mollis eu non magna. Duis sed arcu a libero adipiscing rhoncus. Aliquam erat volutpat. Suspendisse sed nunc metus, sed aliquet arcu.

Spice Mag

Trending Topics

Circle us

Recent Posts

Categories

Popular Posts

Recent Posts

About Us

Quick Links

Follow Us