body, html {margin: 0; padding: 0; background: #bcbcbc url("img/bg.jpg") fixed; font-family: 'Gafata', sans-serif; }
div.body {width: 1000px; margin: auto; margin-top: 35px; overflow: auto; }
nav {background: #333; position: fixed; top: 0; left: 0; right: 0; z-index: 999; }
nav ul {width: 1000px; margin: auto; }
nav ul li {display: inline-block; padding: 10px; }
nav ul li a {color: white; text-decoration: none; }
ul.jokes { float: left; }
ul.jokes li.j {margin-bottom: 25px; padding-bottom: 20px;  overflow: auto; border-bottom: 1px dotted #dedede; background: white; border: 1px solid #dedede; padding: 20px 20px 5px; width: 600px; margin-right: 25px; }  
ul.jokes div.l {float: left; position: relative;  }
ul.jokes div.l div.imfb {position: absolute; bottom: 0; left: 20px; display: none; z-index: 20; }
ul.jokes div.l:hover div.imfb {display: block; }
ul.jokes div.f {text-align: right; clear: both;  }
ul.jokes div.f a {color: gray; font-size: 12px; text-decoration: none; margin-top: -5px; }
ul.jokes div.r {width: 47px; float: left; margin-left: 20px; }
ul.jokes div.r a { text-decoration: none; }
ul.jokes div.r a span {text-align: center; color: white; font-size: 9px; display: block; margin-top: -3px; background: #666; }
ul.jokes li.j .im img, ul.jokes div.l {width: 530px; } 
ul.jokes li.j div.d {color: gray; font-size: 14px; margin: 3px 0 10px 0;  } 
ul.jokes div.r li {padding-bottom: 8px; } 
aside {float: left;  padding-right: 0; width: 325px; } 
aside>div {border-left: 1px solid #dedede; padding: 30px;  background: white; border: 1px solid #dedede; margin-bottom: 20px; }
aside>div.sponsor {padding: 12px; }
aside>div.sponsor.fixed {top: 38px; position: fixed; }
footer {position: fixed; right: 0; bottom: 0; padding: 18px; text-align: center; }
footer a {color: black; text-decoration: none; }
footer div.ww {}
footer div.tos {clear: both; font-size: 12px; }
 
nav li.lang {float: right; width: 140px; text-align: right; }
nav li ul {margin-top: -1px; }
nav li.lang ul {display: none; position: absolute; width: 150px; top: 39px; background: #555; }
nav li.lang:hover ul {display: block; } 
nav li.lang ul li {display: block; text-align: left; padding: 5px 10px; border-bottom: 1px dotted gray;  }
nav li.lang a {background: no-repeat right center; padding-right: 40px; padding-left: 0; }
nav li.lang li a {background-position: left center; padding-left: 40px; padding-right: 0; }			
nav li.ar a, nav li li.ar a {background-image: url("img/ar.png"); }
nav li.en a, nav li li.en a  {background-image: url("img/en.png"); }
nav li.de a, nav li li.de a  {background-image: url("img/de.png"); }
nav li.es a, nav li li.es a  {background-image: url("img/es.png"); }
nav li.fr a, nav li li.fr a  {background-image: url("img/fr.png"); }
nav li.kroa a, nav li li.kroa a  {background-image: url("img/kroa.png"); }
nav li.nl a, nav li li.nl a  {background-image: url("img/nl.png"); }
nav li.po a, nav li li.po a  {background-image: url("img/po.png"); }
nav li.ru a, nav li li.re a  {background-image: url("img/ru.png"); } 

nav li.order ul {display: none; position: absolute; width: 150px; top: 39px; background: #555; margin-left: -10px;  }
nav li.order:hover ul {display: block; }  
nav li.order ul li {background: url("/img/random.png") no-repeat 10px center; display: block; text-align: left; padding: 5px 10px; border-bottom: 1px dotted gray;  }
nav li.order img {vertical-align: bottom; } 
nav li.order ul li.random {background-image: url("/img/random.png"); }
nav li.order ul li.popular {background-image: url("/img/popular.png"); }
nav li.order ul li.recent {background-image: url("/img/recent.png"); } 
nav li.order li a {text-indent: 0; background-position: left center; padding-left: 26px; padding-right: 0; }			


div.preloader {display: none; }

div.overlayer {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: none; z-index: 1000; }
div.overlayer>div {background: white; width: 420px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px; height: 300px; position: absolute; top: 50%; margin-top: -150px; left: 50%; margin-left: -210px; }

h1 {font-family: 'Montserrat', sans-serif; }
h2 {font-family: 'Montserrat', sans-serif; }

div.report ul li {margin-left: 12px; }
div.report p {margin: 8px 0; }
div.report div.btns {text-align: right; margin-top: 15px;  }
div.report div.btns input {margin-left: 10px; padding: 0px 10px; }

div.login h2 {margin-bottom: 4px; }
div.login dl {margin-bottom: 20px; margin-left: 5px; } 
div.login dl dd input {width: 282px; }
div.login dl dd {text-align: right; padding-right: 10px; }
div.login dl dd.login {margin-top: 15px; }
div.login dl dd.login input {width: 120px; }
div.login ul {margin-top: 7px; margin-left: 5px; }
div.login ul li {display: inline; margin-right: 10px; }

li.sponsor {background: white; width: 600px; text-align: center; padding: 20px; border: 1px solid #DEDEDE; margin-bottom: 25px; }
li.sponsor.s640x300 {width: 640px; padding: 0; } 
li.sponsor.s468x60>div {width: 468px; margin: auto; }
li.sponsor.s640x300>div {width: auto; margin: auto; } 

aside > div.fbcomment {padding: 0; }

div#dropzone {height: 263px; border: 2px dashed gray; overflow: hidden; }
div#dropzone.upped {border: 2px solid gray; }
div#dropzone.loading {padding-top: 20px; height: 243px; background: url("/img/bar.gif") center top repeat-x; }
div#dropzone div.dz-preview {float: left; display: block;  }
div#dropzone div.dz-preview>div {display: none; }
div#dropzone div.dz-preview>div.dz-details {display: block; }
div#dropzone div.dz-preview>div.dz-details div {display: none; }
div.upload div.dz-message {display: none; }
div.upload dt.info {color: gray; font-size: 14px; margin-left: 20px; }
div.upload dd {margin: 5px 0 10px 20px; text-align: right; }
div.upload dd input {width: 580px; border: 2px solid gray; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
div.upload  dd.submit input {width: 120px; }
div.upload  dd.submit input.disabled {border: 2px solid 999; color: #999; }

div#infolove {display: none; background: url("/img/bginfo.png") no-repeat right center; color: #FFFFFF; margin-left: 336px; padding: 10px; padding-right: 20px; position: absolute; top: 104px; width: 204px; }

div.close {float: right; position: absolute; right: 2px; top: 2px; }