@CHARSET "UTF-8";

html, body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;
	font-family: arial, helvetica, "Bitstream Vera Sans", sans-serif;
	background: #eee url("../images/texture.png") repeat scroll top left;	
	color: #000;
}

html {
	overflow-y: scroll;
}

input, textarea {
	font-size: 12px;
	font-family: arial, helvetica, "Bitstream Vera Sans", sans-serif;	
}

img {
	border: 0;	
}

h1 {
	margin: 0 0 15px 0;	
	line-height: 1.5em;
}

h3 {
	margin: 0;	
}

a {
	color: #3A75AF;
}

a:hover {
	color: #6095CA;	
}

ol, li {
	line-height: 1.5em;	
}

li {
	margin: 10px 0;	
}

#container {
	width: 72.3em;
	padding: 0px 20px 20px 20px;
	margin: 0 auto;
	position: relative;
}

#logo {
	padding-bottom: 40px;
}

.menu {
	position: relative;
	z-index: 1;
}

.menu_links {
	position: absolute;
	right: 3px;
	bottom: -2px;
	background-color: #eee;
	border: 1px solid #dedede;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	padding-right: 10px;
}

.menu_links a {
	display: block;
	padding: 0.9em 1em 1em 1em;
	border-bottom: none;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	border-right: 1px solid #dedede;
}

.menu_links a:hover {
	text-decoration: none;
	background-color: #e9e9e9;
	color: #333;
}

.search_form {
	float: left;
	padding-top: 7px;
	padding-left: 1em;
}

a.signin, a.joke_button {
	display: block;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	background-color: #00A5F0;
	float: right;
	font-size: 12px;
	color: #fff;
	padding: 0.23em 2em;
	margin: 1em 0 0.3em 10px;
	outline: none;
}

a.joke_button {
	width: 100%;
	padding: 0.3em 0;
	margin: 0 0 10px 0;
	text-align: center;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	float: none;
	clear: both;
}

.menu form {
	display: block;
	float: left;	
}

input.search {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	height: 1.2em;
	padding: 0.232em;
	margin: 1px;
	margin-top: 3px;
	display: block;
	float: left;
}

input[type="submit"].search_submit {	
	display: block;
	float: right;
	width: 19px;
	height: 20px;
	border: 0;
	background: transparent url("../images/search.png") no-repeat scroll center center;	
	margin: 0 0 0 6px;
	padding: 1em;
	border: 1px solid transparent;
}

input[type="submit"].search_submit:hover {	
	background-color: #ddd;
	border: 1px solid #ccc;
}

#main {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	background-color: #F0F0F0;
	display: block;
	line-height: 150%;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	position: relative;
	z-index: 2;
}

#main_left, #main_left_full {
	float: left;	
	background-color: white;
	width: 46.38em;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	border-right: 1px solid #ccc;
	padding: 20px 0;
	min-height: 400px;
}

#main_left_full {
	width: 100%;	
}

#login_div {
	position: absolute;
	top: 2.8em;
	width: 16em;
	display: none;
	background-color: #E9E9E9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	left: 100%;
	margin-left: -16em;	
	z-index: 1000;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

#login_div input[type="text"],
#login_div input[type="password"] {
	width: 90%;
	border: 1px solid #ccc;
}

#login_link {
	position: relative;
	z-index: 1001;
}

.login_question {
	font-size: 12px;
	margin-top: 1.15em;
	color: #111;	
}

.padding {
	padding: 10px;	
}

.padding_20 {
	padding: 20px;	
}

.padding_top {
	padding-top: 10px;	
}


#main_left .padding_20, #main_left_full .padding_20 {
	padding-top: 0;	
}

#main_right {	
	float: right;
	width: 25.6em;
}

#footer {
	text-align: left;
	display: block;
	font-size: 11px;
	color: #999;
	margin: 20px 0;	
}

.panel {
	float: left;
	width: 33.5em;	
}

.panel_40 {
	float: left;
	width: 40%;	
}

.panel_60 {
	float: left;
	width: 60%;	
}

.profile a, input[type="submit"], input[type="button"], a.toggle_item  {
	display: block;
	border: 1px solid #00A5F0;
	border-bottom-color: #00A5F0;
	border-right-color: #00A5F0;
	color: #fff;
	float: left;
	background-color: #00A5F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 2.3em;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	margin: 10px;	
	font-size: 12px;
	height: 2.3em;
}

input[type="submit"], input[type="button"] {
	line-height: 1.45em;
	height: 2.45em;
	padding: 0.45em 10px 0.7em 10px;	
}

.profile a:hover, input[type="submit"]:hover, input[type="button"]:hover, a.toggle_item:hover, a.signin:hover, a.signin.active {
	cursor: pointer;
	background-color: #40C6FF;	
}

a.signin.active {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	background-color: #E9E9E9;
	color: #111;
	
	-moz-box-shadow: 0 -2px 3px #888;
	-webkit-box-shadow: 0 -2px 3px #888;
	box-shadow: 0 -2px 3px #888;
}

.profile label, div.register label {
	display: block;
	float: left;
	width: 80px;	
	text-align: right;
	vertical-align: middle;
	line-height: 1em;
	height: 1.2em;
	padding: 4px;
	margin: 5px 10px 5px 0;
	border: 0;
}

div.register label {
	width: 100px;	
}

.add_joke, .some_form {
	border: 1px solid #ddd;
	padding: 20px;	
	background-color: #f1f1f1;		
}

.add_joke label {
	display: block;
	font-size: 14px;	
	margin: 10px 0 0 0;
}

.add_joke input[type="text"], .add_joke input[type="password"], .add_joke textarea {
	width: 300px;
	padding: 3px;
	border: 1px solid #ccc;
}

.add_joke input[type="submit"] {
	font-size: 16px;
	margin-left: 0;	
	margin-top: 20px;
}

.info {
	padding: 10px;
		
}

.profile input[type="text"], .profile input[type="password"], div.register input[type="text"], div.register input[type="password"] {
	line-height: 1em;
	padding: 3px;
	border: 1px solid #ccc;
	margin: 5px 10px 5px 0;	
	display: block;
	height: 1.2em;
	float: left;
	clear: right;
}

div.register br {
	display: block;
	float: none;
	clear: both;	
}      

.space {
	padding-right: 20px;	
}

.label {
	position: absolute;
	top: -1.7em;
	left: -1.2em;
	text-transform: uppercase;
	font-weight: bold;	
}

.label .title {
	background-color: #f1f1f1;
	padding: 0.6em 1em;
	float: left;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: 1px solid #ccc;
}

.item {	
	margin-bottom: 20px;		
	border: 1px solid #e3e3e3;
	background-color: white;
}

#main_right .item {
	border-color: #d9d9d9;	
}

.small_comment {
	margin-bottom: 10px;
	padding: 5px;		
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}

.comment_info {
	font-size: 11px;
}

.small_comment a {
	font-weight: bold;	
	text-decoration: none;
}

.small_comment a:hover {
	text-decoration: underline;
}

.item .fb_send, .item .tweet {
	opacity: 0.1;
	filter:alpha(opacity=10);
	-moz-opacity:.10;	
}

.item:hover .fb_send, .item:hover .tweet {
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;	
}

.item .item_text {		
	padding: 5px;	
	font-size: 13px;
	background-color: #f5f5f5;
}

.item .item_text .item_link {
	font-size: 12px;
}

.item .item_link {
	padding: 5px;
		
}

.item_info {
	padding: 5px;
	font-size: 11px;
	color: #333333;
}

.item .item_content img {
	display: block;
	margin: auto;
	max-width: 100%;
	height: auto;
}

.item .item_content iframe {
	max-width: 100%;
	height: auto;
}

/* Main content videos - full size */
.video_item iframe {
	width: 500px;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
}

/* Sidebar compact videos - smaller and contained */
.item.compact .video_item iframe {
	width: 100%;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
}

.item.compact .video_item {
	max-width: 100%;
	overflow: hidden;
}

/* Uploaded video elements (HTML5 video) */
.item video {
	max-width: 100%;
	height: auto;
}

.item.compact video {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* Twitter/X embeds */
.twitter-embed {
	max-width: 100%;
	overflow: hidden;
}

.item.compact .twitter-embed {
	max-width: 100%;
}

/* Instagram embeds */
.instagram-embed {
	max-width: 100%;
	overflow: hidden;
}

.item.compact .instagram-embed {
	max-width: 100%;
}

.item.compact .instagram-media {
	min-width: 100% !important;
	max-width: 100% !important;
}

.item .item_title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
	
.item_info .name {
	font-weight: bold;
}

.item_info .date {
	color: #aaa;	
}

.item_info .tag {
	margin-top: 0px;	
}

.item_info .tag a {
	color: #666;	
}

.item_info .tag a:hover {
	color: #0E6996;	
}

.item_info .thumb {
	padding-right: 5px;	
}


.right {
	float: right;
}

.left {
	float: left;	
}

.text_right {
	text-align: right;	
}

.italic {
	font-style: italic;	
}

.clear {
	float: none;
	clear: both;
}

.center {
	text-align: center;	
}

.no_one {
	text-align: center;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: bold;
	margin: 90px 0;	
}

.screen_title {
	font-size: 24px;
	font-weight: bold;
	padding: 20px;
}

.hidden {
	display: none;
}	

a.vote_up, a.vote_down, a.vote_max, a.vote_min {
	background-image: url("../images/arrow_up.png");
	display: block;
	float: right;
	width: 12px;
	height: 12px;
}

a.vote_down {
	background-image: url("../images/arrow_down.png");
}

a.vote_max {
	background-image: url("../images/arrow_up_red.png");
}


a.vote_min {
	background-image: url("../images/arrow_down_red.png");
}

a.vote_up.active {
	background-image: url("../images/arrow_up_done.png");
}

a.vote_down.active {
	background-image: url("../images/arrow_down_done.png");
}

.leader, .leader tr, .leader td  {	
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	margin: 0;	
	background-color: #fff;
}

.leader td {
	padding: 3px;	
}

.leader .first td {
	font-size: 12px;
	font-weight: bold;
}

.leader .second td , .leader .third td {
	font-size: 12px;
}

.small_info {
	display: block;
	font-size: 11px; 
	color: #333333;	
}

.small_text {
	font-size: 11px; 
	color: #333333;	
}

.max_info, .min_info, #tooltip {
	position: absolute;
	background-color: #EEDF8A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	margin-top: 14px;
	margin-left: -250px;
	padding: 10px 10px 5px 10px;
	width: 250px;
	display: none;	
	font-size: 12px;
	z-index: 3000;
}

.min_info {
	margin-left: -215px;
}

#tooltip h3, #tooltip div { margin: 0; }

.payment_info {
	font-size: 11px;
	margin-top: 5px;
	text-align: right;	
}

.max_title {
	font-size: 14px;	
}

.select_top {
	position: relative;
	left: 5px;	
	top: -3px;
	font-size: 12px;
}

.small_add textarea, textarea.comment {
	padding: 0.22em;
	height: 4em;
	width: 33em;
	border: 1px solid #aaa;
}

.small_add.larger textarea, textarea.comment {
	width: 42.3em;
	height: 6em;
}


.small_add.larger.front textarea {
	width: 20.3em;
	height: 6em;
}

.small_add.front textarea {
	width: 20.3em;
	height: 4em;
}

.small_add.front input[type="text"] {
	width: 19.2em;
}

.small_add span {
	font-size: 10px;	
}

.small_add input[type="text"] {
	border: 1px solid #aaa;
	padding: 0.22em;
	margin-top: 10px;
	width: 15.56em;
}

.small_add.larger input[type="text"] {
	width: 20.36em;
}

.small_add input[type="submit"] {
	float: none;
	clear: both;
	margin: 0;
}

.small_add input.margin-top {	
	margin-top: 10px;	
}

.small_add .right_margin {
	margin-right: 0.9em	
}

.blur {
	color: #bbb;	
}

.error {
	color: red;	
}

.profile_not_complete {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	padding: 15px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	font-weight: bold;
	position: relative;
	background-color: #fff;
	border: 1px solid #ccc;
}

.campaign p, .campaign ul {
	width: 56em;
}

.campaign ol li {
	font-size: 14px;
}

.sentence {
	display: block;
	font-size: 11px;
	font-weight: bold;	
	color: #333333;	
	margin: 5px 0;
}

.sentence_item {
	border-bottom: 1px dotted #C6E6FF;	
}


.sentence_item:hover {
	color: red;
	cursor: pointer;
	border-bottom: 1px dotted #C6E6FF;	
}

a.sentence_info {
	background-image:  url("../images/info_button.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center left;
	padding-left: 14px;	
	text-decoration: none;
}

a.sentence_info:hover {
	background-image:  url("../images/info_button_hover.png");
}

a.border_link {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-top: 3px;
	border-top: 1px dotted #aaa;
}	

.navigation {
	margin-bottom: 10px;
}

.navigation a {
	font-size: 14px;
	font-weight:  bold;
	text-decoration: none;
}

.kontroll {
  display:none;
}

.box {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
}

.sep {
	display: block;
	height: 1px;
	width: 100%;
	margin: 20px 0;
	background-color: #ddd;
}

.file_upload {
	background: #fff;
	border: 1px solid #aaa;
}

.image_label {
	padding: 10px 0 0 0;
	display: block;
	color: #333;
}

.joke_image {
	max-width: 100%;
}

.item.compact .joke_image {
	max-width: 200px;
}

.item.compact .youtube img {
	max-width: 200px;
	height: auto;
}

.youtube {
    position: relative;
    display: inline-block;
}
.youtube:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent url("../images/play-icon-dark.png") center center no-repeat;
}
.youtube:hover::before {
    background: transparent url("../images/play-icon-full_color.png") center center no-repeat;
}