tse

html, body {  	/* background //= not actvate */
	background-color:#f1f1f1; /* T?m? sen takia ett? ei ole ihan valakonen kun taustakuva loppuu, f1f1f1 on mclareninhopea */
	background-image:url("http://image.noelshack.com/fichiers/2012/22/1338552266-1-rainbow-dash-my-little-pony-friendship-is-magic.jpg");
	//background-image:url("http://i.imgur.com/1QzY44j.jpg"); /* ALL HAIL CELESTIA */
	//background-image:url("http://i.imgur.com/c2DSydz.jpg"); /* AJ 2 */
	//background-image:url("http://i.imgur.com/6KMsWC0.jpg"); /* Applejerk */
         //background-image:url("http://images5.fanpop.com/image/photos/24500000/Rainbow-Dash-Wallpapers-my-little-pony-friendship-is-magic-24559390-1600-1200.jpg"); /* April Fools AJ */
	background-repeat:repeat-x;
	background-attachment:scroll;
	background-position: 10% 32%;
	//background-position:top left; /* topleft celestialle, muihin default value eli position kommentiksi */
    height: 100%;
}


.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -90px;
}

#footer, .push {
    margin: 0px 0 0 0;
    height: 0px;
    clear: both;
}

#loggedin {	/* wut */
	//background-image:url("https://dl.dropboxusercontent.com/u/156650101/kikels1.gif");
	/* 	min-height: 150px;*/
	/*	min-width: 1100px; */
}

.well.span12 { /* MOTD-tekstin juttuja */
	background-color: rgba(255, 255, 255, 0.7);
	border: 0px solid rgb(227, 227, 227);
}

#welcome {	/* Welcome-tekstin varjo, punas?vyinen */
	//text-shadow: 0px 0px 10px #FFAD85; /* redundant as it is now located inside the navbar */
	text-shadow: 0px 0px 9px rgb(255, 142, 200);
}

#videodiv {
	margin-top: -5px;
}
#currenttitle { /* videon tittelin tyylitys */
    	font-size: 15px;
        color: white;
	font-weight:lighter;
	text-shadow: 15px 15px 15px #FF00FF;
	padding-bottom: 0px;
     background-color : ; 
	filter: dropshadow(color=#000000, offx=0, offy=0);
		border: 0px solid #000000; /* en pid? t?st?, laitettu koska defaultissa on nyt borderit */
}

#mediaurl {	/* Sama fonttikoko tuolla videonlis?yskent?ss? mit? viestikent?ss?kin */
	font-size: px;
}

#library_query {	/* Sama fonttikoko tuolla videonlis?yskent?ss? mit? viestikent?ss?kin */
    opacity:0.0;	
font-size: 13px;
}

.videolist {
    list-style: none outside none;
    margin-left: 0;
	//margin-top: 50px; /* t?? kattoa uusiksi koska vierailla ei ole tasassa -- not needed anymore */
    max-height: 500px;
    
overflow-y: scroll;
}

.videolist li {
    margin: 0px 0 0 auto; /* oli 2px */
    padding: 2px;
    font-size: 8pt;
    border: 1px solid #d4d4d4;
	border-radius: 5px 0px 0px 5px; /* ulkon?k?juttuja jonoon koska scrollbar */
}

.qe_btn {
    height: 20px;
    font-family: Monospace;
    padding: 0 5px 0 5px;
    margin: auto;
    overflow: hidden;
}

.qe_buttons {
    float: left;
}

.qe_title {
    float: left;
color: red;
    
	margin-left: 2px; /* v?li? buttoneiden ja titlen v?liin hitusen */
}

.qe_time {
    font-family: Monospace; /* milt? n?ytt?isi serifin?? */
    float: right;
}

.qe_clear {
    clear: both;
}

#queue { 
    margin-bottom: 0;	/* videojonon ja listan metatietojen v?li */
}

#library {	/* Kirjaston historialista, melkein turha nyt */
        opacity:0.0;
max-height: 0px;
        opacity:0.0;
//width: 540px;
}

#usercount {	/* K?ytt?j?m??r? chatin p??ll?. Ei tarvitse olla niin isolla mit? muiden tekstien */
    	font-size: 15px;
        color: white;
     background-color : transparent; 
	border: 0px solid #22FF00; /* en pid? t?st?, laitettu koska defaultissa on nyt borderit */
}

#plmeta {
	background-color: rgb(245, 245, 245);
	border: 1px solid rgb(227, 227, 227);
    padding: 3px;
    margin: 0;
    font-size: 8pt;
}

#plcount {
    float: left;
}

#pllength {
    float: right;
}

#userlist {	/* K?ytt?j?lista samalla fonttikoolla mit? viestit yhten?isyyden takia */
	background-color:#FFFFFF;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 360px;
    float: left;
    width: 150px;
    border: 1px solid #dedede;
	//border-left: none;
	font-size: 13px;
}


#messagebuffer { /* Itse viestit. Fonttikokoa voi koettaa pienent?? jos huvittaa */
	background-color:#fcfcfc;
    overflow-y: scroll;
    height: 360px;
    border: 1px solid #dedede;
    border-left: 0;
	font-size: 13px;
}

#messagebuffer div, #messagebuffer code { 	/* Turhaa paskaa vaan olkoon nyt */
    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; /* Internet Explorer 5.5+ */
}

#chatline {	/* Viestikentt?, pikselin erolla ylempiin juttuihin ett? n?ytt?? kivemmalta */
    //width: 456px; /* ee tarvihe ennee */
	border-radius: 0px 0px 4px 4px;
	margin-top: 1px;
	font-size: 13px;
}


.userlist_siteadmin {
    color: #cc0000;
    font-weight: bold;
}

.userlist_owner {
    color: //#0060cc; /* oli #0000cc, nyt pastellimaisempi */
    color: #FF0000;
    font-weight: bold;
}

.userlist_op {
     color: //#F4FA58; /* oli #F4FA58, nyt pastellimaisempi */
    color: #0040FF;
    font-weight: bold;
}

.userlist_guest {
    color: #FA58F4;
}

.userlist {
    color: #EEEEEE;
}
.action {
    font-style: italic;
    color: #888888;
}

.spoiler {
    color: #000000;
    background-color: #000000;
}

.spoiler:hover {
    color: #ffffff;
}

.greentext {
    color: #789922;
}

.shout {
    color: #e30000;
    font-weight: bold;
    font-size: 15px;
}

.mono {
    font-family: Monospace;
}

.server-msg-disconnect {
    border: 1px solid #dc0000;
    margin: 3px;
    padding: 2px;
    color: #dc0000; /* v?h?n tummempi punainen */
}

.server-msg-reconnect {
    border: 1px solid #009900;
    margin: 3px;
    padding: 2px;
    color: #009900;
}

.poll-notify {
    color: #888888;
    font-weight: bold;
    font-size: 14px;
}

.option button {
    color: red;
margin-right: 15px;
}

.nick-highlight {
    background-color: #ddffdd;	/* Mainitessa hl?n nimi se n?kyy kyseiselle hl?lle vihertaustalla */
}

.drink {
    margin: 10px 10px;
    padding: 10px 0px;
    border: 2px solid #0000cc;
}

.drinkbar {
    background-color: #000000;
    color: #ffffff;
    text-align: center;
}

#queue_next, #queue_end, #library_search, #youtube_search {
    	    opacity:0.0;
width: 50%;
}

#footer {
    background-color:#000000;
    opacity:0.0;
    height: -100px;
    width: 100%;
    padding: 0;
}

#footer p {
    text-align: center;
    width: -100%;
}

#voteskip {	/* pikakorjaus */
	    opacity:0.0;
margin-bottom: 10px;
}

/* Seuraavat vain moderaattoreiden ja admineiden n?ht?vill?. life is unfair 8D */

#modnav { /* V?h?sen v?li? itse listan ja modikontrollien v?lille */
	margin-top: 20px;
	background: #f1f1f1;
	//background-color: rgba(241, 241, 241, 1.8);
	border-radius: 25px 25px 0 0;
}

.row.modonly {	/* */
	//background: #f1f1f1;
	background-image: linear-gradient(to bottom, rgba(241, 241, 241, 0.8), rgb(250, 250, 250));
	border-radius: 0 0 25px 25px;
	padding-bottom: 25px;
}

#motdtext {
    width: 100%;
}

#banlist { /* leave alone */
    	padding-bottom: 230px; /* leave alone */
}