<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> - <data:blog.title/>
<b:else/>
Not Found - <data:blog.title/>
</b:if>
</b:if>
*/
/* Main Sittings
----------------------------------------------- */
@font-face {
font-family: 'open sans';
font-style: normal;
font-weight: 300;
src: local('open sans Light'), local('open sans-Light'), url(http://themes.googleusercontent.com/static/fonts/open sans/v8/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'open sans';
font-style: normal;
font-weight: 400;
src: local('open sans Regular'), local('open sans-Regular'), url(http://themes.googleusercontent.com/static/fonts/open sans/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
@font-face {
font-family: 'open sans';
font-style: normal;
font-weight: 700;
src: local('open sans Bold'), local('open sans-Bold'), url(http://themes.googleusercontent.com/static/fonts/open sans/v8/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
body {
font-family: open sans;
font-style: normal;
font-weight: 400;
font-size: 13px;
background: $(body.background);
}
p, .item .post-body, .FollowByEmail .widget-content:before, .post-home .post-meta, .toe, .post-snippet, .Text {
font-family: 'Open Sans';
}
#overbg {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4nLx39yuQhjo7sgLJfm9il9QMbFgWS6Foj53Q7cT-X3MsikSyyNAFYQEYZU3YcTQk6nefch3MLkzqjtSGc0CODzCdau8B74EThEbRSJSf9QW3PnutQoeIk8z1uVcTQRd0_GmS_E9kp2w/s1600/pattern-1.png);
overflow: hidden;
}
ul a {
font-weight: 400;
}
body, .widget, .section {
padding: 0;
margin: 0;
}
html {
height: auto;
}
.clear {
clear: both;
}
iframe {
width: 99%;
}
* {
margin: 0;
padding: 0;
outline: 0;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
ins {
text-decoration: underline;
}
del {
text-decoration: line-through;
}
ul,
ol,
dl {
list-style-position: inside;
font-weight: 700;
}
blockquote {
background-color: #eee;
border-top: 5px solid $(main.color);
padding: 10px;
}
q:before,
q:after {
content: '';
}
abbr,
acronym {
border: 0;
}
caption,
th {
text-align: center;
}
q:before,
q:after {
content: '';
}
abbr,
acronym {
border: 0;
}
.quickedit {
display: none;
}
.blog-feeds,
.post-feeds {
display: none;
}
a, a:visited {
color: $(link.color)
}
a:hover {
color: $(link.color.hover);
text-decoration: underline;
}
.upbt {
position: fixed;
bottom: 20px;
}
a {
text-decoration: none;
}
::-moz-selection {
background-color: $(main.color);
color: #fff;
}
::selection {
background-color: $(main.color);
color: #fff;
}
.list-label-widget-content ul li {
list-style: none;
padding: 0;
}
.list-label-widget-content ul {
padding: 0;
}
.list-label-widget-content ul li a {
display: block;
padding: 8px 5px;
border-bottom: 0;
color: #777;
border-bottom: 1px solid;
}
.list-label-widget-content ul li a:hover {
background-color: $(main.color);
color: #FFF !important;
text-decoration: none;
}
.list-label-widget-content ul li a:before {
content: "\f02c";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Label span {
display: none;
}
.cloud-label-widget-content span {
display: inline-block;
font-size: 100% !important;
min-height: 30px;
line-height: 2em;
margin-bottom: 5px;
}
.cloud-label-widget-content span a {
background-color: #DDD;
color: #111;
padding: 5px 15px;
}
.cloud-label-widget-content span a:hover {
background-color: $(main.color);
color: #fff;
text-decoration: none;
}
#header-wrapper {
overflow: hidden;
}
#header-content {
overflow: hidden;
padding: 30px 0;
border: 2px solid $(main.color);
}
#header-top {
overflow: hidden;
background-color: #1B1A1A;
border-bottom: 2px solid $(main.color);
}
.item #content {
margin-top: 15px;
}
#header-top, #header-top .woo {
height: 33px;
max-width: none !important;
}
#ad .widget {
line-height: 0;
}
.Header h1 {
color: #000;
font-size: 3.5em;
font-weight: 400;
margin: 0;
}
.Header h1:first-letter {
color: $(main.color);
}
.Header h1 a {
color: #000;
font-weight: 400;
}
.Header h1 a:hover {
opacity: .8;
}
.Header .description {
margin: 0;
font-size: 15px;
}
div#sbar {
height: 40px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.04);
}
#menu ul li {
list-style: none;
display: inline-block;
padding: 0;
}
#nav {
padding: 0;
}
#menu ul li a {
height: 40px;
display: block;
padding: 0 20px;
line-height: 40px;
color: $(main.color);
}
#menu ul li a:hover {
background-color: $(main.color);
color: #fff;
text-decoration: none;
}
div#search-header {
position: relative;
overflow: hidden;
}
#search-header button {
width: 50px;
height: 40px;
border: 0;
font-size: 1.2em;
background-color: $(main.color);
color: #fff;
cursor: pointer;
}
#shide {
position: absolute;
width: 100%;
top: -80px;
z-index: 9999999;
overflow: hidden;
}
#search-hide input {
border: 0;
width: 100%;
padding: 0 15px;
background-color: rgba(255, 255, 255, 1);
height: 40px;
font-family: open sans;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
button.remove {
position: absolute;
top: 8px;
border: 0;
background-color: transparent;
font-size: 1.5em;
color: #555;
cursor: pointer;
}
/* default style */
.selectnav {
display: none;
}
/* small screen */
@media screen and (max-width: 800px) {
.js #nav { display: none; }
.js .selectnav { display: block; }
.selectnav {
border: 0;
width: 50%;
height: 30px;
padding: 0 10px;
margin-top: 5px;
font-family: open sans;
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #251717;
border: 1px solid #CCC;
background-color: #FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#menu {
float: none !important;
}
}
.item .post-body img {
max-width: 97%;
height: auto;
}
#outer-wrapper {
margin: 0 auto;
overflow: hidden;
padding: 0 0 25px;
background-color: #EEE;
}
#outer-wrapper .woo {
margin: 10px auto;
}
#content {
padding: 10px 0;
overflow: hidden;
margin: 0 auto;}
#main-wrapper {
width: 58.5%;
}
#sidebar-wrapper {
width: 25%;
}
#sidebar-wrapper2{
width: 16.5%;
}
.recent-posts ul {
padding: 0;
}
.recent-posts .recent-box {
margin-bottom: 10px;
}
.sidebar .widget-content {
padding: 15px;
background-color: #fff;
}
.widget-title {
margin-bottom: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXb7lMH-vd71wbhHW_p8gGNgdSwgBzDyXY-XO0TrWbUHv701CUQSPDrOCqQxqNuUAmr0kV71awWEigioREfIj4JQ8QdeqzJc6GejhyVf91pvq2z2WLMOpfUR-5paFgseyk3ouFbSFC1uQ/h120/dot.png);
}
.sidebar h2 {
background-color: $(main.color);
font-weight: 400;
display: inline-block;
position: relative;
font-size: 15px;
padding: 5px 10px;
color: #FFF;
}
.labelom .fa {
margin-right: 5px;
margin-left: 5px;
}
.labelom {
background-color: #ffffff;
padding: 15px;
margin-bottom: 15px;
font-size: 12px;
}
.post-header {
overflow: hidden;
margin-bottom: 25px;
}
.post-meta-in {
padding: 3px;
margin-bottom:10px;
}
.post-timestamp {
margin-right: 5px !important;
margin-left: 5px !important;
}
.item #blog-pager {
display: none;
}
.box {
overflow: hidden;
background-color: #fff;
margin: 0 auto;
max-width: 1200px;
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.31);
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.31);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.31);
}
.home.box {
background-color: #fff;
}
.woo {
margin: 0 auto;
overflow: hidden;
position: relative;
}
#header-content .woo, #outer-wrapper .woo, #copyrights .woo {
margin: 0 15px;
}
.main .widget {
margin: 0 15px;
}
.item .post-body {
background-color: #FFF;
padding: 35px 20px;
width: initial;
margin-top: 8px;
line-height: 24px;
}
.item .post-title {
font-size: 2em;
border-color: $(main.color);
color: #555;
padding: 15px;
font-weight: 400;
margin-bottom: 15px;
}
ul, ol, dl {
font-weight: 400;
}
.popular-posts ul {
padding: 0;
list-style: none;
}
.popular-posts .item-thumbnail {
width: 70px;
height: 70px;
}
.popular-posts img {
width: 70px;
height: 70px;
}
img {
max-width: 100%;
}
.popular-posts .item-snippet {
line-height: 18px;
font-size: 11px;
}
.popular-posts .item-title {
line-height: 21px;
}
/* Start Follow by Email Widget */
.follow-by-email-inner td {
width: 100%;
}
.FollowByEmail .follow-by-email-inner {
margin-top:10px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
height: 40px;
border: 0 !important;
background-color: #e6e6e6;
text-align: center;
font-family: open sans;
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #000000;
}
.follow-by-email-submit {
background-color: $(main.color) !important;
width: 100% !important;
margin: 0 !important;
height: 40px !important;
min-width: 80px !important;
font-family: open sans !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 13px !important;
margin-top: 5px !important;
color: #ffffff !important;
}
.follow-by-email-address:focus {
outline: 0;
}
.FollowByEmail .widget-content:before {
content: "Subscribe here to get our newsletter, it is safe just Put your Email and click subscribe";
font-style: normal;
font-weight: 400;
font-size: 13px;
}
.email-icon {
position: absolute;
top: 12px;
color: $(main.color);
}
/* End Follow by Email Widget */
/* Scrollbar Style
----------------------------------------------- */
::-webkit-scrollbar {
width: 7px;
height:7px;
}
::-webkit-scrollbar-track {
background-color: #EEE;
}
::-webkit-scrollbar-thumb {
background-color: $(main.color);
}
::-webkit-scrollbar-thumb:window-inactive {
background: $(main.color);
}
::-webkit-scrollbar-thumb:hover {
background-color: #222;
}
/* Comments
----------------------------------------------- */
.comments .comments-content {
color: #555;
}
.comment-thread ol li.comment {
border-color: $(main.color);
}
.comments .avatar-image-container {
max-height: none;
width: 60px;
height: 60px;
}
.comments .avatar-image-container img {
border-radius: 50%;
max-width: 60px;
height: 60px;
z-index: 22;
position: relative;
}
.comment-header {
background-color: #756A6A;
display: inline-block;
padding: 5px;
text-transform: uppercase;
}
.comment-header a {
color: #fff;
font-weight: 400;
}
.comments .comment-block {
background-color: #F8F8F8;
padding: 15px;
}
.comments-horizontal {
list-style: none;
display: inline-block;
width: 100%;
padding: 0 !important;
}
.comments-horizontal li {
display: inline-block;
width: 50%;
}
.comments-horizontal li a {
background-color: #EEE;
padding: 15px 0;
width: 100%;
display: block;
text-align: center;
color: #222;
}
.comments-horizontal li.active a {
color: #ffffff;
background-color: $(main.color);
}
.comments-tabs {
margin-top: 25px;
background-color: #ffffff;
padding: 15px;
}
#facebook-comments {
margin-top: 25px;
}
.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget {
max-width: none;
margin-bottom: 15px;
}
.contact-form-name, .contact-form-email, .contact-form-email-message {
background-color: #EBEBEB;
border: 0;
}
.contact-form-widget .form {
}
.contact-form-button-submit {
max-width: none;
width: 100%;
height: 35px;
border: 0;
background-image: none;
background-color: $(main.color);
cursor: pointer;
font-family: open sans;
font-style: normal;
font-weight: 400;
}
.contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus {
border: 0;
box-shadow: none;
}
.contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover {
border: 0;
}
.contact-form-button-submit:hover {
background-color: #222;
background-image: none;
border: 0;
}
.sidebar .contact-form-widget .form {
padding: 15px;
background-color: #FFF;
}
/* Social Icons
----------------------------------------------- */
.social-footer #social-sec ul#social a {
height: 30px;
width: 30px;
background-size: 30px 30px;
}
.social-footer #social-sec {
background-color: transparent;
}
#copyrights p {
margin-top: 5px;
}
#copyrights a {
color: #BBB7B7;
}
#copyrights a:hover {
color: #DDD;
}
#social-sec {
position: relative;
}
#social-sec li {
display: inline-block;
padding: 0;
}
#social-sec .widget ul {
padding: 0;
margin: 0;
}
.LinkList ul {
margin-bottom: 15px;
}
#social-sec ul#social a {
text-indent: -9999px;
display: block;
height: 33px;
width: 33px;
opacity: .7;
color: transparent;
background-size: 33px 33px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#social-sec ul#social a:hover {
opacity: 1;
}
a.facebook {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4eXk_ksRUkdk3FgJ94nRvSxVfoXrkw4wlQjbr9cwaJQnFK3eQN2Zp1u7gzy5v1c-Eb2AvxXammSV2D9epLZPkU_9HwO9irERYrkOaLMJBnwKwQWg33mhKQWW8di_vy88MkO6CuJIMDfZ6/s1600/Facebook.png)
}
a.twitter {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqSvcm8-AjSWyMlW4I-h77awpzM6_G09d0imCPaXwrekyBcxPgBagFGzTTkFCnRjvS-sO2sb2REhgFOaRHutn8uOqb4gydlrgpB-B8bvVj13Rfhntnp7-yHfOuh-At5pC9wH2uEZ43qpU/s1600/Twitter.png)
}
a.gplus {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjPGj2HmyDswXJWfdEqjci90MeXh0NFmqJkDy5pQYRaz-OpRdORtxso3Bhq520yM2aVaZkR2lZyQfFgPusM_q8GXe9KZjTQEcGoF7ecrI-R_g-j4rSp5DP_tKAUaG0yUo6x8OkjuDlRlpY/s1600/Google+.png)
}
a.youtube {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHSrkl7wApYpDBUmYcOgr_25UsSZU7TnR-IKF1CSDRcIZwDi8tZxTyYJ_FgfE0wnbOXMuu5J1jBz5Ow5UGKrBXy5ExJTD3lV8fBDUIFSrDmvvhQflZWqYc3PM-wS6UzPyELm-a02fUA7nX/s1600/Youtube.png)
}
a.instagram {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-MF8OsjUxyJPNLd8YyIpVTevdkM79w26Is2HKk9CcEBESz_FeTjgvbE9UJQ0-f2fDThqNgnfFeAaNgiutHAALhyphenhyphenWGwEtqi33vOL2i9dfuWKhXB_s8P3YOjFUqtNfL9YsBH0T13AL1TAq/s1600/Instagram.png)
}
a.behance {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijc_epGTjgIoSBMVKqKUkYBd9Ush2p-kNv0RiESzSNzCmBgc30LMhv7EFlgHWNuVQcJiisDxI-sZaxofuXgzViUyBMlFQE4rua_5DAuQCn1_huIXoJJSq_xcr6lMvTXfIQLnWzTmYUYRYF/s1600/Behance.png)
}
a.pinterest {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkTb3vRFRHetFeN4ug1g8QihBJSqDhiwzFdbpt_VQOsytXhfW5KFBXxjjER__2rHJW8GPNJMyxH-MRdA7q1HKn_mvxoAp6OssoJ69zYdn_ZT4lHVZXnUtoe9dzLg7F5EBxePIpvZuGwNgj/s1600/Pinterest.png)
}
a.linkedin {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtsw50rVLnR7-JY06ScRUUGYNBR5n7wMyIS9X7GRQ-UA0Kv117IK280bwYNzCT1DKrz5mp5GoL-SXw_uEUJ1LSxx3FLI9iaK-ICf4dGjbiQ2X5nPI7MNBzRsY6eOpuBW59TfDSOd5R_hku/s1600/Linkedin.png)
}
a.skype {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhscJTUKwi9Hf9Q-cEf3kAuTu9Q9rmOCzWT2Kkj77QYZ7y8hQ_XWHJliNvDjynTcC_K4dGYpEgbYFWF5PRl5BZgrSA_HnxM73H_Ni4vzNrtcS8rEInLsATlhPHrnwgvy6LdSGUnaQqzaywI/s1600/Skype.png)
}
a.vimeo {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDjwSC6eNxZAUv8LbmnX23jbHlsSfS3-tK4GJmZtbtaGjc97i7Lzjrt2CVGbSviTvfVHL0eJ0DbegeP7HEPtH8wBjX-lwxM2-UV-rft0486daZTBEGpn5R8mdwukCutRC0jrK82kcQQs/s1600/09_vimeo.png)
}
a.flickr {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjofqT86M-ItfhDM_fUp7_nfn7xnXFYNr9dZiEru5L1MGEM2jvIvtPtMqKhGQQN_aabmhyIUp3zkAm_JLqvKXEGEpocTRhYDbs23jOAUkaKm8ZVZxAFiAECDuSVhvNXe4jH0y6BRee17Dca/s1600/Flickr.png)
}
a.blogger {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFzrDVjaKSXRydUbMaLFoJlxpCkzvgrU34Mk5qsMX3TGL6jf_laQEHiPoVSZWbGrEjh83I2PuLMwQr47RX0h8zy5KT1pw7O17qh6RV7xfwO-GBcQci3TR9J9IzTthSMTHuBfH7xvqI5uwF/s1600/Blogger.png)
}
a.digg {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyNoFU3vUWWvjw2_pUtL0pxGjklYNuCa_b-Djnbyg1lmBq_0cG1CuZYww0gF3Ebj3jREmitjKjf7zYQdCJ_Ttzj0XEbQ4p70ge3XY3xmAbuld9IqnhetfUwjw8hSmUcHpm9YbafIDjbCN6/s1600/Digg.png)
}
a.dribbble {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiry49qLzLHAhDy3rTQM9NMkj8WPXyYoERa09rokYuOhtlFf7azWtAlgW3gTfnGFd0S1lRtIvx9xvQqJ2fNfTnljDtshI6b2y0jdwoa_8_1jOmvHH9DNYYiaTxhUAM2pu-00mAcYfDfx4xW/s1600/Dribbble.png)
}
a.github {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6lenvu2w0gD1vA9QzYckgy_ljyClhLaE3XAVY9VSL9a-5t0js3FYGkLIWgqMbBgVXnAwUur0-7FAGcKgn3CIzsvkkktMlDTZb-Eh4TbSoU7IxLwtMK44SbBf3zgHhbQWJY2Uz7QxUoi9v/s1600/Github.png)
}
a .Dribbble {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiry49qLzLHAhDy3rTQM9NMkj8WPXyYoERa09rokYuOhtlFf7azWtAlgW3gTfnGFd0S1lRtIvx9xvQqJ2fNfTnljDtshI6b2y0jdwoa_8_1jOmvHH9DNYYiaTxhUAM2pu-00mAcYfDfx4xW/s1600/Dribbble.png)
}
a.foursquare {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivu3dvmC7vA-rRtu5_Rz6pHMnTL0hUqA5gXn7NlsAq_t_6Pt08GPnLd0g8GsdONcTE5i_X9k-3Pu4-ZykCupLRzm2hf4XP5pnckiohyiWOt4HIGjgWjrjkZCTIV3gAL-H2OVZGP1HOkjks/s1600/Foursquare.png)
}
a.dropbox {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1b1rNbUUro7DoHn4IF03jjH9p5cEeKBQgs6-gG-Qh1x8SJoECPdHrWIfDt8BtJ6NPYlGlmhNLqpY6CedONEacVnmEUlqwYX9MrZgXQ2hyphenhyphen66v4lwIAaLfXeMBE9mrqw1wCq0Kz0zYLqpUn/s1600/Dropbox.png)
}
a.rss {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJe6jFDEEihIKXheyr7YxD0MANbtLlNQ8YQ1OHRw_DPTxdW73PaAsqfpARNnWB3SBHRflkVCMjUq_TWAaRT_vvD8OiKfx2ro79JNY4N4UOJFwe32issLiyX-W7XJqDBAHM11NFsWZYSY2v/s1600/RSS.png)
}
a.grooveshark {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRNwa6oi33mwsXT5iTtXX3UDBOCDIYP4MPUKxj-QfhIKMsHLzjfNJDyB9U8TG5xDbd1i6S_dLSlYBID6Q5lfXTR68QAqtYGFuYHiMX3iJr58lwZEgirgMoaEKCADdWSxH30qRg0LEJV3pD/s1600/Grooveshark.png)
}
a.yelp {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVpjocMxUWeHZyvkCAhZMxMnrQ8kSNpiBRr0syDHYR0hXHedg6xJky05L3gM-rLVJMLVMP2EtGCFUs7RrDNaQkR7gzan7pLdQuB-zbPIWBxBp72YoRSxVb-pmkdZk9FwML_mmsZsJThiym/s1600/Yelp.png)
}
a.wordpress {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0eVOn9hGGYDszwoKjowe1wO6CCFtQhuBuX_lP4BSRjLi2oGJuE3TtQ1hQzbabxI8ZZRQwf02Y2T6eUwva0M7Xuyu2w-Jr19gE1OFu5AWT961K3VtIO38NdYIHWcWvOSHy1DMH87sxJQa/s1600/WordPress.png)
}
a.skydrive {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddnJl0uulXwNLYlXsUWUa1uJyGoqwKOiuHuYKPbT2QotN2MiY1_-8lYXQoD9Y6XCbB6aZHMdMu4WFWh8bSva1ThD7NAENleWo8hqNTNh8GLt32ZuvjV7zZ-gLvHTpa0Bz7g2zSjv7r60l/s1600/SkyDrive.png)
}
a.vine {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWIOnzLlzwAaxHMpIDgT0qXPbGngGo1LAsNmfGg5B2m-MAAY4O-B-CfinafypGfMR0MzT3wIrKP5ZYCtx-rjco2zyJJBiWpB7jeKS3UXv-LkHXfeIsIoLcSXQv5_V0V5TEK_UDBgrfFJ7H/s1600/Vine.png)
}
a.tumblr {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTRujgWEyYMRGCsymlVgPM4EFbRdKgQDGM6OmR8pBT3QobnLQajA5FGxFW6c2AGIAMsOo_HT5NXwG368ouertYPKuqJ5rn92Hn9W2fs2Hf4XnRFppvX4DUc1ZM5vryZsLEvAqUU2ZXtzxb/s1600/Tumblr.png)
}
a.Dribbble {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiry49qLzLHAhDy3rTQM9NMkj8WPXyYoERa09rokYuOhtlFf7azWtAlgW3gTfnGFd0S1lRtIvx9xvQqJ2fNfTnljDtshI6b2y0jdwoa_8_1jOmvHH9DNYYiaTxhUAM2pu-00mAcYfDfx4xW/s1600/Dribbble.png)
}
a.TED {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4hEz1TZ9KebcOjK1WWMoHw94mHcOmtycEbg5fjY7fSC6ncRyDYeb6rPMiYAia1oMzg5AokeRpHQEeOQ2ZZAfAnbPcQjbWrhafsdOyugYeccUGgg28M3tvfw6hLPaGiICTnDTXv2dx24lO/s1600/TED.png)
}
a.vimeo {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVdJSophDv20jrNwrgEKxMLtd2n_a0oIBao7hwrsuAlFfhcp8y0E6jY6bSYayRUb0rUtYYNvA1DgdPEFsjiEf4AoktKfZ6UEWBnaqlo2RuA_mEey4HQGS6d5yxDN0vEZfRdZlhwpE6_ml/s1600/Vimeo.png)
}
a.stumbleupon {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilXe-n417XJvW8Gj8I8KHpm1h9nz8tlQ8b5vbyJ6ckA-FJQNWSmkJ1uAhdqe5yvUdhHZ5xUZm9fmf59Y4GKZGv1-d-f2QyOFoYNateDdZU_wetktm4RuF9jMX5qlmRFBHuyR14Itg2ruch/s1600/StumbleUpon.png)
}
a.spotify {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQSagEnklHU0Sjd6CbTgOvXp1HdDU2fe9uB4JLQXs4ll5kMwUJIXEBbTKxJBIHoYnzhaFbmfpPN8VzrMSgtn-GYdxhswu0_fc0XbZebMe0yCu9SyFq2mH84tyzgMX2OlgPGu6MO_lbRBBn/s1600/Spotify.png)
}
a.soundcloud {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ugmf8la24vOZy7aZFJZ1lvT-llshxUfYOSPnuL18Tp4sb4XRr69l78H7MombpPFjDYOUXUZD5qKZ58Ip7frHHd3LSwX7viAwNH7Il0I1SuyjB1d-0p6P81hGq-XdGvM5UrhNH5Uzcf5y/s1600/Soundcloud.png)
}
a.evernote {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyQfei8Vzml3DsdRtf8ob7xeAA0IaC7Tg45QYS9_iD2hosyUzdBrrtnGo4YdBgTFbed_QSyHPXAa5iBpNgMzzEHQ5T7tEHbFRduY_QIeTJE5DURugu9S4UQr-9EkVXCy5eWE0ErOr2bXQ9/s1600/Evernote.png)
}
a.reddit {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-3IE5WeLq3lU24rL6pwv6AiEamKgMZBPgTKN4XxLxesNHe9RBE2xIhgHd5r51B8WpznZghR2rBvXif5-vHfwzNKpFj5xE9E7ePeyyKrzf0XrVJIWeKiJBzIQtMNaHXDkQcwSfst8ERUgU/s1600/reddit.png)
}
a.myspace {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtp56nv1HVa9B5Ho4x57WHY9eMpTmfhy3xqUSlPhr1YjTlbnltEvC9T4_mN1FP-JdHR6n9Qbdj2SnTXhn4sEro8VCkQ_HDwbCJs0PJ6J0zeowuT1OZFLOqLnxfkrUj1cdc3LX5ZN3wz4TR/s1600/myspace.png)
}
a.lastfm {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFKj3WStc4TUNg5_r2Z3d_tPuLgsXENceiL1gzfeVM0TxHLvkNNGIatE_0KKTiUuL-ekpnTEvpDuo2LtVUPn-AlOFgHQEwrk0NiRrtxHknACGqmQGy55C4y1jOxfb6DJ-NG6eZzs6Bhn-/s1600/Lastfm.png)
}
a.kickstarter {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMa_3Nny-ckaAE3y2V-RIt7PsprAys440mk-yYrBnnTP9oullFcgQnRiBO5RWMvpxD_OAkpBsaaHsZMjEX-C2lCUoYAIexoZPAQOKtzuD1sM81ru4DV4YXO-YsNUY6-gMBajqv98cH4Gc/s1600/Kickstarter.png)
}
a.iMDB {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAvsaf6eRI_B_YdFwMW3AmqjGEgRPxJ6cZ5Z9ZSbpqwQu3K5VAjm-Ze3Jwxkd8msnng15NZcwBfvA7b6AXsWN4qBP36HO-BpySYpo93rdg0yQ3deJwFtBd3QzsUxU0STeI3k5D4am4USex/s1600/iMDB.png)
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
border-radius: 5px;
border: 2px solid #000;
background: #4c4c4c;
color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 8px 10px;
overflow: hidden;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
/* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
cursor: help;
margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
padding: 0;
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible;
}
.tooltipster-base .tooltipster-content {
overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
display: block;
width: 0;
height: 0;
position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-top: 8px solid;
bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-top: 9px solid;
bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-bottom: 8px solid;
top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-bottom: 9px solid;
top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
left: 0;
right: 0;
margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
left: 5px;
}
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
border-left: 8px solid;
top: 50%;
margin-top: -7px;
right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important;
border-left: 9px solid;
margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
border-right: 8px solid;
top: 50%;
margin-top: -7px;
left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important;
border-right: 9px solid;
margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade-show {
opacity: 1;
}
.tooltipster-grow {
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
transform: scale(0,0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
}
.tooltipster-swing-show {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
top: 0;
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0px !important;
opacity: 0;
}
.tooltipster-slide {
left: -40px;
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0px !important;
opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
opacity: 0.5;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.tooltipster-punk {
border-radius: 5px;
border-bottom: 3px solid #f71169;
background: #2a2a2a;
color: #fff;
}
.tooltipster-punk .tooltipster-content {
font-family: 'Courier', monospace;
font-size: 14px;
line-height: 16px;
padding: 8px 10px;
}
.post-home .post-title {
margin-bottom: 10px;
font-weight: 400;
}
.post-home .post-meta {
margin-bottom: 10px;
}
.toe {
}
.jump-link a {
background-color: $(main.color);
color: #fff;
padding: 5px 15px;
}
.jump-link a:hover {
background-color: #111;
text-decoration: none;
}
.status-msg-border {
display: none;
}
.status-msg-body {
position: relative;
}
.status-msg-wrap {
margin: 0;
width: 100%;
padding: 10px 0;
background-color: #474747;
color: #fff;
}
.status-msg-body:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.status-msg-wrap a {
color: #ddd;
}
.loadbt {
background-color: $(main.color);
display: block;
color: #fff;
padding: 5px 0;
margin-top: 15px;
}
.loadbt:hover {
background-color: #222;
color: #fff;
}
.post-home .post-meta a, .post-home .post-meta .fa {
color: #777;
}
.index .post, .archive .post {
background-color: #fff;
margin-top: 20px;
box-shadow: 0 0 12px rgba(171, 139, 110, 0.38);
-webkit-box-shadow: 0 0 12px rgba(171, 139, 110, 0.38);
-khtml-box-shadow: 0 0 12px rgba(171,139,110,.38);
-moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
-ms-box-shadow: 0 0 12px rgba(171,139,110,.38);
}
.jump-link {
position: absolute;
z-index: 5;
top: 20px;
}
.index .post-header, .archive .post-header {
display: none;
}
#footer-wrapper {
background-color: #151515;
color: #fff;
padding: 15px 0;
border-top: 5px solid $(main.color);
}
#footer-wrapper .footer {
width: 25%;
overflow: hidden;
}
#footer-wrapper .widget {
margin: 0 15px;
}
#footer-wrapper .widget ul {
padding: 0;
}
#footer-wrapper a {
color: #BBB7B7;
}
#footer-wrapper a:hover {
color: #DDD;
}
#footer-wrapper .widget h2 {
border-bottom: 5px solid $(main.color);
display: block;
border-left: 0;
border-right: 0;
color: #B9B9B9;
margin-bottom: 15px;
font-size: 16px;
padding: 10px 0;
font-weight: 400;
background-color: rgba(0, 0, 0, 0.04);
}
#footer-wrapper .contact-form-name, #footer-wrapper .contact-form-email, #footer-wrapper .contact-form-email-message {
background-color: #2B2929;
color: #FFF;
}
#footer-wrapper .FollowByEmail .follow-by-email-inner .follow-by-email-address {
background-color: #222;
color: #fff;
}
#footer-wrapper .cloud-label-widget-content span a {
background-color: #222;
}
#footer-wrapper .cloud-label-widget-content span a:hover {
background-color: $(main.color);
color: #fff;
}
#footer-wrapper #ArchiveList select {
background-color: #222;
color: #fff;
}
#copyrights {
padding: 10px 0;
background-color: #252525;
color: #FFF;
}
.upbt .fa {
background-color: $(main.color);
color: #fff;
padding: 10px 15px;
font-size: 2em;
border-radius: 5px;
}
.upbt .fa:hover {
background-color: #222;
}
#ArchiveList a {
line-height: 22px;
}
#ArchiveList select {
border: 0;
background-color: #EEE;
padding: 15px;
width: 100%;
font-family: open sans;
}
.sidebar .widget {
margin-bottom: 25px;
}
.index .post-outer {
position: relative;
overflow: hidden;
}
.index .post-outer:after {
content: no-close-quote;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 151px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKrHFmkzAdFLUh0oNf9TdtyBf4aZDHvAR9rhWoxJ6mavewcY7O38gs2SwYJONrtM2JnXOEkIUxq9PAxObaBwhEhNppP_V-gVMdZYvEB-_2nGTJ5GyPV5Ij72Tsy7jigvyYMEsEBkWBStE/s1600/gradient.png) repeat-x;
}
.archive .post-outer {
position: relative;
overflow: hidden;
}
.archive .post-outer:after {
content: no-close-quote;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 151px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKrHFmkzAdFLUh0oNf9TdtyBf4aZDHvAR9rhWoxJ6mavewcY7O38gs2SwYJONrtM2JnXOEkIUxq9PAxObaBwhEhNppP_V-gVMdZYvEB-_2nGTJ5GyPV5Ij72Tsy7jigvyYMEsEBkWBStE/s1600/gradient.png) repeat-x;
}
.post-snippet {
color: #BBB;
}
.post-home .post-title a {
color: #fff;
}
.post-home .post-meta a, .post-home .post-meta .fa {
color: #DDD;
}
.post-home .imageContainer {
width: 100%;
height: 300px;
float: none;
margin-bottom: 10px;
}
.post-home img {
float: none;
position: relative;
}
.post-info {
padding: 0 15px;
position: absolute;
z-index: 5;
bottom: 5px;
}
.error_page .sidebar {
display: none;
}
.error_page .home-link:hover {
padding: 10px 25px;
}
.error_page #main-wrapper {
width: 100%;
background-color: #474747;
}
.error_page .home-link {
background-color: #fff;
color: #111;
padding: 10px 25px;
display: inline-block;
}
.error_page .error-title span {
color: #fff;
font-size: 10em;
font-family: open sans;
}
.error_page .error-title {
text-align: center;
}
.error_page #outer-wrapper {
background-color: #474747;
}
.post-pager {
margin-bottom: 10px;
overflow: hidden;
padding: 0 !important;
}
.post-pager li.next {
padding: 0;
background: none;
margin: 0;
}
.post-pager li.next a {
padding-right: 24px;
}
.post-pager li.previous {
margin-top: 0;
margin-bottom: 0;
padding: 0;
background: none;
}
.post-pager li {
width: 50%;
display: inline;
float: right;
text-align: center;
}
.post-pager li a {
position: relative;
display: block;
outline: none;
text-decoration: none;
}
.post-pager li i {
color: #ccc;
font-size: 18px;
}
.post-pager li a strong {
display: block;
font-size: 20px;
color: #ccc;
font-weight: 700;
margin-bottom: 10px;
}
.post-pager li a span {
font-size: 15px;
color: #666;
margin: 0;
}
.post-pager li a:hover span,
.post-pager li a:hover i {
color: #222;
}
.post-pager li.previous i {
margin-top: 15%;
}
.post-pager li.next i {
margin-top: 15%;
}
.post-pager li.next i,
.post-pager li.previous i,
.post-pager li.next,
.post-pager li.previous {
-webkit-transition-property: background color;
-webkit-transition-duration: .4s;
-webkit-transition-timing-function: ease-out;
-moz-transition-property: background color;
-moz-transition-duration: .4s;
-moz-transition-timing-function: ease-out;
-o-transition-property: background color;
-o-transition-duration: .4s;
-o-transition-timing-function: ease-out;
transition-property: background color;
transition-duration: .4s;
transition-timing-function: ease-out;
}
.post-pager li {
padding-top: 15px!important;
margin-top: 10px !important;
}
#comments h4 {
font-weight: 400;
}
/* related posts styles */
#related-posts h2 {
margin-bottom: 10px;
font-weight: 400;
}
#related-posts {
overflow: hidden;
border-top: 1px solid #DDD;
margin-top: 20px;
padding-top: 10px;
margin-bottom: 5px;
background-color: #FFF;
padding: 25px;
}
#related-posts .related_img {
width: 100%;
height: 120px;
opacity: 1;
}
#related-posts .related_img:hover {
opacity: .7;
}
#related-posts a {
width: 30%;
}
/* end related posts style */
/* recent posts main style */
#label_with_thumbs li {
width: 100%;
display: inline-block;
padding: 0;
}
.imageContainer {
width: 70px;
height: 70px;
overflow: hidden;
}
.label_thumb {
position: relative;
max-width: none !important;
}
.label_title {
display: block;
font-size: 14px;
line-height: 23px;
margin-bottom: 7px;
}
.post-date {
font-size: 11px;
font-weight: normal;
color: #888 !important;
}
.post-date:before {
content: "\f073";
font-family: FontAwesome;
display: inline-block;
}
.recent-com {
color: #888 !important;
font-size: 11px;
}
.recent-com:before {
content: "\f0e6";
font-family: FontAwesome;
display: inline-block;
}
.toe {
overflow: hidden;
display: block;
margin-bottom: 5px;
}
li.recent-box:last-child {
border-bottom: 0 !important;
}
.post-summary {
line-height: 18px;
}
.ro {
margin-bottom: 15px;
overflow: hidden;
}
.recent {
background-color: #FFF;
overflow: hidden;
}
#recent1 {
width: 100%;
}
#recent2 {
width: 100%;
}
#recent2 .imageContainer {
width: 350px;
height: 300px;
float: none;
}
#recent2 .recent-box {
width: 48%;
overflow: hidden;
padding: 0;
color: #9B9B9B;
margin-bottom: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.recent .post-summary {
color: #9B9B9B;
}
#recent2 .label_title, #recent2 .toe, #recent2 .post-summary {
margin: 10px;
}
#recent2 .label_title {
font-size: 1.2em;
}
#recent1 .recent-box {
width: 50%;
display: inline-block;
margin-bottom: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
#recent1 .recent-box .imageContainer {
width: 100%;
float: none;
height: 150px;
margin-bottom: 8px;
}
#recent3 .recent-box {
width: 50%;
display: inline-table;
margin-bottom: 8px;
}
#recent4 .imageContainer {
width: 200px;
height: 150px;
}
#recent4 .recent-box {
width: 490px;
overflow: hidden;
padding: 0;
background-color: #444;
color: #9B9B9B;
height: 150px;
margin-bottom: 15px;
box-shadow: 0px 40px 20px -40px #858585;
-webkit-box-shadow: 0px 40px 20px -40px #858585;
-moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
-o-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
}
#recent4 .recent-box a {
color: #DDD;
}
#recent4 .label_title, #recent4 .toe, #recent4 .post-summary {
margin: 10px;
}
#recent4 .label_title {
font-size: 1.2em;
}
#recent4 .label_thumb:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
#recent5, #recent6 {
width: 49%;
background-color: #FFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#recent5 .recent-box, #recent6 .recent-box, #recent7 .recent-box {
margin-bottom: 10px;
border-bottom: 1px solid #F1F1F1;
padding-bottom: 15px;
}
#recent5 .recent-box:first-child, #recent6 .recent-box:first-child, #recent7 .recent-box:first-child {
margin-bottom: 20px;
}
#recent5 .recent-box:first-child .imageContainer, #recent6 .recent-box:first-child .imageContainer {
float: none;
width: 100%;
height: 150px;
margin-bottom: 5px;
}
#recent5 ul, #recent6 ul {
padding-left: 10px;
padding-right: 10px;
padding-top: 0;
}
#recent5 .recent-box:first-child .imageContainer img:hover, #recent6 .recent-box:first-child .imageContainer img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
#recent5 .recent-box .post-summary, #recent6 .recent-box .post-summary, #recent7 .recent-box .post-summary {
display: none;
}
#recent5 .recent-box:first-child .post-summary, #recent6 .recent-box:first-child .post-summary, #recent7 .recent-box:first-child .post-summary {
display: block;
}
.cover {
direction: ltr;
margin: 25px 0;
background-color: #fff;
max-height: 450px;
}
#coverflow .next {
right: 0;
}
#coverflow .prev {
left: 0;
}
#coverflow button {
top: 220px;
position: absolute;
z-index: 55;
border: 0;
padding: 15px;
background-color: $(main.color);
color: #fff;
cursor: pointer;
opacity: 0;
}
#coverflow:hover button {
opacity: 1;
}
#coverflow .recent-box {
width: 395px;
height: 450px;
position: relative;
}
#coverflow .recent-box .imageContainer {
width: 395px;
height: 450px;
}
#coverflow .recent-box .label_title {
position: absolute;
z-index: 5;
color: #fff;
width: auto;
padding: 10px 0;
text-align: center;
left: 0;
right: 0;
bottom: 15px;
margin: 0 20px;
font-size: 1.4em;
line-height: 2em;
}
#coverflow .recent-box .label_title:before {
content: "";
}
#coverflow .recent-box:after {
content: no-close-quote;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 151px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKrHFmkzAdFLUh0oNf9TdtyBf4aZDHvAR9rhWoxJ6mavewcY7O38gs2SwYJONrtM2JnXOEkIUxq9PAxObaBwhEhNppP_V-gVMdZYvEB-_2nGTJ5GyPV5Ij72Tsy7jigvyYMEsEBkWBStE/s1600/gradient.png) repeat-x;
}
#coverflow .recent-box .toe {
position: absolute;
background-color: rgba(0, 0, 0, 0.55);
padding: 10px;
top: 10px;
}
#coverflow .recent-box .toe a {
color: #FFF !important;
}
.recent .title {
line-height: 32px;
color: #19232D;
margin-bottom: 10px;
text-align: center;
font-size: 16px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXb7lMH-vd71wbhHW_p8gGNgdSwgBzDyXY-XO0TrWbUHv701CUQSPDrOCqQxqNuUAmr0kV71awWEigioREfIj4JQ8QdeqzJc6GejhyVf91pvq2z2WLMOpfUR-5paFgseyk3ouFbSFC1uQ/h120/dot.png) rgba(0, 0, 0, 0.06);
}
.recent .title a {
color: #fff;
background-color: $(main.color);
display: inline-block;
padding: 3px 15px;
}
.recent a {
color: #111;
}
.recent .title a:hover {
text-decoration: underline;
}
.recent ul {
padding-top: 15px;
padding-bottom: 15px;
}
.label_title:before, .sidebar .LinkList li a:before, #footer-wrapper .LinkList li a:before, .popular-posts .item-title a:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: $(main.color);
}
.LinkList ul {
list-style: none;
padding: 0;
}
.slider .label_title:before {
content: '';
display: block;
}
#recent2 .label_thumb:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
#recent1 .label_thumb:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
.recom {
padding: 5px 0;
}
/* News Ticker */
.ticker #label_with_thumbs li a:hover {
text-decoration: underline;
}
.ticker {
height: 38px;
position: absolute;
}
.ticker .widget {
margin: 0;
}
.ticker .post-date {
color: #DDD;
}
.ticker #label_with_thumbs li {
width: auto;
border: 0;
padding: 0;
display: block;
}
.ticker #label_with_thumbs li a {
color: #EEE;
}
.ticker .label_title {
display: block;
}
.ticker h2 {
background-color: $(main.color);
color: #fff;
padding: 6px 25px;
text-align: center;
font-weight: normal;
font-size: 16px;
}
.ticker h2:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
background-color: #1B1A1A;
color: $(main.color);
padding: 5px 5px;
top: 0;
z-index: 55;
font-size: 25px;
}
.tickercontainer,
.tickercontainer .mask,
ul.newsticker {
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
list-style:none;
margin:0;
}
.tickercontainer {
margin: 0;
padding: 0;
overflow: hidden;
height: 38px;
}
.tickercontainer .mask {
position: relative;
overflow: hidden;
top: 4px;
height: 38px;
}
ul.newsticker {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
height: 38px;
}
ul.newsticker li {
margin: 0;
max-height: 39px;
}
.tickeroverlay-left {
display: none;
}
.tickeroverlay-right {
display: none;
}
.slider, .cover, #ticker ul#label_with_thumbs {
visibility: hidden;
}
/* Slider */
.slider {
max-height: 300px;
}
#main-up .woo {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0EkXhhex9PwRe-bhyphenhyphen9wuUh8rJDcuidFQILrBBsw44TLEx9HDF28_ctl5pefMfLywANH10rHLysYy1KRHsq_LG7Tc8X5X0aMLDhX0wlNG0hTAinrSTnTPob-SHX5S08sVWpcInIHaMoLY/s1600/section_bg.png) no-repeat bottom center;
padding-bottom: 12px;
}
.slider {
position: relative;
overflow: auto;
width: 100% !important;
direction: ltr !important;
}
.slider ul#label_with_thumbs, .slider ul#label_with_thumbs li {
margin: 0 !important;
padding: 0 !important;
border: 0;
}
.slider ul li {
position: relative;
padding: 0;
}
.slider .imageContainer {
height: 300px;
width: 100%;
}
.slider .label_thumb {
width: 100% !important;
height: 300px;
}
.slider .label_title {
z-index: 1;
text-align: center;
width: auto;
font-size: 1.3em;
opacity: 1;
color: #fff !important;
position: absolute;
font-weight: normal;
display: block;
left: 0;
right: 0;
bottom: 30px;
margin: 0;
}
#main-up .recent-box:after {
content: no-close-quote;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 151px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKrHFmkzAdFLUh0oNf9TdtyBf4aZDHvAR9rhWoxJ6mavewcY7O38gs2SwYJONrtM2JnXOEkIUxq9PAxObaBwhEhNppP_V-gVMdZYvEB-_2nGTJ5GyPV5Ij72Tsy7jigvyYMEsEBkWBStE/s1600/gradient.png) repeat-x;
}
.slideraro {
position: absolute;
z-index: 1;
top: 15px;
}
.slideraro a {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.33);
padding: 10px 15px;
overflow: hidden;
display: block;
color: #FFF;
}
.slideraro a.unslider-arrow.prev:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slideraro a.unslider-arrow.next:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dots {
position: absolute;
top: 10px;
}
.dots li {
font-size: .0em;
display: inline-block;
width: 8px;
border-radius: 50px;
height: 8px;
padding: 2px;
border: 0;
cursor: pointer;
background-color: $(main.color);
}
.dots li.active {
background: #fff;
}
/* End Slider */
.videoBar-container {
width: 100% !important;
}
.videoBar-container td div {
width: 100% !important;
margin-top: 15px;
}
.videoBar-container td div img {
width: 100%;
height: auto;
}
table.gsc-branding-vertical td.gsc-branding-img-noclear {
display: none;
}
td.gsc-branding-text {
display: none;
}
.playing_gsvb {
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
position: fixed;
}
div.floatingPlayer_gsvb div.playerInnerBox_gsvb .player_gsvb {
width: 80%;
height: 500px;
margin: 30px auto;
}
.playerBox_gsvb div.alldone_gsvb {
display: none;
}
.title_gsvb {
display: none;
}
.recent-posts .imageContainer {
width: 100%;
height: 100px;
float: none;
margin: 0;
margin-bottom: 5px;
}
#ad .title {
display: none;
}
#blog-pager {
clear: both;
margin: 20px 0;
padding: 10px 0;
font-size: 15px;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a {
background: $(main.color);
color: #fff;
padding: 10px 10px 9px;
text-decoration: none;
}
#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpagePoint,.showpageNum a:hover,.showpage a:hover {
background: #000;
color: #fff;
padding: 10px 10px 9px;
text-shadow: 1px 0 1px #000;
}
.showpageOf {
background: $(main.color);
color: #fff;
padding: 10px 10px 9px;
}
/* Responsive Design
----------------------------------------------- */
@media screen and (min-width: 1200px) {
#facebook-comments1 {
display: block;
}
#facebook-comments2, #facebook-comments3, #facebook-comments4 {
display: none;
}
}
@media screen and (max-width: 1200px) {
#facebook-comments2 {
display: block;
}
#facebook-comments1, #facebook-comments3, #facebook-comments4 {
display: none;
}
.box {
max-width: 800px;
}
#main-wrapper {
width: 100%;
float: none !important;
clear: both;
}
#sidebar-wrapper {
width: 48%;
margin-top: 25px;
}
#sidebar-wrapper3 #sidebar-wrapper2 {
width: 48%;
margin-top: 25px;
display: block;
}
#sidebar-wrapper2 {
display:none;
}
#header-content #header {
float: none !important;
width: 250px;
margin: 0 auto 30px;
}
.Header h1, .Header .description, #header {
text-align: center;
}
#header-content #ad {
float: none !important;
width: 100%;
max-width: 728px;
margin: 0 auto;
}
}
@media screen and (max-width: 800px) {
#facebook-comments3 {
display: block;
}
#facebook-comments1, #facebook-comments2, #facebook-comments4 {
display: none;
}
.box {
max-width: 600px;
}
#coverflow {
max-width: 400px;
margin: 0 auto;
}
#footer-wrapper .footer {
width: 100%;
float: none !important;
margin-bottom: 10px;
}
}
@media screen and (max-width: 600px) {
#facebook-comments4 {
display: block;
}
#facebook-comments1, #facebook-comments3, #facebook-comments2 {
display: none;
}
.box {
max-width: 400px;
}
#sidebar-wrapper {
width: 100%;
float: none !important;
margin-top: 25px;
}
#sidebar-wrapper3 #sidebar-wrapper2 {
width: 100%;
float: none !important;
margin-top: 25px;
}
#social-sec {
float: none !important;
display: block;
}
#copyrights p {
float: none !important;
margin-bottom: 15px;
text-align: center;
}
.slider .imageContainer {
height: 200px;
}
#recent1 .recent-box {
width: 100%;
}
#recent1 ul {
padding: 0;
}
#recent2 .recent-box {
float: none !important;
width: 95%;
}
#recent5, #recent6 {
float: none !important;
width: 100%;
}
#recent3 .recent-box {
width: 100%;
display: inline-block;
}
.post-home .imageContainer {
height: 200px;
}
#related-posts a {
width: 100%;
}
}
@media screen and (max-width: 400px) {
#main-up, #coverflow {
display: none;
}
.recom .woo {
margin: 0 !important;
}
}
]]>
<div class="
home box
item">
