/* CSS Document */

 
/*
	
.ors
	{
	margin:20px -10px -15px 10px;
	float:left;
	}
		
@media only screen and (min-width: 320px)
{


	
.invisit
	{
	opacity:0.0;
	}	


#botdivrt 
	{
	margin:0px 0px 25px 0px;
	float:none; 
	font-size:12px;

	
	}
	
#botdivleft 
	{
	margin:25px 0px 10px 0px;	
	float:none; 
	font-size:12px;
	}		

.tcommer, .tcommer a 
	{
	font-size:12px; 
	font-weight:bold; 
	color:#707070;
	}

.botdig 
	{
	font-weight:normal;
	margin:0px 0px 0px 0px; 
	font-size:13px;
	text-decoration:none;
	color:#707070;
	}	


}


		
@media only screen and (min-width: 480px)
{

}	

@media only screen and (min-width: 1140px) 
{
		
#botdivleft 
	{
	float:left; 
	margin:25px 0px 25px 0px;
	font-size:13px;
	text-decoration:none;
	color:#707070;
	}

#botdivrt 
	{
	float:right; 
	margin:25px 0px 25px 0px;	
	font-size:13px;
	text-decoration:none;
	color:#707070;
	}
	
.tcommer, .tcommer a 
	{
	font-size:16px; 
	font-weight:bold; 
	color:#707070;
	}
	

}





@media (min-width: 320px) and (max-width: 800px)
{




}	





@media only screen and (min-width: 800px) and (max-width: 1140px)
{


}	

@media only screen and (min-width: 1140px)
{


}	



.textintro
	{
	max-width:90%;
	}
	
.textintro h1
	{
	font: 20px "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	}	
	
.textintro h2
	{
	font: 16px "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	}		
	
.textintro a
	{
	color:#E8E8E8;
	}	
	
.textintro a:hover
	{
	color:#FFFFFF;
	}		
	
	
	
		
.gradbod {
position:absolute;
overflow:hidden;
    min-height: 100%;
width:100%;
    margin:auto;
       
      background: -webkit-radial-gradient(top, rgba(000,0,0,0), rgba(000,0,0,.8)) 30%; 
background: -o-radial-gradient(top, rgba(000,0,0,0), rgba(000,0,0,.8)) 30%; 
background: -moz-radial-gradient(top, rgba(000,0,0,0), rgba(000,0,0,.8)) 30%; 
background: radial-gradient(to top, rgba(000,0,0,0), rgba(000,0,0,.8)) 30%;

background-attachment: fixed;

    }
    

.scrbod {
overflow:auto;

}

    
header#topper {
    height:48px;
position:fixed;
     top:0px;
     left:0px;
     display:block;
     z-index: 9999;
width:100%;
    margin:0px 0px 22px 0px;
            -moz-box-shadow: -5px 1px 13px rgba(0, 0, 0, 0.5);

background: black;

opacity:0.87;
  filter:alpha(opacity=87);

  box-shadow: -5px 1px 13px #000000;
  
}

.footer {
    bottom: 0;
        width: 100%;
        height: 15%;
padding: 0px 0px 60px 0px;
  color: #CCC;

}

.bufdiv {

        height: 20px;

width: 100%;
font-size:18px;
color:#CCC;
}
 
.artfooter {
position: fixed;

    bottom: 0;
        width: 100%;
        height: 5%;
    background-color: #333;
padding: 0px 0px 70px 0px;
  color: #CCC;
  box-shadow: inset 0px 9px 17px #000000;

}

.innerfoot {
width:760px; margin:0 auto;
}

#beltop {
width:970px; margin:0 auto;
}

#waybeltop {
margin-bottom:0px;
}

.floatleft {
float:left;
}

.floatright {
float:right;
}

.floatright400 {
float:right;
margin-top: 15px;
}

.floatrightcomm {
float:right;
margin-left: 15px;
}




#logdiv {
margin:0px 2px 50px 0px;
}


#signdiv, #avdiv {
float:left; margin:-3px 0px 0px 0px;color:#A8A8A8;
}

#pldiv {
margin:0px 0px 0px 0px;color:#A8A8A8;
    height: auto;
    padding: 25px 0px 0px 0px;
}

.downarrow {
float:left;
margin:2px 0px 0px 0px;
}

.waveit {
clear:both;
}

.enter {
color:#999999;font-size: 16px; font-weight: normal;
margin:25px 0px 0px 5px; 
}

.top10 {
margin-top:12px;
}

.top12 {
margin-top:12px;
font-size:12px;
}

.top18 {
margin-top:18px;
}

#indsub {
float:left;
margin: 3px 0px 0px 4px;
}

.75sub {
float:left;
margin: -175px 0px 0px 4px;
}


#enterhold {
width:500px;position:static;margin:50px 30px 0px 0px; vertical-align:top; padding:10px 25px 30px 0px;float: left;
}

#enterholdlower {
width:500px;position:static;margin:0px 30px 0px 0px; vertical-align:top; padding:10px 25px 30px 0px;float: left;
}

.midrtenter {
margin:35px 0px 0px 30px; float: right;
}

#innerenter {
margin-top:35px;margin-bottom:15px;font-size: 36px;line-height:43px; font-weight: bold;
color:#616161;
text-shadow: 0px 1px 3px #FFFFFF; 
}

.marbot15ptop20 {
margin-bottom:15px;
padding: 20px 0px 0px 0px;
}

.marbot15 {
margin-bottom:15px;
}


#ent1 {
margin: 0px 0px 0px 6px;
}



#usrinp {
float:left;
margin: 10px 7px 20px 0px;
}

#frmrti {
width:700px; margin:0 auto;
 font-size:12px; color:#9C9C9C;

}

#frmrvi {
font-size:12px; color:#9C9C9C;
}

#seeem {
float:left;width:500px;margin:22px 0px 0px 0px;
}

#seeemlower {
float:left;width:500px;margin:72px 0px 0px 0px;
}

#bigprom {
float:left;margin:100px 0px 0px 30px;
}


#sitenamediv1 {
margin:40px 0px 20px 0px; font-size:14px;text-decoration:none;color:#858585;
}

#sitenamediv2 {
float:right; margin:20px 0px 0px 0px; font-size:14px;text-decoration:none;color:#B3B3B3;
}

.newdets {
font-weight:normal;
margin:0px 0px 0px 15px; font-size:15px;text-decoration:none;color:#858585;
}

.newcopydets {
font-weight:normal;
margin:0px 0px 0px 15px; font-size:13px;text-decoration:none;color:#858585;
}

.newdets a {
font-weight:normal;
margin:0px 0px 0px 15px; font-size:15px;text-decoration:none;color:#858585;
}



#username.text, #realusrnm.text, #advterm.text, #srch.text, #logname.text, #password.password, #createpl.text, #auth.text, #emafield.text, #emainlist.text, #emalist.text {
width: 180px;
outline: none;
border: 4px solid #ccc;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
height: 23px;
font-size:14px; 
padding: 3px 5px 3px 5px; 
margin: 2px 0px 0px 0px; 
background-color: #E6E6E6;
  box-shadow: inset 0px 1px 8px #666666;

}

#usrnm.text, #srchpl.text {
width: 225px;
outline: none;
border: 4px solid #ccc;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
height: 23px;
font-size:14px; 
padding: 3px 5px 3px 5px; 
margin: 2px 0px 0px 0px; 
background-color: #E6E6E6;
  box-shadow: inset 0px 1px 8px #666666;
background-position: 207px 9px;
background-image: url('assets/search.png');
background-repeat: no-repeat;
}

.topneg3 {
margin-top: 54px;
}

#emwordz.textarea {
resize:none;height: 60px;
}

#mailed {
margin-top:20px;
}

 .ui-tooltip {
    max-width: 350px;
    color:#CCC;
  }

#tcomm {
font-size:18px; margin:30px 0px 0px 0px; font-weight:bold; color:#C4C4C4;
}



.tcommer, .tcommer a {
font-size:18px; margin:30px 0px 0px 0px; font-weight:bold; color:#C4C4C4;
}

.tcobrah, .tcobrah a {
font-size:16px; margin:30px 0px 0px 0px; color:#ABABAB;
}


.ticommer, .ticommer a {
font-size:18px; margin:0px 0px 20px 22px; font-weight:bold; color:#C4C4C4;
text-decoration:underline;
max-width:600px; line-height: 1em; 
 height: 2em; 
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 cursor:default;
}

.ticommer a:hover {
color:#FFFFFF;
}

.snticommer, .snticommer a {
font-size:18px; margin:0px 0px 20px 22px; font-weight:bold; color:#C4C4C4; max-width:600px; line-height: 1em; 
 height: 2em; 
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 cursor:default;
}


.favommer, .favommer a {
font-size:17px; padding:50px 0px 0px 0px; margin:50px 0px 0px 0px; font-weight:bold; color:#C4C4C4;
}

.margright10 {
margin-right:10px;
}

.margright10 a {
color:#858585;
}

.margright20 {
margin-left:12px;
}
.margright20 a {
color:#B3B3B3;
}

.signers {

background-color:#000000;
	padding:20px 15px 40px 15px;
	margin:0px 0px 0px 0px;
	cursor: pointer;
	list-style-type:none;
	border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border:solid 4px #4f4f4f;
z-index:1000;
	position: absolute;
}

.avers {

background-color:#000000;
	padding:20px 15px 40px 15px;
	cursor: pointer;
	list-style-type:none;
	border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border:solid 4px #4f4f4f;
z-index:1000;
	position: absolute;
}

.avers A:hover, .signers A:hover, .playlists A:hover  {
	
	color:#FFFFFF;
	
}







.wunpl:hover {
color:#FFFFFF;
}

.over99 {
color:#333333;
}

.listsort {
color:#444444;
}

.links {
	list-style-type:none;
}

.playlists {
background-color:#000000;
	padding:60px 15px 200px 15px;
	cursor: pointer;
	list-style-type:none;
	border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border:solid 4px #4f4f4f;
color:#A8A8A8;
margin: -50px 0px 0px 30px;
}



.addsniptonew {
font-weight:bold;
text-decoration:underline;
	cursor: pointer;


}

#socers {
display:none;
	position: absolute;
	line-height:18px;
	font-size:14px;
	padding:10px;
	list-style-type:none;
	margin:-75px 0px 0px -220px;


	
}

.socers A:hover  {
	
	color:#FFFFFF;
	
}

.pleditblack
{
position:relative;
top:0px;
padding:5px 0px 0px 10px;
height:30px;
color:#FFFFFF;
background-color:#000000;
opacity:0.8;
filter:alpha(opacity=80); 
}

.plblack
{
position:relative;
top:-35px;
padding:5px 10px 0px 10px;
height:30px;
color:#FFFFFF;
background-color:#000000;
opacity:0.8;
filter:alpha(opacity=80); 
}

.lineundervid {
border-bottom:1px solid #777777;
width:528;
margin:30px 0px 0px 0px;
}

img.opa
{
opacity:0.4;
filter:alpha(opacity=40); 
}
img.opa:hover
{
opacity:0.8;
filter:alpha(opacity=80); 
}


#socdrop, #signdrop, #avdrop {
	display: inline-block;
}

#socbut, #signbut, #avbut {
font-size:14px;
margin:0px 15px 10px 0px;
	cursor: pointer;

}

#choosepl {
cursor: pointer;
height:50px;
margin-top:10px;
}

#choosepl:hover {
cursor: pointer;
height:50px;
color:#CCC;
margin-top:10px;
}

#shareit {
float:right;
margin-top:10px;
}

#shareit:hover {
float:right;
margin-top:10px;
color:#CCC;
}

.addtell {
width:300px;
margin: -10px 0px 0px 0px;
}

.listaddtell {
width:300px;
margin: 10px 0px 0px 0px;
}


#nice {
margin:20px 0px 10px 30px;
padding:20px 0px 0px 0px;
}

#nicenw {
margin:20px 0px 0px 30px;
padding:20px 0px 0px 0px;
}


#nicefav {
margin:0px 0px 10px 30px;
}

#nicenwfav {
margin:-10px 0px 0px 50px;
}

#xout {
float:right;
width:100%;
margin: 10px 15px 20px 0px;
padding: 40px 0px 40px 0px;
}

.green {
color:#10A300;
font-weight:bold;
}

#creatsub {
font-size:14px;
}

#addtermtrig {
	cursor: pointer;
	color:#F7F7F7;
	margin:8px 0px 0px 12px;

}

#socdiv {
float:right; margin:20px 0px 0px 15px;color:#A8A8A8;
}

.termstrigger {
	cursor: pointer;
	font-weight:normal;
	margin:0px 0px 0px 13px; font-size:14px;text-decoration:none;color:#858585;

}

.helptrigger {
margin:0px 12px 0px 12px;
cursor: pointer;
}



textarea:focus, input:focus {
    outline: 0;
}


#faqdialog { 
font-size: 14px; color: #B0B0B0;
}

#flagit {
margin:0px 20px 0px 0px;
}

#accordion {
font-size: 14px; padding: 20px; width:350px;
}

#accordion p {
color:#CCC;
}

#faqouter {
float:left; padding:30px;
}

#faqmid {
color:#CCC;
}

#faqdes {
padding:10px; border-right: 1px solid #777777;
}

#faqdespan {
color:#FFF;font-weight:normal;
}

#faqemail {
float:left; padding:20px;
}

#faqques {
margin-bottom:20px;
}
  
a:visited {
	text-decoration: none;
}	  	



.innerpriv {
overflow:auto;
padding:35px;
}

.inftr {
float:left;
margin:2px 0px 0px 4px;
}

#selid {
float:left; font-size: 14px; padding: 20px; margin-top:50px; margin-right:30px; border-right-width:2px;	
border-right-style:ridge; max-width:300px;
color:#CCC;
}

.nocom {
display: none;
margin-top: 30px;
}

.gone {
display:none;
}

.openlog {
cursor:pointer;
height:50px;
margin:2px 0px -5px 0px;
color:#A1A1A1;
float:left;

}


.openlog:hover {
cursor:pointer;
height:50px;
margin:2px 0px -5px 0px;
color:#FFFFFF;
float:left;

}


#signup {
cursor:pointer;
margin:20px 0px 25px 0px;
color:#FFFFFF;

}




#newswrap {

}      

      #news {
margin:80px 15px 0px 0px;
font-family:Arial;
	width:400px;
	height:350px;
overflow:auto;

}

 #newshigher {
margin:60px 15px 0px 0px;
font-family:Arial;
	width:400px;
	height:350px;
overflow:auto;

}

.headline {
padding-top: 15px;
margin: 15px 20px 0px 0px;
border-bottom-width:2px;	
border-bottom-style:groove;
overflow:auto;
}

#innercomm {
width:250px;
margin:0px 0px 0px 15px;
}

.addiv {
padding: 0px 20px 0px 20px;
margin-top: 53px;
    box-shadow: 0px 1px 13px #000000;

}

#chpw, #chnm, #delacc {
padding: 0px 20px 0px 20px;
margin: 0px 20px 0px 40px;
display:none;
}

.htabs a {
text-decoration: underline;
}

.maddiv {
padding: 0px 20px 0px 20px;
margin: 3px 40px 0px 0px;
  

}

.maddivleft {
padding: 0px 20px 0px 20px;
margin: 3px 40px 0px 0px;
float:left;  

}

.maddivright {
float:left;  

}

.pagi {
margin-top: 30px;
}

.toppad30 {
padding-top: 30px;
}

.pagers {
margin: 30px 0px 0px 0px;

padding: 0px 0px 50px 0px;
}

.outeradv {
margin-bottom:5px;
}

.midadv {
padding-top:15px;padding-bottom:15px;width:300px;color:#FFFFFF;
}

.midadv150 {
padding-top:15px;padding-bottom:15px;width:150px;color:#FFFFFF;
}

.midsignin {
padding:35px;width:300px;color:#FFFFFF;
}


.zoom {
font-size:12px;color:#CCC;
}

.anypart {
margin:15px 0px 0px 0px;
font-size:12px;color:#CCC;
}

.anyparty {
margin:15px 0px 18px 0px;
font-size:12px;color:#CCC;
}

.advtit {
padding:14px 0px 13px 0px;font-size:12px;font-weight:bold;
border-top-width:2px;	
border-top-style:groove;
}

.listlinks {
padding:14px 0px 13px 0px;
color:#CCC;
font-weight:bold;
border-bottom-width:2px;	
border-bottom-style:groove;
}

.madvtit {
padding:14px 0px 13px 0px;font-size:12px;font-weight:bold;

}

.cadvtit {
margin:100px 0px 0px 0px;font-size:12px;
color:4f4f4f;

}

.topartad {
margin-top:70px;
margin-right:auto;
margin-left:auto;
font-size:12px;
width:970px;
height:90px;
color:#4f4f4f;
background-color:#4f4f4f;


}

.adrt {
margin:70px 0px 20px 30px;
max-width:400px;

}

.adcent {
margin:40px 0px -25px 0px;
}

.againtit {
padding:7px 0px 13px 0px;font-size:12px;font-weight:bold;
}

.padbot20 {
padding:0px 0px 20px 0px;font-size:12px;font-weight:bold;
}

.advunm {
margin:10px 0px 6px 0px;font-size:12px;font-weight:bold;
}

.advsrchtrms {
margin:10px 0px 6px 0px;
}

.advsrchtrmspadtop {
margin:10px 0px 6px 0px;
padding:10px 0px 6px 0px;
}

.ccc {
color:#CCC;
}



.outercenterdiv {
padding-right:20px;margin-left:50px;
}

.commfl {
float:left;
margin:0px 0px 0px 15px;
}


.commdate {
color:#888888;font-size:10px;
}

.commdate:hover {
color:#888888;font-size:10px;
text-decoration:underline;
}


.arrowa {
color:#FFFFFF; font-weight:bold;
}

.nextarrow {
float:left; margin:50px 0px 0px 20px;
}

#memdiv {
float:left; font-size:14px;  word-wrap: break-word;
}

#accept {
display:none;
margin:30px 0px 30px 0px;

}

#condtrigger {
float:left;
cursor:pointer;
margin:10px 0px 27px 40px;
}

.regis {
font-size:18px;
font-weight:bold;
color:#FFFFFF;
}


#commdiv {
margin:50px;
width:450px;
}

.martop100 {
margin-top:100px;
}

.martop20 {
margin-top:20px;
}

.pplogleft {
float:left;
margin:15px 0px 0px 0px;
}

.checker {
float:left;
margin:9px 0px 0px 5px;
}

.errsuc {
padding:20px 0px 20px 0px;
}

label, input { display:block; }
    fieldset { padding:0; border:0; margin-top:25px; }
    
    
#youmust {
display:none;
color:#FCA103;
word-wrap: break-word;
}    

.adlink {
margin:25px 0px 0px 4px; 
background-color:#000000;
width:120px;
height:90px;
}

.belowth {
margin:25px 0px 0px 4px; 
width:120px;
height:90px;
}



span.whitespan {
color:#FFFFFF;
margin:0px 0px 0px 5px;
}

#progsign {
display:none;
}

#signtit {
color:#CCC;
}

#signtit:hover {
color:#CCC;
cursor:pointer;
}

#signupsub, #entersign {
margin:20px 0px 20px 0px;
}

.art580 {
margin: 20px 25px 120px 25px; 
padding: 0px 0px 140px 0px; 
}

.art580 a{
margin: 20px 25px 120px 25px; 
padding: 0px 0px 140px 0px;
color:#000000; 
}

.art336 {
max-width: 336px;
margin:30px 25px 0px 0px;
}

.ad336 {
margin:0px 0px 20px 0px;
}

.art54 {
width: 54px;
}

.arthead  {
margin:20px 0px 0px 0px;
font-size:20px;
font-weight:bold;
color:#696969;
text-shadow: 0px 1px 3px #FFFFFF; 
}


.arthead a {
font-size:20px;
font-weight:bold;
color:#383838;
text-shadow: 0px 1px 3px #FFFFFF; 
text-decoration:underline;
}

.arthead a:hover {
font-size:20px;
font-weight:bold;
color:#FFFFFF;
text-shadow:none; 

}

.artlist a{
font-size:16px;
font-weight:bold;
color:#3D3D3D;
}

.artlist a:hover {
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}


.mainouter {
max-width:970px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
    
}

.mainindouter {
max-width:900px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
    
}

.maincenter {
 width: 100% !important;
    height: 99% !important;
    overflow: auto !important;
    padding-right: 15px !important;
}

.fadeout {
    position: relative; 
    bottom: 4em;
    height: 4em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
} 


.marrt30 {
margin: 0px 80px 0px 0px;
}

.artlinkhome a {
text-decoration:underline;
font-weight:bold;
color:#3D3D3D;

}

.artlinkhome a:hover {
text-decoration:underline;
font-weight:bold;
color:#FFFFFF;
}

#fbthis {
margin: 4px 0px 0px 20px;
}

.arrowbot {
margin: 30px 0px 0px 80px;
}









#notavid {
        width:640px; height:360px; 
    }
      
    


.num {
   display:none;
}
.ind {
    display:block;
}

.slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

.slideshow img { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

#descr {
width:468px;
margin:67px 25px 50px 25px;
}

.ui-icon {

    }








 .height100 {
 height: 100px;
 }
 
 .martop10 {
 margin-top: 10px;
 }
 
 .marright10 {
 margin-right: 10px;
 }       
 
 .floatlmarl5 {
 float:left;margin-left:5px;
 }
 
 .loopbutdiv {
 width:130px;float:left;margin:0px 0px 0px 20px; 
 }
 
 .stopbutdiv {
 width:75px;float:left;margin-left:0px;
 }
 
 .sharebutdiv {
 width:123px;float:left; 
 }
 

 


 .vidth {
 border-style:solid;
border-width:1px;
border-color:#4F4F4F;
}

 .addopenlog {
 float:left;margin:10px 0px 0px 20px;
 }






    

 

.rightadcont {
float:left; margin: 74px 0px 0px 0px; width:315px; font-size:12px; 
}

.adborder {
width:300px;

}




#urldiv {
margin:20px 0px 20px 0px; font-size:12px;text-decoration:none;color:#333;
}


 
 .middlead {
 margin: 5px 0px 5px 0px;
 }
 
 .listcont {
 width:640px;margin:0px 0px 0px 25px;
 }
 
 #snlistcont {
 width:640px;
 margin:10px 0px 0px 7px;
 padding:10px 0px 0px 0px;
border-top:1px solid #777777;
	
 }
 
 .martop15 {
 margin:15px 0px 0px 0px;
 }
 
  .martop50 {
 margin:50px 0px 0px 0px;
 padding:20px 0px 0px 0px;
 border-top:1px solid #777777;

 }
 
 .flefttop10 {
 float:left;
 margin:10px 0px 0px 0px;
 }
 
 .flefttop10bot25 {
 float:left;
 margin:10px 0px 25px 0px;
 }
 
 .flrtbot10 a {
 float:right;margin:0px 25px 0px 0px;
 font-size:27px;
 }
 
 .flrtbot10 a:hover {
 float:right;margin:0px 25px 0px 0px;
 font-size:27px;
 color:#ffffff;
 cursor:pointer;
 }
 
 .flrtbot12 a {
 float:right;margin:0px 25px 2px 0px;
 font-size:27px;
 }
 
 .flrtbot12 a:hover {
 float:right;margin:0px 25px 2px 0px;
 font-size:27px;
 color:#ffffff;
 cursor:pointer;
 }
 
 .flrtmarrt25 {
 float:right;
 margin:4px 25px 0px 0px;
 }
 
 .listin {
 float:left;width:202px;margin: 16px 2px 20px 8px;
 }
 
 .ht114 {
 height:114px;
 cursor:pointer;
 }
 
 
 #plthsdiv {
 margin:0px 0px 0px 30px;
  width: 560px;

  border: 1px solid;
 padding: 15px;
height: 75px;
overflow-x: hidden;
 overflow-y: hidden;
     white-space:nowrap;
     overflow: -moz-scrollbars-none;
bottom:-20px;

    }
 
 
 #innerplths {
height: 100%;
    display:inline-block;
position:relative;
 
}

 .plimg {
 border: 2px solid #FAA30C;
 }
 
 
 
 .innerpled {
margin:100px 0px 0px 0px;
 padding: 15px;
 }
 
 .listdesc {
 text-decoration: underline;
 margin-top:-25px;color:#969696;white-space:nowrap; 
width:12em; line-height: 1em;height: 1.5em;overflow: hidden;
 text-overflow:ellipsis; 

 }
 
 .listdesc a: hover {
  text-decoration: underline;
 margin-top:-25px;color:#9E9E9E;white-space:nowrap; 
width:12em; line-height: 1em;height: 1.5em;overflow: hidden;
 text-overflow:ellipsis; 

 }
 
 #catsdiv {
float:right;
color:#9C9C9C;
margin:-3px 30px 0px 0px;
}

#catdrop {
	display: inline-block;
color:#9C9C9C;
}

#catbut {
font-size:14px;
color:#9C9C9C;
margin:0px 15px 10px 0px;
}


#listcatdrop {
	display: inline-block;
color:#9C9C9C;
}

#listcatbut {
font-size:14px;
color:#9C9C9C;
margin:0px 15px 10px 0px;
}




.caters {
	position: absolute;
	background-color:#000000;
	line-height:18px;
	font-size:14px;
	padding:10px;
	list-style-type:none;

	
}

.caters A:hover  {
	
	color:#FFFFFF;
	
}



.listcaters {
	position: absolute;
	background-color:#000000;
	line-height:18px;
	font-size:14px;
	padding:10px;
	list-style-type:none;

	
}

.listcaters A:hover  {
	
	color:#FFFFFF;
	
}




#searchdiv {
margin:0px 2px 50px 0px;
}

.headlistlink {
color:#9C9C9C;
float:right;
font-size:14px;
margin:12px 15px 8px 0px;
}

.welsn {
color:#CCC;
font-size:14px;
margin:12px 15px 8px 20px;
}

.headlistlink a:hover {
color:#FFFFFF;

}







.pad10 {
padding: 10px;
}


.floatleftcheck {
float:left;
padding:10px;
}


.marl18 {
margin:7px 0px 0px 20px;
float:left;
}

#marr0 {
margin:0px 0px 0px 18px;
padding:0px 20px 0px 0px;
float:left;
}

#marr1 {
margin:0px 0px 0px 18px;
padding:0px 20px 0px 0px;
float:left;
}

.martop15 {
margin:15px 0px 0px 0px;
}



.ederrsuc {
margin:0px 0px 20px 0px;
}

.edtitle {

margin:0px 0px 20px 0px;
width:500px;
}

.edunderbuts {
margin:0px 0px 20px 0px;
border-bottom:1px solid;
}


.floatlefted {
padding:20px 0px 0px 20px;
width:500px;
height:90px;
border:1px solid;
}

.delbut{
float:right;
    height:20px;
    width:20px;
margin:8px 30px 0px 50px;
}

.delbutmem{
float:right;
    height:20px;
    width:20px;
margin:-6px 20px 9px 0px;
}

.topbut{
float:right;
    height:20px;
    width:20px;
margin:8px 30px 0px 10px;
}

.topbutmem{
float:right;
    height:20px;
    width:20px;
margin:2px 0px 4px 10px;
}

.eddrop {
display: inline-block;
color:#9C9C9C;
}

.hided {
	position: absolute;
	background-color:#000000;
	line-height:18px;
	font-size:14px;
	padding:10px;
	list-style-type:none;

	
}



.edbutty.ui-button {

opacity:0.3;
filter:alpha(opacity=30);   background:none;
   border: none;
}

.edbutty.ui-button:hover {

opacity:0.9;
filter:alpha(opacity=90);   background:none;
   border: none;
}

.edbutty.ui-button:focus {

opacity:0.9;
filter:alpha(opacity=100);   background:none;
   outline: none;
}



.flrtmarr {
float: right;
margin:0px 45px 0px 0px;
}

.flltmarl {
margin:0px 0px 0px 45px;
float:left;
}

#cur {
float: left;
margin: 10px 0px 0px 45px;
}


.leftmain {
float:left;
background: rgba(0, 0, 0, 0.3);
	z-index: 1;
	padding:20px 20px 20px 20px;
	margin:75px 20px 70px 20px;
  }
  
  
.leftacc {
float:left;
background: rgba(0, 0, 0, 0.3);
	z-index: 1;
	padding:20px 20px 20px 20px;
	margin:75px 20px 70px 80px;
	min-width:600px;
	min-height:400px;
  }  
  

.40p {
font-size: 40px;
}  


.copad {
margin:50px;
}

.height50 {
height:50px;
}

.emset {
margin: 10px 0px 0px 0px;
}

img.adth { 
max-width: 100%;
margin-left: -2px;
}

img.badth { 
max-width: 100%;
margin-top: 5px;
margin-left: -2px;
}


.botad {
width:100%;
margin:0px 0px 230px 0px;
padding:0px 0px 30px 0px;
}

.choosvid
	{ 
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	}

*/

/************* current ****************/
/************* current ****************/
/************* current ****************/
/************* current ****************/


body {
 margin: 0;
        padding: 0px;
    	font-size: 14px;
    	font-family: 'Montserrat', sans-serif;
    	
   /*   
    	"Montserrat", sans-serif, "Proxima Nova", "Open Sans";

    font: 14px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
    background: black;
    
	background: rgba(232, 232, 232, 0.85);
    */
background-attachment: fixed;

    color: #545252;

}

 /* 
@media (min-width: 200px) and (max-width:800px) {
body {
 
	background: rgba(232, 232, 232, 0.85);
	

}
}
*/
	  a {
outline:none;


	  }
	  
#enddiv, #speedfield, #urldiv, #sharediv, #ctime, #nosee, #working, #finding, #noseem, .xloop, #stdv, #endv, #pldv, #pnit, #pnst, #pnen, #pnvd, .pwspinny, #pwsuc, #runtime, #dur, #viddur, .noseeum, #vidi, #ent2, #plnamey {
display:none;
}


.clearem {
clear:both;
 }
 
 
body div.ui-slider-range.ui-widget-header {
    background:url("images/ui-bg_loop_25_000000_21x21.png") 50% 50% repeat;
}



	
*{margin:0px;padding:0px}

#header
	{
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
/*		background: #494949;
	background: rgba(232, 232, 232, 0.85);
	

	
		background: grey;
		background: rgb(17, 17, 17);
	
		background: rgb(30, 30, 30);
	

  	box-shadow: 0px 7px 7px #000000;
    -moz-box-shadow: 0px 7px 7px rgba(0, 0, 0, 1.0);
  	*/
  	overflow:auto;
  	width:100%;
  	border-bottom: 2px solid #DDD;
	}
		
.headconts
	{
	width: 100%;
	}
	
#logo {
float:left;
margin:16px 0px 20px 40px;

/*
background-color:red;


padding-bottom:10px;
border-bottom: 3px solid red;

*/
}

#logopic {
	
	margin:0px 0px -5px 0px;
	max-width: 30px;
	
	/*
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
*/
}


@media (max-width:500px) {
#logopic {
	
	margin:0px 0px 0px 10px;
	max-width: 30px;
		/*
-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
*/
}

#logo {
float:left;
margin:16px 0px 0px 10px;
}

}
*/
	
.litext {
width: 355px;
max-width: 90%;
outline: none;
border: 3px solid #4f4f4f;
border-radius: 14px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
height: 19px; 
padding: 3px 5px 3px 5px; 
margin: 6px 0px 0px 0px; 
background-color: #000000;
color:#CCC;
}


.urlbox {
width: 160px;
outline: none;
border: 3px solid #4f4f4f;
border-radius: 14px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
height: 19px; 
padding: 3px 5px 3px 5px; 
margin: 6px 0px 0px 0px; 
background-color: #000000;
color:#CCC;
background-position: 150px 7px;
background-image: url('http://bytlr.com/assets/linkicon.png');
background-repeat: no-repeat;
}	

#gobut {
display:none;
margin:10px 0px;
}
	
#modcont
	{
	width:98%;
	

	}

#main
	{
	width:90%;
	/*		border-radius: 9px;
			-webkit-border-radius: 9px;
			-moz-border-radius: 9px;
	background: rgba(232, 232, 232, 0.85);
		*/
	background:white;
	text-align:center;
    margin: 35px auto;
    margin-top:0px;
    position:relative;

	}
	
/*	
@media (min-width: 320px) and (max-width:1000px) {



#article,#sidebar
	{
	display:inline-block;
	margin:20px;
	padding:0px 0px -10px 0px;
	overflow:none;
	background: rgba(46, 46, 46, 0.35);
	

	}
}
*/

.topofart
	{
	height:25px;
	margin:0px;
	padding:10px 10px 10px 25px;
	overflow:none;
	background:#595959;
	
				/*
	background: rgba(46, 46, 46, 0.5);
				border-radius: 9px 9px 0px 0px;
			-webkit-border-radius: 9px 9px 0px 0px;
			-moz-border-radius: 9px 9px 0px 0px;
			*/
	color:white;
	font-weight:normal;		

	}
	
.desknavsholder {
display:inline-block;

font-family: 'Montserrat', sans-serif;
}







#signdrop
	{
	width:50px;

	margin:0px;
	}



#signdiv {
float:left; margin:-3px 0px 0px 0px;color:#A8A8A8;
}

/*
ul .signers {

color:#000000;
background-color:#FFFFFF;
width:auto;
	padding:20px 15px 40px 15px;
	margin:25px 0px 0px -50px;
	cursor: default;
	list-style-type:none;
	border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:solid 1px #4f4f4f;
z-index:5000;
	position: absolute;
		list-style-type:none;
clear:both;
}
*/

ul .signers, ul .shareners {

color:#FFFFFF;
min-width:150px;
	padding:20px 5px 40px 5px;
	margin:18px 20px 0px -100px;
	cursor: default;
	list-style-type:none;
	/*
	border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
	
border:solid 1px #4f4f4f;
width:auto;
*/
background: rgba(0, 0, 0, 0.85);
	z-index:10000;
	position: absolute;
clear:both;
}

ul .signers li, ul .shareners li {
padding:10px;
color:#FFFFFF;
font-size:14px;
    clear:both;

}

ul .signers li a, ul .shareners li a {
color:#FFFFFF;
}

ul .signers li a:hover, ul .shareners li a:hover {
opacity:1.0;
}





.desknavs a {
    font-size: 13px;
    cursor:pointer;
}

#signbut {
	margin:-2px 0px 2px 0px;
	}

.links {
	list-style-type:none;
}

.menubars
	{
    width: 20px;
    height: 3px;
/*    background-color: rgb(17, 17, 17);
*/
    background-color: #545454;
    margin: 0 0 3px 0;
	}
	
	
.shred {
	outline:none;
	}
	


.belowhead
	{
	height:30px;
	margin:0px;
	padding:13px 10px 5px 10px;
	overflow:none;
	background: rgb(17, 17, 17);
				
	color:white;
	font-weight:normal;	
	}	

.belowcont
	{
	display:none;	

	}	
.beheadinline
	{
	display:inline-block;
	margin:0px 3% 0px 3%;
	letter-spacing: 1px;
	font-size:13px;
	font-weight: 400;
	cursor:pointer;
	}

.beheadinline a
	{	
	text-decoration:none;
	color:#DDD;
	}

.mobad {
	margin:0px 0px 70px 0px;
	}
		
.content
	{
	display:inline-block;
	vertical-align:top;
	padding:20px;
	max-width:90%;
	
  /*for vertical centering*/
  /*
  top:0;
  bottom:0;
  
  
  	  display: table; margin: 0 auto;
	
*/
	}

	#news {
	margin:25px 50px 50px 50px;
	width:450px;
font-family:"Times New Roman",Georgia,Serif;
	padding-right: 30px;

}


.headline, .headline a {
font-size:25px;
line-height:1.4;
padding-top: 15px;
margin: 15px 20px 14px 0px;
text-decoration:none;
}

.story, .story a {
font-size:18px;
margin:16px 0px 48px 0px;
text-decoration:none;
}

.dahothin, .dahothin a {
color:black;
text-decoration:none;
}



.datel {
font-size:18px;
margin:16px 0px 50px 0px;
}


.rtcol
	{
	/*
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
		background: rgba(0, 0, 0, 0.5);
	*/
	
	margin:0px;
	padding:0px 30px 30px 30px;
	max-width:100%;

	}	

.prem
	{
/*
	  text-shadow:
    0px 1px 0 #000,
    2px 1px 0 #000,
    0px 2px 0 #000,
    2px 2px 0 #000;
*/
	color:#222222;

	font-size:13px;
	font-weight:80;

	}
	
.ufield {
	display:inline-block;
    padding: 3px 0px 0px 12px;
	margin:8px 0px 18px 0px;
	
	}

.wufield {
	float:right;
	display:inline-block;
    padding: 3px 0px 0px 12px;
	margin:0px 50px 25px 50px;
	
	}	
		
.bufield {
	float:right;
	display:inline-block;
    padding: 3px 0px 0px 0px;
	margin:14px 30px 10px 50px;
	
	}	

@media (min-width: 200px) and (max-width:800px) {


#main
	{
	width:100%;
	/*		border-radius: 9px;
			-webkit-border-radius: 9px;
			-moz-border-radius: 9px;
	background: rgba(232, 232, 232, 0.85);
    margin: 35px auto;
		*/
	background:white;
	text-align:center;
    margin-top:0px;
    padding-right:-30px;
    position:relative;

	}
	
	
.bufield {
	float:right;
	display:inline-block;
    padding: 3px 0px 0px 0px;
	margin:14px -30px 0px 20px;
	
	}	
	
/*
.bufield {
	
	float:none;
	margin:10px;	
	}
*/	
.belowhead
	{
	display:none;

	}	
		
.searchmagn {
	display:inline-block;
	cursor:pointer;
	
	
}

.searchmagn img {
	margin:-10px 10px 6px 0px;	
	
}	
	.searchphsub {
	
	display:inline-block;
	margin:0px 25px 0px 0px;
	max-width:40%;
	
/*	border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;	

	display:none;
*/
}

}


.textbox {
width: 200px;
outline: none;
/*
border: 3px solid #4f4f4f;
*/
border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
height: 22px; 
padding: 6px 0px 0px 4px; 
margin: 0px 0px 0px 0px; 
background-color:rgba(232, 232, 232, 0.85);
color:#000000;
/*
background-position: 165px 8px;
background-image: url('../assets/searchcam.png');
background-repeat: no-repeat;
*/
}

@media only screen and (max-width: 480px)
{
.textbox {
width: 140px;
}
	


}

.sharemagn {
	display:inline-block;
	cursor:pointer;
	
	
}

.searchmagn img, .sharemagn img {
	margin:-10px 10px 6px 0px;	
	
}

@media (min-width: 801px) {	
	.searchphsub {
	display:inline-block;
	
	margin:0px 25px 0px 0px;
	overflow:hidden;
/*	border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;	
*/
}


.searchmagn {
	display:none;
	}
}




.mobinavs {
	display:inline-block;
	margin:-2px 0px 0px 30px;	
	}
	
label.chooseLabel input[type="submit"] {
    position: fixed;
    top: -1000px;
}

.chooseLabel, .dlima 
	{
	color:#CCCCCC;
	background:#595959;
    padding: 1px 15px 1px 7px;
    display: inline-block;
	margin:12px 20px 12px 0px;
	border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;    
	}
	
.chooseLabeltop:hover, .toolslabel:hover 
	{
	opacity:0.8;
	filter:alpha(opacity=80);
	}



.oppLabel
	{
	color:white;
	font-weight:bold;
	background:#595959;
    padding: 5px 19px 11px 15px;
    display: inline-block;
	margin:15px 20px 0px 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;    
	}
	
.oppLabel:hover
	{
	cursor:pointer;
	color:#CCC;
	}

.hereis
	{
	margin-top:100px;
	padding-top:160px;
	}

.togfilab
	{
	
	
	
	}
	
	
		
/*
.searchicon {
	display:none;
		}	

*/		
.navs
		{
			float:right;
		}
		
#nav
		{
			float:right;
			width:100%;
		}

ul
	{
	list-style:none;
	}
	
li
	{
	padding:4px;
	margin-bottom:5px;
	text-align:center;
	}

/*
@media only screen and (min-width: 320px) and (max-width: 480px)
	{
	ul
		{
		list-style:none;
			width:60%;

		}

		#logo
		{
		float:none;
		padding:0px 0px 0px 20px;
		}
	}
				
@media only screen and (min-width: 480px)
	{
	
	
		#header
		{
			
     		padding:0px 0px 0px 20px;
    		margin:0px 0px 0px 0px;
            -moz-box-shadow: -5px 1px 9px rgba(0, 0, 0, 0.5);
				background: rgba(46, 46, 46, 0.5);
  			box-shadow: -5px 1px 9px #000000;
  			  	overflow:auto;
  			width:100%;
  		}
  		
	
	
	li
		{
			float:left;padding:4px;margin-right:8px;
		}

	#main
		{
			padding:10px;
		}
	
	}

*/	
	
.navfield {
	display:none;
	float:none;
	margin:8px 30px 16px 30px;
	
	}
	
.searchicon {
	display:block;
	float:right;
	margin:10px 30px 0px 0px;
	
	}

.searchmenubr {
	clear:both;
	/*
	display:none;
	width:100px;
	margin-left:10%;
	*/
	height:2px;
	background-color:#ffffff;
	
		}
	
/*	
@media (min-width: 320px) and (max-width: 800px) {

	
#logo {
	float: left;	
	}		
}
*/

@media only screen and (max-width: 999px) {


	#sidebar
		{
vertical-align:top;
			display:block;
			/*max-width: 400px;			
			 width:26%; 
  				margin:50px auto;
			*/
			padding:0px;
			/*
			background-image: url('../assets/knowhat.jpg');
	background-repeat: no-repeat;
	    background-position: 50% 50%;
			*/
		}



#article
		{
display:block;
vertical-align:top;
    			width:100%;
			
  				/*
  				margin:12px auto;
  				*/
					}

.dateline
		{
		vertical-align:top;

    			width:65%;
    margin: 0px auto;
    			
			
  				/*
  				margin:12px auto;
  				*/
					}


.mobinavs {
	display:inline-block;
	margin:-2px 0px 0px 30px;	
	}

}


.topncat {
	color:grey;
	font-size: 20px;
	font-weight:bold;
	margin: 0px 0px 15px 0px;
	}
	
@media only screen and (min-width: 1000px)
	{
/*
	#header
		{
     		
			padding:0px 0px 0px 0px;
    		margin:0px 0px 0px 0px;
            -moz-box-shadow: -5px 1px 9px rgba(0, 0, 0, 0.5);
	background: rgba(46, 46, 46, 0.5);
			
  			box-shadow: -5px 1px 9px #000000;
  		}

*/




	#article
		{
display:inline-block;
vertical-align:top;
    			width:50%;
  				/*
  				margin:12px auto;
  				*/
					}


	.dateline
		{
		vertical-align:top;

    			width:50%;
    margin: 0px auto;
			
  				/*
  				margin:12px auto;
  				*/
					}


	#sidebar
		{
display:inline-block;
vertical-align:top;
			width:32%;
			/* width:26%; */
  				margin:30px 0px auto;
			padding:0px;
	border-left: 1px solid #292929;
			
			/*
			background-image: url('../assets/knowhat.jpg');
	background-repeat: no-repeat;
	    background-position: 50% 50%;
			*/
		}

	
	
	

	ul
		{
			float:right
		}
	
	li
		{
			float:left;
			padding:4px;
			margin-right:8px
		}

	

	}



	



.chtext, .chtext a {
	color:#00BFFF;
	font: 14px "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	font-weight:bold;
	text-decoration:none;
	}
	
.chtext:hover, .chtext a:hover {
	color:#33CCFF;
	border-bottom:1px #555555 dotted;
    }	

.chicon {
	margin:0px 0px 0px 10px;
	font-size:20px;
	font-weight:normal;
	}
	
.chicon:hover {
	color:#FFFFFF;
	}	
 

.topcopy, .topcopy a {
color:#FFFFFF;
font-size:26px;
font-weight:bold;
}

.orangey {
color:#FF7300;
}

.C7C7C7 {
color:#C7C7C7;
}

.red {
color:red;
}

.redbg {
background-color:red;
border-radius: 3px;
	border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
color:white;
padding:3px;	
}

.blackbg {
background-color:black;
border-radius: 3px;
	border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
color:white;
padding:3px;	
}

.white {
color:white;
}

#vid {
        width:640px; height:360px; 
    }
    
#viddiv {
display:none;

max-width:95%
margin-bottom:50px;
}


.video
	{
	width: 100%    !important;
	max-width: 700px !important;
  	height: auto   !important;	
  	background-color: #000000;

  	} 


#contr {
display:none;
width: 100%    !important;
height: auto   !important;	
}

.contrc {
display:table;
width: 100%    !important;
height: auto   !important;	
}

.contrcont {
width:100%;
display: table; 
margin: 0 auto;
}

.fifive {
float:left;
max-width:45%;
margin:10px 0px 0px 0px;
}

.fifteen {
float:left;
max-width:15%;
margin:10px 0px 0px 0px;

}

.spinwid {
min-width:150px;
}

.speedspan {
 font-size:12px;
 color:#919191;
 margin:5px 0px 0px 0px;
 }
 
.speedslide {
 width:70px; float:left;
 }
   	
.watchl, .watchl a
	{
	margin:0px 10px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-decoration:underline;
	}

	  		
		
 .gallcontainer {
margin:10px auto;
padding:30px 0px 0px 0px;
	max-width: 700px;
	min-width: 100px;
	clear:both;
}
 
.top20 {
margin:30px 0px 50px 0px;
}

.top20 img {
max-width:90%;
}


.content .topzeph {
vertical-align:top;
margin:0px 10px 50px 10px;
max-width:90%;
color:#aaaaaa;
}

.content .topzeph a {

color:#CCC;
}

.topzeph img {
max-width:90%;
}


.gallimacont {
 float:left;
 margin: 5px 8px 20px 6px;
 
 }
 
.name {
color:#888888;margin-right:15px;
}
 
  



#colcont {
	padding:55px 0px 0px 3px;
	max-width: 700px;
	min-width: 100px;
	
	clear:both;
}

@media (min-width: 200px) and (max-width: 768px) {
	.flcols {
		-webkit-column-count: 1;
	-webkit-column-gap: 8px;
	-webkit-column-fill: auto;
	-moz-column-count: 1;
	-moz-column-gap: 8px;
	-moz-column-fill: auto;
	column-count: 1;
	column-gap: 8px;
	column-fill: auto;
	position:relative;
	z-index:1000 !important;
	}
	
#header
	{
	
	padding:0px 0px 12px 0px;
	margin:0px 0px 0px 0px;
	
/*		background: #494949;

	background: rgba(232, 232, 232, 0.85);
	
		background: grey;
		background: rgb(17, 17, 17);
	
		background: rgb(30, 30, 30);
	

  	box-shadow: 0px 7px 7px #000000;
    -moz-box-shadow: 0px 7px 7px rgba(0, 0, 0, 1.0);
  	*/
  	overflow:auto;
  	width:100%;
	text-align:center;
  	border-bottom: 2px solid #DDD;
	
	/*	background: rgb(30, 30, 30);

	background: rgb(17, 17, 17);
		
			background: rgba(232, 232, 232, 0.85);

	  box-shadow:  0px 7px 7px #000000;
  -moz-box-shadow: 0px 7px 7px rgba(0, 0, 0, 1.0);
*/
	}
	
.headconts
	{
	width: 100%;
	}	
	
}

/*
@media (min-width: 200px) and (max-width: 768px) {

#sidebar 
	{
	display:none;
	}		

}
*/

@media (min-width: 768px) and (max-width: 900px) {
	.flcols {
		-webkit-column-count: 2;
	-webkit-column-gap: 8px;
	-webkit-column-fill: auto;
	-moz-column-count: 2;
	-moz-column-gap: 8px;
	-moz-column-fill: auto;
	column-count: 2;
	column-gap: 8px;
	column-fill: auto;
	position:relative;
	z-index:1000 !important;
	}
}

@media (min-width: 900px) and (max-width: 1200px) {
	.flcols {
		-webkit-column-count: 3;
	-webkit-column-gap: 8px;
	-webkit-column-fill: auto;
	-moz-column-count: 3;
	-moz-column-gap: 8px;
	-moz-column-fill: auto;
	column-count: 3;
	column-gap: 8px;
	column-fill: auto;
	position:relative;
	z-index:1000 !important;
	}
}

@media (min-width: 1200px) {
	.flcols {
		-webkit-column-count: 4;
	-webkit-column-gap: 8px;
	-webkit-column-fill: auto;
	-moz-column-count: 4;
	-moz-column-gap: 8px;
	-moz-column-fill: auto;
	column-count: 4;
	column-gap: 8px;
	column-fill: auto;
	position:relative;
	z-index:1000 !important;
	}
}
.flarrart .vidthangart img {
  
	max-width:320px; 	
	
 }
 
 
 .flarr, .flarr a, .flarr .feata a, .feata a, .dart, .flarrart, .flarrart a, .flarrart .feata a {
	/*
	display: inline-block;
		*/
    position:relative;

	z-index:1001 !important;
	padding-bottom:20px;
	margin-bottom:20px;
/*
	border-bottom:1px #000000;
*/
	color: #545252;
	text-decoration:none;	
	
	
}

.flarr img, .flarrart img, .dart img {
		width: 100%;
}

.flarr .vidthang, .flarr .vidthangart, .flarr .vidthangart a, .vidthangart a, .vidthangartwhole, .dart, .flarrart .vidthang, .flarrart .vidthangart, .flarrart .vidthangart a {
	font-size:16px;
	margin:13px 3px 6px 3px;
	display:inline-block;

}

.dart a {
	font-size:16px;
}





.yopic
	{
	text-decoration:none;
	
	}
.yopic a  
	{
	color:#00BFFF;	
	}	
	
/*
img.dornth
	{
	
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	
	} 
 */
.font12 {  
font-size:12px;
margin:-10px 0px 10px 0px;
}

.font12brow {  
font-size:12px;
color:#C7C7C7;
}

 .namediv, .namedivartwhole, .namedivartwhole a, .flarr a .namedivart, .flarrart a .namedivart {
 color:black;
font-weight:600; 
font-size:25px;
line-height:1.4;
 margin:25px 0px 10px 0px;
 line-height: 1em; 
 
/* 
 width:215px; 
height: 2em; 
 overflow:hidden;
 
 white-space:nowrap;
*/
 text-overflow:ellipsis;
 }

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;  
 margin:0px 0px 35px 0px; 
 max-width:50%;    /* Internet Explorer 5.5+ */
}		

::-webkit-input-placeholder { /* Chrome */
  color: grey;
}
:-ms-input-placeholder { /* IE 10+ */
  color: grey;
}
::-moz-placeholder { /* Firefox 19+ */
  color: grey;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: grey;
  opacity: 1;
}




.search fieldset {
width:150px; /* This is the width of your background image */
height:28px; /* This is the height of your background image 
background: transparent; 
background-color:#333333;*/
background-color:#FFFFFF;
position:relative; /* This is necessary to absolutely position your search button image later */
/* border-radius: 15px;


*/

border: 1px solid #828282;

	border-radius: 4px 4px 4px 4px;
			-webkit-border-radius: 4px 4px 4px 4px;
			-moz-border-radius: 4px 4px 4px 4px;
	
/*	box-shadow: 0 5px 10px rgba(125, 125, 125, 1);
	*/
}

.search input {border:none;} /* Prevents form input elements from having the default border placed around the element */

.search input.box {

/*background-color:#333333;*/
outline: none;
width:135px; /* This is the width of the search input field */
height:28px;
position:absolute; /* important */
bottom:0;
color:#828282;
font-weight:bold;
font-size:14px;
padding-left:5px;

border-radius: 5px 5px 5px 5px;
			-webkit-border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
}
.search input.btn {
background: transparent url('https://upsees.com/assets/lgsearch.png') 0 0 no-repeat;
width:10px;
/* height:20px; */
position:absolute; /* important */
top:6px;
right:-5px;
}




.orbor {

width:80%;
max-width:160px;
}
  
.artim {	
    position:relative;
	z-index:1001 !important;
	
}

.tip {
	display:none;
	background: #000000;
	color:white;
	position: absolute;
	margin:-40px 0px 0px 8px;
	padding:0px 8px 3px 8px;
	z-index:1002 !important;
	vertical-align:bottom;
	opacity:0.5;
}

.tip a {
	color:white;
	font-size:10px;
	text-decoration:none;
	}
	
.tip img {
	 position: absolute;
    width:220px; 	
	height:130px; 	
}

.blinko {
color:#FF7300;
}

#scrubthum {
	display:none;
	width:auto;
	z-index:100000;
	position:absolute;
	}
	
#scrubber {
        position: relative;
        width: 100% !important;
        height: auto !important;
        margin-top:15px;
    }
    
.previewth {
        position: relative;
        width: 93% !important;
        margin:0px 0px 10px 0px;
        height: 0px;
        border: 5px dashed #FF8000;
        border-radius: 1px;
			-webkit-border-radius: 1px;
			-moz-border-radius: 1px;
            background-image:
    linear-gradient(
      to right, 
      #444444, #111111
    );

    }
    
.previewurl {
        position: relative;
        width: 93% !important;
        margin:0px 0px 10px 0px;
        height: 0px;
        border: 5px dashed #FF8000;
        border-radius: 1px;
			-webkit-border-radius: 1px;
			-moz-border-radius: 1px;
            background-image:
    linear-gradient(
      to right, 
      #444444, #111111
    );

    }    


#newpl {
display:none;
margin:15px 0px 0px 0px;
padding:20px;
width:500px;
}

.linkforemail {
 float:left;margin:13px 0px 0px 30px;
 }
 
.emafielddiv {
 float:left;margin:0px 0px 3px 10px;
 }
     
.adifr {
	padding:20px 0px;
	}	
	
#slider-range.ui-slider .ui-slider-handle {
border: 2px solid #00BFFF;
	color:#00BFFF;
}

#slider-range {
	color:#00BFFF;
	}


.bot25 {
	display: table; 
	margin: 40px auto;
	float:none;
	color: #4f4f4f;
	}

.pub {
float:left;margin-left:6px;font-size:11px; cursor: pointer;
}


#watchlink {	
padding:10px;
	text-decoration:none;

}

#watchlink a {	
	text-decoration:underline;

}


#maybepl {
	opacity:0;
	}
	 			
video, input {
    display: block;
}

input {
    width: 100%;       
}

#shareit {
	color:white;
	font-size:18;
	text-decoration:underline;
	font-weight:bold;
	}
	
#changeloop {
	margin:15px 0px 5px 0px;
	padding:15px 0px 5px 0px;
	}
	
	.changels {
	color:#CCC;
	font-size:18;
	font-weight:bold;
	}	
	
.sharebyt {
	color:white;
	font-size:18;
	font-weight:bold;
	}	
	
#spinch {
	position: absolute; 
	height: 0px; 
	width: 0px; 
	border: none; 
	padding: 0px;
	}	
	
.commentdk {
	margin-bottom:10px;

	}
	.commentdk a {
	opacity:0.45;

	}

.commentdk:hover {
	text-decoration:underline;

	}
		
.commentlt {
	margin-bottom:10px;

	}
	
.commentlt a {
	opacity:1;

	}
	
.commentlt:hover {
	text-decoration:underline;

	}
				
/*
div.commentl:nth-child(odd) a {
	opacity:0.6;
}
*/
.commentl {
	padding:0px 15px 0px 15px;
	}
	
	div.commentl:nth-child(odd) a:hover {
	opacity:1;
	color:#FFFFFF;
	}

	
/************ contact *****************/
.contstack
	{
	padding:20px;
	}
	
.charsleft
	{
	display:none;
	margin:-20px 0px 0px 0px;
	padding:0px 20px 20px 20px;
	font-size:12px;
	}	

.contcount
	{
	margin:0px 0px 10px 0px;
	font-size:11px;
	
	}

.sored 
	{
	color:#FF0000;
	}
				
.contacttext {
margin:-5px 0px 5px 0px;
outline: none;
border: 1px solid #292929;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-size:14px; 
padding: 3px 5px 3px 5px; 
  
  }
  
.top7 {
margin-top:7px;
}  
  
/****************************************/
.pfiddy {
	padding: 50px;
	}

.twepad {
	padding:0px -25px 0px 25px;
	margin:0px -25px 0px 25px;
	}
		
	
.ui-dialog{

position: absolute;
z-index: 100000;

}

#faqdialog, #privdialog {
color: #CCC;
}

.titcont {
	display:none;
color:#333;
 /*display: inline-block;*/
 font-size:25px;
 font-weight:bold;
 margin:25px 0px 10px 0px;
 line-height: 1em;    
    
}

.ifrcont {
	display:none;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    margin-top: 15px;
	max-width:95%    
    height: 0;
    overflow: hidden;
    
}

.hrbelvid {
	display:none;
	margin:40px 0px 10px 0px;
	}

.artcont {
    padding-top: 35px;
	max-width:95%    
    overflow: hidden;
}

.ifrcont iframe {
	display:none;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.loopblue {
	color:#0087B4;
	
}


.fight
	{
	max-width: 85%;
	margin:40px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	vertical-align:top;


	}
	
	
	
.fight img
	{
	padding:0px 0px 10px 0px;
	
	}	

@media (max-width: 999px) {

.fight
	{
	max-width: 80%;
	vertical-align:top;
	border-left: none;

	}
	
.fight img
	{
	padding:0px 0px 10px 0px;
	
	}		
}	

@media (min-width: 1000px) {

.fight
	{
	margin-left:70px;

	}
		
}	
	
.orange
	{
	color:orange;
	}	
	
.evilbrings
	{
	/*
	background-image: url('../assets/vulchazor.png');
	background-repeat: no-repeat;
	    background-position: 50% 50%;
	*/
	color:#CCC;
	padding:50px;
	max-width:459px;
	}
	
	
.hrheight	
	{
	margin:50px;
	}
	
	
.shareall
	{ 
	padding:0px 20px 20px 20px;
	
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	 
	}	
	
.sharealltop
	{ 
	padding:0px 20px 20px 0px;
	 
	}		
	
.shareo
	{ 
	display:inline-block;
	margin:9px 0px -24px -2px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	}
	
.shareo a
	{ 
	text-decoration:none;
	outline:none;
	color:#4f4f4f;
	
	}	
	
.fbhtit
	{ 
	display:inline-block;
position:relative;
margin:-7px 5px 5px 2px; 	
top:-6px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	}
	
.shareo:hover, .fbhtit:hover
	{ 			
	-webkit-filter: none;
	filter: none;
	}
	
.botgrey
		{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
		background: #292929;
	
	/*
		background-color: rgba(232, 232, 232, 0.85);
	background: grey;
		background: rgb(17, 17, 17);
	
		background: rgb(30, 30, 30);
	

  	box-shadow: 0px 7px 7px #000000;
    -moz-box-shadow: 0px 7px 7px rgba(0, 0, 0, 1.0);
  	*/
  	overflow:auto;
  	width:100%;
  bottom: 0;
	}

.rowo 
	{
	width:70%;
	margin: 0px auto;
	}
			
.rowf 
	{
	display: flex;
	
	}

.innerbot
	{
	display:inline-block;
 	font-size:13px;
	padding:50px 30px 50px 0px;
	color:white;
	margin: 35px;

	}

.innerbot div
	{
	margin-bottom:15px;
	}	
	
.innerbot a
	{
	text-decoration:none;
	color:white;
	}
		
.copbot
	{
	font-size:10px;

	}	



@media (min-width: 200px) and (max-width: 768px) {


.botgrey
		{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
		background: #292929;
	
	/*
		background-color: rgba(232, 232, 232, 0.85);
	background: grey;
		background: rgb(17, 17, 17);
	
		background: rgb(30, 30, 30);
	

  	box-shadow: 0px 7px 7px #000000;
    -moz-box-shadow: 0px 7px 7px rgba(0, 0, 0, 1.0);
  	*/
  	overflow:auto;
  	width:100%;
  bottom: 0;
	}

.rowo 
	{
	width:85%;
	margin: 0px auto;
	}
			
.rowf 
	{
	display: flex;
	
	}

.innerbot
	{
	display:inline-block;
	
 	font-size:15px;
	padding:50px 15px 50px 0px;
	color:white;
	margin: 15px;
	}
	
.innerbot div
	{
	margin-bottom:15px;
	}	
	
.innerbot a
	{
	text-decoration:none;
	color:white;
	}
		
.copbot
	{
	font-size:10px;

	}	


}







.featimage
	{
	width:100%;
    
    }
    
.gall{

/*	float: left; 
	margin:40px 0px 0px 525px;
*/
	margin:20px;
	max-width: 900px;
	min-width: 290px;
}


.gallproduct {

		display: inline-block;
-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	}

.gallproduct img {
display: inline-block;
  max-width: 250px;
  	}	
	
	
	
#columns {
max-width:759px;
	-webkit-column-count: 3;
	-webkit-column-gap: 5px;
	-webkit-column-fill: auto;
	-moz-column-count: 3;
	-moz-column-gap: 5px;
	-moz-column-fill: auto;
	column-count: 3;
	column-gap: 5px;
	column-fill: auto;
	background:white;
	
}


#pseudia {
	position:fixed;
    
margin-top: auto;
margin-left: auto;
    margin-right: auto;
    width: 80%;
    z-index:50000;
}
#pseudia img {
padding-top:35px;
max-width: 90%;
cursor: -moz-zoom-out; 
    cursor: -webkit-zoom-out; 
    cursor: zoom-out;
}

.inpseu {
height:90%;
overflow:auto;
}



.blbg 
	{
	background:#FFFFFF;
	}
	
.invisit
	{
	opacity:0.0;
	}
	
.transpar
	{
	opacity:0.3;
	}		

.eddrop {
display: inline-block;
margin:0px 15px 0px 15px;
font-size:16px;
font-weight:bold;
color:#9C9C9C;
}

.eddrop a {
	color: #111111;
	}
	
.nextspan, .nextspan a {
	font-size:14px;
	color: #111111;
	}
	
.contacttext { 
	white-space: pre-wrap;		
}

.indentp { 
   text-indent: 30px;
}

.vidthangartbod {
/*	word-wrap: pre; */
font-size:16px;
font-weight:500;
	margin:3px;
	display:inline-block;
		white-space: pre-wrap;		

	}

.vidthangartbod a {
	color:black;
	}

.fbicon {
max-width: 40px;
	margin:30px 0px 0px 0px;

}

.byline {
font-size:14px;
}


.billink {
font-weight:bold;
color:#858585;
}

.billink a {
font-weight:600;
color:#5e5e5e;
text-decoration:none;
}

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

.billink a:visited {
color:purple;
}	  	


.fullwidthmenu {
display:none;
background-color:#292929;
margin:0;
padding:4% 4% 4% 10%;
}

.fwmit {
display:inline-block;
margin:0px 10% 0px 0px;
color:#DDD;
line-height:1.5;
}

.anipic {
cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}
	.anipicmo {
 	display:none;
	}
@media (min-width: 200px) and (max-width: 768px) {
	.fwmit {
	display:block;
	text-align:right;
	}
	.fwmit div {
	padding:0px 0px 10px 0px;
	}
	.fullwidthmenu {
	text-align:right;
	}
	.anipic {
 	display:none;
	}
	.anipicmo {
 	display:block;
	}
}

.fwmit a {
color:#DDD;
text-decoration:none;
}


.fwmit div a:visited {
color:#bababa;
}

.fwmit div a:hover {
color:#FFFFFF;
}

.ukrblk {
background-color:#0096ff;
color:white;
font-size:16px;
padding:15px 0px 15px 0px;
-moz-box-shadow: 0px 4px 4px 3px rgba(1, 1, 1, 0.58);
     box-shadow: 0px 4px 4px 3px rgba(1, 1, 1, 0.58);
max-width:90%;
     
}

.ukrblue {
line-height:1.8;
max-width:90%;
}

.ukrblue a img {
max-width:60%;
}


.ukrred {
color:white;
background-color:red;
padding:10px;
font-weight:bold;
}

.ukrred a, .ukrblk a, .ukrblue a, .ukrred a:visited {
color:white;
font-size:16px;
font-weight:bold;
text-decoration:none;
cursor:pointer;
  text-shadow: 0px 1px 1px #000fce;

}

.getit a, .getit a:visited {
font-weight:bold;
color:white;
}


.dobut 
	{
	color:white;
	font-size:18px;
	font-weight:bold;
	padding:10px 10px 10px 10px;
	margin:0px 0px 20px 0px;
	cursor: pointer;
	text-shadow: 0px 0px 0px #ffffff;
	background-color:#006cff;
	max-width:90%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow: 1px 2px 1px rgba(1, 1, 1, 0.8);
     	 box-shadow: 1px 2px 1px rgba(1, 1, 1, 0.8);

/*	list-style-type:none;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-moz-box-shadow: 0px 1px 2px 3px rgba(1, 1, 1, 0.68);
     	 box-shadow: 0px 1px 2px 3px rgba(1, 1, 1, 0.68);
	z-index:20000;
	background-color:#fb3203;	
*/		
}

.dobut:hover
	{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-moz-box-shadow: 0px 1px 6px 2px rgba(1, 1, 1, 0.7);
     	 box-shadow: 0px 1px 6px 2px rgba(1, 1, 1, 0.7);
     }
     
.sbad {
max-width:90%;
     
} 

.phcred
	{
	font-size:13px;
	font-weight:normal;
	}   
	

.gotit
	{
	display:inline-block;
	max-width:25%;
	margin:9px 0px 11px 0px;
	vertical-align:middle;
	}


.gotit:before {
  content: "Got it.";
  color:#FFFFFF;
  border: 1px solid #CCC;
  border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
  background-color:#0090ff;
  padding:0.4em 0.6em;
  cursor: pointer;
}  

.gotit:hover:before {
  color:#FFFFFF;
  border: 1px solid #FFFFFF;
  cursor: pointer;
}    








.nojsmsg
	{
	background: #0090ff;
	bottom:0px;
	width:100%;
     display:none;
     text-align:center;
     z-index: 5001;
     height:90px;
margin: 0 auto;
	color:#FFFFFF;
	position:fixed; 
	padding:20px;
		/*opacity:0.9;
  filter:alpha(opacity=90);
*/
	} 

.nojsmsg a
	{	
	color:white;
	}

.nojinner
	{
	max-width:75%;
	margin: 0 auto;
	
	}	
	
.welwut
	{
	color:#999999;
	padding:30px;
	}	
	
.welwut a
	{
	text-decoration:underline;
	}										