@charset "utf-8";
table, caption, tbody, tfoot, thead, tr, th, td, img, h1, h2, h3
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
h2 {
    display: block;
    font-size: 1.1em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
/* For nicer design in e.g. Chrome - The scrollbars are not visible */
::-webkit-scrollbar { 
    display: none; 
}

body {
	font-family: Verdana, Tahoma, Arial, Sans-serif;
	font-size: 18px;
	overflow: auto;
	background-color: #1c2125;
	background-attachment: fixed;
	
	
}
h1, h2, h3 {
	text-align: left;
	padding-left: 2%;
	margin-bottom: 0px;
	color: #000000;
	text-decoration: none;
}
a{
	color: #ff9000;
	text-decoration: none;
}
p {
	padding-left: 2%;
	color: #070709;
}
p a {
	text-decoration: none;
	color: #070709;
}
img {
	text-align: center;
	max-width: 100%;
	height: auto;
	width: auto;
}
#menu{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	/*background: #ff9000;*/
		/* background: #ff9000; */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
#wrapper {
	margin: 0 auto;
	max-width: 1400px;
	margin-top: 38px;
	width: 98%;
	background: #ffffff;
	border: 1px solid #4a89a1;
	border-radius: 0px;
	box-shadow: 0 0 10px 0px rgba(12, 3, 25, 0.8);
}
#likebox-wrapper * {
   width: 100% !important;
   height: 260px;
}
#leftnav {
z-index: 98;
/*width: 275px;*/
width: 22%;
height: 1362px;
float: left;
background-color: #ffffff;
border-right: 1px solid #cccccc;
margin-top: 0px;
padding-top: 13px;
padding-right: 10px;
padding-left: 5px;
}
nav ul {
	list-style: none;
	margin: 0;
	padding-left: 1%;
}
nav ul li {
	float: left;
	width: 15%;
	border-bottom: 0px solid #4a89a1;
}
nav ul li a {
	/* background: #ff9000; */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	display: block;
	padding: 7px 3% 4px 3%;
	/*font-size: 30px;*/
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}
nav ul li.active a {
	background: #af4400;
	color: #ffffff;
}
.clearfix {
	clear: both;
}
.left-col {
	background-color: #ffffff;
	width: 50%;
	float: left;
	margin: 0% 1% 1% 1%;
}
.sidebar {
	width: 22%;
	float: right;
	margin: 1% 1% 1% 0%;
	text-align: center;
}
.linksidebar {
    color: #ff9000;
	font-weight: none;
	font-family: Verdana;
	font-size: 14px;
	text-decoration:none;
	font-weight: bold;
}
.right-col {
	background-color: #ffffff;
	float: left;
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 1%;
}
.right-col p{
	text-align: left;
	margin-top:0;
	line-height:100%;
}
.section {
	width: 29%;
	float: left;
	margin: 2% 2%;
	text-align: center;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.logintext {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
}
.gentext {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 90%;
	vertical-align: baseline;
    font-family: Arial;
}
.userpic {
	padding-left: 2%;
}
.timestamptext {
	font-size: 12px;
	color: #cecece;
	text-decoration: none;
    font-family: Arial;
}
.todaysheader {
	background: #ff9000;
	color: white;
	padding: 1%;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	margin-bottom: 0.4%;
	font-size: 15px;
	font-family: Arial;
	font-weight:bold;
	vertical-align: middle;
}
.todaycell {
	font-size: 12px;
	font-family: Arial;
	font-weight:bold;
}
.todaythumb {
	width:23%;
	padding:1%;
	float:left;
}
.videocell:before{
	content: "";
    float: left;
    /* essentially the aspect ratio. 100% means the
       div will remain 100% as tall as it is wide, or
       square in other words.  */
    padding-bottom: 75%;
}
.videocell:after{
    content: "";
    display: table;
    clear: both;
}
.titelcell{
	height:44px;
	overflow:hidden;
}
/*.titelcell:before{
	content: "";
    float: left;  
    padding-bottom: 40%;
}
.titelcell:after{
    content: "";
    display: table;
    clear: both;
}*/
.todaytiteltext {
	color: #ff9000;
	text-decoration: none;
	font-weight: bold;
	font-family: verdana;
	font-size: 12px; 
}
.linkfield {
	background-color: #ffffff;
	background-color: #ffffff; 
	color: #white; 
	border: 1px solid #000000;
	resize: none;
	box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
}
.smalltext {
	color: #000000;
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	vertical-align: baseline;
	display: inline-block;
	text-decoration: none;
    font-family: Arial;

}
.linktext {
    color: #ff9000;
	font-weight: none;
	font-family: Arial;
	font-size: 15px;
	text-decoration:none;
}
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffb940;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffb940;
	box-shadow:inset 0px 1px 0px 0px #ffb940;
	background-color:#ff9000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ff7200;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:4px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButtongreen {
	-moz-box-shadow:inset 0px 1px 0px 0px #27cd59;
	-webkit-box-shadow:inset 0px 1px 0px 0px #27cd59;
	box-shadow:inset 0px 1px 0px 0px #27cd59;
	background-color:#22b14c;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #177d36;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:4px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.myButtonblue {
	-moz-box-shadow:inset 0px 1px 0px 0px #0052cc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #0052cc;
	box-shadow:inset 0px 1px 0px 0px #0052cc;
	background-color:#0052cc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #177d36;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:4px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.videodesc{
	font-family:verdana;
	font-size: 0.9em;
	color:#000000;
}
.sidorubrik{
	font-family:verdana;
	font-size:14px;
	color:#000000;
	font-weight: bold;
}
.head1 {
	color: #ff9000;
	text-decoration: none;
	font-weight: bold;
	font-family: verdana;
	font-size: 14px;
	display: inline-block; 
}
.minitext {
	color: #000000; 
	font-size: 11px;
	font-family: Verdana;
	display: inline-block; 
	text-decoration: none;
	font-weight: none;
	
} 
.orangeminitext {
	color: #ff9000; 
	font-size: 11px;
	font-family: Verdana;
	display: inline-block; 
	text-decoration: none;
	font-weight: none;
}

.buttonlinks {
	color: #000000; 
	font-size: 15px;
	font-family: Arial;
	text-decoration: none;
	vertical-align: middle;
	
}
.category{
  font-size: 12px;
  width:130px;
}
.catcell {
	font-size: 12px;
	color: #cecece;
	text-decoration: none;
    font-family: Arial;
	padding-top: 6px;
	vertical-align: middle;	
}
.clickcell {
	color: #000000;
	padding-left: 5px;
	padding-top: 3px;
	font-size: 11px;
	font-family: Arial;
	font-weight:bold;
	vertical-align: middle;	
}
.piccell{
	float:left;
	vertical-align:top;
	width:8%;
	padding-right:2%;
	padding-bottom:8px;
}
.squarepic:before{
	content: "";
    float: left;
    /* essentially the aspect ratio. 100% means the
       div will remain 100% as tall as it is wide, or
       square in other words.  */
    padding-bottom: 100%;
}
.squarepic:after{
    content: "";
    display: table;
    clear: both;
}
.wallsocialcell{ /*width, padding and margin are added for total cell width!!*/
	float:right;
	width:4%;
	padding-left:1%;
}
.wallmaincell{
	float:left;
	width:89%;
}
.walllinkimgcell{
	width:30%;
	padding-right: 2%;
	float:left;
}
.walldesccell{
	width:68%;
	float:right;
	font-size:12px;
}
.commenttext{
	font-size:12px;
}
.indexmaincell{
	float:left;
	width:89%;
}
.logintocomment{
	color:#cecece;
	font-size:12px;
}
.sokfield {
	background: #ffffff; 
	border: 1px solid gray;
	box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
	resize: none;
}
.sxfieldleft{
	vertical-align:middle;
	text-align:right;
	float:left;width:21%;
	padding-right:2%;
	display:table-cell;
}
.sxfieldmid{
	width:54%;
	float:left;
}
.sxfieldright{
	width:21%;
	float:right;
	padding-left:2%;
}
.sokfield{
	width:98%;
}
.defaultsxfield{
	width:100%;
}
.prescell {
	padding-left :3px;
	padding-right: 3px;	
	font-size: 15px;
	font-family: Arial;	
}
.prestext {
	font-size: 14px;
	font-family: Arial;	
}
.nrcell {
	font-size: 12px;
	font-family: Verdana;
}
.settingstext {
			width: 40%;
			float:left;
			color: #000000;
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 12px;
			font-weight: bold;
			vertical-align: baseline;
			text-decoration: none;
			font-family: Arial;
		}
.settingsbox {
	width: 60%;
	float:left;
}
.settingscol {
	width: 48%;
	float:left;
	padding-right:2%;
}
.settingsright {
	width: 50%;
	float:left;
}
.picsize{
	height:198px;
	width:198px;
}
.pictabsize{
	width:205px; 
	}
/*.profileleft{
			width:49%;
			float:left;
}
.profileright{
	width:49%;
	float:right;
}*/
.litencellmork {
	width:23%;			
	clear:both;
	float:left;
	height: 16px;
	overflow:hidden;
	background-color:#C0C0C0;
	border:1px solid #ffffff;
	padding: 1%;
	font-size: 11px;
	font-family: Arial;
	font-weight:bold;
}
.storcellljus {
	width:71%;
	float:right;
	height: 16px;
	overflow:hidden;
	background-color:#E5E5E5;
	border:1px solid #ffffff;
	padding: 1%;
	font-size: 15px;
	font-family: Arial;
}
.storcellmork {
	width:71%;
	float:right;
	height: 16px;
	overflow:hidden;
	background-color:#C0C0C0;
	border:1px solid #ffffff;
	padding: 1%;
	font-size: 15px;
	font-family: Arial;
}
.litencellljus {
	width:23%;
	clear:both;
	float:left;
	height: 16px;
	overflow:hidden;
	background-color:#E5E5E5;
	border:1px solid #ffffff;	
	padding: 1%;
	font-size: 11px;
	font-family: Arial;
	font-weight:bold;
}
.profiletext {
	width: 30%;
	float:left;
	color: #000000;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-weight: bold;
	vertical-align: baseline;
	text-decoration: none;
	font-family: Arial;
}
.profilebox {
	width: 70%;
	float:left;
	font-size: 14px;
	vertical-align: baseline;
	text-decoration: none;
	font-family: Arial;
	overflow:hidden;
}
.spacer1{
	height:5px;
	content:"";
}
.spacer2{
	height:0px;
	content:"";
}
.spacer3{
	height:5px;
	content:"";
}
.messleft {
	width: 98%;	
	float: left;
	height: 670px;
	border-right: 1px solid #cccccc;
	overflow-y: auto;
	padding-left:0px;
	padding-top: 0px;
	padding-right: 0px;
	font-weight: none;
	font-family: Arial;
	font-size: 100%;
}

.messright {
	width: 98%;
	float: left;
	height: 600px;
	overflow-y: auto;
	padding-left:1%;
	padding-right: 0px;
	font-weight: none;
	font-family: Arial;
	font-size: 100%;
}

.messbox {
	float: left;
	width: 97%;
	height: 105px;
	padding-left:1%;
	padding-top: 8px;
	padding-right: 0px;
	font-weight: none;
	font-family: Arial;
	font-size: 100%;
}
.messtext {
	font-size: 14px;
	font-family: Arial;	
}
.messpic{
	width:12%;
	float:left;
}
.messcont{
	width:85%;
	float:left;
	padding-left:2%;"
}
.circlelogo{
	height:55px;
	vertical-align:bottom;
}
.rightcirclelogo{
	float: right;
	height:55px;
	vertical-align:bottom;
}
.mainlogo{
	height:65px;
	vertical-align:bottom;
}
.termscircle{
	float: right;
	height:100px;
	vertical-align:bottom;
}
.termstext{
	font-family:arial;
	font-size:24px;
}
.rulestext{
		font-family:arial;
	font-size:18px;
}
.faqbigq{
	font-family:arial;
	font-size:18px;
}
.faqq{
	font-family:arial;
	font-size:18px;
	color:#ff9a00
}
.faqa{
	font-family:arial;
	font-size:14px;
}
.usernamn {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
}
.signuptext {
    color: #ff9000;
	font-weight: none;
	font-family: Arial;
	font-size: 22px;
	text-decoration:none;
	text-align: center;
}
hr {	background-color: #e8e8e8;
	border-width:0; 
	color:#000000; 
	height:1px; 
	line-height:0; 
	width:96%;
}
footer {
	background: #ffffff;
	width: 100%;
	overflow: hidden;
}
footer p, footer h3 {
	color: #F1F0D1;
}
footer p a {
	color: #F1F0D1;
	text-decoration: none;
}
 .newButton {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #ffaa22;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:Arial;
font-size:13px;
font-weight:bold;
padding:2px 7px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.newButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}
.newButton:active {
position:relative;
top:1px;
}
/* -------------------- DROP DOWN ------------------- */
.dropdown{
   float: right;
   position: relative;
   margin-right: 0px;
}
.droptext {
    text-align: middle;
	color: #ff9000;
	text-decoration: none;
	font-family: verdana;
	font-size: 14px;
	display: inline-block;
	font-weight:normal;
}
.dropdown hr {
   display: block;
   margin:  16px 0px 0px 0px;
}
.dropdown a{
   color: #000000;
}
.dropdown a:hover{
   color: #ff9000;
}
.dropdown label{
  text-align:right;
  display: inline-block;
  width: 165px;
  background: #fff;
  padding: 0px 0px;
}
.dropdown ul {
  display: block;
  width: 230px;
  background: #fff;
  margin-left: -120px;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  border-color: #888888;
  /* box-shadow: 7px 7px 3px #888888; */
  box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.17);
}  
.dropdown ul li{
  display: block;
  margin-left: -28px;
  width: 230px;
  background: #fff;
  padding: 8px 8px;
}
.dropdown ul li img{
  vertical-align:middle;
  padding: 0px 0px 2px 5px;
}
.dropdown label:hover, .dropdown ul li:hover{
  background: #fff;
  color: #fff;
  cursor: pointer;
}
.dropdown label{
  color: #fff;
  z-index: 2;
}
.dropdown input{
  display: none;
}
.dropdown input ~ ul{
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0px;
  z-index: 1;
}
.dropdown input:checked + label{
  background: #fff;
  color: #fff;
}

.dropdown input:checked ~ ul{
  visibility: visible;
  opacity: 1;
  top: 0;
}
.dropdown input:checked ~ ul li:hover{
background:#fff;
}
.animate{
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;  
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden; /* Chrome and Safari */
  -moz-backface-visibility:hidden; /* Firefox */
  -ms-backface-visibility:hidden; /* Internet Explorer */
}
/*----------------------- END DROP DOWN ----------------*/

/*______________________DEVICES__________________________*/
@media screen and (max-width: 478px) { 
	body {
		font-size: 13px;
		background-color: #333333;
		max-width: 478px;	
	}
}
@media screen and (max-width: 1040px) {
	.todaythumb {
	width:31%;
	padding:1%;
	float:left;
	}
	.titelcell{
	height:66px;
	overflow:hidden;
	}
	.picsize{
	height:100px;
	width:100px;
	}
	.pictabsize{
	width:105px; 
	}
	/*.titelcell:before{
	content: "";
    float: left;
    padding-bottom: 60%;
	}*/
}
@media screen and (max-width: 740px) {
	.left-col {
		width: 100%;
		margin: 0;
	}
	.sidebar {
		width: 100%;
	}
	.section {
		float: left;
		width: 100%;
		margin: 0;
		
	}
	#leftnav {
	width: 100%;
	}
	.todaythumb {
	width:48%;
	padding:1%;
	float:left;
	}
	/*.titelcell:before{
	content: "";
    float: left;
    padding-bottom: 20%;
	}*/
	.settingscol {
		width: 100%;
		float:left;
}
	.settingsright {
		width: 100%;
		float:left;
	}
	/*.profileleft{
		width:100%;
		float:left;
}
	.profileright{
		width:100%;
		float:right;
	}*/
	.circlelogo{
	height:28px;
	}
	.rightcirclelogo{
		height:28px;
	}
	.mainlogo{
		height:33px;
	}
	.termscircle{
		float: right;
		height:50px;
	}
	.termstext{
		font-size:18px;
	}
	.rulestext{
		font-size:12px;
	}
	.mobhide{display:none;}
}
/* iphone 6, iphone 5 - landscape  */
@media only screen and (max-device-width: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2), 
       only screen and (max-device-width: 480px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 40/71){
	.left-col {
		width: 100%;
		margin: 0;
	}
	.sidebar {
		width: 100%;
	}
	.section {
		float: left;
		width: 100%;
		margin: 0;
	}
	.sokfield{
		width:92%;
	}
	.defaultsxfield{
		width:95%;
	}
}
/* iphone 6, iphone 5 - portrait  */    
@media only screen and (max-device-width: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2), 
       only screen and (max-device-width: 480px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2/3){	
	.left-col {
		width: 100%;
		margin: 0;
	}
	.sidebar {
		width: 100%;
	}
	.section {
		float: left;
		width: 100%;
		margin: 0;
	} 
	.category{
		font-size: 10px;
		width:80px;
	}
	.sokfield{
		width:88%;
	}
	.defaultsxfield{
		width:92%;
	}	
}