/*
Theme Name: Fun
Theme URI: http://socialfun.nl/theme
Description: theme for fun site
Author: Funny
Author URI: http://socialfun.nl
Published by: http://socialfun.nl
Version: z1.0
*/
/* ---------------- RESET CSS ---------------- */

@font-face{font-family:'Tauri';font-style:normal;font-weight:400;src:local('Playfair Display '),local(Tauri-Regular),url(https://fonts.gstatic.com/s/tauri/v4/NN-VSW_h-jkrKyYGwwj5QQ.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Tauri';font-style:normal;font-weight:400;src:local('Playfair Display '),local(Tauri-Regular),url(https://fonts.gstatic.com/s/tauri/v4/sWn97sjs9uU0xeuHDScCTA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;direction: ltr;}

/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{margin:10px 0;clear:both;quotes:none;background:#EDF0F3;border-left:5px solid #C1CED4;padding:5px 10px}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
code{margin: 10px 0;display: block;border-right:1px solid #DDD;border-left:3px solid #43966C;padding:5px 10px;font-family:monospace;font-size:13px;background:#FAFAFA}
table{border-collapse:collapse;border-spacing:0}
a{color:#524d6e;text-decoration:none;transition:color .1s linear;-moz-transition:color .1s linear;-webkit-transition:color .1s linear}
a:hover{text-decoration:none}
.clear{clear:both}

/* ---------------- GENERAL CSS ---------------- */
#ads_alert {
    clear: both;
    color: #b6b6b6;
    content: "hirdet\00e9s";
    float: right !important;
    font: 400 10px Ubuntu,sans-serif;
}
h1{font-size:20px;margin-bottom:10px;}
h2{font-size:19px}
h3{font-size:17px}
h4{font-size:16px}
h5{font-size:15px}
h6{font-size:14px}
p{margin:10px 0;overflow:hidden}
body{background:#d1cece;font-size:14px;font-family:'Tauri',sans-serif;color:#3C3B3B;margin:0 auto}
#wrap{max-width:900px;margin:0 auto;background:white}
#content{overflow:hidden;margin-bottom:15px}
:focus{outline:none}
.ads{padding:0px 0px;text-align:center;overflow:hidden;position:relative}
.ads img{max-width:100%;height:auto}

/* ---------------- HEADER CSS ---------------- */

#header{overflow:hidden;margin:10px 0;margin-top:0}
#header .logo{float:left}
#header .logo img{height:90px}

/* ---------------- MENU CSS ---------------- */

#main-menu{margin:0 auto;background:#000000;}
#main-menu ul{position:relative;float:left}
#main-menu ul .current-menu-item a{background:#000000}
#main-menu ul li{float:left;position:relative}
#main-menu ul li a{color:#FFF;display:block;font-size:15px;text-align:center;text-transform:uppercase;line-height:40px;font-weight:700;padding:0 14px}
#main-menu ul li a:hover{text-decoration:none;background:#000000;color:#000000}
#main-menu ul li ul{position:absolute;border-top:1px solid #23282D;top:40px;display:none;z-index:9999;box-shadow:0 3px 5px rgba(0,0,0,.2);background:#32373c}
#main-menu ul li:hover ul{display:block}
#main-menu ul li ul li {float:none;}
#main-menu ul li:hover ul li ul {display: none;}
#main-menu ul li ul li a{display:block;min-width:160px;font-size:14px;font-weight:400;text-transform:none;padding:5px 10px;line-height:20px;text-align:left}
#main-menu ul li ul li a:hover{background:rgb(35, 40, 45)}
#main-menu .random{float:right;color:#FFF;text-transform:uppercase;background:#000000;cursor:pointer;line-height:37px;font-weight:700;font-size:14px;padding:0 15px}
#main-menu .random:hover{background:#000000;color:#333;text-decoration:none}
.show-menu{display:none;color:#000000;line-height:37px;font-size:16px;font-weight:700;text-transform:uppercase;text-align:center;cursor:pointer}
input[type=checkbox]{display:none;-webkit-appearance:none}
input[type=checkbox]:checked ~ #menu-menu{display:block;z-index:9999;float:none;background:#222;position:relative}


/* ---------------- POSTSBODY CSS ---------------- */

.postsbody{float:left;width:65%}
.postsbody .lts{margin:0 15px}
.postsbody .lts .ls{overflow:hidden;margin:15px 0 0;padding:0 0 15px;border-bottom:1px dashed #CCCBCB}
.postsbody .lts .ls .img{float:left;width:31%;overflow:hidden}
.postsbody .lts .ls .img .ltr{max-height: 100px;overflow:hidden;margin-right:10px}
.postsbody .lts .ls .img .ltr img{width:100%;min-height:100px;height:auto}
.postsbody .lts .ls .nf{overflow:hidden;line-height:18px;float:right;width:69%}
.postsbody .lts .ls .nf h2{font-size:17px;margin-bottom:5px;line-height: normal;}
.postsbody .lts .ls .nf h2 a{color:#111111}
.postsbody .lts .ls .nf h2 a:hover{color:#9B59B6}
.postsbody .lts .ls .nf .th{color:#B9B8B8;font-size:11px}
.postsbody .lts .ls .nf .th span,.ctn .th span{font-size:16px;width:16px;height:16px}
.postsbody .lts .ls .nf .th a{color:#B9B8B8}
.posts.lts .ls .nf .th a:hover{color:#3C97F3}
.postsbody .lts .ls .nf .xp{color:#545454}
.postsbody .lts .ls .nf .xp p{margin:0}

/* ---------------- SIDEBAR CSS ---------------- */

#sidebar{float:right;width:35%}
.bl{margin-right:15px;margin-top:15px}
.bl .blc{overflow:hidden;margin-bottom:15px;line-height:21px;list-style:none !important;}
.bl .blc .searchform{background:#FAFAFA;border-radius:5px;overflow:hidden}
.bl .blc .searchform .screen-reader-text{display:none}
.bl .blc .searchform #s{padding:0;line-height:27px;font-size:14px;background:#EFEFEF;font-family:'Tauri',sans-serif;border:0;width:78%}
.bl .blc .searchform #searchsubmit{padding:0 5px;line-height:27px;color:#FFF;width:20%;border:0;background:#E74C3C;font-family:'Tauri',sans-serif}
.bl .blc h3{border-radius:3px;overflow:hidden;text-transform:uppercase;font-size:14px;color:#FFF;background-color:#ff370f}
.bl .blc h3 span{display:block;background:#111111;padding:7px 10px;float:left}
.bl .blc h3 i{display:block;float:left;width:0;height:0;border-top:34px solid #111111;border-right:34px solid transparent}
.bl .blc ul{overflow:hidden}
.bl .blc ul li{padding:0px;overflow:hidden;border-bottom:0px dashed #CCCBCB}
.bl .blc a{color:#8E44AD;font-weight:900}
.bl .blc a:hover{color:#613970;text-decoration:none;}
.bl .blc .spl li .img{width:26%;float:left;overflow:hidden}
.bl .blc .spl li .img .ltr{max-height: 40px;overflow:hidden;margin-right:6px}
.bl .blc .spl li .img .ltr img{width:100%;height:auto}
.bl .blc .spl li .nf{overflow: hidden;}
* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
/* ---------------- POST CSS ---------------- */

.ctn{padding:15px;word-break: break-word;}
.ctn .ttl{line-height:normal;color:#142E40;font-size:20px;margin:10px 0}
.ctn .th{margin-bottom:15px;line-height:17px;font-size:12px;color:#999}
.ctn .thm{margin-bottom:15px;text-align:center}
.ctn .thm img{max-width:100%;height:auto}
.ctn .pst{line-height:21px;margin-bottom:10px}
.ctn .pst img{max-width:100%;height:auto}
.ctn .tag{margin-bottom:15px;font-size:12px;color:#999}
.ctn .tag a{color:#999}
img.alignleft{float:left;margin-right:10px}
img.alignright{float:right;margin-left:10px}
.pst h1,.pst h2,.pst h3,.pst h4,.pst h5,.pst h6{line-height:22px;margin-bottom:5px}
.ctn .pst ul,.ctn .pst ol{margin:0 0 10px 20px}
.ctn .pst ul{list-style:disc}
.ctn .pst ol{list-style:decimal}
.rtd{overflow:hidden;margin-bottom:15px}
.rtd li{padding:10px 0;overflow:hidden;border-bottom:1px dashed #CCCBCB}
.rtd li .img{float:left;width:17%;overflow:hidden}
.rtd li .img .ltd{max-height: 150px;overflow:hidden;margin-right:10px}
.rtd li .img .ltd img{width:100%;height:auto}
.rtd li .nf{float:right;width:83%;line-height:normal;overflow:hidden}
.rtd li .nf h2{font-size:15px}
.rtd li .nf h2 a{color:#142E40}
.rtd li .nf h2 a:hover{color:#ff370f}
.pl{overflow:hidden}
.pl .plt{background:#111111;border-radius: 20px;}
.pl span{display:block;float:left;border-radius:20px;background:#2200eb;color:#FFF;font-size:16px;font-weight:700;text-transform:uppercase;margin-right:2px;padding:6px 14px}
.shr{margin-bottom:10px;margin-left:86px;margin-top:-36px;}
.share-btn{display:inline-block;color:#fff;border:none;padding:.5em;width:4em;box-shadow:0 2px 0 0 rgba(0,0,0,0.2);outline:none;text-align:center}
.share-btn:hover{color:#eee}
.share-btn:active{position:relative;top:2px;box-shadow:none;color:#e2e2e2;outline:none}
.share-btn.share{background:#4F6065;text-transform:uppercase;font-weight:700}
.share-btn.twitter{background:#55acee}
.share-btn.google-plus{background:#dd4b39}
.share-btn.facebook{background:#3B5998}
.share-btn.linkedin{background:#4875B4}
.share-btn.email{background:#444}
.share-btn.stumbleupon{background:#EB4823}
.share-btn.reddit{background:#ff5700}
.snip{padding:8px;color:#9E9E9E;background:#EFEFEF;font-weight:700;font-size:11px;margin-bottom:15px}

/* ---------------- PAGENAVI CSS ---------------- */

.pagination{padding:10px 0;line-height:normal;font-weight:700;font-size:11px;text-transform:uppercase}
.pagination .page{overflow:hidden}
.pagination .page .left{float:left}
.pagination .page .left .now{padding:5px 10px;margin-right:3px;border-radius:3px;color:#FFF;background:#34495E;display:block;float:left}
.pagination .page .left a{padding:5px 10px;background:#000000;border-radius:3px;color:#FFF;margin-right:3px;display:block;float:left}
.pagination .page .left a:hover{background:#111111}
.pagination .page .right{float:right;color:#FFF;padding:5px 10px;border-radius:3px;background:#000000}

/* ---------------- BREADCRUMBS CSS ---------------- */

.cst{margin-top:15px}
.cst h1{line-height:normal;border-bottom:1px dashed #CCCBCB;font-size:12px;font-weight:400;color:#888;padding-bottom:5px}
#breadcrumbs{line-height:normal;list-style:none;color:#999;font-size:11px;padding-bottom:5px;overflow:hidden;border-bottom:1px dashed #CCCBCB}
#breadcrumbs a{color:#999}
#breadcrumbs li{display:inline-block;vertical-align:middle;margin-right:3px}
#breadcrumbs .separator{font-size:15px;font-weight:100;color:#ccc}

/* ---------------- COMMENT CSS ---------------- */

.commentarea{padding:0}
.commentarea input[type=checkbox]{display:block;margin:0;margin-right:5px;float:left;-webkit-appearance:initial}
.commentarea h3{margin-bottom:10px;line-height:normal;background-color:#3b5998;color:white;padding: 6px}
.commentlist{overflow:hidden}
.commentlist li{overflow:hidden;padding:5px 0}
.comment-body{overflow:hidden;line-height:normal;padding:10px;margin-bottom:5px;border:1px solid #DEDEDE}
.comment-author.vcard{background:#E6E6E6}
.commentlist li .comment-meta{font-size:12px;line-height:17px;background:#E6E6E6}
.commentlist li .comment-author img{float:left;width:32px;height:32px;margin-right:7px;padding:1px;border:1px solid #d5d5d5;background:#fff;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);box-shadow:0 2px 2px rgba(0,0,0,0.1)}
.commentlist li .comment-author .fn{font-style:normal;font-weight:700}
.commentlist li .comment-author .fn a{color:#333}
.commentlist li .comment-author .says{display:none}
.commentlist li .comment-meta{font-size:12px;line-height:17px}
.commentlist li p{line-height:normal;margin:15px 0}
.commentlist li .reply{float:right}
.commentlist li .reply a{display:block;font-weight:700;font-size:11px;font-family:Open Sans;border-radius:3px;color:#777;background:#f8f8f8;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:23px;padding:1px 10px}
.commentlist li .children{margin-left:20px}
#respond input{border:1px solid #DDD;border-radius:3px;font-family:Open Sans,sans-serif;padding:5px}
#respond #comment{width:96.1%;border-radius:3px;font-family:Open Sans,sans-serif;padding:10px;line-height:18px!important;padding:10px 10px 5px!important;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.12) inset;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.12) inset;box-shadow:1px 1px 2px rgba(0,0,0,0.12) inset;background:#fcfcfc;background:rgba(255,255,255,0.85);border:1px solid #c9c9c9;border:1px solid rgba(0,0,0,0.2);-webkit-transition-duration:.3s;-moz-transition-duration:.3s}
#respond #submit{background:#f00;font-weight:700;cursor:pointer;padding:5px 8px;border:1px solid #DDD;border-radius:3px;color:#fff;font-family:Open Sans,sans-serif}
#respond #submit:hover{background:#000;color:#fff}

/* ---------------- FOOTER CSS ---------------- */

#footer{padding:10px 15px;overflow:hidden;background:#FAFAFA;border-top:1px solid #DDD;font-size:10px;font-weight:700;color:#999}
#footer .left{float:left}
#footer .left ul li{float:left;margin-right:10px}
#footer .right{float:right}
#footer a{color:#999}

/* ---------------- RESPONSIVE CSS ---------------- */

@media only screen and ( max-width: 769px ) {
img,video,object{width:100%;height:auto}
.articles{padding-right:0;border-right:none}
.show-menu{display:block;overflow:hidden}
.show-menu i{float:right;margin-right:15px;line-height:36px;font-size:20px}
.show-menu span{float:left;margin-left:15px}
#main-menu{padding:0;width:100%}
#main-menu ul{position:static;display:none}
#main-menu ul li{float:none;position:relative;width:100%}
#main-menu ul li a{width:auto}
#main-menu ul li ul{width:100%}
#footer .left{display:none}
#footer .right{float:none;text-align:center;line-height:normal}
}
@media only screen and ( max-width: 655px ) {
.postsbody{float:none;width:100%}
#sidebar{float:none;width:100%}
.bl{margin-left:15px}
}
@media only screen and ( max-width: 645px ) {
.postsbody .lts .ls .img .ltr img{min-height:auto}
}
@media only screen and ( max-width: 400px ) {
.postsbody .lts .ls .nf .xp{display:none}
}
#likepage-title-box {
    min-width: 300px;
    max-width: 100%;
    height: 16px;
    font-weight: 800;
    padding: 10px 12px;
    background-color: #ff370f;
    color: #fff;
}

#likepage-box {
    min-width: 300px;
    max-width: 100%;
    height: 130px;
    padding: 15px 15px auto;
    background-color: #f4f4f4;
    border: 2px solid #ff370f;
    border-top: none;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
::selection {
  background: #F1C40F;
color:#111;
}
::-moz-selection {
  background: #F1C40F;
color:#111;
}